ccstatusline 2.0.6 → 2.0.8

package/dist/ccstatusline.js

@@ -38938,7 +38938,7 @@ Gradient.propTypes = {
 var dist_default4 = Gradient;
 
 // src/tui/App.tsx
-var import_react44 = __toESM(require_react(), 1);
+var import_react45 = __toESM(require_react(), 1);
 
 // src/utils/claude-settings.ts
 import { execSync } from "child_process";
@@ -50535,7 +50535,8 @@ var PowerlineConfigSchema = exports_external.object({
   separatorInvertBackground: exports_external.array(exports_external.boolean()).default([false]),
   startCaps: exports_external.array(exports_external.string()).default([]),
   endCaps: exports_external.array(exports_external.string()).default([]),
-  theme: exports_external.string().optional()
+  theme: exports_external.string().optional(),
+  autoAlign: exports_external.boolean().default(false)
 });
 
 // src/types/Widget.ts
@@ -50598,7 +50599,8 @@ var SettingsSchema = exports_external.object({
     separatorInvertBackground: [false],
     startCaps: [],
     endCaps: [],
-    theme: undefined
+    theme: undefined,
+    autoAlign: false
   }),
   updatemessage: exports_external.object({
     message: exports_external.string().nullable().optional(),
@@ -51035,7 +51037,7 @@ import { execSync as execSync3 } from "child_process";
 import * as fs5 from "fs";
 import * as path4 from "path";
 var __dirname = "/Users/sirmalloc/Projects/Personal/ccstatusline/src/utils";
-var PACKAGE_VERSION = "2.0.6";
+var PACKAGE_VERSION = "2.0.8";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -51517,7 +51519,7 @@ function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicator
 }
 var SelectInput_default = SelectInput;
 // src/tui/components/ColorMenu.tsx
-var import_react32 = __toESM(require_react(), 1);
+var import_react33 = __toESM(require_react(), 1);
 
 // src/utils/colors.ts
 function createColorMap() {
@@ -52036,7 +52038,7 @@ function formatTokens(count) {
     return `${(count / 1000).toFixed(1)}k`;
   return count.toString();
 }
-function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, globalSeparatorOffset = 0) {
+function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, globalSeparatorOffset = 0, allLinesWidgets) {
   const powerlineConfig = settings.powerline;
   const config2 = powerlineConfig ?? {};
   const separators = config2.separators ?? [""];
@@ -52066,24 +52068,24 @@ function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, gl
     const flexMode = settings.flexMode;
     if (context.isPreview) {
       if (flexMode === "full") {
-        terminalWidth = detectedWidth - 8;
+        terminalWidth = detectedWidth - 6;
       } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 43;
+        terminalWidth = detectedWidth - 40;
       } else if (flexMode === "full-until-compact") {
-        terminalWidth = detectedWidth - 8;
+        terminalWidth = detectedWidth - 6;
       }
     } else {
       if (flexMode === "full") {
-        terminalWidth = detectedWidth - 4;
+        terminalWidth = detectedWidth - 6;
       } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 41;
+        terminalWidth = detectedWidth - 40;
       } else if (flexMode === "full-until-compact") {
         const threshold = settings.compactThreshold;
         const contextPercentage = context.tokenMetrics ? Math.min(100, context.tokenMetrics.contextLength / 200000 * 100) : 0;
         if (contextPercentage >= threshold) {
           terminalWidth = detectedWidth - 40;
         } else {
-          terminalWidth = detectedWidth - 4;
+          terminalWidth = detectedWidth - 6;
         }
       }
     }
@@ -52143,6 +52145,57 @@ function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, gl
   }
   if (widgetElements.length === 0)
     return "";
+  const autoAlign = config2.autoAlign;
+  if (autoAlign && allLinesWidgets) {
+    const maxWidths = [];
+    const allLinesElements = [];
+    for (const lineWidgets of allLinesWidgets) {
+      const filteredLineWidgets = lineWidgets.filter((w) => w.type !== "separator" && w.type !== "flex-separator");
+      const lineElements = [];
+      for (const widget of filteredLineWidgets) {
+        let widgetText = "";
+        try {
+          const widgetImpl = getWidget(widget.type);
+          widgetText = widgetImpl.render(widget, context, settings) ?? "";
+        } catch {
+          continue;
+        }
+        if (widgetText) {
+          const padding = settings.defaultPadding ?? "";
+          const paddedText = `${padding}${widgetText}${padding}`;
+          lineElements.push({
+            content: paddedText,
+            bgColor: widget.backgroundColor,
+            fgColor: widget.color,
+            widget
+          });
+        }
+      }
+      allLinesElements.push(lineElements);
+    }
+    for (let pos = 0;pos < Math.max(...allLinesElements.map((line) => line.length)); pos++) {
+      let maxWidth = 0;
+      for (const lineElements of allLinesElements) {
+        const element = lineElements[pos];
+        if (element) {
+          const plainLength = element.content.replace(ANSI_REGEX, "").length;
+          maxWidth = Math.max(maxWidth, plainLength);
+        }
+      }
+      maxWidths.push(maxWidth);
+    }
+    for (let i = 0;i < widgetElements.length; i++) {
+      const element = widgetElements[i];
+      const maxWidth = maxWidths[i];
+      if (element && maxWidth !== undefined) {
+        const currentLength = element.content.replace(ANSI_REGEX, "").length;
+        const paddingNeeded = maxWidth - currentLength;
+        if (paddingNeeded > 0) {
+          element.content += " ".repeat(paddingNeeded);
+        }
+      }
+    }
+  }
   let result = "";
   if (startCap && widgetElements.length > 0) {
     const firstWidget = widgetElements[0];
@@ -52303,18 +52356,17 @@ function formatSeparator(sep) {
   }
   return sep;
 }
-function renderStatusLineWithInfo(widgets, settings, context) {
-  const line = renderStatusLine(widgets, settings, context);
+function renderStatusLineWithInfo(widgets, settings, context, allLinesWidgets) {
+  const line = renderStatusLine(widgets, settings, context, allLinesWidgets);
   const wasTruncated = line.includes("...");
   return { line, wasTruncated };
 }
-function renderStatusLine(widgets, settings, context) {
+function renderStatusLine(widgets, settings, context, allLinesWidgets) {
   const colorLevel = getColorLevelString(settings.colorLevel);
   const powerlineSettings = settings.powerline;
   const isPowerlineMode = Boolean(powerlineSettings?.enabled);
-  if (isPowerlineMode) {
-    return renderPowerlineStatusLine(widgets, settings, context, context.lineIndex ?? 0, context.globalSeparatorIndex ?? 0);
-  }
+  if (isPowerlineMode)
+    return renderPowerlineStatusLine(widgets, settings, context, context.lineIndex ?? 0, context.globalSeparatorIndex ?? 0, allLinesWidgets);
   const applyColorsWithOverride = (text, foregroundColor, backgroundColor, bold) => {
     let fgColor = foregroundColor;
     if (settings.overrideForegroundColor && settings.overrideForegroundColor !== "none") {
@@ -52335,22 +52387,22 @@ function renderStatusLine(widgets, settings, context) {
       if (flexMode === "full") {
         terminalWidth = detectedWidth - 6;
       } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 43;
+        terminalWidth = detectedWidth - 40;
       } else if (flexMode === "full-until-compact") {
         terminalWidth = detectedWidth - 6;
       }
     } else {
       if (flexMode === "full") {
-        terminalWidth = detectedWidth - 4;
+        terminalWidth = detectedWidth - 6;
       } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 41;
+        terminalWidth = detectedWidth - 40;
       } else if (flexMode === "full-until-compact") {
         const threshold = settings.compactThreshold;
         const contextPercentage = context.tokenMetrics ? Math.min(100, context.tokenMetrics.contextLength / 200000 * 100) : 0;
         if (contextPercentage >= threshold) {
           terminalWidth = detectedWidth - 40;
         } else {
-          terminalWidth = detectedWidth - 4;
+          terminalWidth = detectedWidth - 6;
         }
       }
     }
@@ -52804,6 +52856,38 @@ class SessionClockWidget {
     return true;
   }
 }
+// src/widgets/SessionCost.ts
+class SessionCostWidget {
+  getDefaultColor() {
+    return "green";
+  }
+  getDescription() {
+    return "Shows the total session cost in USD";
+  }
+  getDisplayName() {
+    return "Session Cost";
+  }
+  getEditorDisplay(item) {
+    return { displayText: this.getDisplayName() };
+  }
+  render(item, context, settings) {
+    if (context.isPreview) {
+      return item.rawValue ? "$2.45" : "Cost: $2.45";
+    }
+    const totalCost = context.data?.cost?.total_cost_usd;
+    if (totalCost === undefined) {
+      return null;
+    }
+    const formattedCost = `$${totalCost.toFixed(2)}`;
+    return item.rawValue ? formattedCost : `Cost: ${formattedCost}`;
+  }
+  supportsRawValue() {
+    return true;
+  }
+  supportsColors(item) {
+    return true;
+  }
+}
 // src/widgets/TerminalWidth.ts
 class TerminalWidthWidget {
   getDefaultColor() {
@@ -53160,11 +53244,19 @@ var CustomCommandEditor = ({ widget, onComplete, onCancel, action }) => {
     return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
           children: [
-            "Enter max width (blank for no limit):",
-            " ",
-            widthInput
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              children: "Enter max width (blank for no limit): "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              children: widthInput
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              backgroundColor: "gray",
+              color: "black",
+              children: " "
+            }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
         /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
@@ -53177,11 +53269,19 @@ var CustomCommandEditor = ({ widget, onComplete, onCancel, action }) => {
     return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
           children: [
-            "Enter timeout in milliseconds (default 1000):",
-            " ",
-            timeoutInput
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              children: "Enter timeout in milliseconds (default 1000): "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              children: timeoutInput
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              backgroundColor: "gray",
+              color: "black",
+              children: " "
+            }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
         /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
@@ -53304,12 +53404,146 @@ class BlockTimerWidget {
     return true;
   }
 }
+// src/widgets/CurrentWorkingDir.tsx
+var import_react31 = __toESM(require_react(), 1);
+var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
+
+class CurrentWorkingDirWidget {
+  getDefaultColor() {
+    return "blue";
+  }
+  getDescription() {
+    return "Shows the current working directory";
+  }
+  getDisplayName() {
+    return "Current Working Dir";
+  }
+  getEditorDisplay(item) {
+    const segments = item.metadata?.segments ? parseInt(item.metadata.segments, 10) : undefined;
+    const modifiers = [];
+    if (segments && segments > 0) {
+      modifiers.push(`segments: ${segments}`);
+    }
+    return {
+      displayText: this.getDisplayName(),
+      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+    };
+  }
+  render(item, context, settings) {
+    if (context.isPreview) {
+      const segments2 = item.metadata?.segments ? parseInt(item.metadata.segments, 10) : undefined;
+      let previewPath;
+      if (segments2 && segments2 > 0) {
+        if (segments2 === 1) {
+          previewPath = ".../project";
+        } else {
+          previewPath = ".../example/project";
+        }
+      } else {
+        previewPath = "/Users/example/project";
+      }
+      return item.rawValue ? previewPath : `cwd: ${previewPath}`;
+    }
+    const cwd2 = context.data?.cwd;
+    if (!cwd2) {
+      return null;
+    }
+    const segments = item.metadata?.segments ? parseInt(item.metadata.segments, 10) : undefined;
+    let displayPath = cwd2;
+    if (segments && segments > 0) {
+      const pathParts = cwd2.split("/");
+      const filteredParts = pathParts.filter((part) => part !== "");
+      if (filteredParts.length > segments) {
+        const selectedSegments = filteredParts.slice(-segments);
+        displayPath = ".../" + selectedSegments.join("/");
+      }
+    }
+    return item.rawValue ? displayPath : `cwd: ${displayPath}`;
+  }
+  getCustomKeybinds() {
+    return [
+      { key: "s", label: "(s)egments", action: "edit-segments" }
+    ];
+  }
+  renderEditor(props) {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(CurrentWorkingDirEditor, {
+      ...props
+    }, undefined, false, undefined, this);
+  }
+  supportsRawValue() {
+    return true;
+  }
+  supportsColors(item) {
+    return true;
+  }
+}
+var CurrentWorkingDirEditor = ({ widget, onComplete, onCancel, action }) => {
+  const [segmentsInput, setSegmentsInput] = import_react31.useState(widget.metadata?.segments ?? "");
+  use_input_default((input, key) => {
+    if (action === "edit-segments") {
+      if (key.return) {
+        const segments = parseInt(segmentsInput, 10);
+        if (!isNaN(segments) && segments > 0) {
+          onComplete({
+            ...widget,
+            metadata: {
+              ...widget.metadata,
+              segments: segments.toString()
+            }
+          });
+        } else {
+          const { segments: segments2, ...restMetadata } = widget.metadata ?? {};
+          onComplete({
+            ...widget,
+            metadata: Object.keys(restMetadata).length > 0 ? restMetadata : undefined
+          });
+        }
+      } else if (key.escape) {
+        onCancel();
+      } else if (key.backspace) {
+        setSegmentsInput(segmentsInput.slice(0, -1));
+      } else if (input && /\d/.test(input) && !key.ctrl) {
+        setSegmentsInput(segmentsInput + input);
+      }
+    }
+  });
+  if (action === "edit-segments") {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              children: "Enter number of segments to display (blank for full path): "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              children: segmentsInput
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              backgroundColor: "gray",
+              color: "black",
+              children: " "
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+          dimColor: true,
+          children: "Press Enter to save, ESC to cancel"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+    children: "Unknown editor mode"
+  }, undefined, false, undefined, this);
+};
 // src/utils/widgets.ts
 var widgetRegistry = new Map([
   ["model", new ModelWidget],
   ["output-style", new OutputStyleWidget],
   ["git-branch", new GitBranchWidget],
   ["git-changes", new GitChangesWidget],
+  ["current-working-dir", new CurrentWorkingDirWidget],
   ["tokens-input", new TokensInputWidget],
   ["tokens-output", new TokensOutputWidget],
   ["tokens-cached", new TokensCachedWidget],
@@ -53318,6 +53552,7 @@ var widgetRegistry = new Map([
   ["context-percentage", new ContextPercentageWidget],
   ["context-percentage-usable", new ContextPercentageUsableWidget],
   ["session-clock", new SessionClockWidget],
+  ["session-cost", new SessionCostWidget],
   ["block-timer", new BlockTimerWidget],
   ["terminal-width", new TerminalWidthWidget],
   ["version", new VersionWidget],
@@ -53343,10 +53578,10 @@ function getAllWidgetTypes(settings) {
 }
 
 // src/tui/components/ConfirmDialog.tsx
-var import_react31 = __toESM(require_react(), 1);
-var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react32 = __toESM(require_react(), 1);
+var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
 var ConfirmDialog = ({ message, onConfirm, onCancel, inline = false }) => {
-  const [selectedIndex, setSelectedIndex] = import_react31.useState(0);
+  const [selectedIndex, setSelectedIndex] = import_react32.useState(0);
   use_input_default((input, key) => {
     if (key.upArrow) {
       setSelectedIndex(Math.max(0, selectedIndex - 1));
@@ -53365,17 +53600,17 @@ var ConfirmDialog = ({ message, onConfirm, onCancel, inline = false }) => {
   const renderOptions = () => {
     const yesStyle = selectedIndex === 0 ? { color: "cyan" } : {};
     const noStyle = selectedIndex === 1 ? { color: "cyan" } : {};
-    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
           ...yesStyle,
           children: [
             selectedIndex === 0 ? "▶ " : "  ",
             "Yes"
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
           ...noStyle,
           children: [
             selectedIndex === 1 ? "▶ " : "  ",
@@ -53388,13 +53623,13 @@ var ConfirmDialog = ({ message, onConfirm, onCancel, inline = false }) => {
   if (inline) {
     return renderOptions();
   }
-  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
         children: message
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
         marginTop: 1,
         children: renderOptions()
       }, undefined, false, undefined, this)
@@ -53403,14 +53638,14 @@ var ConfirmDialog = ({ message, onConfirm, onCancel, inline = false }) => {
 };
 
 // src/tui/components/ColorMenu.tsx
-var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
 var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
-  const [showSeparators, setShowSeparators] = import_react32.useState(false);
-  const [hexInputMode, setHexInputMode] = import_react32.useState(false);
-  const [hexInput, setHexInput] = import_react32.useState("");
-  const [ansi256InputMode, setAnsi256InputMode] = import_react32.useState(false);
-  const [ansi256Input, setAnsi256Input] = import_react32.useState("");
-  const [showClearConfirm, setShowClearConfirm] = import_react32.useState(false);
+  const [showSeparators, setShowSeparators] = import_react33.useState(false);
+  const [hexInputMode, setHexInputMode] = import_react33.useState(false);
+  const [hexInput, setHexInput] = import_react33.useState("");
+  const [ansi256InputMode, setAnsi256InputMode] = import_react33.useState(false);
+  const [ansi256Input, setAnsi256Input] = import_react33.useState("");
+  const [showClearConfirm, setShowClearConfirm] = import_react33.useState(false);
   const powerlineEnabled = settings.powerline.enabled;
   const colorableWidgets = widgets.filter((widget) => {
     if (widget.type === "separator") {
@@ -53423,8 +53658,8 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
       return false;
     }
   });
-  const [highlightedItemId, setHighlightedItemId] = import_react32.useState(colorableWidgets[0]?.id ?? null);
-  const [editingBackground, setEditingBackground] = import_react32.useState(false);
+  const [highlightedItemId, setHighlightedItemId] = import_react33.useState(colorableWidgets[0]?.id ?? null);
+  const [editingBackground, setEditingBackground] = import_react33.useState(false);
   const hasNoItems = colorableWidgets.length === 0;
   use_input_default((input, key) => {
     if (hasNoItems) {
@@ -53618,30 +53853,30 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
     }
   });
   if (hasNoItems) {
-    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
           bold: true,
           children: [
             "Configure Colors",
             lineIndex !== undefined ? ` - Line ${lineIndex + 1}` : ""
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             dimColor: true,
-            children: "No colorable items in the status line."
+            children: "No colorable widgets in the status line."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
           dimColor: true,
-          children: "Add a Model or Git Branch item first."
+          children: "Add a widget first to continue."
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: "Press any key to go back..."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
@@ -53732,36 +53967,36 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
     }
   }
   if (showClearConfirm) {
-    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
           bold: true,
           color: "yellow",
           children: "⚠ Confirm Clear All Colors"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
               children: "This will reset all colors for all widgets to their defaults."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
               color: "red",
               children: "This action cannot be undone!"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: "Continue?"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ConfirmDialog, {
+          children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(ConfirmDialog, {
             inline: true,
             onConfirm: () => {
               const newItems = widgets.map((widget) => {
@@ -53782,12 +54017,12 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
   const hasGlobalFgOverride = !!settings.overrideForegroundColor;
   const hasGlobalBgOverride = !!settings.overrideBackgroundColor && !powerlineEnabled;
   const globalOverrideMessage = hasGlobalFgOverride && hasGlobalBgOverride ? "⚠ Global override for FG and BG active" : hasGlobalFgOverride ? "⚠ Global override for FG active" : hasGlobalBgOverride ? "⚠ Global override for BG active" : null;
-  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             bold: true,
             children: [
               "Configure Colors",
@@ -53795,7 +54030,7 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
               editingBackground && source_default.yellow(" [Background Mode]")
             ]
           }, undefined, true, undefined, this),
-          globalOverrideMessage && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          globalOverrideMessage && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             color: "yellow",
             dimColor: true,
             children: [
@@ -53805,56 +54040,56 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: "Enter 6-digit hex color code (without #):"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: [
               "#",
               hexInput,
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
                 dimColor: true,
                 children: hexInput.length < 6 ? "_".repeat(6 - hexInput.length) : ""
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: " "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter when done, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: "Enter ANSI 256 color code (0-255):"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: [
               ansi256Input,
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
                 dimColor: true,
                 children: ansi256Input.length === 0 ? "___" : ansi256Input.length === 1 ? "__" : ansi256Input.length === 2 ? "_" : ""
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: " "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter when done, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(jsx_dev_runtime4.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(jsx_dev_runtime5.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             dimColor: true,
             children: [
               "↑↓ to select, ←→ to cycle",
@@ -53866,16 +54101,16 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
               "(r)eset, (c)lear all, ESC to go back"
             ]
           }, undefined, true, undefined, this),
-          !settings.powerline.enabled && !settings.defaultSeparator && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          !settings.powerline.enabled && !settings.defaultSeparator && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             dimColor: true,
             children: [
               "(s)how separators:",
               showSeparators ? source_default.green("ON") : source_default.gray("OFF")
             ]
           }, undefined, true, undefined, this),
-          selectedWidget ? /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+          selectedWidget ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
               children: [
                 "Current",
                 " ",
@@ -53889,19 +54124,19 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
                 selectedWidget.bold && source_default.bold(" [BOLD]")
               ]
             }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
               children: " "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
         marginTop: 1,
-        children: hexInputMode || ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+        children: hexInputMode || ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
           flexDirection: "column",
-          children: menuItems.map((item) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          children: menuItems.map((item) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             color: item.value === highlightedItemId ? "cyan" : "white",
             bold: item.value === highlightedItemId,
             children: [
@@ -53909,28 +54144,28 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
               item.label
             ]
           }, item.value, true, undefined, this))
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(SelectInput_default, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(SelectInput_default, {
           items: menuItems,
           onSelect: handleSelect,
           onHighlight: handleHighlight,
           initialIndex: Math.max(0, menuItems.findIndex((item) => item.value === highlightedItemId)),
-          indicatorComponent: ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          indicatorComponent: ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: isSelected ? "▶" : "  "
           }, undefined, false, undefined, this),
-          itemComponent: ({ isSelected, label }) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          itemComponent: ({ isSelected, label }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             children: ` ${label}`
           }, undefined, false, undefined, this)
         }, `${showSeparators}-${highlightedItemId}`, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             color: "yellow",
             children: "⚠ VSCode Users: "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
             dimColor: true,
             wrap: "wrap",
             children: 'If colors appear incorrect in the VSCode integrated terminal, the "Terminal › Integrated: Minimum Contrast Ratio" (`terminal.integrated.minimumContrastRatio`) setting is forcing a minimum contrast between foreground and background colors. You can adjust this setting to 1 to disable the contrast enforcement, or use a standalone terminal for accurate colors.'
@@ -53941,16 +54176,16 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
   }, undefined, true, undefined, this);
 };
 // src/tui/components/GlobalOverridesMenu.tsx
-var import_react33 = __toESM(require_react(), 1);
-var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react34 = __toESM(require_react(), 1);
+var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
 var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
-  const [editingPadding, setEditingPadding] = import_react33.useState(false);
-  const [editingSeparator, setEditingSeparator] = import_react33.useState(false);
-  const [confirmingSeparator, setConfirmingSeparator] = import_react33.useState(false);
-  const [paddingInput, setPaddingInput] = import_react33.useState(settings.defaultPadding ?? "");
-  const [separatorInput, setSeparatorInput] = import_react33.useState(settings.defaultSeparator ?? "");
-  const [inheritColors, setInheritColors] = import_react33.useState(settings.inheritSeparatorColors);
-  const [globalBold, setGlobalBold] = import_react33.useState(settings.globalBold);
+  const [editingPadding, setEditingPadding] = import_react34.useState(false);
+  const [editingSeparator, setEditingSeparator] = import_react34.useState(false);
+  const [confirmingSeparator, setConfirmingSeparator] = import_react34.useState(false);
+  const [paddingInput, setPaddingInput] = import_react34.useState(settings.defaultPadding ?? "");
+  const [separatorInput, setSeparatorInput] = import_react34.useState(settings.defaultSeparator ?? "");
+  const [inheritColors, setInheritColors] = import_react34.useState(settings.inheritSeparatorColors);
+  const [globalBold, setGlobalBold] = import_react34.useState(settings.globalBold);
   const isPowerlineEnabled = settings.powerline.enabled;
   const hasManualSeparators = settings.lines.some((line) => line.some((item) => item.type === "separator"));
   const bgColors = ["none", ...COLOR_MAP.filter((c) => c.isBackground).map((c) => c.name)];
@@ -54052,95 +54287,95 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
       }
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         bold: true,
         children: "Global Overrides"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         dimColor: true,
-        children: "Configure automatic padding and separators between items"
+        children: "Configure automatic padding and separators between widgets"
       }, undefined, false, undefined, this),
-      isPowerlineEnabled && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+      isPowerlineEnabled && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
           color: "yellow",
           children: "⚠ Some options are disabled while Powerline mode is active"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         marginTop: 1
       }, undefined, false, undefined, this),
-      editingPadding ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+      editingPadding ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
-                children: "Enter default padding (applied to left and right of each item): "
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                children: "Enter default padding (applied to left and right of each widget): "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 color: "cyan",
                 children: paddingInput ? `"${paddingInput}"` : "(empty)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to save, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : editingSeparator ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : editingSeparator ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
-                children: "Enter default separator (placed between items): "
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                children: "Enter default separator (placed between widgets): "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 color: "cyan",
                 children: separatorInput ? `"${separatorInput}"` : "(empty - no separator will be added)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to save, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : confirmingSeparator ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : confirmingSeparator ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
               color: "yellow",
               children: "⚠ Warning: Setting a default separator will remove all existing manual separators from your status lines."
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "New default separator: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 color: "cyan",
                 children: separatorInput ? `"${separatorInput}"` : "(empty)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
               children: "Do you want to continue? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 const updatedSettings = {
@@ -54158,47 +54393,47 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(jsx_dev_runtime5.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "      Global Bold: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 color: globalBold ? "green" : "red",
                 children: globalBold ? "✓ Enabled" : "✗ Disabled"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (o) to toggle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "  Default Padding: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 color: "cyan",
                 children: settings.defaultPadding ? `"${settings.defaultPadding}"` : "(none)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (p) to edit"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "Override FG Color: "
               }, undefined, false, undefined, this),
               (() => {
                 const fgColor = settings.overrideForegroundColor ?? "none";
                 if (fgColor === "none") {
-                  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                     color: "gray",
                     children: "(none)"
                   }, undefined, false, undefined, this);
@@ -54206,31 +54441,31 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
                   const displayName = getColorDisplayName(fgColor);
                   const fgChalk = getChalkColor(fgColor, "ansi16", false);
                   const display = fgChalk ? fgChalk(displayName) : displayName;
-                  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                     children: display
                   }, undefined, false, undefined, this);
                 }
               })(),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 children: " - (f) cycle, (g) clear"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "Override BG Color: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(jsx_dev_runtime5.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
                 children: [
                   (() => {
                     const bgColor = settings.overrideBackgroundColor ?? "none";
                     if (bgColor === "none") {
-                      return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                         color: "gray",
                         children: "(none)"
                       }, undefined, false, undefined, this);
@@ -54238,12 +54473,12 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
                       const displayName = getColorDisplayName(bgColor);
                       const bgChalk = getChalkColor(bgColor, "ansi16", true);
                       const display = bgChalk ? bgChalk(` ${displayName} `) : displayName;
-                      return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                         children: display
                       }, undefined, false, undefined, this);
                     }
                   })(),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                     dimColor: true,
                     children: " - (b) cycle, (c) clear"
                   }, undefined, false, undefined, this)
@@ -54251,21 +54486,21 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "   Inherit Colors: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(jsx_dev_runtime5.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                     color: inheritColors ? "green" : "red",
                     children: inheritColors ? "✓ Enabled" : "✗ Disabled"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (i) to toggle"
                   }, undefined, false, undefined, this)
@@ -54273,21 +54508,21 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "Default Separator: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(jsx_dev_runtime5.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                     color: "cyan",
                     children: settings.defaultSeparator ? `"${settings.defaultSeparator}"` : "(none)"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (s) to edit"
                   }, undefined, false, undefined, this)
@@ -54295,36 +54530,36 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             marginTop: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
               dimColor: true,
               children: "Press ESC to go back"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
-                children: "Note: These settings are applied during rendering and don't add items to your widget list."
+                children: "Note: These settings are applied during rendering and don't add widgets to your widget list."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Inherit colors: Separators will use colors from the preceding widget"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Global Bold: Makes all text bold regardless of individual settings"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
-                children: "• Override colors: All items will use these colors instead of their configured colors"
+                children: "• Override colors: All widgets will use these colors instead of their configured colors"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
@@ -54334,8 +54569,8 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
   }, undefined, true, undefined, this);
 };
 // src/tui/components/InstallMenu.tsx
-var import_react34 = __toESM(require_react(), 1);
-var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react35 = __toESM(require_react(), 1);
+var jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
 var InstallMenu = ({
   bunxAvailable,
   existingStatusLine,
@@ -54343,7 +54578,7 @@ var InstallMenu = ({
   onSelectBunx,
   onCancel
 }) => {
-  const [selectedIndex, setSelectedIndex] = import_react34.useState(0);
+  const [selectedIndex, setSelectedIndex] = import_react35.useState(0);
   const maxIndex = 2;
   use_input_default((input, key) => {
     if (key.escape) {
@@ -54372,16 +54607,16 @@ var InstallMenu = ({
       }
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
         bold: true,
         children: "Install ccstatusline to Claude Code"
       }, undefined, false, undefined, this),
-      existingStatusLine && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      existingStatusLine && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
           color: "yellow",
           children: [
             '⚠ Current status line: "',
@@ -54390,18 +54625,18 @@ var InstallMenu = ({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
           dimColor: true,
           children: "Select package manager to use:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
               color: selectedIndex === 0 ? "blue" : undefined,
               children: [
                 selectedIndex === 0 ? "▶  " : "   ",
@@ -54409,8 +54644,8 @@ var InstallMenu = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
               color: selectedIndex === 1 && bunxAvailable ? "blue" : undefined,
               dimColor: !bunxAvailable,
               children: [
@@ -54420,9 +54655,9 @@ var InstallMenu = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
               color: selectedIndex === 2 ? "blue" : undefined,
               children: [
                 selectedIndex === 2 ? "▶  " : "   ",
@@ -54432,16 +54667,16 @@ var InstallMenu = ({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginTop: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
           dimColor: true,
           children: "The selected command will be written to ~/.claude/settings.json"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
           dimColor: true,
           children: "Press Enter to select, ESC to cancel"
         }, undefined, false, undefined, this)
@@ -54450,12 +54685,12 @@ var InstallMenu = ({
   }, undefined, true, undefined, this);
 };
 // src/tui/components/ItemsEditor.tsx
-var import_react35 = __toESM(require_react(), 1);
-var jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react36 = __toESM(require_react(), 1);
+var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
 var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
-  const [selectedIndex, setSelectedIndex] = import_react35.useState(0);
-  const [moveMode, setMoveMode] = import_react35.useState(false);
-  const [customEditorWidget, setCustomEditorWidget] = import_react35.useState(null);
+  const [selectedIndex, setSelectedIndex] = import_react36.useState(0);
+  const [moveMode, setMoveMode] = import_react36.useState(false);
+  const [customEditorWidget, setCustomEditorWidget] = import_react36.useState(null);
   const separatorChars = ["|", "-", ",", " "];
   const getAllowedTypes = () => {
     let allowedTypes = getAllWidgetTypes(settings);
@@ -54642,7 +54877,7 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
             if (widgetImpl.getCustomKeybinds) {
               const customKeybinds2 = widgetImpl.getCustomKeybinds();
               const matchedKeybind = customKeybinds2.find((kb) => kb.key === input);
-              if (matchedKeybind) {
+              if (matchedKeybind && !key.ctrl) {
                 if (widgetImpl.handleEditorAction) {
                   const updatedWidget = widgetImpl.handleEditorAction(matchedKeybind.action, currentWidget2);
                   if (updatedWidget) {
@@ -54715,12 +54950,12 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
       action: customEditorWidget.action
     });
   }
-  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             bold: true,
             children: [
               "Edit Line",
@@ -54729,13 +54964,13 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
               " "
             ]
           }, undefined, true, undefined, this),
-          moveMode && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          moveMode && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             color: "blue",
             children: "[MOVE MODE]"
           }, undefined, false, undefined, this),
-          (settings.powerline.enabled || Boolean(settings.defaultSeparator)) && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+          (settings.powerline.enabled || Boolean(settings.defaultSeparator)) && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
             marginLeft: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
               color: "yellow",
               children: [
                 "⚠",
@@ -54746,96 +54981,96 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      moveMode ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      moveMode ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         flexDirection: "column",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           dimColor: true,
-          children: "↑↓ to move item, ESC or Enter to exit move mode"
+          children: "↑↓ to move widget, ESC or Enter to exit move mode"
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             dimColor: true,
             children: helpText
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             dimColor: true,
             children: customKeybindsText || " "
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hasFlexSeparator && !widthDetectionAvailable && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      hasFlexSeparator && !widthDetectionAvailable && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             color: "yellow",
             children: "⚠ Note: Terminal width detection is currently unavailable in your environment."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             dimColor: true,
             children: "  Flex separators will act as normal separators until width detection is available."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
-        children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           dimColor: true,
-          children: "No items. Press 'a' to add one."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
+          children: "No widgets. Press 'a' to add one."
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
           children: [
             widgets.map((widget, index) => {
               const isSelected = index === selectedIndex;
               const widgetImpl = widget.type !== "separator" && widget.type !== "flex-separator" ? getWidget(widget.type) : null;
               const { displayText, modifierText } = widgetImpl?.getEditorDisplay(widget) ?? { displayText: getWidgetDisplay(widget) };
-              return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
                       color: isSelected ? moveMode ? "blue" : "green" : undefined,
                       children: isSelected ? moveMode ? "◆ " : "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
                     color: isSelected ? moveMode ? "blue" : "green" : undefined,
                     children: `${index + 1}. ${displayText || getWidgetDisplay(widget)}`
                   }, undefined, false, undefined, this),
-                  modifierText && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+                  modifierText && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
                     dimColor: true,
                     children: [
                       " ",
                       modifierText
                     ]
                   }, undefined, true, undefined, this),
-                  widget.rawValue && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+                  widget.rawValue && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
                     dimColor: true,
                     children: " (raw value)"
                   }, undefined, false, undefined, this),
-                  widget.merge === true && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+                  widget.merge === true && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
                     dimColor: true,
                     children: " (merged→)"
                   }, undefined, false, undefined, this),
-                  widget.merge === "no-padding" && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+                  widget.merge === "no-padding" && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
                     dimColor: true,
                     children: " (merged-no-pad→)"
                   }, undefined, false, undefined, this)
                 ]
               }, widget.id, true, undefined, this);
             }),
-            currentWidget && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+            currentWidget && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
                 dimColor: true,
                 children: (() => {
                   if (currentWidget.type === "separator") {
-                    return "A separator character between status line items";
+                    return "A separator character between status line widgets";
                   } else if (currentWidget.type === "flex-separator") {
                     return "Expands to fill available terminal width";
                   } else {
@@ -54856,10 +55091,10 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
   }, undefined, true, undefined, this);
 };
 // src/tui/components/LineSelector.tsx
-var import_react36 = __toESM(require_react(), 1);
-var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react37 = __toESM(require_react(), 1);
+var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
 var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, blockIfPowerlineActive = false, settings }) => {
-  const [selectedIndex, setSelectedIndex] = import_react36.useState(initialSelection);
+  const [selectedIndex, setSelectedIndex] = import_react37.useState(initialSelection);
   const powerlineEnabled = settings ? settings.powerline.enabled : false;
   const powerlineTheme = settings ? settings.powerline.theme : undefined;
   const isThemeManaged = blockIfPowerlineActive && powerlineEnabled && powerlineTheme && powerlineTheme !== "custom";
@@ -54883,16 +55118,16 @@ var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, bloc
     }
   });
   if (isThemeManaged) {
-    return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           bold: true,
           children: title ?? "Select Line"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             color: "yellow",
             children: [
               "⚠ Colors are currently managed by the Powerline theme:",
@@ -54900,88 +55135,88 @@ var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, bloc
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             dimColor: true,
             children: "To customize colors, either:"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
           marginLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             dimColor: true,
             children: "• Change to 'Custom' theme in Powerline Configuration → Themes"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
           marginLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             dimColor: true,
             children: "• Disable Powerline mode in Powerline Configuration"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             children: "Press any key to go back..."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
         bold: true,
         children: title ?? "Select Line to Edit"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
         dimColor: true,
         children: "Choose which status line to configure (up to 3 lines supported)"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
         dimColor: true,
         children: "Press ESC to go back"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               color: selectedIndex === 0 ? "green" : undefined,
               children: [
                 selectedIndex === 0 ? "▶  " : "   ",
                 "☰ Line 1",
-                lines[0] && lines[0].length > 0 ? ` (${lines[0].length} items)` : " (empty)"
+                lines[0] && lines[0].length > 0 ? ` (${lines[0].length} widgets)` : " (empty)"
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               color: selectedIndex === 1 ? "green" : undefined,
               children: [
                 selectedIndex === 1 ? "▶  " : "   ",
                 "☰ Line 2",
-                lines[1] && lines[1].length > 0 ? ` (${lines[1].length} items)` : " (empty)"
+                lines[1] && lines[1].length > 0 ? ` (${lines[1].length} widgets)` : " (empty)"
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               color: selectedIndex === 2 ? "green" : undefined,
               children: [
                 selectedIndex === 2 ? "▶  " : "   ",
                 "☰ Line 3",
-                lines[2] && lines[2].length > 0 ? ` (${lines[2].length} items)` : " (empty)"
+                lines[2] && lines[2].length > 0 ? ` (${lines[2].length} widgets)` : " (empty)"
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               color: selectedIndex === 3 ? "green" : undefined,
               children: [
                 selectedIndex === 3 ? "▶  " : "   ",
@@ -54995,10 +55230,10 @@ var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, bloc
   }, undefined, true, undefined, this);
 };
 // src/tui/components/MainMenu.tsx
-var import_react37 = __toESM(require_react(), 1);
-var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react38 = __toESM(require_react(), 1);
+var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
 var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0, powerlineFontStatus, settings, previewIsTruncated }) => {
-  const [selectedIndex, setSelectedIndex] = import_react37.useState(initialSelection);
+  const [selectedIndex, setSelectedIndex] = import_react38.useState(initialSelection);
   const menuItems = [
     { label: "\uD83D\uDCDD Edit Lines", value: "lines", selectable: true },
     { label: "\uD83C\uDFA8 Edit Colors", value: "colors", selectable: true },
@@ -55043,32 +55278,32 @@ var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0,
   const selectedItem = selectableItems[selectedIndex];
   const description = selectedItem ? getDescription(selectedItem.value) : "";
   const showTruncationWarning = previewIsTruncated && settings?.flexMode === "full-minus-40";
-  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      showTruncationWarning && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      showTruncationWarning && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
           color: "yellow",
           children: "⚠ Some lines are truncated, see Terminal Options → Terminal Width for info"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
         bold: true,
         children: "Main Menu"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: menuItems.map((item, idx) => {
           if (!item.selectable && item.value.startsWith("_gap")) {
-            return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+            return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
               children: " "
             }, item.value, false, undefined, this);
           }
           const selectableIdx = selectableItems.indexOf(item);
           const isSelected = selectableIdx === selectedIndex;
-          return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: isSelected ? "green" : undefined,
             children: [
               isSelected ? "▶  " : "   ",
@@ -55077,10 +55312,10 @@ var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0,
           }, item.value, true, undefined, this);
         })
       }, undefined, false, undefined, this),
-      description && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      description && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginTop: 1,
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
           dimColor: true,
           wrap: "wrap",
           children: description
@@ -55090,12 +55325,12 @@ var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0,
   }, undefined, true, undefined, this);
 };
 // src/tui/components/PowerlineSetup.tsx
-var import_react40 = __toESM(require_react(), 1);
+var import_react41 = __toESM(require_react(), 1);
 import * as os5 from "os";
 
 // src/tui/components/PowerlineSeparatorEditor.tsx
-var import_react38 = __toESM(require_react(), 1);
-var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react39 = __toESM(require_react(), 1);
+var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
 var PowerlineSeparatorEditor = ({
   settings,
   mode,
@@ -55115,10 +55350,10 @@ var PowerlineSeparatorEditor = ({
   };
   const separators = getItems();
   const invertBgs = mode === "separator" ? powerlineConfig.separatorInvertBackground : [];
-  const [selectedIndex, setSelectedIndex] = import_react38.useState(0);
-  const [hexInputMode, setHexInputMode] = import_react38.useState(false);
-  const [hexInput, setHexInput] = import_react38.useState("");
-  const [cursorPos, setCursorPos] = import_react38.useState(0);
+  const [selectedIndex, setSelectedIndex] = import_react39.useState(0);
+  const [hexInputMode, setHexInputMode] = import_react39.useState(false);
+  const [hexInput, setHexInput] = import_react39.useState("");
+  const [cursorPos, setCursorPos] = import_react39.useState(0);
   const getPresets = () => {
     if (mode === "separator") {
       return [
@@ -55307,18 +55542,18 @@ var PowerlineSeparatorEditor = ({
   };
   const canAdd = mode === "separator" || separators.length < 3;
   const canDelete = mode !== "separator" || separators.length > 1;
-  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
         bold: true,
         children: getTitle()
       }, undefined, false, undefined, this),
-      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
         marginTop: 2,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             children: [
               "Enter 4-digit hex code for",
               " ",
@@ -55327,47 +55562,47 @@ var PowerlineSeparatorEditor = ({
               ":"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             children: [
               "\\u",
               hexInput.slice(0, cursorPos),
-              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
                 backgroundColor: "gray",
                 color: "black",
                 children: hexInput[cursorPos] ?? "_"
               }, undefined, false, undefined, this),
               hexInput.slice(cursorPos + 1),
-              hexInput.length < 4 && hexInput.length === cursorPos && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+              hexInput.length < 4 && hexInput.length === cursorPos && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
                 dimColor: true,
                 children: "_".repeat(4 - hexInput.length - 1)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             dimColor: true,
             children: "Enter 4 hex digits (0-9, A-F), then press Enter. ESC to cancel."
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(jsx_dev_runtime10.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(jsx_dev_runtime11.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
               dimColor: true,
               children: `↑↓ select, ← → cycle${canAdd ? ", (a)dd, (i)nsert" : ""}${canDelete ? ", (d)elete" : ""}, (c)lear, (h)ex${mode === "separator" ? ", (t)oggle invert" : ""}, ESC back`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             marginTop: 2,
             flexDirection: "column",
-            children: separators.length > 0 ? separators.map((sep, index) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-              children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+            children: separators.length > 0 ? separators.map((sep, index) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
                 color: index === selectedIndex ? "green" : undefined,
                 children: [
                   index === selectedIndex ? "▶  " : "   ",
                   `${index + 1}: ${getSeparatorDisplay(sep, index)}`
                 ]
               }, undefined, true, undefined, this)
-            }, index, false, undefined, this)) : /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+            }, index, false, undefined, this)) : /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
               dimColor: true,
               children: "(none configured - press 'a' to add)"
             }, undefined, false, undefined, this)
@@ -55379,8 +55614,8 @@ var PowerlineSeparatorEditor = ({
 };
 
 // src/tui/components/PowerlineThemeSelector.tsx
-var import_react39 = __toESM(require_react(), 1);
-var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react40 = __toESM(require_react(), 1);
+var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
 var PowerlineThemeSelector = ({
   settings,
   onUpdate,
@@ -55388,10 +55623,10 @@ var PowerlineThemeSelector = ({
 }) => {
   const themes = getPowerlineThemes();
   const currentTheme = settings.powerline.theme ?? "custom";
-  const [selectedIndex, setSelectedIndex] = import_react39.useState(Math.max(0, themes.indexOf(currentTheme)));
-  const [showCustomizeConfirm, setShowCustomizeConfirm] = import_react39.useState(false);
-  const originalThemeRef = import_react39.useRef(currentTheme);
-  const originalSettingsRef = import_react39.useRef(settings);
+  const [selectedIndex, setSelectedIndex] = import_react40.useState(Math.max(0, themes.indexOf(currentTheme)));
+  const [showCustomizeConfirm, setShowCustomizeConfirm] = import_react40.useState(false);
+  const originalThemeRef = import_react40.useRef(currentTheme);
+  const originalSettingsRef = import_react40.useRef(settings);
   const applyTheme = (themeName) => {
     const updatedSettings = {
       ...settings,
@@ -55479,39 +55714,39 @@ var PowerlineThemeSelector = ({
   const selectedThemeName = themes[selectedIndex];
   const selectedTheme = selectedThemeName ? getPowerlineTheme(selectedThemeName) : undefined;
   if (showCustomizeConfirm) {
-    return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
           bold: true,
           color: "yellow",
           children: "⚠ Confirm Customization"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               children: "This will copy the current theme colors to your widgets"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               children: "and switch to Custom theme mode."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               color: "red",
               children: "This will overwrite any existing custom colors!"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             children: "Continue?"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(ConfirmDialog, {
+          children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(ConfirmDialog, {
             inline: true,
             onConfirm: () => {
               customizeTheme();
@@ -55525,39 +55760,39 @@ var PowerlineThemeSelector = ({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
         bold: true,
         children: [
           `Powerline Theme Selection  |  `,
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             dimColor: true,
             children: `Original: ${originalThemeRef.current}`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
           dimColor: true,
           children: `↑↓ navigate, Enter apply${selectedThemeName && selectedThemeName !== "custom" ? ", (c)ustomize theme" : ""}, ESC cancel`
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: themes.map((themeName, index) => {
           const theme = getPowerlineTheme(themeName);
           const isSelected = index === selectedIndex;
           const isOriginal = themeName === originalThemeRef.current;
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               color: isSelected ? "green" : undefined,
               children: [
                 isSelected ? "▶ " : "  ",
                 theme?.name ?? themeName,
-                isOriginal && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+                isOriginal && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                   dimColor: true,
                   children: " (original)"
                 }, undefined, false, undefined, this)
@@ -55566,29 +55801,29 @@ var PowerlineThemeSelector = ({
           }, themeName, false, undefined, this);
         })
       }, undefined, false, undefined, this),
-      selectedTheme && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      selectedTheme && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         marginTop: 2,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             dimColor: true,
             children: "Description:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             marginLeft: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               children: selectedTheme.description
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          selectedThemeName && selectedThemeName !== "custom" && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          selectedThemeName && selectedThemeName !== "custom" && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               dimColor: true,
               children: "Press (c) to customize this theme - copies colors to widgets"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          settings.colorLevel === 1 && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          settings.colorLevel === 1 && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               color: "yellow",
               children: "⚠ 16 color mode themes have a very limited palette, we recommend switching color level in Terminal Options"
             }, undefined, false, undefined, this)
@@ -55600,7 +55835,7 @@ var PowerlineThemeSelector = ({
 };
 
 // src/tui/components/PowerlineSetup.tsx
-var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
 var PowerlineSetup = ({
   settings,
   powerlineFontStatus,
@@ -55612,10 +55847,10 @@ var PowerlineSetup = ({
   onClearMessage
 }) => {
   const powerlineConfig = settings.powerline;
-  const [screen, setScreen] = import_react40.useState("menu");
-  const [selectedMenuItem, setSelectedMenuItem] = import_react40.useState(0);
-  const [confirmingEnable, setConfirmingEnable] = import_react40.useState(false);
-  const [confirmingFontInstall, setConfirmingFontInstall] = import_react40.useState(false);
+  const [screen, setScreen] = import_react41.useState("menu");
+  const [selectedMenuItem, setSelectedMenuItem] = import_react41.useState(0);
+  const [confirmingEnable, setConfirmingEnable] = import_react41.useState(false);
+  const [confirmingFontInstall, setConfirmingFontInstall] = import_react41.useState(false);
   const hasSeparatorItems = settings.lines.some((line) => line.some((item) => item.type === "separator" || item.type === "flex-separator"));
   const menuItems = [
     { label: "Separator", value: "separator" },
@@ -55725,11 +55960,14 @@ var PowerlineSetup = ({
         }
       } else if (input === "i" || input === "I") {
         setConfirmingFontInstall(true);
+      } else if ((input === "a" || input === "A") && powerlineConfig.enabled) {
+        const newConfig = { ...powerlineConfig, autoAlign: !powerlineConfig.autoAlign };
+        onUpdate({ ...settings, powerline: newConfig });
       }
     }
   });
   if (screen === "separator") {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "separator",
       onUpdate,
@@ -55739,7 +55977,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "startCap") {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "startCap",
       onUpdate,
@@ -55749,7 +55987,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "endCap") {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "endCap",
       onUpdate,
@@ -55759,7 +55997,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "themes") {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(PowerlineThemeSelector, {
+    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineThemeSelector, {
       settings,
       onUpdate,
       onBack: () => {
@@ -55767,140 +56005,140 @@ var PowerlineSetup = ({
       }
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      !confirmingFontInstall && !installingFonts && !fontInstallMessage && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+      !confirmingFontInstall && !installingFonts && !fontInstallMessage && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
         bold: true,
         children: "Powerline Setup"
       }, undefined, false, undefined, this),
-      confirmingFontInstall ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      confirmingFontInstall ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: "cyan",
               bold: true,
               children: "Font Installation"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginBottom: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 bold: true,
                 children: "What will happen:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Clone fonts from "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: "blue",
                     children: "https://github.com/powerline/fonts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os5.platform() === "darwin" && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+              os5.platform() === "darwin" && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Run install.sh script which will:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Copy all .ttf/.otf files to ~/Library/Fonts"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Register fonts with macOS"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os5.platform() === "linux" && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+              os5.platform() === "linux" && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Run install.sh script which will:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Copy all .ttf/.otf files to ~/.local/share/fonts"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Run fc-cache to update font cache"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os5.platform() === "win32" && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+              os5.platform() === "win32" && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Copy Powerline .ttf/.otf files to:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     dimColor: true,
                     children: "  AppData\\Local\\Microsoft\\Windows\\Fonts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Clean up temporary files"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginBottom: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 color: "yellow",
                 bold: true,
                 children: "Requirements: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 dimColor: true,
                 children: "Git installed, Internet connection, Write permissions"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginBottom: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 color: "green",
                 bold: true,
                 children: "After install:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Restart terminal"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Select a Powerline font"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 dimColor: true,
                 children: '  (e.g. "Meslo LG S for Powerline")'
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               children: "Proceed? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 setConfirmingFontInstall(false);
@@ -55912,36 +56150,36 @@ var PowerlineSetup = ({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : confirmingEnable ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : confirmingEnable ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          hasSeparatorItems && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+          hasSeparatorItems && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: "yellow",
                   children: "⚠ Warning: Enabling Powerline mode will remove all existing separators and flex-separators from your status lines."
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 marginBottom: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   dimColor: true,
                   children: "Powerline mode uses its own separator system and is incompatible with manual separators."
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: hasSeparatorItems ? 1 : 0,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               children: "Do you want to continue? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 const theme = !powerlineConfig.theme || powerlineConfig.theme === "custom" ? getDefaultPowerlineTheme() : powerlineConfig.theme;
@@ -55966,51 +56204,51 @@ var PowerlineSetup = ({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : installingFonts ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+      }, undefined, true, undefined, this) : installingFonts ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: "yellow",
           children: "Installing Powerline fonts... This may take a moment."
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this) : fontInstallMessage ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : fontInstallMessage ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: fontInstallMessage.includes("success") ? "green" : "red",
             children: fontInstallMessage
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               dimColor: true,
               children: "Press any key to continue..."
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               children: [
-                "   Font Status: ",
-                powerlineFontStatus.installed ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+                "    Font Status: ",
+                powerlineFontStatus.installed ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                       color: "green",
                       children: "✓ Installed"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                       dimColor: true,
                       children: " - Ensure fonts are active in your terminal"
                     }, undefined, false, undefined, this)
                   ]
-                }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+                }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                       color: "yellow",
                       children: "✗ Not Installed"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                       dimColor: true,
                       children: " - Press (i) to install Powerline fonts"
                     }, undefined, false, undefined, this)
@@ -56019,33 +56257,52 @@ var PowerlineSetup = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
-                children: "Powerline Mode: "
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                children: " Powerline Mode: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 color: powerlineConfig.enabled ? "green" : "red",
                 children: powerlineConfig.enabled ? "✓ Enabled  " : "✗ Disabled "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (t) to toggle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-            flexDirection: "column",
-            marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
-              dimColor: true,
-              children: "When enabled, global overrides are disabled and powerline separators are used"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    children: "  Align Widgets: "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    color: powerlineConfig.autoAlign ? "green" : "red",
+                    children: powerlineConfig.autoAlign ? "✓ Enabled  " : "✗ Disabled "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    dimColor: true,
+                    children: " - Press (a) to toggle"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+                flexDirection: "column",
+                marginTop: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  dimColor: true,
+                  children: "When enabled, global overrides are disabled and powerline separators are used"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
-            children: powerlineConfig.enabled ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+            children: powerlineConfig.enabled ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
               children: menuItems.map((item, index) => {
                 const isSelected = index === selectedMenuItem;
                 let displayValue = "";
@@ -56067,9 +56324,9 @@ var PowerlineSetup = ({
                     break;
                 }
                 if (item.value === "back") {
-                  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+                  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                     marginTop: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: [
                         isSelected ? "▶  " : "   ",
@@ -56078,13 +56335,13 @@ var PowerlineSetup = ({
                     }, undefined, true, undefined, this)
                   }, item.value, false, undefined, this);
                 }
-                return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                  children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+                  children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: [
                       isSelected ? "▶  " : "   ",
                       item.label.padEnd(11, " "),
-                      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                         dimColor: true,
                         children: displayValue && `(${displayValue})`
                       }, undefined, false, undefined, this)
@@ -56092,9 +56349,9 @@ var PowerlineSetup = ({
                   }, undefined, true, undefined, this)
                 }, item.value, false, undefined, this);
               })
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
               marginTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 dimColor: true,
                 children: "Press ESC to go back"
               }, undefined, false, undefined, this)
@@ -56106,29 +56363,32 @@ var PowerlineSetup = ({
   }, undefined, true, undefined, this);
 };
 // src/tui/components/StatusLinePreview.tsx
-var import_react41 = __toESM(require_react(), 1);
-var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
-var renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, settings, lineIndex, globalSeparatorIndex) => {
+var import_react42 = __toESM(require_react(), 1);
+var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
+var renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, settings, lineIndex, globalSeparatorIndex, allLinesWidgets) => {
   const context = {
     terminalWidth,
     isPreview: true,
     lineIndex,
     globalSeparatorIndex
   };
-  return renderStatusLineWithInfo(widgets, settings, context);
+  return renderStatusLineWithInfo(widgets, settings, context, allLinesWidgets);
 };
 var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange }) => {
-  const widthDetectionAvailable = import_react41.default.useMemo(() => canDetectTerminalWidth(), []);
-  const { renderedLines, anyTruncated } = import_react41.default.useMemo(() => {
+  const widthDetectionAvailable = import_react42.default.useMemo(() => canDetectTerminalWidth(), []);
+  const { renderedLines, anyTruncated } = import_react42.default.useMemo(() => {
     if (!settings)
       return { renderedLines: [], anyTruncated: false };
+    const isPowerlineMode = settings.powerline.enabled;
+    const autoAlign = settings.powerline.autoAlign;
+    const allLinesWidgets = isPowerlineMode && autoAlign ? lines : undefined;
     let globalSeparatorIndex = 0;
     const result = [];
     let truncated = false;
     for (let i = 0;i < lines.length; i++) {
       const lineItems = lines[i];
       if (lineItems && lineItems.length > 0) {
-        const renderResult = renderSingleLine(lineItems, terminalWidth, widthDetectionAvailable, settings, i, globalSeparatorIndex);
+        const renderResult = renderSingleLine(lineItems, terminalWidth, widthDetectionAvailable, settings, i, globalSeparatorIndex, allLinesWidgets);
         result.push(renderResult.line);
         if (renderResult.wasTruncated) {
           truncated = true;
@@ -56141,29 +56401,29 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
     }
     return { renderedLines: result, anyTruncated: truncated };
   }, [lines, terminalWidth, widthDetectionAvailable, settings]);
-  import_react41.default.useEffect(() => {
+  import_react42.default.useEffect(() => {
     onTruncationChange?.(anyTruncated);
   }, [anyTruncated, onTruncationChange]);
-  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         borderStyle: "round",
         borderColor: "gray",
         borderDimColor: true,
         width: "100%",
         paddingLeft: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
           children: [
             ">",
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               dimColor: true,
               children: " Preview  (ctrl+s to save configuration at any time)"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      renderedLines.map((line, index) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+      renderedLines.map((line, index) => /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
         children: [
           "  ",
           line,
@@ -56174,12 +56434,12 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
   }, undefined, true, undefined, this);
 };
 // src/tui/components/TerminalOptionsMenu.tsx
-var import_react42 = __toESM(require_react(), 1);
-var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react43 = __toESM(require_react(), 1);
+var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
 var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
-  const [showColorWarning, setShowColorWarning] = import_react42.useState(false);
-  const [pendingColorLevel, setPendingColorLevel] = import_react42.useState(null);
-  const [selectedIndex, setSelectedIndex] = import_react42.useState(0);
+  const [showColorWarning, setShowColorWarning] = import_react43.useState(false);
+  const [pendingColorLevel, setPendingColorLevel] = import_react43.useState(null);
+  const [selectedIndex, setSelectedIndex] = import_react43.useState(0);
   const handleSelect = () => {
     if (selectedIndex === 2) {
       onBack();
@@ -56283,27 +56543,27 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
       }
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
         bold: true,
         children: "Terminal Options"
       }, undefined, false, undefined, this),
-      showColorWarning ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+      showColorWarning ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
             color: "yellow",
             children: "⚠ Warning: Custom colors detected!"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
             children: "Switching color modes will reset custom ansi256 or hex colors to defaults."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(ConfirmDialog, {
               message: "Continue?",
               onConfirm: handleColorConfirm,
               onCancel: handleColorCancel,
@@ -56311,18 +56571,18 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
             color: "white",
             children: "Configure terminal-specific settings for optimal display"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                   color: selectedIndex === 0 ? "green" : undefined,
                   children: [
                     selectedIndex === 0 ? "▶  " : "   ",
@@ -56330,8 +56590,8 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                   color: selectedIndex === 1 ? "green" : undefined,
                   children: [
                     selectedIndex === 1 ? "▶  " : "   ",
@@ -56341,9 +56601,9 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                   color: selectedIndex === 2 ? "green" : undefined,
                   children: [
                     selectedIndex === 2 ? "▶  " : "   ",
@@ -56353,27 +56613,27 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          selectedIndex === 1 && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+          selectedIndex === 1 && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                 dimColor: true,
                 children: "Color level affects how colors are rendered:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Truecolor: Full 24-bit RGB colors (16.7M colors)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                 dimColor: true,
                 children: "• 256 Color: Extended color palette (256 colors)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Basic: Standard 16-color terminal palette"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
                 dimColor: true,
                 children: "• No Color: Disables all color output"
               }, undefined, false, undefined, this)
@@ -56400,15 +56660,15 @@ var getColorLevelLabel = (level) => {
   }
 };
 // src/tui/components/TerminalWidthMenu.tsx
-var import_react43 = __toESM(require_react(), 1);
-var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react44 = __toESM(require_react(), 1);
+var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
 var TerminalWidthMenu = ({ settings, onUpdate, onBack }) => {
-  const [selectedOption, setSelectedOption] = import_react43.useState(settings.flexMode);
-  const [compactThreshold, setCompactThreshold] = import_react43.useState(settings.compactThreshold);
-  const [editingThreshold, setEditingThreshold] = import_react43.useState(false);
-  const [thresholdInput, setThresholdInput] = import_react43.useState(String(settings.compactThreshold));
-  const [validationError, setValidationError] = import_react43.useState(null);
-  const [selectedIndex, setSelectedIndex] = import_react43.useState(() => {
+  const [selectedOption, setSelectedOption] = import_react44.useState(settings.flexMode);
+  const [compactThreshold, setCompactThreshold] = import_react44.useState(settings.compactThreshold);
+  const [editingThreshold, setEditingThreshold] = import_react44.useState(false);
+  const [thresholdInput, setThresholdInput] = import_react44.useState(String(settings.compactThreshold));
+  const [validationError, setValidationError] = import_react44.useState(null);
+  const [selectedIndex, setSelectedIndex] = import_react44.useState(() => {
     const options2 = ["full", "full-minus-40", "full-until-compact"];
     return options2.indexOf(settings.flexMode);
   });
@@ -56496,27 +56756,27 @@ NOTE: If /ide integration is enabled, it's not recommended to use this mode.`
     }
   ];
   const currentOption = selectedIndex < 3 ? optionDetails[selectedIndex] : null;
-  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
         bold: true,
         children: "Terminal Width"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
         color: "white",
         children: "These settings affect where long lines are truncated, and where right-alignment occurs when using flex separators"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
         dimColor: true,
         wrap: "wrap",
         children: "Claude code does not currently provide an available width variable for the statusline and features like IDE integration, auto-compaction notices, etc all cause the statusline to wrap if we do not truncate it"
       }, undefined, false, undefined, this),
-      editingThreshold ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      editingThreshold ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
             children: [
               "Enter compact threshold (1-99):",
               " ",
@@ -56524,22 +56784,22 @@ NOTE: If /ide integration is enabled, it's not recommended to use this mode.`
               "%"
             ]
           }, undefined, true, undefined, this),
-          validationError ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          validationError ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
             color: "red",
             children: validationError
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to confirm, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(jsx_dev_runtime16.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              optionDetails.map((opt, index) => /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              optionDetails.map((opt, index) => /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                   color: selectedIndex === index ? "green" : undefined,
                   children: [
                     selectedIndex === index ? "▶  " : "   ",
@@ -56548,9 +56808,9 @@ NOTE: If /ide integration is enabled, it's not recommended to use this mode.`
                   ]
                 }, undefined, true, undefined, this)
               }, opt.value, false, undefined, this)),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                   color: selectedIndex === 3 ? "green" : undefined,
                   children: [
                     selectedIndex === 3 ? "▶  " : "   ",
@@ -56560,25 +56820,25 @@ NOTE: If /ide integration is enabled, it's not recommended to use this mode.`
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          currentOption && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          currentOption && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
             marginTop: 1,
             marginBottom: 1,
             borderStyle: "round",
             borderColor: "dim",
             paddingX: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
               flexDirection: "column",
               children: [
-                /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                       color: "yellow",
                       children: currentOption.label
                     }, undefined, false, undefined, this),
                     currentOption.value === "full-until-compact" && ` | Current threshold: ${compactThreshold}%`
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                   dimColor: true,
                   wrap: "wrap",
                   children: currentOption.description
@@ -56592,25 +56852,25 @@ NOTE: If /ide integration is enabled, it's not recommended to use this mode.`
   }, undefined, true, undefined, this);
 };
 // src/tui/App.tsx
-var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
 var App2 = () => {
   const { exit } = use_app_default();
-  const [settings, setSettings] = import_react44.useState(null);
-  const [originalSettings, setOriginalSettings] = import_react44.useState(null);
-  const [hasChanges, setHasChanges] = import_react44.useState(false);
-  const [screen, setScreen] = import_react44.useState("main");
-  const [selectedLine, setSelectedLine] = import_react44.useState(0);
-  const [menuSelections, setMenuSelections] = import_react44.useState({});
-  const [confirmDialog, setConfirmDialog] = import_react44.useState(null);
-  const [isClaudeInstalled, setIsClaudeInstalled] = import_react44.useState(false);
-  const [terminalWidth, setTerminalWidth] = import_react44.useState(process.stdout.columns || 80);
-  const [powerlineFontStatus, setPowerlineFontStatus] = import_react44.useState({ installed: false });
-  const [installingFonts, setInstallingFonts] = import_react44.useState(false);
-  const [fontInstallMessage, setFontInstallMessage] = import_react44.useState(null);
-  const [existingStatusLine, setExistingStatusLine] = import_react44.useState(null);
-  const [saveMessage, setSaveMessage] = import_react44.useState(null);
-  const [previewIsTruncated, setPreviewIsTruncated] = import_react44.useState(false);
-  import_react44.useEffect(() => {
+  const [settings, setSettings] = import_react45.useState(null);
+  const [originalSettings, setOriginalSettings] = import_react45.useState(null);
+  const [hasChanges, setHasChanges] = import_react45.useState(false);
+  const [screen, setScreen] = import_react45.useState("main");
+  const [selectedLine, setSelectedLine] = import_react45.useState(0);
+  const [menuSelections, setMenuSelections] = import_react45.useState({});
+  const [confirmDialog, setConfirmDialog] = import_react45.useState(null);
+  const [isClaudeInstalled, setIsClaudeInstalled] = import_react45.useState(false);
+  const [terminalWidth, setTerminalWidth] = import_react45.useState(process.stdout.columns || 80);
+  const [powerlineFontStatus, setPowerlineFontStatus] = import_react45.useState({ installed: false });
+  const [installingFonts, setInstallingFonts] = import_react45.useState(false);
+  const [fontInstallMessage, setFontInstallMessage] = import_react45.useState(null);
+  const [existingStatusLine, setExistingStatusLine] = import_react45.useState(null);
+  const [saveMessage, setSaveMessage] = import_react45.useState(null);
+  const [previewIsTruncated, setPreviewIsTruncated] = import_react45.useState(false);
+  import_react45.useEffect(() => {
     getExistingStatusLine().then(setExistingStatusLine);
     loadSettings().then((loadedSettings) => {
       source_default.level = loadedSettings.colorLevel;
@@ -56634,13 +56894,13 @@ var App2 = () => {
       process.stdout.off("resize", handleResize);
     };
   }, []);
-  import_react44.useEffect(() => {
+  import_react45.useEffect(() => {
     if (originalSettings) {
       const hasAnyChanges = JSON.stringify(settings) !== JSON.stringify(originalSettings);
       setHasChanges(hasAnyChanges);
     }
   }, [settings, originalSettings]);
-  import_react44.useEffect(() => {
+  import_react45.useEffect(() => {
     if (saveMessage) {
       const timer = setTimeout(() => {
         setSaveMessage(null);
@@ -56664,7 +56924,7 @@ var App2 = () => {
     }
   });
   if (!settings) {
-    return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+    return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
       children: "Loading settings..."
     }, undefined, false, undefined, this);
   }
@@ -56725,41 +56985,40 @@ var App2 = () => {
     setSelectedLine(lineIndex);
     setScreen("items");
   };
-  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
     flexDirection: "column",
-    padding: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
         marginBottom: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
             bold: true,
-            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(dist_default4, {
+            children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(dist_default4, {
               name: "retro",
               children: "CCStatusline Configuration"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
             bold: true,
             children: ` | ${getPackageVersion() && `v${getPackageVersion()}`}`
           }, undefined, false, undefined, this),
-          saveMessage && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          saveMessage && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
             color: "green",
             bold: true,
             children: `  ${saveMessage}`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(StatusLinePreview, {
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(StatusLinePreview, {
         lines: settings.lines,
         terminalWidth,
         settings,
         onTruncationChange: setPreviewIsTruncated
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          screen === "main" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MainMenu, {
+          screen === "main" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(MainMenu, {
             onSelect: (value) => {
               if (value !== "save" && value !== "exit") {
                 const menuMap = {
@@ -56781,7 +57040,7 @@ var App2 = () => {
             settings,
             previewIsTruncated
           }, undefined, false, undefined, this),
-          screen === "lines" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(LineSelector, {
+          screen === "lines" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(LineSelector, {
             lines: settings.lines,
             onSelect: (line) => {
               setMenuSelections({ ...menuSelections, lines: line });
@@ -56794,7 +57053,7 @@ var App2 = () => {
             initialSelection: menuSelections.lines,
             title: "Select Line to Edit Items"
           }, undefined, false, undefined, this),
-          screen === "items" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ItemsEditor, {
+          screen === "items" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ItemsEditor, {
             widgets: settings.lines[selectedLine] ?? [],
             onUpdate: (widgets) => {
               updateLine(selectedLine, widgets);
@@ -56806,7 +57065,7 @@ var App2 = () => {
             lineNumber: selectedLine + 1,
             settings
           }, undefined, false, undefined, this),
-          screen === "colorLines" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(LineSelector, {
+          screen === "colorLines" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(LineSelector, {
             lines: settings.lines,
             onSelect: (line) => {
               setMenuSelections({ ...menuSelections, lines: line });
@@ -56822,7 +57081,7 @@ var App2 = () => {
             blockIfPowerlineActive: true,
             settings
           }, undefined, false, undefined, this),
-          screen === "colors" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ColorMenu, {
+          screen === "colors" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ColorMenu, {
             widgets: settings.lines[selectedLine] ?? [],
             lineIndex: selectedLine,
             settings,
@@ -56835,7 +57094,7 @@ var App2 = () => {
               setScreen("colorLines");
             }
           }, undefined, false, undefined, this),
-          screen === "terminalConfig" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(TerminalOptionsMenu, {
+          screen === "terminalConfig" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TerminalOptionsMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -56849,7 +57108,7 @@ var App2 = () => {
               }
             }
           }, undefined, false, undefined, this),
-          screen === "terminalWidth" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(TerminalWidthMenu, {
+          screen === "terminalWidth" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TerminalWidthMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -56858,7 +57117,7 @@ var App2 = () => {
               setScreen("terminalConfig");
             }
           }, undefined, false, undefined, this),
-          screen === "globalOverrides" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(GlobalOverridesMenu, {
+          screen === "globalOverrides" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(GlobalOverridesMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -56868,7 +57127,7 @@ var App2 = () => {
               setScreen("main");
             }
           }, undefined, false, undefined, this),
-          screen === "confirm" && confirmDialog && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ConfirmDialog, {
+          screen === "confirm" && confirmDialog && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ConfirmDialog, {
             message: confirmDialog.message,
             onConfirm: () => void confirmDialog.action(),
             onCancel: () => {
@@ -56876,7 +57135,7 @@ var App2 = () => {
               setConfirmDialog(null);
             }
           }, undefined, false, undefined, this),
-          screen === "install" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(InstallMenu, {
+          screen === "install" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(InstallMenu, {
             bunxAvailable: isBunxAvailable(),
             existingStatusLine,
             onSelectNpx: () => {
@@ -56941,7 +57200,7 @@ Continue?`;
               setScreen("main");
             }
           }, undefined, false, undefined, this),
-          screen === "powerline" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(PowerlineSetup, {
+          screen === "powerline" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(PowerlineSetup, {
             settings,
             powerlineFontStatus,
             onUpdate: (updatedSettings) => {
@@ -56975,7 +57234,7 @@ Continue?`;
 };
 function runTUI() {
   process.stdout.write("\x1B[2J\x1B[H");
-  render_default(/* @__PURE__ */ jsx_dev_runtime16.jsxDEV(App2, {}, undefined, false, undefined, this));
+  render_default(/* @__PURE__ */ jsx_dev_runtime17.jsxDEV(App2, {}, undefined, false, undefined, this));
 }
 // src/types/StatusJSON.ts
 var StatusJSONSchema = exports_external.looseObject({
@@ -56992,7 +57251,14 @@ var StatusJSONSchema = exports_external.looseObject({
     project_dir: exports_external.string().optional()
   }).optional(),
   version: exports_external.string().optional(),
-  output_style: exports_external.object({ name: exports_external.string().optional() }).optional()
+  output_style: exports_external.object({ name: exports_external.string().optional() }).optional(),
+  cost: exports_external.object({
+    total_cost_usd: exports_external.number().optional(),
+    total_duration_ms: exports_external.number().optional(),
+    total_api_duration_ms: exports_external.number().optional(),
+    total_lines_added: exports_external.number().optional(),
+    total_lines_removed: exports_external.number().optional()
+  }).optional()
 });
 
 // src/utils/jsonl.ts
@@ -58064,12 +58330,15 @@ async function renderMultipleLines(data) {
     blockMetrics,
     isPreview: false
   };
+  const isPowerlineMode = settings.powerline.enabled;
+  const autoAlign = settings.powerline.autoAlign;
+  const allLinesWidgets = isPowerlineMode && autoAlign ? lines : undefined;
   let globalSeparatorIndex = 0;
   for (let i = 0;i < lines.length; i++) {
     const lineItems = lines[i];
     if (lineItems && lineItems.length > 0) {
       const lineContext = { ...context, lineIndex: i, globalSeparatorIndex };
-      const line = renderStatusLine(lineItems, settings, lineContext);
+      const line = renderStatusLine(lineItems, settings, lineContext, allLinesWidgets);
       const strippedLine = line.replace(/\x1b\[[0-9;]*m/g, "").trim();
       if (strippedLine.length > 0) {
         const nonMergedWidgets = lineItems.filter((_, idx) => idx === lineItems.length - 1 || !lineItems[idx]?.merge);