ccstatusline 2.1.4 → 2.1.5

package/dist/ccstatusline.js

@@ -39365,6 +39365,15 @@ async function getExistingStatusLine() {
   return settings.statusLine?.command ?? null;
 }
 
+// src/utils/clone-settings.ts
+function cloneSettings(settings) {
+  const cloneFn = globalThis.structuredClone;
+  if (typeof cloneFn === "function") {
+    return cloneFn(settings);
+  }
+  return JSON.parse(JSON.stringify(settings));
+}
+
 // src/utils/config.ts
 import * as fs3 from "fs";
 import * as os3 from "os";
@@ -51469,7 +51478,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.4";
+var PACKAGE_VERSION = "2.1.5";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -51488,7 +51497,7 @@ function getPackageVersion() {
   }
   return "";
 }
-function getTerminalWidth() {
+function probeTerminalWidth() {
   if (process.platform === "win32") {
     return null;
   }
@@ -51522,38 +51531,11 @@ function getTerminalWidth() {
   } catch {}
   return null;
 }
+function getTerminalWidth() {
+  return probeTerminalWidth();
+}
 function canDetectTerminalWidth() {
-  if (process.platform === "win32") {
-    return false;
-  }
-  try {
-    const tty2 = execSync3("ps -o tty= -p $(ps -o ppid= -p $$)", {
-      encoding: "utf8",
-      stdio: ["pipe", "pipe", "ignore"],
-      shell: "/bin/sh"
-    }).trim();
-    if (tty2 && tty2 !== "??" && tty2 !== "?") {
-      const width = execSync3(`stty size < /dev/${tty2} | awk '{print $2}'`, {
-        encoding: "utf8",
-        stdio: ["pipe", "pipe", "ignore"],
-        shell: "/bin/sh"
-      }).trim();
-      const parsed = parseInt(width, 10);
-      if (!isNaN(parsed) && parsed > 0) {
-        return true;
-      }
-    }
-  } catch {}
-  try {
-    const width = execSync3("tput cols 2>/dev/null", {
-      encoding: "utf8",
-      stdio: ["pipe", "pipe", "ignore"]
-    }).trim();
-    const parsed = parseInt(width, 10);
-    return !isNaN(parsed) && parsed > 0;
-  } catch {
-    return false;
-  }
+  return probeTerminalWidth() !== null;
 }
 
 // node_modules/ink-select-input/build/Indicator.js
@@ -52433,6 +52415,49 @@ function getGitChangeCounts(context) {
   };
 }
 
+// src/widgets/shared/editor-display.ts
+function makeModifierText(modifiers) {
+  return modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined;
+}
+
+// src/widgets/shared/metadata.ts
+function isMetadataFlagEnabled(item, key) {
+  return item.metadata?.[key] === "true";
+}
+function toggleMetadataFlag(item, key) {
+  return {
+    ...item,
+    metadata: {
+      ...item.metadata,
+      [key]: (!isMetadataFlagEnabled(item, key)).toString()
+    }
+  };
+}
+
+// src/widgets/shared/git-no-git.ts
+var HIDE_NO_GIT_KEY = "hideNoGit";
+var TOGGLE_NO_GIT_ACTION = "toggle-nogit";
+var HIDE_NO_GIT_KEYBIND = {
+  key: "h",
+  label: "(h)ide 'no git' message",
+  action: TOGGLE_NO_GIT_ACTION
+};
+function isHideNoGitEnabled(item) {
+  return isMetadataFlagEnabled(item, HIDE_NO_GIT_KEY);
+}
+function getHideNoGitModifierText(item) {
+  return makeModifierText(isHideNoGitEnabled(item) ? ["hide 'no git'"] : []);
+}
+function handleToggleNoGitAction(action, item) {
+  if (action !== TOGGLE_NO_GIT_ACTION) {
+    return null;
+  }
+  return toggleMetadataFlag(item, HIDE_NO_GIT_KEY);
+}
+function getHideNoGitKeybinds() {
+  return [HIDE_NO_GIT_KEYBIND];
+}
+
 // src/widgets/GitBranch.ts
 class GitBranchWidget {
   getDefaultColor() {
@@ -52448,31 +52473,16 @@ class GitBranchWidget {
     return "Git";
   }
   getEditorDisplay(item) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
-    const modifiers = [];
-    if (hideNoGit) {
-      modifiers.push("hide 'no git'");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getHideNoGitModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-nogit") {
-      const currentState = item.metadata?.hideNoGit === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          hideNoGit: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleToggleNoGitAction(action, item);
   }
   render(item, context, settings) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
+    const hideNoGit = isHideNoGitEnabled(item);
     if (context.isPreview) {
       return item.rawValue ? "main" : "⎇ main";
     }
@@ -52488,9 +52498,7 @@ class GitBranchWidget {
     return runGit("branch --show-current", context);
   }
   getCustomKeybinds() {
-    return [
-      { key: "h", label: "(h)ide 'no git' message", action: "toggle-nogit" }
-    ];
+    return getHideNoGitKeybinds();
   }
   supportsRawValue() {
     return true;
@@ -52514,31 +52522,16 @@ class GitChangesWidget {
     return "Git";
   }
   getEditorDisplay(item) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
-    const modifiers = [];
-    if (hideNoGit) {
-      modifiers.push("hide 'no git'");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getHideNoGitModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-nogit") {
-      const currentState = item.metadata?.hideNoGit === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          hideNoGit: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleToggleNoGitAction(action, item);
   }
   render(item, context, _settings) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
+    const hideNoGit = isHideNoGitEnabled(item);
     if (context.isPreview) {
       return "(+42,-10)";
     }
@@ -52549,9 +52542,7 @@ class GitChangesWidget {
     return `(+${changes.insertions},-${changes.deletions})`;
   }
   getCustomKeybinds() {
-    return [
-      { key: "h", label: "(h)ide 'no git' message", action: "toggle-nogit" }
-    ];
+    return getHideNoGitKeybinds();
   }
   supportsRawValue() {
     return false;
@@ -52575,31 +52566,16 @@ class GitInsertionsWidget {
     return "Git";
   }
   getEditorDisplay(item) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
-    const modifiers = [];
-    if (hideNoGit) {
-      modifiers.push("hide 'no git'");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getHideNoGitModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-nogit") {
-      const currentState = item.metadata?.hideNoGit === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          hideNoGit: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleToggleNoGitAction(action, item);
   }
   render(item, context, _settings) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
+    const hideNoGit = isHideNoGitEnabled(item);
     if (context.isPreview) {
       return "+42";
     }
@@ -52610,9 +52586,7 @@ class GitInsertionsWidget {
     return `+${changes.insertions}`;
   }
   getCustomKeybinds() {
-    return [
-      { key: "h", label: "(h)ide 'no git' message", action: "toggle-nogit" }
-    ];
+    return getHideNoGitKeybinds();
   }
   supportsRawValue() {
     return false;
@@ -52636,31 +52610,16 @@ class GitDeletionsWidget {
     return "Git";
   }
   getEditorDisplay(item) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
-    const modifiers = [];
-    if (hideNoGit) {
-      modifiers.push("hide 'no git'");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getHideNoGitModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-nogit") {
-      const currentState = item.metadata?.hideNoGit === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          hideNoGit: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleToggleNoGitAction(action, item);
   }
   render(item, context, _settings) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
+    const hideNoGit = isHideNoGitEnabled(item);
     if (context.isPreview) {
       return "-10";
     }
@@ -52671,9 +52630,7 @@ class GitDeletionsWidget {
     return `-${changes.deletions}`;
   }
   getCustomKeybinds() {
-    return [
-      { key: "h", label: "(h)ide 'no git' message", action: "toggle-nogit" }
-    ];
+    return getHideNoGitKeybinds();
   }
   supportsRawValue() {
     return false;
@@ -52697,31 +52654,16 @@ class GitRootDirWidget {
     return "Git";
   }
   getEditorDisplay(item) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
-    const modifiers = [];
-    if (hideNoGit) {
-      modifiers.push("hide 'no git'");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getHideNoGitModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-nogit") {
-      const currentState = item.metadata?.hideNoGit === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          hideNoGit: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleToggleNoGitAction(action, item);
   }
   render(item, context, _settings) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
+    const hideNoGit = isHideNoGitEnabled(item);
     if (context.isPreview) {
       return "my-repo";
     }
@@ -52745,9 +52687,7 @@ class GitRootDirWidget {
     return lastPart && lastPart.length > 0 ? lastPart : normalizedRootDir;
   }
   getCustomKeybinds() {
-    return [
-      { key: "h", label: "(h)ide 'no git' message", action: "toggle-nogit" }
-    ];
+    return getHideNoGitKeybinds();
   }
   supportsRawValue() {
     return false;
@@ -52771,31 +52711,16 @@ class GitWorktreeWidget {
     return "Git";
   }
   getEditorDisplay(item) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
-    const modifiers = [];
-    if (hideNoGit) {
-      modifiers.push("hide 'no git'");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getHideNoGitModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-nogit") {
-      const currentState = item.metadata?.hideNoGit === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          hideNoGit: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleToggleNoGitAction(action, item);
   }
   render(item, context) {
-    const hideNoGit = item.metadata?.hideNoGit === "true";
+    const hideNoGit = isHideNoGitEnabled(item);
     if (context.isPreview)
       return item.rawValue ? "main" : "\uD81A\uDC30 main";
     if (!isInsideGitWorkTree(context)) {
@@ -52823,9 +52748,7 @@ class GitWorktreeWidget {
     return worktree.length > 0 ? worktree : null;
   }
   getCustomKeybinds() {
-    return [
-      { key: "h", label: "(h)ide 'no git' message", action: "toggle-nogit" }
-    ];
+    return getHideNoGitKeybinds();
   }
   supportsRawValue() {
     return true;
@@ -53161,6 +53084,36 @@ function formatTokens(count) {
     return `${(count / 1000).toFixed(1)}k`;
   return count.toString();
 }
+function resolveEffectiveTerminalWidth(detectedWidth, settings, context) {
+  if (!detectedWidth) {
+    return null;
+  }
+  const flexMode = settings.flexMode;
+  if (context.isPreview) {
+    if (flexMode === "full") {
+      return detectedWidth - 6;
+    }
+    if (flexMode === "full-minus-40") {
+      return detectedWidth - 40;
+    }
+    if (flexMode === "full-until-compact") {
+      return detectedWidth - 6;
+    }
+    return null;
+  }
+  if (flexMode === "full") {
+    return detectedWidth - 6;
+  }
+  if (flexMode === "full-minus-40") {
+    return detectedWidth - 40;
+  }
+  if (flexMode === "full-until-compact") {
+    const threshold = settings.compactThreshold;
+    const contextPercentage = calculateContextPercentage(context);
+    return contextPercentage >= threshold ? detectedWidth - 40 : detectedWidth - 6;
+  }
+  return null;
+}
 function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, globalSeparatorOffset = 0, preRenderedWidgets, preCalculatedMaxWidths) {
   const powerlineConfig = settings.powerline;
   const config2 = powerlineConfig ?? {};
@@ -53186,33 +53139,7 @@ function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, gl
   if (filteredWidgets.length === 0)
     return "";
   const detectedWidth = context.terminalWidth ?? getTerminalWidth();
-  let terminalWidth = null;
-  if (detectedWidth) {
-    const flexMode = settings.flexMode;
-    if (context.isPreview) {
-      if (flexMode === "full") {
-        terminalWidth = detectedWidth - 6;
-      } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 40;
-      } else if (flexMode === "full-until-compact") {
-        terminalWidth = detectedWidth - 6;
-      }
-    } else {
-      if (flexMode === "full") {
-        terminalWidth = detectedWidth - 6;
-      } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 40;
-      } else if (flexMode === "full-until-compact") {
-        const threshold = settings.compactThreshold;
-        const contextPercentage = calculateContextPercentage(context);
-        if (contextPercentage >= threshold) {
-          terminalWidth = detectedWidth - 40;
-        } else {
-          terminalWidth = detectedWidth - 6;
-        }
-      }
-    }
-  }
+  const terminalWidth = resolveEffectiveTerminalWidth(detectedWidth, settings, context);
   const widgetElements = [];
   let widgetColorIndex = 0;
   const preRenderedIndices = [];
@@ -53538,33 +53465,7 @@ function renderStatusLine(widgets, settings, context, preRenderedWidgets, preCal
     return applyColors(text, fgColor, bgColor, shouldBold, colorLevel);
   };
   const detectedWidth = context.terminalWidth ?? getTerminalWidth();
-  let terminalWidth = null;
-  if (detectedWidth) {
-    const flexMode = settings.flexMode;
-    if (context.isPreview) {
-      if (flexMode === "full") {
-        terminalWidth = detectedWidth - 6;
-      } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 40;
-      } else if (flexMode === "full-until-compact") {
-        terminalWidth = detectedWidth - 6;
-      }
-    } else {
-      if (flexMode === "full") {
-        terminalWidth = detectedWidth - 6;
-      } else if (flexMode === "full-minus-40") {
-        terminalWidth = detectedWidth - 40;
-      } else if (flexMode === "full-until-compact") {
-        const threshold = settings.compactThreshold;
-        const contextPercentage = calculateContextPercentage(context);
-        if (contextPercentage >= threshold) {
-          terminalWidth = detectedWidth - 40;
-        } else {
-          terminalWidth = detectedWidth - 6;
-        }
-      }
-    }
-  }
+  const terminalWidth = resolveEffectiveTerminalWidth(detectedWidth, settings, context);
   const elements = [];
   let hasFlexSeparator = false;
   for (let i = 0;i < widgets.length; i++) {
@@ -53746,6 +53647,11 @@ function renderStatusLine(widgets, settings, context, preRenderedWidgets, preCal
   return statusLine;
 }
 
+// src/widgets/shared/raw-or-labeled.ts
+function formatRawOrLabeledValue(item, labelPrefix, value) {
+  return item.rawValue ? value : `${labelPrefix}${value}`;
+}
+
 // src/widgets/TokensInput.ts
 class TokensInputWidget {
   getDefaultColor() {
@@ -53765,14 +53671,14 @@ class TokensInputWidget {
   }
   render(item, context, settings) {
     if (context.isPreview) {
-      return item.rawValue ? "15.2k" : "In: 15.2k";
+      return formatRawOrLabeledValue(item, "In: ", "15.2k");
     }
     const inputTotalTokens = getContextWindowInputTotalTokens(context.data);
     if (inputTotalTokens !== null) {
-      return item.rawValue ? formatTokens(inputTotalTokens) : `In: ${formatTokens(inputTotalTokens)}`;
+      return formatRawOrLabeledValue(item, "In: ", formatTokens(inputTotalTokens));
     }
     if (context.tokenMetrics) {
-      return item.rawValue ? formatTokens(context.tokenMetrics.inputTokens) : `In: ${formatTokens(context.tokenMetrics.inputTokens)}`;
+      return formatRawOrLabeledValue(item, "In: ", formatTokens(context.tokenMetrics.inputTokens));
     }
     return null;
   }
@@ -53802,14 +53708,14 @@ class TokensOutputWidget {
   }
   render(item, context, settings) {
     if (context.isPreview) {
-      return item.rawValue ? "3.4k" : "Out: 3.4k";
+      return formatRawOrLabeledValue(item, "Out: ", "3.4k");
     }
     const outputTotalTokens = getContextWindowOutputTotalTokens(context.data);
     if (outputTotalTokens !== null) {
-      return item.rawValue ? formatTokens(outputTotalTokens) : `Out: ${formatTokens(outputTotalTokens)}`;
+      return formatRawOrLabeledValue(item, "Out: ", formatTokens(outputTotalTokens));
     }
     if (context.tokenMetrics) {
-      return item.rawValue ? formatTokens(context.tokenMetrics.outputTokens) : `Out: ${formatTokens(context.tokenMetrics.outputTokens)}`;
+      return formatRawOrLabeledValue(item, "Out: ", formatTokens(context.tokenMetrics.outputTokens));
     }
     return null;
   }
@@ -53839,10 +53745,10 @@ class TokensCachedWidget {
   }
   render(item, context, settings) {
     if (context.isPreview) {
-      return item.rawValue ? "12k" : "Cached: 12k";
+      return formatRawOrLabeledValue(item, "Cached: ", "12k");
     }
     if (context.tokenMetrics) {
-      return item.rawValue ? formatTokens(context.tokenMetrics.cachedTokens) : `Cached: ${formatTokens(context.tokenMetrics.cachedTokens)}`;
+      return formatRawOrLabeledValue(item, "Cached: ", formatTokens(context.tokenMetrics.cachedTokens));
     }
     return null;
   }
@@ -53872,10 +53778,10 @@ class TokensTotalWidget {
   }
   render(item, context, settings) {
     if (context.isPreview) {
-      return item.rawValue ? "30.6k" : "Total: 30.6k";
+      return formatRawOrLabeledValue(item, "Total: ", "30.6k");
     }
     if (context.tokenMetrics) {
-      return item.rawValue ? formatTokens(context.tokenMetrics.totalTokens) : `Total: ${formatTokens(context.tokenMetrics.totalTokens)}`;
+      return formatRawOrLabeledValue(item, "Total: ", formatTokens(context.tokenMetrics.totalTokens));
     }
     return null;
   }
@@ -53923,6 +53829,22 @@ class ContextLengthWidget {
     return true;
   }
 }
+// src/widgets/shared/context-inverse.ts
+var INVERSE_KEY = "inverse";
+var TOGGLE_INVERSE_ACTION = "toggle-inverse";
+function isContextInverse(item) {
+  return isMetadataFlagEnabled(item, INVERSE_KEY);
+}
+function getContextInverseModifierText(item) {
+  return makeModifierText(isContextInverse(item) ? ["remaining"] : []);
+}
+function handleContextInverseAction(action, item) {
+  if (action !== TOGGLE_INVERSE_ACTION) {
+    return null;
+  }
+  return toggleMetadataFlag(item, INVERSE_KEY);
+}
+
 // src/widgets/ContextPercentage.ts
 class ContextPercentageWidget {
   getDefaultColor() {
@@ -53938,39 +53860,24 @@ class ContextPercentageWidget {
     return "Context";
   }
   getEditorDisplay(item) {
-    const isInverse = item.metadata?.inverse === "true";
-    const modifiers = [];
-    if (isInverse) {
-      modifiers.push("remaining");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getContextInverseModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-inverse") {
-      const currentState = item.metadata?.inverse === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          inverse: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleContextInverseAction(action, item);
   }
   render(item, context, settings) {
-    const isInverse = item.metadata?.inverse === "true";
+    const isInverse = isContextInverse(item);
     const contextWindowMetrics = getContextWindowMetrics(context.data);
     if (context.isPreview) {
       const previewValue = isInverse ? "90.7%" : "9.3%";
-      return item.rawValue ? previewValue : `Ctx: ${previewValue}`;
+      return formatRawOrLabeledValue(item, "Ctx: ", previewValue);
     }
     if (contextWindowMetrics.usedPercentage !== null) {
       const displayPercentage = isInverse ? 100 - contextWindowMetrics.usedPercentage : contextWindowMetrics.usedPercentage;
-      return item.rawValue ? `${displayPercentage.toFixed(1)}%` : `Ctx: ${displayPercentage.toFixed(1)}%`;
+      return formatRawOrLabeledValue(item, "Ctx: ", `${displayPercentage.toFixed(1)}%`);
     }
     if (context.tokenMetrics) {
       const model = context.data?.model;
@@ -53978,7 +53885,7 @@ class ContextPercentageWidget {
       const contextConfig = getContextConfig(modelId, contextWindowMetrics.windowSize);
       const usedPercentage = Math.min(100, context.tokenMetrics.contextLength / contextConfig.maxTokens * 100);
       const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
-      return item.rawValue ? `${displayPercentage.toFixed(1)}%` : `Ctx: ${displayPercentage.toFixed(1)}%`;
+      return formatRawOrLabeledValue(item, "Ctx: ", `${displayPercentage.toFixed(1)}%`);
     }
     return null;
   }
@@ -54009,48 +53916,33 @@ class ContextPercentageUsableWidget {
     return "Context";
   }
   getEditorDisplay(item) {
-    const isInverse = item.metadata?.inverse === "true";
-    const modifiers = [];
-    if (isInverse) {
-      modifiers.push("remaining");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getContextInverseModifierText(item)
     };
   }
   handleEditorAction(action, item) {
-    if (action === "toggle-inverse") {
-      const currentState = item.metadata?.inverse === "true";
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          inverse: (!currentState).toString()
-        }
-      };
-    }
-    return null;
+    return handleContextInverseAction(action, item);
   }
   render(item, context, settings) {
-    const isInverse = item.metadata?.inverse === "true";
+    const isInverse = isContextInverse(item);
     const model = context.data?.model;
     const modelId = typeof model === "string" ? model : model?.id;
     const contextWindowMetrics = getContextWindowMetrics(context.data);
     const contextConfig = getContextConfig(modelId, contextWindowMetrics.windowSize);
     if (context.isPreview) {
       const previewValue = isInverse ? "88.4%" : "11.6%";
-      return item.rawValue ? previewValue : `Ctx(u): ${previewValue}`;
+      return formatRawOrLabeledValue(item, "Ctx(u): ", previewValue);
     }
     if (contextWindowMetrics.contextLengthTokens !== null) {
       const usedPercentage = Math.min(100, contextWindowMetrics.contextLengthTokens / contextConfig.usableTokens * 100);
       const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
-      return item.rawValue ? `${displayPercentage.toFixed(1)}%` : `Ctx(u): ${displayPercentage.toFixed(1)}%`;
+      return formatRawOrLabeledValue(item, "Ctx(u): ", `${displayPercentage.toFixed(1)}%`);
     }
     if (context.tokenMetrics) {
       const usedPercentage = Math.min(100, context.tokenMetrics.contextLength / contextConfig.usableTokens * 100);
       const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
-      return item.rawValue ? `${displayPercentage.toFixed(1)}%` : `Ctx(u): ${displayPercentage.toFixed(1)}%`;
+      return formatRawOrLabeledValue(item, "Ctx(u): ", `${displayPercentage.toFixed(1)}%`);
     }
     return null;
   }
@@ -56069,17 +55961,56 @@ function makeUsageProgressBar(percent, width = 15) {
   return "[" + "█".repeat(filled) + "░".repeat(empty2) + "]";
 }
 
-// src/widgets/BlockTimer.ts
-function getDisplayMode(item) {
+// src/widgets/shared/usage-display.ts
+function getUsageDisplayMode(item) {
   const mode = item.metadata?.display;
   if (mode === "progress" || mode === "progress-short") {
     return mode;
   }
   return "time";
 }
-function isInverted(item) {
-  return item.metadata?.invert === "true";
+function isUsageProgressMode(mode) {
+  return mode === "progress" || mode === "progress-short";
+}
+function getUsageProgressBarWidth(mode) {
+  return mode === "progress" ? 32 : 16;
+}
+function isUsageInverted(item) {
+  return isMetadataFlagEnabled(item, "invert");
 }
+function getUsageDisplayModifierText(item) {
+  const mode = getUsageDisplayMode(item);
+  const modifiers = [];
+  if (mode === "progress") {
+    modifiers.push("progress bar");
+  } else if (mode === "progress-short") {
+    modifiers.push("short bar");
+  }
+  if (isUsageInverted(item)) {
+    modifiers.push("inverted");
+  }
+  return makeModifierText(modifiers);
+}
+function cycleUsageDisplayMode(item) {
+  const currentMode = getUsageDisplayMode(item);
+  const nextMode = currentMode === "time" ? "progress" : currentMode === "progress" ? "progress-short" : "time";
+  const nextMetadata = {
+    ...item.metadata ?? {},
+    display: nextMode
+  };
+  if (nextMode === "time") {
+    delete nextMetadata.invert;
+  }
+  return {
+    ...item,
+    metadata: nextMetadata
+  };
+}
+function toggleUsageInverted(item) {
+  return toggleMetadataFlag(item, "invert");
+}
+
+// src/widgets/BlockTimer.ts
 function makeTimerProgressBar(percent, width) {
   const clampedPercent = Math.max(0, Math.min(100, percent));
   const filledWidth = Math.floor(clampedPercent / 100 * width);
@@ -56101,90 +56032,51 @@ class BlockTimerWidget {
     return "Usage";
   }
   getEditorDisplay(item) {
-    const mode = getDisplayMode(item);
-    const modifiers = [];
-    if (mode === "progress") {
-      modifiers.push("progress bar");
-    } else if (mode === "progress-short") {
-      modifiers.push("short bar");
-    }
-    if (isInverted(item)) {
-      modifiers.push("inverted");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getUsageDisplayModifierText(item)
     };
   }
   handleEditorAction(action, item) {
     if (action === "toggle-progress") {
-      const currentMode = getDisplayMode(item);
-      let nextMode;
-      if (currentMode === "time") {
-        nextMode = "progress";
-      } else if (currentMode === "progress") {
-        nextMode = "progress-short";
-      } else {
-        nextMode = "time";
-      }
-      const nextMetadata = {
-        ...item.metadata ?? {},
-        display: nextMode
-      };
-      if (nextMode === "time") {
-        delete nextMetadata.invert;
-      }
-      return {
-        ...item,
-        metadata: nextMetadata
-      };
+      return cycleUsageDisplayMode(item);
     }
     if (action === "toggle-invert") {
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          invert: (!isInverted(item)).toString()
-        }
-      };
+      return toggleUsageInverted(item);
     }
     return null;
   }
   render(item, context, settings) {
-    const displayMode = getDisplayMode(item);
-    const inverted = isInverted(item);
+    const displayMode = getUsageDisplayMode(item);
+    const inverted = isUsageInverted(item);
     if (context.isPreview) {
       const previewPercent = inverted ? 26.1 : 73.9;
-      const prefix = item.rawValue ? "" : "Block ";
-      if (displayMode === "progress" || displayMode === "progress-short") {
-        const barWidth = displayMode === "progress" ? 32 : 16;
+      if (isUsageProgressMode(displayMode)) {
+        const barWidth = getUsageProgressBarWidth(displayMode);
         const progressBar = makeTimerProgressBar(previewPercent, barWidth);
-        return `${prefix}[${progressBar}] ${previewPercent.toFixed(1)}%`;
+        return formatRawOrLabeledValue(item, "Block ", `[${progressBar}] ${previewPercent.toFixed(1)}%`);
       }
-      return item.rawValue ? "3hr 45m" : "Block: 3hr 45m";
+      return formatRawOrLabeledValue(item, "Block: ", "3hr 45m");
     }
     const usageData = fetchUsageData();
     const window2 = resolveUsageWindowWithFallback(usageData, context.blockMetrics);
     if (!window2) {
-      if (displayMode === "progress" || displayMode === "progress-short") {
-        const barWidth = displayMode === "progress" ? 32 : 16;
+      if (isUsageProgressMode(displayMode)) {
+        const barWidth = getUsageProgressBarWidth(displayMode);
         const emptyBar = "░".repeat(barWidth);
-        return item.rawValue ? `[${emptyBar}] 0.0%` : `Block [${emptyBar}] 0.0%`;
+        return formatRawOrLabeledValue(item, "Block ", `[${emptyBar}] 0.0%`);
       }
-      return item.rawValue ? "0hr 0m" : "Block: 0hr 0m";
+      return formatRawOrLabeledValue(item, "Block: ", "0hr 0m");
     }
-    if (displayMode === "progress" || displayMode === "progress-short") {
-      const barWidth = displayMode === "progress" ? 32 : 16;
+    if (isUsageProgressMode(displayMode)) {
+      const barWidth = getUsageProgressBarWidth(displayMode);
       const percent = inverted ? window2.remainingPercent : window2.elapsedPercent;
       const progressBar = makeTimerProgressBar(percent, barWidth);
       const percentage = percent.toFixed(1);
-      if (item.rawValue) {
-        return `[${progressBar}] ${percentage}%`;
-      }
-      return `Block [${progressBar}] ${percentage}%`;
+      return formatRawOrLabeledValue(item, "Block ", `[${progressBar}] ${percentage}%`);
     }
     const elapsedTime = formatUsageDuration(window2.elapsedMs);
-    return item.rawValue ? elapsedTime : `Block: ${elapsedTime}`;
+    return formatRawOrLabeledValue(item, "Block: ", elapsedTime);
   }
   getCustomKeybinds() {
     return [
@@ -56619,17 +56511,6 @@ class SessionNameWidget {
   }
 }
 // src/widgets/SessionUsage.ts
-function getDisplayMode2(item) {
-  const mode = item.metadata?.display;
-  if (mode === "progress" || mode === "progress-short") {
-    return mode;
-  }
-  return "time";
-}
-function isInverted2(item) {
-  return item.metadata?.invert === "true";
-}
-
 class SessionUsageWidget {
   getDefaultColor() {
     return "brightBlue";
@@ -56644,67 +56525,32 @@ class SessionUsageWidget {
     return "Usage";
   }
   getEditorDisplay(item) {
-    const mode = getDisplayMode2(item);
-    const modifiers = [];
-    if (mode === "progress") {
-      modifiers.push("progress bar");
-    } else if (mode === "progress-short") {
-      modifiers.push("short bar");
-    }
-    if (isInverted2(item)) {
-      modifiers.push("inverted");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getUsageDisplayModifierText(item)
     };
   }
   handleEditorAction(action, item) {
     if (action === "toggle-progress") {
-      const currentMode = getDisplayMode2(item);
-      let nextMode;
-      if (currentMode === "time") {
-        nextMode = "progress";
-      } else if (currentMode === "progress") {
-        nextMode = "progress-short";
-      } else {
-        nextMode = "time";
-      }
-      const nextMetadata = {
-        ...item.metadata ?? {},
-        display: nextMode
-      };
-      if (nextMode === "time") {
-        delete nextMetadata.invert;
-      }
-      return {
-        ...item,
-        metadata: nextMetadata
-      };
+      return cycleUsageDisplayMode(item);
     }
     if (action === "toggle-invert") {
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          invert: (!isInverted2(item)).toString()
-        }
-      };
+      return toggleUsageInverted(item);
     }
     return null;
   }
   render(item, context, settings) {
-    const displayMode = getDisplayMode2(item);
-    const inverted = isInverted2(item);
+    const displayMode = getUsageDisplayMode(item);
+    const inverted = isUsageInverted(item);
     if (context.isPreview) {
       const previewPercent = 20;
       const renderedPercent = inverted ? 100 - previewPercent : previewPercent;
-      if (displayMode === "progress" || displayMode === "progress-short") {
-        const width = displayMode === "progress" ? 32 : 16;
+      if (isUsageProgressMode(displayMode)) {
+        const width = getUsageProgressBarWidth(displayMode);
         const progressDisplay = `${makeUsageProgressBar(renderedPercent, width)} ${renderedPercent.toFixed(1)}%`;
-        return item.rawValue ? progressDisplay : `Session: ${progressDisplay}`;
+        return formatRawOrLabeledValue(item, "Session: ", progressDisplay);
       }
-      return item.rawValue ? `${previewPercent.toFixed(1)}%` : `Session: ${previewPercent.toFixed(1)}%`;
+      return formatRawOrLabeledValue(item, "Session: ", `${previewPercent.toFixed(1)}%`);
     }
     const data = fetchUsageData();
     if (data.error)
@@ -56712,13 +56558,13 @@ class SessionUsageWidget {
     if (data.sessionUsage === undefined)
       return null;
     const percent = Math.max(0, Math.min(100, data.sessionUsage));
-    if (displayMode === "progress" || displayMode === "progress-short") {
-      const width = displayMode === "progress" ? 32 : 16;
+    if (isUsageProgressMode(displayMode)) {
+      const width = getUsageProgressBarWidth(displayMode);
       const renderedPercent = inverted ? 100 - percent : percent;
       const progressDisplay = `${makeUsageProgressBar(renderedPercent, width)} ${renderedPercent.toFixed(1)}%`;
-      return item.rawValue ? progressDisplay : `Session: ${progressDisplay}`;
+      return formatRawOrLabeledValue(item, "Session: ", progressDisplay);
     }
-    return item.rawValue ? `${percent.toFixed(1)}%` : `Session: ${percent.toFixed(1)}%`;
+    return formatRawOrLabeledValue(item, "Session: ", `${percent.toFixed(1)}%`);
   }
   getCustomKeybinds() {
     return [
@@ -56734,17 +56580,6 @@ class SessionUsageWidget {
   }
 }
 // src/widgets/WeeklyUsage.ts
-function getDisplayMode3(item) {
-  const mode = item.metadata?.display;
-  if (mode === "progress" || mode === "progress-short") {
-    return mode;
-  }
-  return "time";
-}
-function isInverted3(item) {
-  return item.metadata?.invert === "true";
-}
-
 class WeeklyUsageWidget {
   getDefaultColor() {
     return "brightBlue";
@@ -56759,67 +56594,32 @@ class WeeklyUsageWidget {
     return "Usage";
   }
   getEditorDisplay(item) {
-    const mode = getDisplayMode3(item);
-    const modifiers = [];
-    if (mode === "progress") {
-      modifiers.push("progress bar");
-    } else if (mode === "progress-short") {
-      modifiers.push("short bar");
-    }
-    if (isInverted3(item)) {
-      modifiers.push("inverted");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getUsageDisplayModifierText(item)
     };
   }
   handleEditorAction(action, item) {
     if (action === "toggle-progress") {
-      const currentMode = getDisplayMode3(item);
-      let nextMode;
-      if (currentMode === "time") {
-        nextMode = "progress";
-      } else if (currentMode === "progress") {
-        nextMode = "progress-short";
-      } else {
-        nextMode = "time";
-      }
-      const nextMetadata = {
-        ...item.metadata ?? {},
-        display: nextMode
-      };
-      if (nextMode === "time") {
-        delete nextMetadata.invert;
-      }
-      return {
-        ...item,
-        metadata: nextMetadata
-      };
+      return cycleUsageDisplayMode(item);
     }
     if (action === "toggle-invert") {
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          invert: (!isInverted3(item)).toString()
-        }
-      };
+      return toggleUsageInverted(item);
     }
     return null;
   }
   render(item, context, settings) {
-    const displayMode = getDisplayMode3(item);
-    const inverted = isInverted3(item);
+    const displayMode = getUsageDisplayMode(item);
+    const inverted = isUsageInverted(item);
     if (context.isPreview) {
       const previewPercent = 12;
       const renderedPercent = inverted ? 100 - previewPercent : previewPercent;
-      if (displayMode === "progress" || displayMode === "progress-short") {
-        const width = displayMode === "progress" ? 32 : 16;
+      if (isUsageProgressMode(displayMode)) {
+        const width = getUsageProgressBarWidth(displayMode);
         const progressDisplay = `${makeUsageProgressBar(renderedPercent, width)} ${renderedPercent.toFixed(1)}%`;
-        return item.rawValue ? progressDisplay : `Weekly: ${progressDisplay}`;
+        return formatRawOrLabeledValue(item, "Weekly: ", progressDisplay);
       }
-      return item.rawValue ? `${previewPercent.toFixed(1)}%` : `Weekly: ${previewPercent.toFixed(1)}%`;
+      return formatRawOrLabeledValue(item, "Weekly: ", `${previewPercent.toFixed(1)}%`);
     }
     const data = fetchUsageData();
     if (data.error)
@@ -56827,13 +56627,13 @@ class WeeklyUsageWidget {
     if (data.weeklyUsage === undefined)
       return null;
     const percent = Math.max(0, Math.min(100, data.weeklyUsage));
-    if (displayMode === "progress" || displayMode === "progress-short") {
-      const width = displayMode === "progress" ? 32 : 16;
+    if (isUsageProgressMode(displayMode)) {
+      const width = getUsageProgressBarWidth(displayMode);
       const renderedPercent = inverted ? 100 - percent : percent;
       const progressDisplay = `${makeUsageProgressBar(renderedPercent, width)} ${renderedPercent.toFixed(1)}%`;
-      return item.rawValue ? progressDisplay : `Weekly: ${progressDisplay}`;
+      return formatRawOrLabeledValue(item, "Weekly: ", progressDisplay);
     }
-    return item.rawValue ? `${percent.toFixed(1)}%` : `Weekly: ${percent.toFixed(1)}%`;
+    return formatRawOrLabeledValue(item, "Weekly: ", `${percent.toFixed(1)}%`);
   }
   getCustomKeybinds() {
     return [
@@ -56849,16 +56649,6 @@ class WeeklyUsageWidget {
   }
 }
 // src/widgets/ResetTimer.ts
-function getDisplayMode4(item) {
-  const mode = item.metadata?.display;
-  if (mode === "progress" || mode === "progress-short") {
-    return mode;
-  }
-  return "time";
-}
-function isInverted4(item) {
-  return item.metadata?.invert === "true";
-}
 function makeTimerProgressBar2(percent, width) {
   const clampedPercent = Math.max(0, Math.min(100, percent));
   const filledWidth = Math.floor(clampedPercent / 100 * width);
@@ -56880,67 +56670,31 @@ class ResetTimerWidget {
     return "Usage";
   }
   getEditorDisplay(item) {
-    const mode = getDisplayMode4(item);
-    const modifiers = [];
-    if (mode === "progress") {
-      modifiers.push("progress bar");
-    } else if (mode === "progress-short") {
-      modifiers.push("short bar");
-    }
-    if (isInverted4(item)) {
-      modifiers.push("inverted");
-    }
     return {
       displayText: this.getDisplayName(),
-      modifierText: modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined
+      modifierText: getUsageDisplayModifierText(item)
     };
   }
   handleEditorAction(action, item) {
     if (action === "toggle-progress") {
-      const currentMode = getDisplayMode4(item);
-      let nextMode;
-      if (currentMode === "time") {
-        nextMode = "progress";
-      } else if (currentMode === "progress") {
-        nextMode = "progress-short";
-      } else {
-        nextMode = "time";
-      }
-      const nextMetadata = {
-        ...item.metadata ?? {},
-        display: nextMode
-      };
-      if (nextMode === "time") {
-        delete nextMetadata.invert;
-      }
-      return {
-        ...item,
-        metadata: nextMetadata
-      };
+      return cycleUsageDisplayMode(item);
     }
     if (action === "toggle-invert") {
-      return {
-        ...item,
-        metadata: {
-          ...item.metadata,
-          invert: (!isInverted4(item)).toString()
-        }
-      };
+      return toggleUsageInverted(item);
     }
     return null;
   }
   render(item, context, settings) {
-    const displayMode = getDisplayMode4(item);
-    const inverted = isInverted4(item);
+    const displayMode = getUsageDisplayMode(item);
+    const inverted = isUsageInverted(item);
     if (context.isPreview) {
       const previewPercent = inverted ? 90 : 10;
-      const prefix = item.rawValue ? "" : "Reset ";
-      if (displayMode === "progress" || displayMode === "progress-short") {
-        const barWidth = displayMode === "progress" ? 32 : 16;
+      if (isUsageProgressMode(displayMode)) {
+        const barWidth = getUsageProgressBarWidth(displayMode);
         const progressBar = makeTimerProgressBar2(previewPercent, barWidth);
-        return `${prefix}[${progressBar}] ${previewPercent.toFixed(1)}%`;
+        return formatRawOrLabeledValue(item, "Reset ", `[${progressBar}] ${previewPercent.toFixed(1)}%`);
       }
-      return item.rawValue ? "4hr 30m" : "Reset: 4hr 30m";
+      return formatRawOrLabeledValue(item, "Reset: ", "4hr 30m");
     }
     const usageData = fetchUsageData();
     const window2 = resolveUsageWindowWithFallback(usageData, context.blockMetrics);
@@ -56950,18 +56704,15 @@ class ResetTimerWidget {
       }
       return null;
     }
-    if (displayMode === "progress" || displayMode === "progress-short") {
-      const barWidth = displayMode === "progress" ? 32 : 16;
+    if (isUsageProgressMode(displayMode)) {
+      const barWidth = getUsageProgressBarWidth(displayMode);
       const percent = inverted ? window2.remainingPercent : window2.elapsedPercent;
       const progressBar = makeTimerProgressBar2(percent, barWidth);
       const percentage = percent.toFixed(1);
-      if (item.rawValue) {
-        return `[${progressBar}] ${percentage}%`;
-      }
-      return `Reset [${progressBar}] ${percentage}%`;
+      return formatRawOrLabeledValue(item, "Reset ", `[${progressBar}] ${percentage}%`);
     }
     const remainingTime = formatUsageDuration(window2.remainingMs);
-    return item.rawValue ? remainingTime : `Reset: ${remainingTime}`;
+    return formatRawOrLabeledValue(item, "Reset: ", remainingTime);
   }
   getCustomKeybinds() {
     return [
@@ -56977,7 +56728,7 @@ class ResetTimerWidget {
   }
 }
 // src/widgets/ContextBar.ts
-function getDisplayMode5(item) {
+function getDisplayMode(item) {
   return item.metadata?.display === "progress" ? "progress" : "progress-short";
 }
 
@@ -56995,7 +56746,7 @@ class ContextBarWidget {
     return "Context";
   }
   getEditorDisplay(item) {
-    const mode = getDisplayMode5(item);
+    const mode = getDisplayMode(item);
     const modifiers = [];
     if (mode === "progress-short") {
       modifiers.push("short bar");
@@ -57009,7 +56760,7 @@ class ContextBarWidget {
     if (action !== "toggle-progress") {
       return null;
     }
-    const currentMode = getDisplayMode5(item);
+    const currentMode = getDisplayMode(item);
     const nextMode = currentMode === "progress-short" ? "progress" : "progress-short";
     return {
       ...item,
@@ -57020,7 +56771,7 @@ class ContextBarWidget {
     };
   }
   render(item, context, settings) {
-    const displayMode = getDisplayMode5(item);
+    const displayMode = getDisplayMode(item);
     const barWidth = displayMode === "progress" ? 32 : 16;
     if (context.isPreview) {
       const previewDisplay = `${makeUsageProgressBar(25, barWidth)} 50k/200k (25%)`;
@@ -59659,6 +59410,30 @@ var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges, initialSelection = 0,
 var import_react42 = __toESM(require_react(), 1);
 import * as os10 from "os";
 
+// src/utils/powerline-settings.ts
+function resolveEnabledPowerlineTheme(theme) {
+  if (!theme || theme === "custom") {
+    return getDefaultPowerlineTheme();
+  }
+  return theme;
+}
+function buildEnabledPowerlineSettings(settings, removeManualSeparators) {
+  const powerlineConfig = settings.powerline;
+  const lines = removeManualSeparators ? settings.lines.map((line) => line.filter((item) => item.type !== "separator" && item.type !== "flex-separator")) : settings.lines;
+  return {
+    ...settings,
+    powerline: {
+      ...powerlineConfig,
+      enabled: true,
+      theme: resolveEnabledPowerlineTheme(powerlineConfig.theme),
+      separators: powerlineConfig.separators,
+      separatorInvertBackground: powerlineConfig.separatorInvertBackground
+    },
+    defaultPadding: " ",
+    lines
+  };
+}
+
 // src/tui/components/PowerlineSeparatorEditor.tsx
 var import_react40 = __toESM(require_react(), 1);
 var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
@@ -60271,19 +60046,7 @@ var PowerlineSetup = ({
           if (hasSeparatorItems) {
             setConfirmingEnable(true);
           } else {
-            const theme = !powerlineConfig.theme || powerlineConfig.theme === "custom" ? getDefaultPowerlineTheme() : powerlineConfig.theme;
-            const updatedSettings = {
-              ...settings,
-              powerline: {
-                ...powerlineConfig,
-                enabled: true,
-                theme,
-                separators: powerlineConfig.separators,
-                separatorInvertBackground: powerlineConfig.separatorInvertBackground
-              },
-              defaultPadding: " "
-            };
-            onUpdate(updatedSettings);
+            onUpdate(buildEnabledPowerlineSettings(settings, false));
           }
         } else {
           const newConfig = { ...powerlineConfig, enabled: false };
@@ -60513,20 +60276,7 @@ var PowerlineSetup = ({
             children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
-                const theme = !powerlineConfig.theme || powerlineConfig.theme === "custom" ? getDefaultPowerlineTheme() : powerlineConfig.theme;
-                const updatedSettings = {
-                  ...settings,
-                  powerline: {
-                    ...powerlineConfig,
-                    enabled: true,
-                    theme,
-                    separators: powerlineConfig.separators,
-                    separatorInvertBackground: powerlineConfig.separatorInvertBackground
-                  },
-                  defaultPadding: " ",
-                  lines: settings.lines.map((line) => line.filter((item) => item.type !== "separator" && item.type !== "flex-separator"))
-                };
-                onUpdate(updatedSettings);
+                onUpdate(buildEnabledPowerlineSettings(settings, true));
                 setConfirmingEnable(false);
               },
               onCancel: () => {
@@ -60695,8 +60445,19 @@ var PowerlineSetup = ({
 };
 // src/tui/components/StatusLinePreview.tsx
 var import_react43 = __toESM(require_react(), 1);
+
+// src/utils/separator-index.ts
+function countSeparatorSlots(widgets) {
+  const nonMergedWidgets = widgets.filter((_, idx) => idx === widgets.length - 1 || !widgets[idx]?.merge);
+  return Math.max(0, nonMergedWidgets.length - 1);
+}
+function advanceGlobalSeparatorIndex(currentIndex, widgets) {
+  return currentIndex + countSeparatorSlots(widgets);
+}
+
+// src/tui/components/StatusLinePreview.tsx
 var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
-var renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, settings, lineIndex, globalSeparatorIndex, preRenderedWidgets, preCalculatedMaxWidths) => {
+var renderSingleLine = (widgets, terminalWidth, settings, lineIndex, globalSeparatorIndex, preRenderedWidgets, preCalculatedMaxWidths) => {
   const context = {
     terminalWidth,
     isPreview: true,
@@ -60706,7 +60467,6 @@ var renderSingleLine = (widgets, terminalWidth, widthDetectionAvailable, setting
   return renderStatusLineWithInfo(widgets, settings, context, preRenderedWidgets, preCalculatedMaxWidths);
 };
 var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange }) => {
-  const widthDetectionAvailable = import_react43.default.useMemo(() => canDetectTerminalWidth(), []);
   const { renderedLines, anyTruncated } = import_react43.default.useMemo(() => {
     if (!settings)
       return { renderedLines: [], anyTruncated: false };
@@ -60719,19 +60479,16 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
       const lineItems = lines[i];
       if (lineItems && lineItems.length > 0) {
         const preRenderedWidgets = preRenderedLines[i] ?? [];
-        const renderResult = renderSingleLine(lineItems, terminalWidth, widthDetectionAvailable, settings, i, globalSeparatorIndex, preRenderedWidgets, preCalculatedMaxWidths);
+        const renderResult = renderSingleLine(lineItems, terminalWidth, settings, i, globalSeparatorIndex, preRenderedWidgets, preCalculatedMaxWidths);
         result.push(renderResult.line);
         if (renderResult.wasTruncated) {
           truncated = true;
         }
-        const nonMergedWidgets = lineItems.filter((_, idx) => idx === lineItems.length - 1 || !lineItems[idx]?.merge);
-        if (nonMergedWidgets.length > 1) {
-          globalSeparatorIndex += nonMergedWidgets.length - 1;
-        }
+        globalSeparatorIndex = advanceGlobalSeparatorIndex(globalSeparatorIndex, lineItems);
       }
     }
     return { renderedLines: result, anyTruncated: truncated };
-  }, [lines, terminalWidth, widthDetectionAvailable, settings]);
+  }, [lines, terminalWidth, settings]);
   import_react43.default.useEffect(() => {
     onTruncationChange?.(anyTruncated);
   }, [anyTruncated, onTruncationChange]);
@@ -60766,6 +60523,59 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
 };
 // src/tui/components/TerminalOptionsMenu.tsx
 var import_react44 = __toESM(require_react(), 1);
+
+// src/utils/color-sanitize.ts
+function isCustomColor(value) {
+  if (!value) {
+    return false;
+  }
+  return value.startsWith("ansi256:") || value.startsWith("hex:");
+}
+function isIncompatibleForLevel(value, nextLevel) {
+  if (!isCustomColor(value)) {
+    return false;
+  }
+  if (nextLevel === 2) {
+    return Boolean(value?.startsWith("hex:"));
+  }
+  if (nextLevel === 3) {
+    return Boolean(value?.startsWith("ansi256:"));
+  }
+  return true;
+}
+function resetWidgetForegroundToDefault(widget, nextWidget) {
+  if (widget.type === "separator" || widget.type === "flex-separator") {
+    return nextWidget;
+  }
+  const widgetImpl = getWidget(widget.type);
+  if (!widgetImpl) {
+    return nextWidget;
+  }
+  return {
+    ...nextWidget,
+    color: widgetImpl.getDefaultColor()
+  };
+}
+function hasCustomWidgetColors(lines) {
+  return lines.some((line) => line.some((widget) => isCustomColor(widget.color) || isCustomColor(widget.backgroundColor)));
+}
+function sanitizeLinesForColorLevel(lines, nextLevel) {
+  return lines.map((line) => line.map((widget) => {
+    let nextWidget = { ...widget };
+    if (isIncompatibleForLevel(widget.color, nextLevel)) {
+      nextWidget = resetWidgetForegroundToDefault(widget, nextWidget);
+    }
+    if (isIncompatibleForLevel(widget.backgroundColor, nextLevel)) {
+      nextWidget = {
+        ...nextWidget,
+        backgroundColor: undefined
+      };
+    }
+    return nextWidget;
+  }));
+}
+
+// src/tui/components/TerminalOptionsMenu.tsx
 var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
 var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
   const [showColorWarning, setShowColorWarning] = import_react44.useState(false);
@@ -60777,7 +60587,7 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
     } else if (selectedIndex === 0) {
       onBack("width");
     } else if (selectedIndex === 1) {
-      const hasCustomColors = settings.lines.some((line) => line.some((widget) => Boolean(widget.color && (widget.color.startsWith("ansi256:") || widget.color.startsWith("hex:"))) || Boolean(widget.backgroundColor && (widget.backgroundColor.startsWith("ansi256:") || widget.backgroundColor.startsWith("hex:")))));
+      const hasCustomColors = hasCustomWidgetColors(settings.lines);
       const currentLevel = settings.colorLevel;
       const nextLevel = (currentLevel + 1) % 4;
       if (hasCustomColors && (currentLevel === 2 && nextLevel !== 2 || currentLevel === 3 && nextLevel !== 3)) {
@@ -60785,47 +60595,7 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
         setPendingColorLevel(nextLevel);
       } else {
         source_default.level = nextLevel;
-        const cleanedLines = settings.lines.map((line) => line.map((widget) => {
-          const newWidget = { ...widget };
-          if (nextLevel === 2) {
-            if (widget.color?.startsWith("hex:")) {
-              if (widget.type !== "separator" && widget.type !== "flex-separator") {
-                const widgetImpl = getWidget(widget.type);
-                if (widgetImpl) {
-                  newWidget.color = widgetImpl.getDefaultColor();
-                }
-              }
-            }
-            if (widget.backgroundColor?.startsWith("hex:")) {
-              newWidget.backgroundColor = undefined;
-            }
-          } else if (nextLevel === 3) {
-            if (widget.color?.startsWith("ansi256:")) {
-              if (widget.type !== "separator" && widget.type !== "flex-separator") {
-                const widgetImpl = getWidget(widget.type);
-                if (widgetImpl) {
-                  newWidget.color = widgetImpl.getDefaultColor();
-                }
-              }
-            }
-            if (widget.backgroundColor?.startsWith("ansi256:")) {
-              newWidget.backgroundColor = undefined;
-            }
-          } else {
-            if (widget.color?.startsWith("ansi256:") || widget.color?.startsWith("hex:")) {
-              if (widget.type !== "separator" && widget.type !== "flex-separator") {
-                const widgetImpl = getWidget(widget.type);
-                if (widgetImpl) {
-                  newWidget.color = widgetImpl.getDefaultColor();
-                }
-              }
-            }
-            if (widget.backgroundColor?.startsWith("ansi256:") || widget.backgroundColor?.startsWith("hex:")) {
-              newWidget.backgroundColor = undefined;
-            }
-          }
-          return newWidget;
-        }));
+        const cleanedLines = sanitizeLinesForColorLevel(settings.lines, nextLevel);
         onUpdate({
           ...settings,
           lines: cleanedLines,
@@ -60837,23 +60607,7 @@ var TerminalOptionsMenu = ({ settings, onUpdate, onBack }) => {
   const handleColorConfirm = () => {
     if (pendingColorLevel !== null) {
       source_default.level = pendingColorLevel;
-      const cleanedLines = settings.lines.map((line) => line.map((widget) => {
-        const newWidget = { ...widget };
-        if (pendingColorLevel !== 2 && pendingColorLevel !== 3 || pendingColorLevel === 2 && (widget.color?.startsWith("hex:") || widget.backgroundColor?.startsWith("hex:")) || pendingColorLevel === 3 && (widget.color?.startsWith("ansi256:") || widget.backgroundColor?.startsWith("ansi256:"))) {
-          if (widget.color?.startsWith("ansi256:") || widget.color?.startsWith("hex:")) {
-            if (widget.type !== "separator" && widget.type !== "flex-separator") {
-              const widgetImpl = getWidget(widget.type);
-              if (widgetImpl) {
-                newWidget.color = widgetImpl.getDefaultColor();
-              }
-            }
-          }
-          if (widget.backgroundColor?.startsWith("ansi256:") || widget.backgroundColor?.startsWith("hex:")) {
-            newWidget.backgroundColor = undefined;
-          }
-        }
-        return newWidget;
-      }));
+      const cleanedLines = sanitizeLinesForColorLevel(settings.lines, pendingColorLevel);
       onUpdate({
         ...settings,
         lines: cleanedLines,
@@ -61215,7 +60969,7 @@ var App2 = () => {
     loadSettings().then((loadedSettings) => {
       source_default.level = loadedSettings.colorLevel;
       setSettings(loadedSettings);
-      setOriginalSettings(JSON.parse(JSON.stringify(loadedSettings)));
+      setOriginalSettings(cloneSettings(loadedSettings));
     });
     isInstalled().then(setIsClaudeInstalled);
     const fontStatus = checkPowerlineFonts();
@@ -61254,7 +61008,7 @@ var App2 = () => {
     if (key.ctrl && input === "s" && settings) {
       (async () => {
         await saveSettings(settings);
-        setOriginalSettings(JSON.parse(JSON.stringify(settings)));
+        setOriginalSettings(cloneSettings(settings));
         setHasChanges(false);
         setFlashMessage({
           text: "✓ Configuration saved",
@@ -61367,7 +61121,7 @@ ${GITHUB_REPO_URL}`,
         break;
       case "save":
         await saveSettings(settings);
-        setOriginalSettings(JSON.parse(JSON.stringify(settings)));
+        setOriginalSettings(cloneSettings(settings));
         setHasChanges(false);
         exit();
         break;
@@ -61433,7 +61187,7 @@ ${GITHUB_REPO_URL}`,
                   install: 5,
                   starGithub: hasChanges ? 8 : 7
                 };
-                setMenuSelections({ ...menuSelections, main: menuMap[value] ?? 0 });
+                setMenuSelections((prev) => ({ ...prev, main: menuMap[value] ?? 0 }));
               }
               handleMainMenuSelect(value);
             },
@@ -61447,12 +61201,12 @@ ${GITHUB_REPO_URL}`,
           screen === "lines" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(LineSelector, {
             lines: settings.lines,
             onSelect: (line) => {
-              setMenuSelections({ ...menuSelections, lines: line });
+              setMenuSelections((prev) => ({ ...prev, lines: line }));
               handleLineSelect(line);
             },
             onLinesUpdate: updateLines,
             onBack: () => {
-              setMenuSelections({ ...menuSelections, main: 0 });
+              setMenuSelections((prev) => ({ ...prev, main: 0 }));
               setScreen("main");
             },
             initialSelection: menuSelections.lines,
@@ -61465,7 +61219,7 @@ ${GITHUB_REPO_URL}`,
               updateLine(selectedLine, widgets);
             },
             onBack: () => {
-              setMenuSelections({ ...menuSelections, lines: selectedLine });
+              setMenuSelections((prev) => ({ ...prev, lines: selectedLine }));
               setScreen("lines");
             },
             lineNumber: selectedLine + 1,
@@ -61475,12 +61229,12 @@ ${GITHUB_REPO_URL}`,
             lines: settings.lines,
             onLinesUpdate: updateLines,
             onSelect: (line) => {
-              setMenuSelections({ ...menuSelections, lines: line });
+              setMenuSelections((prev) => ({ ...prev, lines: line }));
               setSelectedLine(line);
               setScreen("colors");
             },
             onBack: () => {
-              setMenuSelections({ ...menuSelections, main: 1 });
+              setMenuSelections((prev) => ({ ...prev, main: 1 }));
               setScreen("main");
             },
             initialSelection: menuSelections.lines,
@@ -61511,7 +61265,7 @@ ${GITHUB_REPO_URL}`,
               if (target === "width") {
                 setScreen("terminalWidth");
               } else {
-                setMenuSelections({ ...menuSelections, main: 3 });
+                setMenuSelections((prev) => ({ ...prev, main: 3 }));
                 setScreen("main");
               }
             }
@@ -61531,7 +61285,7 @@ ${GITHUB_REPO_URL}`,
               setSettings(updatedSettings);
             },
             onBack: () => {
-              setMenuSelections({ ...menuSelections, main: 4 });
+              setMenuSelections((prev) => ({ ...prev, main: 4 }));
               setScreen("main");
             }
           }, undefined, false, undefined, this),
@@ -61589,6 +61343,17 @@ function runTUI() {
   render_default(/* @__PURE__ */ jsx_dev_runtime18.jsxDEV(App2, {}, undefined, false, undefined, this));
 }
 // src/types/StatusJSON.ts
+var CoercedNumberSchema = exports_external.preprocess((value) => {
+  if (typeof value !== "string") {
+    return value;
+  }
+  const trimmed = value.trim();
+  if (trimmed.length === 0) {
+    return value;
+  }
+  const parsed = Number(trimmed);
+  return Number.isFinite(parsed) ? parsed : value;
+}, exports_external.number());
 var StatusJSONSchema = exports_external.looseObject({
   hook_event_name: exports_external.string().optional(),
   session_id: exports_external.string().optional(),
@@ -61608,27 +61373,27 @@ var StatusJSONSchema = exports_external.looseObject({
   version: exports_external.string().optional(),
   output_style: exports_external.object({ name: exports_external.string().optional() }).optional(),
   cost: exports_external.object({
-    total_cost_usd: exports_external.number().optional(),
-    total_duration_ms: exports_external.number().optional(),
-    total_api_duration_ms: exports_external.number().optional(),
-    total_lines_added: exports_external.number().optional(),
-    total_lines_removed: exports_external.number().optional()
+    total_cost_usd: CoercedNumberSchema.optional(),
+    total_duration_ms: CoercedNumberSchema.optional(),
+    total_api_duration_ms: CoercedNumberSchema.optional(),
+    total_lines_added: CoercedNumberSchema.optional(),
+    total_lines_removed: CoercedNumberSchema.optional()
   }).optional(),
   context_window: exports_external.object({
-    context_window_size: exports_external.number().nullable().optional(),
-    total_input_tokens: exports_external.number().nullable().optional(),
-    total_output_tokens: exports_external.number().nullable().optional(),
+    context_window_size: CoercedNumberSchema.nullable().optional(),
+    total_input_tokens: CoercedNumberSchema.nullable().optional(),
+    total_output_tokens: CoercedNumberSchema.nullable().optional(),
     current_usage: exports_external.union([
-      exports_external.number(),
+      CoercedNumberSchema,
       exports_external.object({
-        input_tokens: exports_external.number().optional(),
-        output_tokens: exports_external.number().optional(),
-        cache_creation_input_tokens: exports_external.number().optional(),
-        cache_read_input_tokens: exports_external.number().optional()
+        input_tokens: CoercedNumberSchema.optional(),
+        output_tokens: CoercedNumberSchema.optional(),
+        cache_creation_input_tokens: CoercedNumberSchema.optional(),
+        cache_read_input_tokens: CoercedNumberSchema.optional()
       })
     ]).nullable().optional(),
-    used_percentage: exports_external.number().nullable().optional(),
-    remaining_percentage: exports_external.number().nullable().optional()
+    used_percentage: CoercedNumberSchema.nullable().optional(),
+    remaining_percentage: CoercedNumberSchema.nullable().optional()
   }).nullable().optional()
 });
 
@@ -61699,12 +61464,10 @@ async function renderMultipleLines(data) {
       const line = renderStatusLine(lineItems, settings, lineContext, preRenderedWidgets, preCalculatedMaxWidths);
       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)
-          globalSeparatorIndex += nonMergedWidgets.length - 1;
         let outputLine = line.replace(/ /g, " ");
         outputLine = "\x1B[0m" + outputLine;
         console.log(outputLine);
+        globalSeparatorIndex = advanceGlobalSeparatorIndex(globalSeparatorIndex, lineItems);
       }
     }
   }