ccstatusline 2.0.6 → 2.0.7

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";
@@ -51035,7 +51035,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.7";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -51517,7 +51517,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() {
@@ -52066,24 +52066,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;
         }
       }
     }
@@ -52335,22 +52335,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 +52804,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 +53192,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 +53217,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 +53352,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 +53500,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 +53526,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 +53548,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 +53571,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 +53586,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 +53606,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 +53801,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."
           }, 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."
         }, 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 +53915,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 +53965,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 +53978,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 +53988,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 +54049,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 +54072,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 +54092,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 +54124,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 +54235,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"
       }, 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, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "Enter default padding (applied to left and right of each item): "
               }, 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, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 children: "Enter default separator (placed between items): "
               }, 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 +54341,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 +54389,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 +54421,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 +54434,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 +54456,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,33 +54478,33 @@ 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."
               }, 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"
@@ -54334,8 +54517,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 +54526,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 +54555,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 +54573,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 +54592,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 +54603,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 +54615,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 +54633,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 +54825,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 +54898,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 +54912,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,92 +54929,92 @@ 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"
         }, 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, {
+        }, 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") {
@@ -54856,10 +55039,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 +55066,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,57 +55083,57 @@ 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 ? "▶  " : "   ",
@@ -54959,8 +55142,8 @@ var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, bloc
               ]
             }, 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 ? "▶  " : "   ",
@@ -54969,8 +55152,8 @@ var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, bloc
               ]
             }, 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 ? "▶  " : "   ",
@@ -54979,9 +55162,9 @@ 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, {
               color: selectedIndex === 3 ? "green" : undefined,
               children: [
                 selectedIndex === 3 ? "▶  " : "   ",
@@ -54995,10 +55178,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 +55226,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 +55260,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 +55273,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 +55298,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 +55490,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 +55510,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 +55562,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 +55571,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 +55662,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 +55708,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 +55749,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 +55783,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 +55795,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" },
@@ -55729,7 +55912,7 @@ var PowerlineSetup = ({
     }
   });
   if (screen === "separator") {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "separator",
       onUpdate,
@@ -55739,7 +55922,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 +55932,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 +55942,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 +55950,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 +56095,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 +56149,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, {
+                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 +56202,33 @@ 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, {
+              /* @__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, {
+          powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             flexDirection: "column",
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            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),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__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 +56250,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 +56261,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 +56275,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,8 +56289,8 @@ 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 import_react42 = __toESM(require_react(), 1);
+var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
 var renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, settings, lineIndex, globalSeparatorIndex) => {
   const context = {
     terminalWidth,
@@ -56118,8 +56301,8 @@ var renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, setting
   return renderStatusLineWithInfo(widgets, settings, context);
 };
 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 };
     let globalSeparatorIndex = 0;
@@ -56141,29 +56324,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 +56357,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 +56466,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 +56494,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 +56513,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 +56524,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 +56536,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 +56583,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 +56679,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 +56707,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 +56731,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 +56743,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 +56775,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 +56817,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 +56847,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 +56908,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 +56963,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 +56976,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 +56988,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 +57004,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 +57017,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 +57031,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 +57040,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 +57050,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 +57058,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 +57123,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 +57157,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 +57174,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