ccstatusline 2.1.2 → 2.1.3

package/dist/ccstatusline.js

@@ -39273,7 +39273,7 @@ Gradient.propTypes = {
 var dist_default4 = Gradient;
 
 // src/tui/App.tsx
-var import_react45 = __toESM(require_react(), 1);
+var import_react46 = __toESM(require_react(), 1);
 
 // src/utils/claude-settings.ts
 import { execSync } from "child_process";
@@ -51469,7 +51469,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.1.2";
+var PACKAGE_VERSION = "2.1.3";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -51957,7 +51957,7 @@ function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicator
 }
 var SelectInput_default = SelectInput;
 // src/tui/components/ColorMenu.tsx
-var import_react33 = __toESM(require_react(), 1);
+var import_react34 = __toESM(require_react(), 1);
 
 // src/utils/colors.ts
 function createColorMap() {
@@ -52790,6 +52790,206 @@ function getContextWindowContextLengthTokens(data) {
   return getContextWindowMetrics(data).contextLengthTokens;
 }
 
+// src/utils/ansi.ts
+var ESC2 = "\x1B";
+var BEL2 = "\x07";
+var C1_CSI = "›";
+var C1_OSC = "";
+var ST = "œ";
+var SGR_REGEX = /\x1b\[[0-9;]*m/g;
+function isCsiFinalByte(codePoint) {
+  return codePoint >= 64 && codePoint <= 126;
+}
+function parseCsi(input, start, bodyStart) {
+  let index = bodyStart;
+  while (index < input.length) {
+    const codePoint = input.charCodeAt(index);
+    if (isCsiFinalByte(codePoint)) {
+      const end = index + 1;
+      return {
+        nextIndex: end,
+        sequence: input.slice(start, end)
+      };
+    }
+    index++;
+  }
+  return {
+    nextIndex: input.length,
+    sequence: input.slice(start)
+  };
+}
+function getOsc8Action(body) {
+  if (!body.startsWith("8;")) {
+    return;
+  }
+  const urlStart = body.indexOf(";", 2);
+  if (urlStart === -1) {
+    return;
+  }
+  const url2 = body.slice(urlStart + 1);
+  return url2.length > 0 ? "open" : "close";
+}
+function parseOsc(input, start, bodyStart) {
+  let index = bodyStart;
+  while (index < input.length) {
+    const current = input[index];
+    if (!current) {
+      break;
+    }
+    if (current === BEL2) {
+      const end = index + 1;
+      const body = input.slice(bodyStart, index);
+      return {
+        nextIndex: end,
+        sequence: input.slice(start, end),
+        osc8Action: getOsc8Action(body),
+        osc8Terminator: "bel"
+      };
+    }
+    if (current === ST) {
+      const end = index + 1;
+      const body = input.slice(bodyStart, index);
+      return {
+        nextIndex: end,
+        sequence: input.slice(start, end),
+        osc8Action: getOsc8Action(body),
+        osc8Terminator: "st"
+      };
+    }
+    if (current === ESC2 && input[index + 1] === "\\") {
+      const end = index + 2;
+      const body = input.slice(bodyStart, index);
+      return {
+        nextIndex: end,
+        sequence: input.slice(start, end),
+        osc8Action: getOsc8Action(body),
+        osc8Terminator: "st"
+      };
+    }
+    index++;
+  }
+  return {
+    nextIndex: input.length,
+    sequence: input.slice(start)
+  };
+}
+function parseEscapeSequence(input, index) {
+  const current = input[index];
+  if (!current) {
+    return null;
+  }
+  if (current === ESC2) {
+    const next = input[index + 1];
+    if (next === "[") {
+      return parseCsi(input, index, index + 2);
+    }
+    if (next === "]") {
+      return parseOsc(input, index, index + 2);
+    }
+    if (next) {
+      return {
+        nextIndex: index + 2,
+        sequence: input.slice(index, index + 2)
+      };
+    }
+    return {
+      nextIndex: input.length,
+      sequence: current
+    };
+  }
+  if (current === C1_CSI) {
+    return parseCsi(input, index, index + 1);
+  }
+  if (current === C1_OSC) {
+    return parseOsc(input, index, index + 1);
+  }
+  return null;
+}
+function getOsc8CloseSequence(terminator) {
+  if (terminator === "bel") {
+    return `${ESC2}]8;;${BEL2}`;
+  }
+  return `${ESC2}]8;;${ESC2}\\`;
+}
+function stripSgrCodes(text) {
+  return text.replace(SGR_REGEX, "");
+}
+function getVisibleText(text) {
+  let result = "";
+  let index = 0;
+  while (index < text.length) {
+    const escape2 = parseEscapeSequence(text, index);
+    if (escape2) {
+      index = escape2.nextIndex;
+      continue;
+    }
+    const codePoint = text.codePointAt(index);
+    if (codePoint === undefined) {
+      break;
+    }
+    const character = String.fromCodePoint(codePoint);
+    result += character;
+    index += character.length;
+  }
+  return result;
+}
+function getVisibleWidth(text) {
+  return stringWidth(getVisibleText(text));
+}
+function truncateStyledText(text, maxWidth, options = {}) {
+  if (maxWidth <= 0) {
+    return "";
+  }
+  if (getVisibleWidth(text) <= maxWidth) {
+    return text;
+  }
+  const addEllipsis = options.ellipsis ?? true;
+  const ellipsis = addEllipsis ? "..." : "";
+  const ellipsisWidth = addEllipsis ? stringWidth(ellipsis) : 0;
+  if (addEllipsis && maxWidth <= ellipsisWidth) {
+    return ".".repeat(maxWidth);
+  }
+  const targetWidth = Math.max(0, maxWidth - ellipsisWidth);
+  let output = "";
+  let currentWidth = 0;
+  let index = 0;
+  let didTruncate = false;
+  let openOsc8Terminator = null;
+  while (index < text.length) {
+    const escape2 = parseEscapeSequence(text, index);
+    if (escape2) {
+      output += escape2.sequence;
+      index = escape2.nextIndex;
+      if (escape2.osc8Action === "open") {
+        openOsc8Terminator = escape2.osc8Terminator ?? "st";
+      } else if (escape2.osc8Action === "close") {
+        openOsc8Terminator = null;
+      }
+      continue;
+    }
+    const codePoint = text.codePointAt(index);
+    if (codePoint === undefined) {
+      break;
+    }
+    const character = String.fromCodePoint(codePoint);
+    const charWidth = stringWidth(character);
+    if (currentWidth + charWidth > targetWidth) {
+      didTruncate = true;
+      break;
+    }
+    output += character;
+    currentWidth += charWidth;
+    index += character.length;
+  }
+  if (!didTruncate) {
+    return text;
+  }
+  if (openOsc8Terminator) {
+    output += getOsc8CloseSequence(openOsc8Terminator);
+  }
+  return output + ellipsis;
+}
+
 // src/utils/model-context.ts
 function toValidWindowSize(value) {
   if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) {
@@ -52836,7 +53036,6 @@ function calculateContextPercentage(context) {
 }
 
 // src/utils/renderer.ts
-var ANSI_REGEX = new RegExp(`\\x1b\\[[0-9;]*m`, "g");
 function formatTokens(count) {
   if (count >= 1e6)
     return `${(count / 1e6).toFixed(1)}M`;
@@ -52926,7 +53125,7 @@ function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, gl
     if (widgetText) {
       const padding = settings.defaultPadding ?? "";
       if (settings.overrideForegroundColor && settings.overrideForegroundColor !== "none" && widget.type === "custom-command" && widget.preserveColors) {
-        widgetText = widgetText.replace(ANSI_REGEX, "");
+        widgetText = stripSgrCodes(widgetText);
       }
       const prevItem = i > 0 ? filteredWidgets[i - 1] : null;
       const nextItem = i < filteredWidgets.length - 1 ? filteredWidgets[i + 1] : null;
@@ -52972,13 +53171,13 @@ function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, gl
       if (!isPreviousMerged) {
         const maxWidth = preCalculatedMaxWidths[alignmentPos];
         if (maxWidth !== undefined) {
-          let combinedLength = stringWidth(element.content.replace(ANSI_REGEX, ""));
+          let combinedLength = getVisibleWidth(element.content);
           let j = i;
           while (j < widgetElements.length - 1 && widgetElements[j]?.widget.merge) {
             j++;
             const nextElement = widgetElements[j];
             if (nextElement) {
-              combinedLength += stringWidth(nextElement.content.replace(ANSI_REGEX, ""));
+              combinedLength += getVisibleWidth(nextElement.content);
             }
           }
           const paddingNeeded = maxWidth - combinedLength;
@@ -53113,31 +53312,9 @@ function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, gl
   }
   result += source_default.reset("");
   if (terminalWidth && terminalWidth > 0) {
-    const plainLength = result.replace(ANSI_REGEX, "").length;
+    const plainLength = getVisibleWidth(result);
     if (plainLength > terminalWidth) {
-      let truncated = "";
-      let currentLength = 0;
-      let inAnsiCode = false;
-      for (const char of result) {
-        if (char === "\x1B") {
-          inAnsiCode = true;
-          truncated += char;
-        } else if (inAnsiCode) {
-          truncated += char;
-          if (char === "m") {
-            inAnsiCode = false;
-          }
-        } else {
-          if (currentLength < terminalWidth - 3) {
-            truncated += char;
-            currentLength++;
-          } else {
-            truncated += "...";
-            break;
-          }
-        }
-      }
-      result = truncated;
+      result = truncateStyledText(result, terminalWidth, { ellipsis: true });
     }
   }
   return result;
@@ -53172,7 +53349,7 @@ function preRenderAllWidgets(allLinesWidgets, settings, context) {
         continue;
       }
       const widgetText = widgetImpl.render(widget, context, settings) ?? "";
-      const plainLength = stringWidth(widgetText.replace(ANSI_REGEX, ""));
+      const plainLength = getVisibleWidth(widgetText);
       preRenderedLine.push({
         content: widgetText,
         plainLength,
@@ -53330,33 +53507,9 @@ function renderStatusLine(widgets, settings, context, preRenderedWidgets, preCal
         if (widget.type === "custom-command" && widget.preserveColors) {
           let finalOutput = widgetText;
           if (widget.maxWidth && widget.maxWidth > 0) {
-            const plainLength = widgetText.replace(ANSI_REGEX, "").length;
+            const plainLength = getVisibleWidth(widgetText);
             if (plainLength > widget.maxWidth) {
-              let truncated = "";
-              let currentLength = 0;
-              let inAnsiCode = false;
-              let ansiBuffer = "";
-              for (const char of widgetText) {
-                if (char === "\x1B") {
-                  inAnsiCode = true;
-                  ansiBuffer = char;
-                } else if (inAnsiCode) {
-                  ansiBuffer += char;
-                  if (char === "m") {
-                    truncated += ansiBuffer;
-                    inAnsiCode = false;
-                    ansiBuffer = "";
-                  }
-                } else {
-                  if (currentLength < widget.maxWidth) {
-                    truncated += char;
-                    currentLength++;
-                  } else {
-                    break;
-                  }
-                }
-              }
-              finalOutput = truncated;
+              finalOutput = truncateStyledText(widgetText, widget.maxWidth, { ellipsis: false });
             }
           }
           elements.push({ content: finalOutput, type: widget.type, widget });
@@ -53440,7 +53593,7 @@ function renderStatusLine(widgets, settings, context, preRenderedWidgets, preCal
     }
     const partLengths = parts.map((part) => {
       const joined = part.join("");
-      return joined.replace(ANSI_REGEX, "").length;
+      return getVisibleWidth(joined);
     });
     const totalContentLength = partLengths.reduce((sum, len) => sum + len, 0);
     const flexCount = parts.length - 1;
@@ -53467,34 +53620,9 @@ function renderStatusLine(widgets, settings, context, preRenderedWidgets, preCal
   }
   const maxWidth = terminalWidth ?? detectedWidth;
   if (maxWidth && maxWidth > 0) {
-    const plainLength = statusLine.replace(ANSI_REGEX, "").length;
+    const plainLength = getVisibleWidth(statusLine);
     if (plainLength > maxWidth) {
-      let truncated = "";
-      let currentLength = 0;
-      let inAnsiCode = false;
-      let ansiBuffer = "";
-      const targetLength = context.isPreview ? maxWidth - 3 : maxWidth - 3;
-      for (const char of statusLine) {
-        if (char === "\x1B") {
-          inAnsiCode = true;
-          ansiBuffer = char;
-        } else if (inAnsiCode) {
-          ansiBuffer += char;
-          if (char === "m") {
-            truncated += ansiBuffer;
-            inAnsiCode = false;
-            ansiBuffer = "";
-          }
-        } else {
-          if (currentLength < targetLength) {
-            truncated += char;
-            currentLength++;
-          } else {
-            break;
-          }
-        }
-      }
-      statusLine = truncated + "...";
+      statusLine = truncateStyledText(statusLine, maxWidth, { ellipsis: true });
     }
   }
   return statusLine;
@@ -54185,7 +54313,7 @@ class CustomCommandWidget {
           env: process.env
         }).trim();
         if (!item.preserveColors) {
-          output = output.replace(/\x1b\[[0-9;]*m/g, "");
+          output = getVisibleText(output);
         }
         if (item.maxWidth && output.length > item.maxWidth) {
           output = output.substring(0, item.maxWidth - 3) + "...";
@@ -56813,6 +56941,200 @@ class ContextBarWidget {
     return true;
   }
 }
+// src/widgets/Link.tsx
+var import_react32 = __toESM(require_react(), 1);
+var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
+function isValidHttpUrl(url2) {
+  try {
+    const parsed = new URL(url2);
+    return parsed.protocol === "http:" || parsed.protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+function toEditorMetadata(widget) {
+  const url2 = widget.metadata?.url ?? "";
+  const text = widget.metadata?.text ?? "";
+  return { url: url2, text };
+}
+function buildMetadata(widget, urlValue, textValue) {
+  const metadata = { ...widget.metadata ?? {} };
+  const trimmedUrl = urlValue.trim();
+  const trimmedText = textValue.trim();
+  if (trimmedUrl.length > 0) {
+    metadata.url = trimmedUrl;
+  } else {
+    delete metadata.url;
+  }
+  if (trimmedText.length > 0) {
+    metadata.text = trimmedText;
+  } else {
+    delete metadata.text;
+  }
+  if (Object.keys(metadata).length === 0) {
+    const { metadata: metadata2, ...rest } = widget;
+    return rest;
+  }
+  return {
+    ...widget,
+    metadata
+  };
+}
+function renderOsc8Link(url2, text) {
+  return `\x1B]8;;${url2}\x1B\\${text}\x1B]8;;\x1B\\`;
+}
+function getLinkLabel(item) {
+  const url2 = item.metadata?.url?.trim() ?? "";
+  const metadataText = item.metadata?.text?.trim();
+  const label = metadataText && metadataText.length > 0 ? metadataText : url2.length > 0 ? url2 : "no url";
+  return { url: url2, label };
+}
+function withEmojiPrefix(label, rawValue) {
+  return rawValue ? label : `\uD83D\uDD17 ${label}`;
+}
+
+class LinkWidget {
+  getDefaultColor() {
+    return "cyan";
+  }
+  getDescription() {
+    return "Displays a clickable terminal hyperlink using OSC 8";
+  }
+  getDisplayName() {
+    return "Link";
+  }
+  getCategory() {
+    return "Custom";
+  }
+  getEditorDisplay(item) {
+    const { url: url2, label } = getLinkLabel(item);
+    const metadataText = item.metadata?.text?.trim();
+    const hasCustomText = Boolean(metadataText && metadataText.length > 0);
+    const text = withEmojiPrefix(label, item.rawValue);
+    const shortUrl = hasCustomText && url2.length > 0 ? url2.length > 28 ? `${url2.substring(0, 25)}...` : url2 : null;
+    return {
+      displayText: `${this.getDisplayName()} (${text})`,
+      modifierText: shortUrl ? `(${shortUrl})` : undefined
+    };
+  }
+  render(item, context, settings) {
+    const { url: url2, label } = getLinkLabel(item);
+    const displayText = withEmojiPrefix(label, item.rawValue);
+    if (!url2 || !isValidHttpUrl(url2)) {
+      return displayText;
+    }
+    return renderOsc8Link(url2, displayText);
+  }
+  getCustomKeybinds() {
+    return [
+      { key: "u", label: "(u)rl", action: "edit-url" },
+      { key: "e", label: "(e)dit text", action: "edit-text" }
+    ];
+  }
+  renderEditor(props) {
+    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(LinkEditor, {
+      ...props
+    }, undefined, false, undefined, this);
+  }
+  supportsRawValue() {
+    return true;
+  }
+  supportsColors(item) {
+    return true;
+  }
+}
+function getEditorMode(action) {
+  if (action === "edit-url") {
+    return "url";
+  }
+  return "text";
+}
+var LinkEditor = ({ widget, onComplete, onCancel, action }) => {
+  const initial = toEditorMetadata(widget);
+  const mode = getEditorMode(action);
+  const [urlInput, setUrlInput] = import_react32.useState(initial.url);
+  const [urlCursorPos, setUrlCursorPos] = import_react32.useState(initial.url.length);
+  const [textInput, setTextInput] = import_react32.useState(initial.text);
+  const [textCursorPos, setTextCursorPos] = import_react32.useState(initial.text.length);
+  const isUrlMode = mode === "url";
+  const activeValue = isUrlMode ? urlInput : textInput;
+  const activeCursor = isUrlMode ? urlCursorPos : textCursorPos;
+  const updateActiveValue = (value, cursor) => {
+    if (isUrlMode) {
+      setUrlInput(value);
+      setUrlCursorPos(cursor);
+    } else {
+      setTextInput(value);
+      setTextCursorPos(cursor);
+    }
+  };
+  use_input_default((input, key) => {
+    if (key.return) {
+      onComplete(buildMetadata(widget, urlInput, textInput));
+    } else if (key.escape) {
+      onCancel();
+    } else if (key.leftArrow) {
+      updateActiveValue(activeValue, Math.max(0, activeCursor - 1));
+    } else if (key.rightArrow) {
+      updateActiveValue(activeValue, Math.min(activeValue.length, activeCursor + 1));
+    } else if (key.backspace) {
+      if (activeCursor > 0) {
+        const value = activeValue.slice(0, activeCursor - 1) + activeValue.slice(activeCursor);
+        updateActiveValue(value, activeCursor - 1);
+      }
+    } else if (key.delete) {
+      if (activeCursor < activeValue.length) {
+        const value = activeValue.slice(0, activeCursor) + activeValue.slice(activeCursor + 1);
+        updateActiveValue(value, activeCursor);
+      }
+    } else if (shouldInsertInput(input, key)) {
+      const value = activeValue.slice(0, activeCursor) + input + activeValue.slice(activeCursor);
+      updateActiveValue(value, activeCursor + input.length);
+    }
+  });
+  const showInvalidUrlWarning = isUrlMode && urlInput.trim().length > 0 && !isValidHttpUrl(urlInput.trim());
+  const prompt = isUrlMode ? "Enter URL (http/https): " : "Enter link text (blank uses URL): ";
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        children: [
+          prompt,
+          activeValue.slice(0, activeCursor),
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+            backgroundColor: "gray",
+            color: "black",
+            children: activeValue[activeCursor] ?? " "
+          }, undefined, false, undefined, this),
+          activeValue.slice(activeCursor + 1)
+        ]
+      }, undefined, true, undefined, this),
+      isUrlMode ? /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        dimColor: true,
+        children: [
+          "Current text:",
+          " ",
+          textInput.trim() || "(uses URL)"
+        ]
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        dimColor: true,
+        children: [
+          "Current URL:",
+          " ",
+          urlInput.trim() || "(none)"
+        ]
+      }, undefined, true, undefined, this),
+      showInvalidUrlWarning && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        color: "yellow",
+        children: "URL must begin with http:// or https://"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        dimColor: true,
+        children: "←→ move cursor, Enter save, ESC cancel"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
 // src/utils/widgets.ts
 var widgetRegistry = new Map([
   ["model", new ModelWidget],
@@ -56836,6 +57158,7 @@ var widgetRegistry = new Map([
   ["version", new VersionWidget],
   ["custom-text", new CustomTextWidget],
   ["custom-command", new CustomCommandWidget],
+  ["link", new LinkWidget],
   ["claude-session-id", new ClaudeSessionIdWidget],
   ["session-name", new SessionNameWidget],
   ["free-memory", new FreeMemoryWidget],
@@ -56951,10 +57274,10 @@ function filterWidgetCatalog(catalog, category, query) {
 }
 
 // src/tui/components/ConfirmDialog.tsx
-var import_react32 = __toESM(require_react(), 1);
-var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react33 = __toESM(require_react(), 1);
+var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
 var ConfirmDialog = ({ message, onConfirm, onCancel, inline = false }) => {
-  const [selectedIndex, setSelectedIndex] = import_react32.useState(0);
+  const [selectedIndex, setSelectedIndex] = import_react33.useState(0);
   use_input_default((input, key) => {
     if (key.upArrow) {
       setSelectedIndex(Math.max(0, selectedIndex - 1));
@@ -56973,17 +57296,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_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, {
           ...yesStyle,
           children: [
             selectedIndex === 0 ? "▶ " : "  ",
             "Yes"
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
           ...noStyle,
           children: [
             selectedIndex === 1 ? "▶ " : "  ",
@@ -56996,13 +57319,13 @@ var ConfirmDialog = ({ message, onConfirm, onCancel, inline = false }) => {
   if (inline) {
     return renderOptions();
   }
-  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, {
         children: message
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
         marginTop: 1,
         children: renderOptions()
       }, undefined, false, undefined, this)
@@ -57011,14 +57334,14 @@ var ConfirmDialog = ({ message, onConfirm, onCancel, inline = false }) => {
 };
 
 // src/tui/components/ColorMenu.tsx
-var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
 var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
-  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 [showSeparators, setShowSeparators] = import_react34.useState(false);
+  const [hexInputMode, setHexInputMode] = import_react34.useState(false);
+  const [hexInput, setHexInput] = import_react34.useState("");
+  const [ansi256InputMode, setAnsi256InputMode] = import_react34.useState(false);
+  const [ansi256Input, setAnsi256Input] = import_react34.useState("");
+  const [showClearConfirm, setShowClearConfirm] = import_react34.useState(false);
   const powerlineEnabled = settings.powerline.enabled;
   const colorableWidgets = widgets.filter((widget) => {
     if (widget.type === "separator") {
@@ -57027,8 +57350,8 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
     const widgetInstance = getWidget(widget.type);
     return widgetInstance ? widgetInstance.supportsColors(widget) : true;
   });
-  const [highlightedItemId, setHighlightedItemId] = import_react33.useState(colorableWidgets[0]?.id ?? null);
-  const [editingBackground, setEditingBackground] = import_react33.useState(false);
+  const [highlightedItemId, setHighlightedItemId] = import_react34.useState(colorableWidgets[0]?.id ?? null);
+  const [editingBackground, setEditingBackground] = import_react34.useState(false);
   const hasNoItems = colorableWidgets.length === 0;
   use_input_default((input, key) => {
     if (hasNoItems) {
@@ -57224,30 +57547,30 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
     }
   });
   if (hasNoItems) {
-    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: [
             "Configure Colors",
             lineIndex !== undefined ? ` - Line ${lineIndex + 1}` : ""
           ]
         }, 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, {
             dimColor: true,
             children: "No colorable widgets in the status line."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
           dimColor: true,
           children: "Add a widget first to continue."
         }, 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(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: "Press any key to go back..."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
@@ -57340,36 +57663,36 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
     }
   }
   if (showClearConfirm) {
-    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,
           color: "yellow",
           children: "⚠ Confirm Clear All Colors"
         }, 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, {
               children: "This will reset all colors for all widgets to their defaults."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
               color: "red",
               children: "This action cannot be undone!"
             }, undefined, false, 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, {
             children: "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 newItems = widgets.map((widget) => {
@@ -57390,12 +57713,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_runtime5.jsxDEV(Box_default, {
+  return /* @__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, {
             bold: true,
             children: [
               "Configure Colors",
@@ -57403,7 +57726,7 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
               editingBackground && source_default.yellow(" [Background Mode]")
             ]
           }, undefined, true, undefined, this),
-          globalOverrideMessage && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          globalOverrideMessage && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             color: "yellow",
             dimColor: true,
             children: [
@@ -57413,56 +57736,56 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: "Enter 6-digit hex color code (without #):"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: [
               "#",
               hexInput,
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
                 dimColor: true,
                 children: hexInput.length < 6 ? "_".repeat(6 - hexInput.length) : ""
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: " "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter when done, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: "Enter ANSI 256 color code (0-255):"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: [
               ansi256Input,
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime6.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_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: " "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter when done, ESC to cancel"
           }, 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(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             dimColor: true,
             children: [
               "↑↓ to select, ←→ to cycle",
@@ -57474,16 +57797,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_runtime5.jsxDEV(Text, {
+          !settings.powerline.enabled && !settings.defaultSeparator && /* @__PURE__ */ jsx_dev_runtime6.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_runtime5.jsxDEV(Box_default, {
+          selectedWidget ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
               children: [
                 "Current",
                 " ",
@@ -57497,19 +57820,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_runtime5.jsxDEV(Box_default, {
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
               children: " "
             }, undefined, false, undefined, this)
           }, 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: hexInputMode || ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+        children: hexInputMode || ansi256InputMode ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
           flexDirection: "column",
-          children: menuItems.map((item) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          children: menuItems.map((item) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             color: item.value === highlightedItemId ? "cyan" : "white",
             bold: item.value === highlightedItemId,
             children: [
@@ -57517,28 +57840,28 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
               item.label
             ]
           }, item.value, true, undefined, this))
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(SelectInput_default, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(SelectInput_default, {
           items: menuItems,
           onSelect: handleSelect,
           onHighlight: handleHighlight,
           initialIndex: Math.max(0, menuItems.findIndex((item) => item.value === highlightedItemId)),
-          indicatorComponent: ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          indicatorComponent: ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: isSelected ? "▶" : "  "
           }, undefined, false, undefined, this),
-          itemComponent: ({ isSelected, label }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          itemComponent: ({ isSelected, label }) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
             children: ` ${label}`
           }, undefined, false, undefined, this)
         }, `${showSeparators}-${highlightedItemId}`, 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, {
             color: "yellow",
             children: "⚠ VSCode Users: "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime6.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.'
@@ -57549,16 +57872,16 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
   }, undefined, true, undefined, this);
 };
 // src/tui/components/GlobalOverridesMenu.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 GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
-  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 [editingPadding, setEditingPadding] = import_react35.useState(false);
+  const [editingSeparator, setEditingSeparator] = import_react35.useState(false);
+  const [confirmingSeparator, setConfirmingSeparator] = import_react35.useState(false);
+  const [paddingInput, setPaddingInput] = import_react35.useState(settings.defaultPadding ?? "");
+  const [separatorInput, setSeparatorInput] = import_react35.useState(settings.defaultSeparator ?? "");
+  const [inheritColors, setInheritColors] = import_react35.useState(settings.inheritSeparatorColors);
+  const [globalBold, setGlobalBold] = import_react35.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)];
@@ -57660,95 +57983,95 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
       }
     }
   });
-  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: "Global Overrides"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
         dimColor: true,
         children: "Configure automatic padding and separators between widgets"
       }, undefined, false, undefined, this),
-      isPowerlineEnabled && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      isPowerlineEnabled && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.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_runtime6.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginTop: 1
       }, undefined, false, undefined, this),
-      editingPadding ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      editingPadding ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "Enter default padding (applied to left and right of each widget): "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 color: "cyan",
                 children: paddingInput ? `"${paddingInput}"` : "(empty)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to save, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : editingSeparator ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : editingSeparator ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "Enter default separator (placed between widgets): "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 color: "cyan",
                 children: separatorInput ? `"${separatorInput}"` : "(empty - no separator will be added)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to save, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : confirmingSeparator ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : confirmingSeparator ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__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: "⚠ 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_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "New default separator: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 color: "cyan",
                 children: separatorInput ? `"${separatorInput}"` : "(empty)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, 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, {
               children: "Do you want to continue? "
             }, 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(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 const updatedSettings = {
@@ -57766,47 +58089,47 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "      Global Bold: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 color: globalBold ? "green" : "red",
                 children: globalBold ? "✓ Enabled" : "✗ Disabled"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (o) to toggle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "  Default Padding: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 color: "cyan",
                 children: settings.defaultPadding ? `"${settings.defaultPadding}"` : "(none)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (p) to edit"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "Override FG Color: "
               }, undefined, false, undefined, this),
               (() => {
                 const fgColor = settings.overrideForegroundColor ?? "none";
                 if (fgColor === "none") {
-                  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                     color: "gray",
                     children: "(none)"
                   }, undefined, false, undefined, this);
@@ -57814,31 +58137,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_runtime6.jsxDEV(Text, {
+                  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                     children: display
                   }, undefined, false, undefined, this);
                 }
               })(),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 children: " - (f) cycle, (g) clear"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "Override BG Color: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
                 children: [
                   (() => {
                     const bgColor = settings.overrideBackgroundColor ?? "none";
                     if (bgColor === "none") {
-                      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                      return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                         color: "gray",
                         children: "(none)"
                       }, undefined, false, undefined, this);
@@ -57846,12 +58169,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_runtime6.jsxDEV(Text, {
+                      return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                         children: display
                       }, undefined, false, undefined, this);
                     }
                   })(),
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                     dimColor: true,
                     children: " - (b) cycle, (c) clear"
                   }, undefined, false, undefined, this)
@@ -57859,21 +58182,21 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "   Inherit Colors: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                     color: inheritColors ? "green" : "red",
                     children: inheritColors ? "✓ Enabled" : "✗ Disabled"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (i) to toggle"
                   }, undefined, false, undefined, this)
@@ -57881,21 +58204,21 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 children: "Default Separator: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                     color: "cyan",
                     children: settings.defaultSeparator ? `"${settings.defaultSeparator}"` : "(none)"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (s) to edit"
                   }, undefined, false, undefined, this)
@@ -57903,33 +58226,33 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, 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: "Press ESC to go back"
             }, 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(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "Note: These settings are applied during rendering and don't add widgets to your widget list."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Inherit colors: Separators will use colors from the preceding widget"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Global Bold: Makes all text bold regardless of individual settings"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Override colors: All widgets will use these colors instead of their configured colors"
@@ -57942,8 +58265,8 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
   }, undefined, true, undefined, this);
 };
 // src/tui/components/InstallMenu.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 InstallMenu = ({
   bunxAvailable,
   existingStatusLine,
@@ -57951,7 +58274,7 @@ var InstallMenu = ({
   onSelectBunx,
   onCancel
 }) => {
-  const [selectedIndex, setSelectedIndex] = import_react35.useState(0);
+  const [selectedIndex, setSelectedIndex] = import_react36.useState(0);
   const maxIndex = 2;
   use_input_default((input, key) => {
     if (key.escape) {
@@ -57980,16 +58303,16 @@ var InstallMenu = ({
       }
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
         bold: true,
         children: "Install ccstatusline to Claude Code"
       }, undefined, false, undefined, this),
-      existingStatusLine && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      existingStatusLine && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           color: "yellow",
           children: [
             '⚠ Current status line: "',
@@ -57998,18 +58321,18 @@ var InstallMenu = ({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           dimColor: true,
           children: "Select package manager to use:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
               color: selectedIndex === 0 ? "blue" : undefined,
               children: [
                 selectedIndex === 0 ? "▶  " : "   ",
@@ -58017,8 +58340,8 @@ var InstallMenu = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
               color: selectedIndex === 1 && bunxAvailable ? "blue" : undefined,
               dimColor: !bunxAvailable,
               children: [
@@ -58028,9 +58351,9 @@ var InstallMenu = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
               color: selectedIndex === 2 ? "blue" : undefined,
               children: [
                 selectedIndex === 2 ? "▶  " : "   ",
@@ -58040,9 +58363,9 @@ var InstallMenu = ({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         marginTop: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           dimColor: true,
           children: [
             "The selected command will be written to",
@@ -58051,9 +58374,9 @@ var InstallMenu = ({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           dimColor: true,
           children: "Press Enter to select, ESC to cancel"
         }, undefined, false, undefined, this)
@@ -58062,14 +58385,14 @@ var InstallMenu = ({
   }, undefined, true, undefined, this);
 };
 // src/tui/components/ItemsEditor.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 ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
-  const [selectedIndex, setSelectedIndex] = import_react36.useState(0);
-  const [moveMode, setMoveMode] = import_react36.useState(false);
-  const [customEditorWidget, setCustomEditorWidget] = import_react36.useState(null);
-  const [widgetPicker, setWidgetPicker] = import_react36.useState(null);
-  const [showClearConfirm, setShowClearConfirm] = import_react36.useState(false);
+  const [selectedIndex, setSelectedIndex] = import_react37.useState(0);
+  const [moveMode, setMoveMode] = import_react37.useState(false);
+  const [customEditorWidget, setCustomEditorWidget] = import_react37.useState(null);
+  const [widgetPicker, setWidgetPicker] = import_react37.useState(null);
+  const [showClearConfirm, setShowClearConfirm] = import_react37.useState(false);
   const separatorChars = ["|", "-", ",", " "];
   const widgetCatalog = getWidgetCatalog(settings);
   const widgetCategories = ["All", ...getWidgetCatalogCategories(widgetCatalog)];
@@ -58475,19 +58798,19 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
     });
   }
   if (showClearConfirm) {
-    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,
           color: "yellow",
           children: "⚠ Confirm Clear Line"
         }, 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(Text, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               children: [
                 "This will remove all widgets from Line",
                 " ",
@@ -58495,21 +58818,21 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
                 "."
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               color: "red",
               children: "This action cannot be undone!"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, 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: "Continue?"
           }, undefined, false, 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(ConfirmDialog, {
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(ConfirmDialog, {
             inline: true,
             onConfirm: () => {
               onUpdate([]);
@@ -58524,12 +58847,12 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
       ]
     }, 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(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             bold: true,
             children: [
               "Edit Line",
@@ -58538,17 +58861,17 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
               " "
             ]
           }, undefined, true, undefined, this),
-          moveMode && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          moveMode && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             color: "blue",
             children: "[MOVE MODE]"
           }, undefined, false, undefined, this),
-          widgetPicker && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          widgetPicker && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             color: "cyan",
             children: `[${pickerActionLabel.toUpperCase()}]`
           }, undefined, false, undefined, this),
-          (settings.powerline.enabled || Boolean(settings.defaultSeparator)) && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+          (settings.powerline.enabled || Boolean(settings.defaultSeparator)) && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
             marginLeft: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               color: "yellow",
               children: [
                 "⚠",
@@ -58559,46 +58882,46 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      moveMode ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      moveMode ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           dimColor: true,
           children: "↑↓ to move widget, ESC or Enter to exit move mode"
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this) : widgetPicker ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : widgetPicker ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
-        children: widgetPicker.level === "category" ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+        children: widgetPicker.level === "category" ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
           children: [
-            widgetPicker.categoryQuery.trim().length > 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            widgetPicker.categoryQuery.trim().length > 0 ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               dimColor: true,
               children: "↑↓ select widget match, Enter apply, ESC clear/cancel"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               dimColor: true,
               children: "↑↓ select category, type to search all widgets, Enter continue, ESC cancel"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               children: [
-                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                   dimColor: true,
                   children: "Search: "
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                   color: "cyan",
                   children: widgetPicker.categoryQuery || "(none)"
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               dimColor: true,
               children: "↑↓ select widget, type to search widgets, Enter apply, ESC back"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               children: [
-                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                   dimColor: true,
                   children: [
                     "Category:",
@@ -58609,7 +58932,7 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
                     " "
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                   color: "cyan",
                   children: widgetPicker.widgetQuery || "(none)"
                 }, undefined, false, undefined, this)
@@ -58617,132 +58940,132 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             dimColor: true,
             children: helpText
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             dimColor: true,
             children: customKeybindsText || " "
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hasFlexSeparator && !widthDetectionAvailable && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      hasFlexSeparator && !widthDetectionAvailable && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
             color: "yellow",
             children: "⚠ Note: Terminal width detection is currently unavailable in your environment."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime9.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),
-      widgetPicker && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      widgetPicker && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
-        children: widgetPicker.level === "category" ? widgetPicker.categoryQuery.trim().length > 0 ? topLevelSearchEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        children: widgetPicker.level === "category" ? widgetPicker.categoryQuery.trim().length > 0 ? topLevelSearchEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           dimColor: true,
           children: "No widgets match the search."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
           children: [
             topLevelSearchEntries.map((entry, index) => {
               const isSelected = entry.type === selectedTopLevelSearchEntry?.type;
-              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: isSelected ? "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: `${index + 1}. ${entry.displayName}`
                   }, undefined, false, undefined, this)
                 ]
               }, entry.type, true, undefined, this);
             }),
-            selectedTopLevelSearchEntry && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            selectedTopLevelSearchEntry && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                 dimColor: true,
                 children: selectedTopLevelSearchEntry.description
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : pickerCategories.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        }, undefined, true, undefined, this) : pickerCategories.length === 0 ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           dimColor: true,
           children: "No categories available."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
           children: [
             pickerCategories.map((category, index) => {
               const isSelected = category === selectedPickerCategory;
-              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: isSelected ? "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: `${index + 1}. ${category}`
                   }, undefined, false, undefined, this)
                 ]
               }, category, true, undefined, this);
             }),
-            selectedPickerCategory === "All" && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            selectedPickerCategory === "All" && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                 dimColor: true,
                 children: "Search across all widget categories."
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : pickerEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        }, undefined, true, undefined, this) : pickerEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           dimColor: true,
           children: "No widgets match the current category/search."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
           children: [
             pickerEntries.map((entry, index) => {
               const isSelected = entry.type === selectedPickerEntry?.type;
-              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: isSelected ? "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: `${index + 1}. ${entry.displayName}`
                   }, undefined, false, undefined, this)
                 ]
               }, entry.type, true, undefined, this);
             }),
-            selectedPickerEntry && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            selectedPickerEntry && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                 dimColor: true,
                 children: selectedPickerEntry.description
               }, undefined, false, undefined, this)
@@ -58750,60 +59073,60 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      !widgetPicker && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      !widgetPicker && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
-        children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           dimColor: true,
           children: "No widgets. Press 'a' to add one."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.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) };
               const supportsRawValue = widgetImpl?.supportsRawValue() ?? false;
-              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                       color: isSelected ? moveMode ? "blue" : "green" : undefined,
                       children: isSelected ? moveMode ? "◆ " : "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     color: isSelected ? moveMode ? "blue" : "green" : undefined,
                     children: `${index + 1}. ${displayText || getWidgetDisplay(widget)}`
                   }, undefined, false, undefined, this),
-                  modifierText && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  modifierText && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     dimColor: true,
                     children: [
                       " ",
                       modifierText
                     ]
                   }, undefined, true, undefined, this),
-                  supportsRawValue && widget.rawValue && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  supportsRawValue && widget.rawValue && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     dimColor: true,
                     children: " (raw value)"
                   }, undefined, false, undefined, this),
-                  widget.merge === true && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  widget.merge === true && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     dimColor: true,
                     children: " (merged→)"
                   }, undefined, false, undefined, this),
-                  widget.merge === "no-padding" && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  widget.merge === "no-padding" && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                     dimColor: true,
                     children: " (merged-no-pad→)"
                   }, undefined, false, undefined, this)
                 ]
               }, widget.id, true, undefined, this);
             }),
-            currentWidget && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+            currentWidget && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                 dimColor: true,
                 children: (() => {
                   if (currentWidget.type === "separator") {
@@ -58825,8 +59148,8 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
 };
 // src/tui/components/LineSelector.tsx
 var import_pluralize = __toESM(require_pluralize(), 1);
-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 LineSelector = ({
   lines,
   onSelect,
@@ -58838,14 +59161,14 @@ var LineSelector = ({
   settings,
   allowEditing = false
 }) => {
-  const [selectedIndex, setSelectedIndex] = import_react37.useState(initialSelection);
-  const [showDeleteDialog, setShowDeleteDialog] = import_react37.useState(false);
-  const [moveMode, setMoveMode] = import_react37.useState(false);
-  const [localLines, setLocalLines] = import_react37.useState(lines);
-  import_react37.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = import_react38.useState(initialSelection);
+  const [showDeleteDialog, setShowDeleteDialog] = import_react38.useState(false);
+  const [moveMode, setMoveMode] = import_react38.useState(false);
+  const [localLines, setLocalLines] = import_react38.useState(lines);
+  import_react38.useEffect(() => {
     setLocalLines(lines);
   }, [lines]);
-  const selectedLine = import_react37.useMemo(() => localLines[selectedIndex], [localLines, selectedIndex]);
+  const selectedLine = import_react38.useMemo(() => localLines[selectedIndex], [localLines, selectedIndex]);
   const appendLine = () => {
     const newLines = [...localLines, []];
     setLocalLines(newLines);
@@ -58930,16 +59253,16 @@ var LineSelector = ({
     }
   });
   if (isThemeManaged) {
-    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
           bold: true,
           children: title ?? "Select Line"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: "yellow",
             children: [
               "⚠ Colors are currently managed by the Powerline theme:",
@@ -58947,30 +59270,30 @@ var LineSelector = ({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             dimColor: true,
             children: "To customize colors, either:"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           marginLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             dimColor: true,
             children: "• Change to 'Custom' theme in Powerline Configuration → Themes"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           marginLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             dimColor: true,
             children: "• Disable Powerline mode in Powerline Configuration"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             children: "Press any key to go back..."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
@@ -58979,18 +59302,18 @@ var LineSelector = ({
   }
   if (showDeleteDialog && selectedLine) {
     const suffix = selectedLine.length > 0 ? import_pluralize.default("widget", selectedLine.length, true) : "empty";
-    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           flexDirection: "column",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
               bold: true,
-              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                     children: [
                       "☰ Line",
                       " ",
@@ -58998,7 +59321,7 @@ var LineSelector = ({
                     ]
                   }, undefined, true, undefined, this),
                   " ",
-                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                     dimColor: true,
                     children: [
                       "(",
@@ -59009,15 +59332,15 @@ var LineSelector = ({
                 ]
               }, undefined, true, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
               bold: true,
               children: "Are you sure you want to delete line?"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(ConfirmDialog, {
+          children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(ConfirmDialog, {
             inline: true,
             onConfirm: () => {
               deleteLine(selectedIndex);
@@ -59032,53 +59355,53 @@ var LineSelector = ({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(jsx_dev_runtime10.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
               bold: true,
               children: [
                 title ?? "Select Line to Edit",
                 " "
               ]
             }, undefined, true, undefined, this),
-            moveMode && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+            moveMode && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
               color: "blue",
               children: "[MOVE MODE]"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
           dimColor: true,
           children: "Choose which status line to configure"
         }, undefined, false, undefined, this),
-        moveMode ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+        moveMode ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
           dimColor: true,
           children: "↑↓ to move line, ESC or Enter to exit move mode"
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
           dimColor: true,
           children: allowEditing ? localLines.length > 1 ? "(a) to append new line, (d) to delete line, (m) to move line, ESC to go back" : "(a) to append new line, ESC to go back" : "ESC to go back"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           children: [
             localLines.map((line, index) => {
               const isSelected = selectedIndex === index;
               const suffix = line.length ? import_pluralize.default("widget", line.length, true) : "empty";
-              return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+              return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                   color: isSelected ? moveMode ? "blue" : "green" : undefined,
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                       children: isSelected ? moveMode ? "◆  " : "▶  " : "   "
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                       children: [
-                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                           children: [
                             "☰ Line",
                             " ",
@@ -59086,7 +59409,7 @@ var LineSelector = ({
                           ]
                         }, undefined, true, undefined, this),
                         " ",
-                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                           dimColor: !isSelected,
                           children: [
                             "(",
@@ -59100,9 +59423,9 @@ var LineSelector = ({
                 }, undefined, true, undefined, this)
               }, index, false, undefined, this);
             }),
-            !moveMode && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            !moveMode && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
               marginTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
                 color: selectedIndex === localLines.length ? "green" : undefined,
                 children: [
                   selectedIndex === localLines.length ? "▶  " : "   ",
@@ -59117,10 +59440,10 @@ var LineSelector = ({
   }, undefined, false, undefined, this);
 };
 // src/tui/components/MainMenu.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 MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0, powerlineFontStatus, settings, previewIsTruncated }) => {
-  const [selectedIndex, setSelectedIndex] = import_react38.useState(initialSelection);
+  const [selectedIndex, setSelectedIndex] = import_react39.useState(initialSelection);
   const menuItems = [
     { label: "\uD83D\uDCDD Edit Lines", value: "lines", selectable: true },
     { label: "\uD83C\uDFA8 Edit Colors", value: "colors", selectable: true },
@@ -59166,32 +59489,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_runtime10.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      showTruncationWarning && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      showTruncationWarning && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime11.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_runtime10.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
         bold: true,
         children: "Main Menu"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: menuItems.map((item, idx) => {
           if (!item.selectable && item.value.startsWith("_gap")) {
-            return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
               children: " "
             }, item.value, false, undefined, this);
           }
           const selectableIdx = selectableItems.indexOf(item);
           const isSelected = selectableIdx === selectedIndex;
-          return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             color: isSelected ? "green" : undefined,
             children: [
               isSelected ? "▶  " : "   ",
@@ -59200,10 +59523,10 @@ var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0,
           }, item.value, true, undefined, this);
         })
       }, undefined, false, undefined, this),
-      description && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      description && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
         marginTop: 1,
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
           dimColor: true,
           wrap: "wrap",
           children: description
@@ -59213,12 +59536,12 @@ var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0,
   }, undefined, true, undefined, this);
 };
 // src/tui/components/PowerlineSetup.tsx
-var import_react41 = __toESM(require_react(), 1);
+var import_react42 = __toESM(require_react(), 1);
 import * as os10 from "os";
 
 // src/tui/components/PowerlineSeparatorEditor.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 PowerlineSeparatorEditor = ({
   settings,
   mode,
@@ -59238,10 +59561,10 @@ var PowerlineSeparatorEditor = ({
   };
   const separators = getItems();
   const invertBgs = mode === "separator" ? powerlineConfig.separatorInvertBackground : [];
-  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 [selectedIndex, setSelectedIndex] = import_react40.useState(0);
+  const [hexInputMode, setHexInputMode] = import_react40.useState(false);
+  const [hexInput, setHexInput] = import_react40.useState("");
+  const [cursorPos, setCursorPos] = import_react40.useState(0);
   const getPresets = () => {
     if (mode === "separator") {
       return [
@@ -59430,18 +59753,18 @@ var PowerlineSeparatorEditor = ({
   };
   const canAdd = mode === "separator" || separators.length < 3;
   const canDelete = mode !== "separator" || separators.length > 1;
-  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: getTitle()
       }, undefined, false, undefined, this),
-      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         marginTop: 2,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             children: [
               "Enter 4-digit hex code for",
               " ",
@@ -59450,47 +59773,47 @@ var PowerlineSeparatorEditor = ({
               ":"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             children: [
               "\\u",
               hexInput.slice(0, cursorPos),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime12.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_runtime11.jsxDEV(Text, {
+              hexInput.length < 4 && hexInput.length === cursorPos && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                 dimColor: true,
                 children: "_".repeat(4 - hexInput.length - 1)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.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_runtime11.jsxDEV(jsx_dev_runtime11.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
         children: [
-          /* @__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: `↑↓ 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_runtime11.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             marginTop: 2,
             flexDirection: "column",
-            children: separators.length > 0 ? separators.map((sep2, index) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-              children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            children: separators.length > 0 ? separators.map((sep2, index) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                 color: index === selectedIndex ? "green" : undefined,
                 children: [
                   index === selectedIndex ? "▶  " : "   ",
                   `${index + 1}: ${getSeparatorDisplay(sep2, index)}`
                 ]
               }, undefined, true, undefined, this)
-            }, index, false, undefined, this)) : /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            }, index, false, undefined, this)) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               dimColor: true,
               children: "(none configured - press 'a' to add)"
             }, undefined, false, undefined, this)
@@ -59502,8 +59825,8 @@ var PowerlineSeparatorEditor = ({
 };
 
 // src/tui/components/PowerlineThemeSelector.tsx
-var import_react40 = __toESM(require_react(), 1);
-var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react41 = __toESM(require_react(), 1);
+var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
 var PowerlineThemeSelector = ({
   settings,
   onUpdate,
@@ -59511,10 +59834,10 @@ var PowerlineThemeSelector = ({
 }) => {
   const themes = getPowerlineThemes();
   const currentTheme = settings.powerline.theme ?? "custom";
-  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 [selectedIndex, setSelectedIndex] = import_react41.useState(Math.max(0, themes.indexOf(currentTheme)));
+  const [showCustomizeConfirm, setShowCustomizeConfirm] = import_react41.useState(false);
+  const originalThemeRef = import_react41.useRef(currentTheme);
+  const originalSettingsRef = import_react41.useRef(settings);
   const applyTheme = (themeName) => {
     const updatedSettings = {
       ...settings,
@@ -59602,39 +59925,39 @@ var PowerlineThemeSelector = ({
   const selectedThemeName = themes[selectedIndex];
   const selectedTheme = selectedThemeName ? getPowerlineTheme(selectedThemeName) : undefined;
   if (showCustomizeConfirm) {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           bold: true,
           color: "yellow",
           children: "⚠ Confirm Customization"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               children: "This will copy the current theme colors to your widgets"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               children: "and switch to Custom theme mode."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: "red",
               children: "This will overwrite any existing custom colors!"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             children: "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: () => {
               customizeTheme();
@@ -59648,39 +59971,39 @@ var PowerlineThemeSelector = ({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
         bold: true,
         children: [
           `Powerline Theme Selection  |  `,
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             dimColor: true,
             children: `Original: ${originalThemeRef.current}`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__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, {
           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_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.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_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 ? "▶ " : "  ",
                 theme?.name ?? themeName,
-                isOriginal && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                isOriginal && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   dimColor: true,
                   children: " (original)"
                 }, undefined, false, undefined, this)
@@ -59689,29 +60012,29 @@ var PowerlineThemeSelector = ({
           }, themeName, false, undefined, this);
         })
       }, undefined, false, undefined, this),
-      selectedTheme && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      selectedTheme && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         marginTop: 2,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             dimColor: true,
             children: "Description:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginLeft: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               children: selectedTheme.description
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          selectedThemeName && selectedThemeName !== "custom" && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          selectedThemeName && selectedThemeName !== "custom" && /* @__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 (c) to customize this theme - copies colors to widgets"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          settings.colorLevel === 1 && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          settings.colorLevel === 1 && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime13.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)
@@ -59723,7 +60046,7 @@ var PowerlineThemeSelector = ({
 };
 
 // src/tui/components/PowerlineSetup.tsx
-var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
 var PowerlineSetup = ({
   settings,
   powerlineFontStatus,
@@ -59735,10 +60058,10 @@ var PowerlineSetup = ({
   onClearMessage
 }) => {
   const powerlineConfig = settings.powerline;
-  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 [screen, setScreen] = import_react42.useState("menu");
+  const [selectedMenuItem, setSelectedMenuItem] = import_react42.useState(0);
+  const [confirmingEnable, setConfirmingEnable] = import_react42.useState(false);
+  const [confirmingFontInstall, setConfirmingFontInstall] = import_react42.useState(false);
   const hasSeparatorItems = settings.lines.some((line) => line.some((item) => item.type === "separator" || item.type === "flex-separator"));
   const menuItems = [
     { label: "Separator", value: "separator" },
@@ -59855,7 +60178,7 @@ var PowerlineSetup = ({
     }
   });
   if (screen === "separator") {
-    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "separator",
       onUpdate,
@@ -59865,7 +60188,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "startCap") {
-    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "startCap",
       onUpdate,
@@ -59875,7 +60198,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "endCap") {
-    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "endCap",
       onUpdate,
@@ -59885,7 +60208,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "themes") {
-    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PowerlineThemeSelector, {
+    return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(PowerlineThemeSelector, {
       settings,
       onUpdate,
       onBack: () => {
@@ -59893,140 +60216,140 @@ var PowerlineSetup = ({
       }
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      !confirmingFontInstall && !installingFonts && !fontInstallMessage && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+      !confirmingFontInstall && !installingFonts && !fontInstallMessage && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
         bold: true,
         children: "Powerline Setup"
       }, undefined, false, undefined, this),
-      confirmingFontInstall ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      confirmingFontInstall ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: "cyan",
               bold: true,
               children: "Font Installation"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginBottom: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 bold: true,
                 children: "What will happen:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Clone fonts from "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: "blue",
                     children: "https://github.com/powerline/fonts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os10.platform() === "darwin" && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+              os10.platform() === "darwin" && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Run install.sh script which will:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Copy all .ttf/.otf files to ~/Library/Fonts"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Register fonts with macOS"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os10.platform() === "linux" && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+              os10.platform() === "linux" && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Run install.sh script which will:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Copy all .ttf/.otf files to ~/.local/share/fonts"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Run fc-cache to update font cache"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os10.platform() === "win32" && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+              os10.platform() === "win32" && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Copy Powerline .ttf/.otf files to:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: "  AppData\\Local\\Microsoft\\Windows\\Fonts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Clean up temporary files"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginBottom: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 color: "yellow",
                 bold: true,
                 children: "Requirements: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 dimColor: true,
                 children: "Git installed, Internet connection, Write permissions"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginBottom: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 color: "green",
                 bold: true,
                 children: "After install:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Restart terminal"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Select a Powerline font"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 dimColor: true,
                 children: '  (e.g. "Meslo LG S for Powerline")'
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               children: "Proceed? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 setConfirmingFontInstall(false);
@@ -60038,36 +60361,36 @@ var PowerlineSetup = ({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : confirmingEnable ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : confirmingEnable ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          hasSeparatorItems && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+          hasSeparatorItems && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 marginBottom: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: hasSeparatorItems ? 1 : 0,
-            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               children: "Do you want to continue? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 const theme = !powerlineConfig.theme || powerlineConfig.theme === "custom" ? getDefaultPowerlineTheme() : powerlineConfig.theme;
@@ -60092,51 +60415,51 @@ var PowerlineSetup = ({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : installingFonts ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+      }, undefined, true, undefined, this) : installingFonts ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : fontInstallMessage ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: fontInstallMessage.includes("success") ? "green" : "red",
             children: fontInstallMessage
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               children: [
                 "    Font Status: ",
-                powerlineFontStatus.installed ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+                powerlineFontStatus.installed ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                       color: "green",
                       children: "✓ Installed"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                       dimColor: true,
                       children: " - Ensure fonts are active in your terminal"
                     }, undefined, false, undefined, this)
                   ]
-                }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+                }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                       color: "yellow",
                       children: "✗ Not Installed"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                       dimColor: true,
                       children: " - Press (i) to install Powerline fonts"
                     }, undefined, false, undefined, this)
@@ -60145,52 +60468,52 @@ var PowerlineSetup = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 children: " Powerline Mode: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 color: powerlineConfig.enabled ? "green" : "red",
                 children: powerlineConfig.enabled ? "✓ Enabled  " : "✗ Disabled "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (t) to toggle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+          powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     children: "  Align Widgets: "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: powerlineConfig.autoAlign ? "green" : "red",
                     children: powerlineConfig.autoAlign ? "✓ Enabled  " : "✗ Disabled "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (a) to toggle"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 flexDirection: "column",
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                   dimColor: true,
                   children: "When enabled, global overrides are disabled and powerline separators are used"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
-            children: powerlineConfig.enabled ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+            children: powerlineConfig.enabled ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
               children: menuItems.map((item, index) => {
                 const isSelected = index === selectedMenuItem;
                 let displayValue = "";
@@ -60212,9 +60535,9 @@ var PowerlineSetup = ({
                     break;
                 }
                 if (item.value === "back") {
-                  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+                  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                     marginTop: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: [
                         isSelected ? "▶  " : "   ",
@@ -60223,13 +60546,13 @@ var PowerlineSetup = ({
                     }, undefined, true, undefined, this)
                   }, item.value, false, undefined, this);
                 }
-                return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
-                  children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+                  children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: [
                       isSelected ? "▶  " : "   ",
                       item.label.padEnd(11, " "),
-                      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                         dimColor: true,
                         children: displayValue && `(${displayValue})`
                       }, undefined, false, undefined, this)
@@ -60237,9 +60560,9 @@ var PowerlineSetup = ({
                   }, undefined, true, undefined, this)
                 }, item.value, false, undefined, this);
               })
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
               marginTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 dimColor: true,
                 children: "Press ESC to go back"
               }, undefined, false, undefined, this)
@@ -60251,8 +60574,8 @@ var PowerlineSetup = ({
   }, undefined, true, undefined, this);
 };
 // src/tui/components/StatusLinePreview.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 renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, settings, lineIndex, globalSeparatorIndex, preRenderedWidgets, preCalculatedMaxWidths) => {
   const context = {
     terminalWidth,
@@ -60263,8 +60586,8 @@ var renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, setting
   return renderStatusLineWithInfo(widgets, settings, context, preRenderedWidgets, preCalculatedMaxWidths);
 };
 var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange }) => {
-  const widthDetectionAvailable = import_react42.default.useMemo(() => canDetectTerminalWidth(), []);
-  const { renderedLines, anyTruncated } = import_react42.default.useMemo(() => {
+  const widthDetectionAvailable = import_react43.default.useMemo(() => canDetectTerminalWidth(), []);
+  const { renderedLines, anyTruncated } = import_react43.default.useMemo(() => {
     if (!settings)
       return { renderedLines: [], anyTruncated: false };
     const preRenderedLines = preRenderAllWidgets(lines, settings, { terminalWidth, isPreview: true });
@@ -60289,29 +60612,29 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
     }
     return { renderedLines: result, anyTruncated: truncated };
   }, [lines, terminalWidth, widthDetectionAvailable, settings]);
-  import_react42.default.useEffect(() => {
+  import_react43.default.useEffect(() => {
     onTruncationChange?.(anyTruncated);
   }, [anyTruncated, onTruncationChange]);
-  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
         borderStyle: "round",
         borderColor: "gray",
         borderDimColor: true,
         width: "100%",
         paddingLeft: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
           children: [
             ">",
-            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime15.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_runtime14.jsxDEV(Text, {
+      renderedLines.map((line, index) => /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
         children: [
           "  ",
           line,
@@ -60322,12 +60645,12 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
   }, undefined, true, undefined, this);
 };
 // src/tui/components/TerminalOptionsMenu.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 TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
-  const [showColorWarning, setShowColorWarning] = import_react43.useState(false);
-  const [pendingColorLevel, setPendingColorLevel] = import_react43.useState(null);
-  const [selectedIndex, setSelectedIndex] = import_react43.useState(0);
+  const [showColorWarning, setShowColorWarning] = import_react44.useState(false);
+  const [pendingColorLevel, setPendingColorLevel] = import_react44.useState(null);
+  const [selectedIndex, setSelectedIndex] = import_react44.useState(0);
   const handleSelect = () => {
     if (selectedIndex === 2) {
       onBack();
@@ -60439,27 +60762,27 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
       }
     }
   });
-  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 Options"
       }, undefined, false, undefined, this),
-      showColorWarning ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      showColorWarning ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
             color: "yellow",
             children: "⚠ Warning: Custom colors detected!"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
             children: "Switching color modes will reset custom ansi256 or hex colors to defaults."
           }, undefined, 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(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ConfirmDialog, {
               message: "Continue?",
               onConfirm: handleColorConfirm,
               onCancel: handleColorCancel,
@@ -60467,18 +60790,18 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
             }, undefined, false, undefined, this)
           }, 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(Text, {
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
             color: "white",
             children: "Configure terminal-specific settings for optimal display"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                   color: selectedIndex === 0 ? "green" : undefined,
                   children: [
                     selectedIndex === 0 ? "▶  " : "   ",
@@ -60486,8 +60809,8 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                   color: selectedIndex === 1 ? "green" : undefined,
                   children: [
                     selectedIndex === 1 ? "▶  " : "   ",
@@ -60497,9 +60820,9 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, 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 === 2 ? "green" : undefined,
                   children: [
                     selectedIndex === 2 ? "▶  " : "   ",
@@ -60509,27 +60832,27 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          selectedIndex === 1 && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          selectedIndex === 1 && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                 dimColor: true,
                 children: "Color level affects how colors are rendered:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Truecolor: Full 24-bit RGB colors (16.7M colors)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                 dimColor: true,
                 children: "• 256 Color: Extended color palette (256 colors)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Basic: Standard 16-color terminal palette"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
                 dimColor: true,
                 children: "• No Color: Disables all color output"
               }, undefined, false, undefined, this)
@@ -60556,15 +60879,15 @@ var getColorLevelLabel = (level) => {
   }
 };
 // src/tui/components/TerminalWidthMenu.tsx
-var import_react44 = __toESM(require_react(), 1);
-var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react45 = __toESM(require_react(), 1);
+var jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
 var TerminalWidthMenu = ({ settings, onUpdate, onBack }) => {
-  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 [selectedOption, setSelectedOption] = import_react45.useState(settings.flexMode);
+  const [compactThreshold, setCompactThreshold] = import_react45.useState(settings.compactThreshold);
+  const [editingThreshold, setEditingThreshold] = import_react45.useState(false);
+  const [thresholdInput, setThresholdInput] = import_react45.useState(String(settings.compactThreshold));
+  const [validationError, setValidationError] = import_react45.useState(null);
+  const [selectedIndex, setSelectedIndex] = import_react45.useState(() => {
     const options2 = ["full", "full-minus-40", "full-until-compact"];
     return options2.indexOf(settings.flexMode);
   });
@@ -60652,27 +60975,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_runtime16.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
         bold: true,
         children: "Terminal Width"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime17.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_runtime16.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime17.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_runtime16.jsxDEV(Box_default, {
+      editingThreshold ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
             children: [
               "Enter compact threshold (1-99):",
               " ",
@@ -60680,22 +61003,22 @@ NOTE: If /ide integration is enabled, it's not recommended to use this mode.`
               "%"
             ]
           }, undefined, true, undefined, this),
-          validationError ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          validationError ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
             color: "red",
             children: validationError
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to confirm, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(jsx_dev_runtime16.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(jsx_dev_runtime17.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              optionDetails.map((opt, index) => /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+              optionDetails.map((opt, index) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
                   color: selectedIndex === index ? "green" : undefined,
                   children: [
                     selectedIndex === index ? "▶  " : "   ",
@@ -60704,9 +61027,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_runtime16.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
                   color: selectedIndex === 3 ? "green" : undefined,
                   children: [
                     selectedIndex === 3 ? "▶  " : "   ",
@@ -60716,25 +61039,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_runtime16.jsxDEV(Box_default, {
+          currentOption && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
             marginTop: 1,
             marginBottom: 1,
             borderStyle: "round",
             borderColor: "dim",
             paddingX: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
               flexDirection: "column",
               children: [
-                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime17.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_runtime16.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
                   dimColor: true,
                   wrap: "wrap",
                   children: currentOption.description
@@ -60748,26 +61071,26 @@ 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_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
 var GITHUB_REPO_URL = "https://github.com/sirmalloc/ccstatusline";
 var App2 = () => {
   const { exit } = use_app_default();
-  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 [flashMessage, setFlashMessage] = import_react45.useState(null);
-  const [previewIsTruncated, setPreviewIsTruncated] = import_react45.useState(false);
-  import_react45.useEffect(() => {
+  const [settings, setSettings] = import_react46.useState(null);
+  const [originalSettings, setOriginalSettings] = import_react46.useState(null);
+  const [hasChanges, setHasChanges] = import_react46.useState(false);
+  const [screen, setScreen] = import_react46.useState("main");
+  const [selectedLine, setSelectedLine] = import_react46.useState(0);
+  const [menuSelections, setMenuSelections] = import_react46.useState({});
+  const [confirmDialog, setConfirmDialog] = import_react46.useState(null);
+  const [isClaudeInstalled, setIsClaudeInstalled] = import_react46.useState(false);
+  const [terminalWidth, setTerminalWidth] = import_react46.useState(process.stdout.columns || 80);
+  const [powerlineFontStatus, setPowerlineFontStatus] = import_react46.useState({ installed: false });
+  const [installingFonts, setInstallingFonts] = import_react46.useState(false);
+  const [fontInstallMessage, setFontInstallMessage] = import_react46.useState(null);
+  const [existingStatusLine, setExistingStatusLine] = import_react46.useState(null);
+  const [flashMessage, setFlashMessage] = import_react46.useState(null);
+  const [previewIsTruncated, setPreviewIsTruncated] = import_react46.useState(false);
+  import_react46.useEffect(() => {
     getExistingStatusLine().then(setExistingStatusLine);
     loadSettings().then((loadedSettings) => {
       source_default.level = loadedSettings.colorLevel;
@@ -60788,13 +61111,13 @@ var App2 = () => {
       process.stdout.off("resize", handleResize);
     };
   }, []);
-  import_react45.useEffect(() => {
+  import_react46.useEffect(() => {
     if (originalSettings) {
       const hasAnyChanges = JSON.stringify(settings) !== JSON.stringify(originalSettings);
       setHasChanges(hasAnyChanges);
     }
   }, [settings, originalSettings]);
-  import_react45.useEffect(() => {
+  import_react46.useEffect(() => {
     if (flashMessage) {
       const timer = setTimeout(() => {
         setFlashMessage(null);
@@ -60820,7 +61143,7 @@ var App2 = () => {
       })();
     }
   });
-  const handleInstallSelection = import_react45.useCallback((command, displayName, useBunx) => {
+  const handleInstallSelection = import_react46.useCallback((command, displayName, useBunx) => {
     getExistingStatusLine().then((existing) => {
       const isAlreadyInstalled = [CCSTATUSLINE_COMMANDS.NPM, CCSTATUSLINE_COMMANDS.BUNX, CCSTATUSLINE_COMMANDS.SELF_MANAGED].includes(existing ?? "");
       let message;
@@ -60849,14 +61172,14 @@ Continue?`;
       setScreen("confirm");
     });
   }, []);
-  const handleNpxInstall = import_react45.useCallback(() => {
+  const handleNpxInstall = import_react46.useCallback(() => {
     handleInstallSelection(CCSTATUSLINE_COMMANDS.NPM, "npx", false);
   }, [handleInstallSelection]);
-  const handleBunxInstall = import_react45.useCallback(() => {
+  const handleBunxInstall = import_react46.useCallback(() => {
     handleInstallSelection(CCSTATUSLINE_COMMANDS.BUNX, "bunx", true);
   }, [handleInstallSelection]);
   if (!settings) {
-    return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+    return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
       children: "Loading settings..."
     }, undefined, false, undefined, this);
   }
@@ -60945,40 +61268,40 @@ ${GITHUB_REPO_URL}`,
     setSelectedLine(lineIndex);
     setScreen("items");
   };
-  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         marginBottom: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             bold: true,
-            children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(dist_default4, {
+            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(dist_default4, {
               name: "retro",
               children: "CCStatusline Configuration"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             bold: true,
             children: ` | ${getPackageVersion() && `v${getPackageVersion()}`}`
           }, undefined, false, undefined, this),
-          flashMessage && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          flashMessage && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             color: flashMessage.color,
             bold: true,
             children: `  ${flashMessage.text}`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(StatusLinePreview, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(StatusLinePreview, {
         lines: settings.lines,
         terminalWidth,
         settings,
         onTruncationChange: setPreviewIsTruncated
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          screen === "main" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(MainMenu, {
+          screen === "main" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(MainMenu, {
             onSelect: (value) => {
               if (value !== "save" && value !== "exit") {
                 const menuMap = {
@@ -61001,7 +61324,7 @@ ${GITHUB_REPO_URL}`,
             settings,
             previewIsTruncated
           }, undefined, false, undefined, this),
-          screen === "lines" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(LineSelector, {
+          screen === "lines" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(LineSelector, {
             lines: settings.lines,
             onSelect: (line) => {
               setMenuSelections({ ...menuSelections, lines: line });
@@ -61016,7 +61339,7 @@ ${GITHUB_REPO_URL}`,
             title: "Select Line to Edit Items",
             allowEditing: true
           }, undefined, false, undefined, this),
-          screen === "items" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ItemsEditor, {
+          screen === "items" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ItemsEditor, {
             widgets: settings.lines[selectedLine] ?? [],
             onUpdate: (widgets) => {
               updateLine(selectedLine, widgets);
@@ -61028,7 +61351,7 @@ ${GITHUB_REPO_URL}`,
             lineNumber: selectedLine + 1,
             settings
           }, undefined, false, undefined, this),
-          screen === "colorLines" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(LineSelector, {
+          screen === "colorLines" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(LineSelector, {
             lines: settings.lines,
             onLinesUpdate: updateLines,
             onSelect: (line) => {
@@ -61046,7 +61369,7 @@ ${GITHUB_REPO_URL}`,
             settings,
             allowEditing: false
           }, undefined, false, undefined, this),
-          screen === "colors" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ColorMenu, {
+          screen === "colors" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ColorMenu, {
             widgets: settings.lines[selectedLine] ?? [],
             lineIndex: selectedLine,
             settings,
@@ -61059,7 +61382,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("colorLines");
             }
           }, undefined, false, undefined, this),
-          screen === "terminalConfig" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TerminalOptionsMenu, {
+          screen === "terminalConfig" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(TerminalOptionsMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -61073,7 +61396,7 @@ ${GITHUB_REPO_URL}`,
               }
             }
           }, undefined, false, undefined, this),
-          screen === "terminalWidth" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TerminalWidthMenu, {
+          screen === "terminalWidth" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(TerminalWidthMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -61082,7 +61405,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("terminalConfig");
             }
           }, undefined, false, undefined, this),
-          screen === "globalOverrides" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(GlobalOverridesMenu, {
+          screen === "globalOverrides" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(GlobalOverridesMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -61092,7 +61415,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("main");
             }
           }, undefined, false, undefined, this),
-          screen === "confirm" && confirmDialog && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ConfirmDialog, {
+          screen === "confirm" && confirmDialog && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ConfirmDialog, {
             message: confirmDialog.message,
             onConfirm: () => void confirmDialog.action(),
             onCancel: () => {
@@ -61100,7 +61423,7 @@ ${GITHUB_REPO_URL}`,
               setConfirmDialog(null);
             }
           }, undefined, false, undefined, this),
-          screen === "install" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(InstallMenu, {
+          screen === "install" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(InstallMenu, {
             bunxAvailable: isBunxAvailable(),
             existingStatusLine,
             onSelectNpx: handleNpxInstall,
@@ -61109,7 +61432,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("main");
             }
           }, undefined, false, undefined, this),
-          screen === "powerline" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(PowerlineSetup, {
+          screen === "powerline" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(PowerlineSetup, {
             settings,
             powerlineFontStatus,
             onUpdate: (updatedSettings) => {
@@ -61143,7 +61466,7 @@ ${GITHUB_REPO_URL}`,
 };
 function runTUI() {
   process.stdout.write("\x1B[2J\x1B[H");
-  render_default(/* @__PURE__ */ jsx_dev_runtime17.jsxDEV(App2, {}, undefined, false, undefined, this));
+  render_default(/* @__PURE__ */ jsx_dev_runtime18.jsxDEV(App2, {}, undefined, false, undefined, this));
 }
 // src/types/StatusJSON.ts
 var StatusJSONSchema = exports_external.looseObject({
@@ -61254,7 +61577,7 @@ async function renderMultipleLines(data) {
       const lineContext = { ...context, lineIndex: i, globalSeparatorIndex };
       const preRenderedWidgets = preRenderedLines[i] ?? [];
       const line = renderStatusLine(lineItems, settings, lineContext, preRenderedWidgets, preCalculatedMaxWidths);
-      const strippedLine = line.replace(/\x1b\[[0-9;]*m/g, "").trim();
+      const strippedLine = getVisibleText(line).trim();
       if (strippedLine.length > 0) {
         const nonMergedWidgets = lineItems.filter((_, idx) => idx === lineItems.length - 1 || !lineItems[idx]?.merge);
         if (nonMergedWidgets.length > 1)