ccstatusline 2.2.26 → 2.2.27

package/dist/ccstatusline.js

@@ -53241,6 +53241,133 @@ var init_migrations = __esm(() => {
   ];
 });
 
+// src/utils/terminal.ts
+import { execSync } from "child_process";
+import * as fs2 from "fs";
+import * as path from "path";
+function getPackageVersion() {
+  if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
+    return PACKAGE_VERSION;
+  }
+  const possiblePaths = [
+    path.join(__dirname, "..", "..", "package.json"),
+    path.join(__dirname, "..", "package.json")
+  ];
+  for (const packageJsonPath of possiblePaths) {
+    try {
+      if (fs2.existsSync(packageJsonPath)) {
+        const packageJson = JSON.parse(fs2.readFileSync(packageJsonPath, "utf-8"));
+        return packageJson.version ?? "";
+      }
+    } catch {}
+  }
+  return "";
+}
+function probeTerminalWidth() {
+  const overrideRaw = process.env.CCSTATUSLINE_WIDTH;
+  if (overrideRaw) {
+    const override = parsePositiveInteger(overrideRaw);
+    if (override !== null) {
+      return override;
+    }
+  }
+  if (process.platform === "win32") {
+    return null;
+  }
+  let pid = process.pid;
+  for (let depth = 0;depth < 8; depth += 1) {
+    const parentPid = getParentProcessId(pid);
+    if (parentPid === null) {
+      break;
+    }
+    pid = parentPid;
+    const tty2 = getTTYForProcess(pid);
+    if (tty2 === null) {
+      continue;
+    }
+    const width = getWidthForTTY(tty2);
+    if (width !== null) {
+      return width;
+    }
+  }
+  try {
+    const width = execSync("tput cols 2>/dev/null", {
+      encoding: "utf8",
+      stdio: ["pipe", "pipe", "ignore"],
+      windowsHide: true
+    }).trim();
+    return parsePositiveInteger(width);
+  } catch {}
+  return null;
+}
+function parsePositiveInteger(value) {
+  const parsed = parseInt(value, 10);
+  if (isNaN(parsed) || parsed <= 0) {
+    return null;
+  }
+  return parsed;
+}
+function getParentProcessId(pid) {
+  try {
+    const parentPidOutput = execSync(`ps -o ppid= -p ${pid}`, {
+      encoding: "utf8",
+      stdio: ["pipe", "pipe", "ignore"],
+      shell: "/bin/sh",
+      windowsHide: true
+    }).trim();
+    return parsePositiveInteger(parentPidOutput);
+  } catch {
+    return null;
+  }
+}
+function getTTYForProcess(pid) {
+  try {
+    const tty2 = execSync(`ps -o tty= -p ${pid}`, {
+      encoding: "utf8",
+      stdio: ["pipe", "pipe", "ignore"],
+      shell: "/bin/sh",
+      windowsHide: true
+    }).replace(/\s+/g, "");
+    if (!tty2 || tty2 === "??" || tty2 === "?") {
+      return null;
+    }
+    return tty2;
+  } catch {
+    return null;
+  }
+}
+function getWidthForTTY(tty2) {
+  const devicePath = `/dev/${tty2}`;
+  const attempts = [
+    `stty -F ${devicePath} size`,
+    `stty -f ${devicePath} size`,
+    `stty size < ${devicePath}`
+  ];
+  for (const cmd of attempts) {
+    try {
+      const width = execSync(`${cmd} 2>/dev/null | awk '{print $2}'`, {
+        encoding: "utf8",
+        stdio: ["pipe", "pipe", "ignore"],
+        shell: "/bin/sh",
+        windowsHide: true
+      }).trim();
+      const parsed = parsePositiveInteger(width);
+      if (parsed !== null) {
+        return parsed;
+      }
+    } catch {}
+  }
+  return null;
+}
+function getTerminalWidth() {
+  return probeTerminalWidth();
+}
+function canDetectTerminalWidth() {
+  return probeTerminalWidth() !== null;
+}
+var __dirname = "/home/runner/work/ccstatusline/ccstatusline/src/utils", PACKAGE_VERSION = "2.2.27";
+var init_terminal = () => {};
+
 // src/utils/fuzzy.ts
 function isWordStart(text, position) {
   return position === 0 || text[position - 1] === " " || text[position - 1] === "-" || text[position - 1] === "_" || text[position - 1] === "/";
@@ -53525,40 +53652,40 @@ class OutputStyleWidget {
 // src/utils/git.ts
 import { execFileSync } from "child_process";
 import { createHash } from "node:crypto";
-import * as fs2 from "node:fs";
+import * as fs3 from "node:fs";
 import * as os3 from "node:os";
-import * as path from "node:path";
+import * as path2 from "node:path";
 function getCacheDir() {
-  return path.join(os3.homedir(), ".cache", "ccstatusline");
+  return path2.join(os3.homedir(), ".cache", "ccstatusline");
 }
 function getCachePath(gitDir) {
   const repoHash = createHash("sha256").update(gitDir).digest("hex").slice(0, 16);
-  return path.join(getCacheDir(), "git-cache", `git-${repoHash}.json`);
+  return path2.join(getCacheDir(), "git-cache", `git-${repoHash}.json`);
 }
 function getMtimeMs(filePath) {
   try {
-    return fs2.statSync(filePath).mtimeMs;
+    return fs3.statSync(filePath).mtimeMs;
   } catch {
     return null;
   }
 }
 function normalizeDirectory(candidate) {
   try {
-    const resolved = path.resolve(candidate);
-    const stats = fs2.statSync(resolved);
-    return stats.isDirectory() ? resolved : path.dirname(resolved);
+    const resolved = path2.resolve(candidate);
+    const stats = fs3.statSync(resolved);
+    return stats.isDirectory() ? resolved : path2.dirname(resolved);
   } catch {
     return null;
   }
 }
 function readGitDirFile(gitFilePath) {
   try {
-    const content = fs2.readFileSync(gitFilePath, "utf-8").trim();
+    const content = fs3.readFileSync(gitFilePath, "utf-8").trim();
     const match = /^gitdir:\s*(.+)$/i.exec(content);
     if (!match?.[1]) {
       return null;
     }
-    return path.resolve(path.dirname(gitFilePath), match[1]);
+    return path2.resolve(path2.dirname(gitFilePath), match[1]);
   } catch {
     return null;
   }
@@ -53566,9 +53693,9 @@ function readGitDirFile(gitFilePath) {
 function discoverGitDir(startDir) {
   let current = startDir;
   for (;; ) {
-    const gitPath = path.join(current, ".git");
+    const gitPath = path2.join(current, ".git");
     try {
-      const stats = fs2.statSync(gitPath);
+      const stats = fs3.statSync(gitPath);
       if (stats.isDirectory()) {
         return gitPath;
       }
@@ -53576,7 +53703,7 @@ function discoverGitDir(startDir) {
         return readGitDirFile(gitPath);
       }
     } catch {}
-    const parent = path.dirname(current);
+    const parent = path2.dirname(current);
     if (parent === current) {
       return null;
     }
@@ -53597,8 +53724,8 @@ function getGitRepoMetadata(cwd2) {
   }
   return {
     cachePath: getCachePath(gitDir),
-    headMtimeMs: getMtimeMs(path.join(gitDir, "HEAD")),
-    indexMtimeMs: getMtimeMs(path.join(gitDir, "index"))
+    headMtimeMs: getMtimeMs(path2.join(gitDir, "HEAD")),
+    indexMtimeMs: getMtimeMs(path2.join(gitDir, "index"))
   };
 }
 function getGitCacheTtlMs(context) {
@@ -53625,7 +53752,7 @@ function isCacheEntryFresh(entry, metadata, ttlMs, now2) {
 }
 function readPersistentCache(cachePath) {
   try {
-    const parsed = JSON.parse(fs2.readFileSync(cachePath, "utf-8"));
+    const parsed = JSON.parse(fs3.readFileSync(cachePath, "utf-8"));
     if (typeof parsed !== "object" || parsed === null) {
       return null;
     }
@@ -53650,11 +53777,11 @@ function readPersistentCache(cachePath) {
 }
 function writePersistentCache(cachePath, cache3) {
   try {
-    const cacheDir = path.dirname(cachePath);
-    fs2.mkdirSync(cacheDir, { recursive: true });
+    const cacheDir = path2.dirname(cachePath);
+    fs3.mkdirSync(cacheDir, { recursive: true });
     const tempPath = `${cachePath}.${process.pid}.${Date.now()}.tmp`;
-    fs2.writeFileSync(tempPath, JSON.stringify(cache3), "utf-8");
-    fs2.renameSync(tempPath, cachePath);
+    fs3.writeFileSync(tempPath, JSON.stringify(cache3), "utf-8");
+    fs3.renameSync(tempPath, cachePath);
   } catch {}
 }
 function readPersistentCacheEntry(metadata, cacheKey, cwd2, ttlMs, now2) {
@@ -53849,7 +53976,7 @@ function getGitConflictCount(context) {
 `).map((line) => {
     const parts = line.split(/\s+/).slice(3);
     return parts.join(" ");
-  }).filter((path2) => path2.length > 0));
+  }).filter((path3) => path3.length > 0));
   return files.size;
 }
 function getGitShortSha(context) {
@@ -53973,8 +54100,8 @@ function renderOsc8Link(url2, text) {
 function encodeGitRefForUrlPath(ref) {
   return ref.split("/").map((segment) => encodeURIComponent(segment)).join("/");
 }
-function encodeFilePathForUri(path2) {
-  return path2.replace(/\\/g, "/").split("/").map((segment) => encodeURIComponent(segment)).join("/");
+function encodeFilePathForUri(path3) {
+  return path3.replace(/\\/g, "/").split("/").map((segment) => encodeURIComponent(segment)).join("/");
 }
 function buildIdeFileUrl(filePath, ideLinkMode) {
   const normalizedPath = filePath.replace(/\\/g, "/");
@@ -55600,17 +55727,17 @@ import {
 } from "child_process";
 import {
   closeSync,
-  existsSync as existsSync2,
+  existsSync as existsSync3,
   mkdirSync as mkdirSync2,
   openSync,
-  readFileSync as readFileSync3,
+  readFileSync as readFileSync4,
   statSync as statSync2,
   unlinkSync,
   writeFileSync as writeFileSync2
 } from "fs";
 import { createHash as createHash2 } from "node:crypto";
 import os4 from "node:os";
-import path2 from "node:path";
+import path3 from "node:path";
 function readField(entry, key) {
   const value = entry[key];
   return typeof value === "string" ? value.toUpperCase() : "";
@@ -55658,10 +55785,10 @@ function computeCiRollup(rollup) {
   return { state, failing, pending, success: success2 };
 }
 function getCacheDir2(deps) {
-  return path2.join(deps.getHomedir(), ".cache", "ccstatusline");
+  return path3.join(deps.getHomedir(), ".cache", "ccstatusline");
 }
 function getGitReviewCacheDir(deps) {
-  return path2.join(getCacheDir2(deps), "git-review");
+  return path3.join(getCacheDir2(deps), "git-review");
 }
 function runGitForCache(args, cwd2, deps) {
   try {
@@ -55693,7 +55820,7 @@ function getCacheRef(cwd2, deps) {
 }
 function getCachePath2(cwd2, ref, deps) {
   const hash2 = createHash2("sha256").update(cwd2).update("\x00").update(ref).digest("hex").slice(0, 16);
-  return path2.join(getGitReviewCacheDir(deps), `git-review-${hash2}.json`);
+  return path3.join(getGitReviewCacheDir(deps), `git-review-${hash2}.json`);
 }
 function isGitReviewData(value) {
   if (typeof value !== "object" || value === null) {
@@ -56123,11 +56250,11 @@ var init_git_review_cache = __esm(() => {
   DEFAULT_GIT_REVIEW_CACHE_DEPS = {
     closeSync,
     execFileSync: execFileSync2,
-    existsSync: existsSync2,
+    existsSync: existsSync3,
     getExecPath: () => process.execPath,
     mkdirSync: mkdirSync2,
     openSync,
-    readFileSync: readFileSync3,
+    readFileSync: readFileSync4,
     getScriptPath: () => process.argv[1],
     spawn,
     statSync: statSync2,
@@ -58163,133 +58290,6 @@ function calculateContextPercentage(context) {
 }
 var init_context_percentage = () => {};
 
-// src/utils/terminal.ts
-import { execSync } from "child_process";
-import * as fs3 from "fs";
-import * as path3 from "path";
-function getPackageVersion() {
-  if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
-    return PACKAGE_VERSION;
-  }
-  const possiblePaths = [
-    path3.join(__dirname, "..", "..", "package.json"),
-    path3.join(__dirname, "..", "package.json")
-  ];
-  for (const packageJsonPath of possiblePaths) {
-    try {
-      if (fs3.existsSync(packageJsonPath)) {
-        const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf-8"));
-        return packageJson.version ?? "";
-      }
-    } catch {}
-  }
-  return "";
-}
-function probeTerminalWidth() {
-  const overrideRaw = process.env.CCSTATUSLINE_WIDTH;
-  if (overrideRaw) {
-    const override = parsePositiveInteger(overrideRaw);
-    if (override !== null) {
-      return override;
-    }
-  }
-  if (process.platform === "win32") {
-    return null;
-  }
-  let pid = process.pid;
-  for (let depth = 0;depth < 8; depth += 1) {
-    const parentPid = getParentProcessId(pid);
-    if (parentPid === null) {
-      break;
-    }
-    pid = parentPid;
-    const tty2 = getTTYForProcess(pid);
-    if (tty2 === null) {
-      continue;
-    }
-    const width = getWidthForTTY(tty2);
-    if (width !== null) {
-      return width;
-    }
-  }
-  try {
-    const width = execSync("tput cols 2>/dev/null", {
-      encoding: "utf8",
-      stdio: ["pipe", "pipe", "ignore"],
-      windowsHide: true
-    }).trim();
-    return parsePositiveInteger(width);
-  } catch {}
-  return null;
-}
-function parsePositiveInteger(value) {
-  const parsed = parseInt(value, 10);
-  if (isNaN(parsed) || parsed <= 0) {
-    return null;
-  }
-  return parsed;
-}
-function getParentProcessId(pid) {
-  try {
-    const parentPidOutput = execSync(`ps -o ppid= -p ${pid}`, {
-      encoding: "utf8",
-      stdio: ["pipe", "pipe", "ignore"],
-      shell: "/bin/sh",
-      windowsHide: true
-    }).trim();
-    return parsePositiveInteger(parentPidOutput);
-  } catch {
-    return null;
-  }
-}
-function getTTYForProcess(pid) {
-  try {
-    const tty2 = execSync(`ps -o tty= -p ${pid}`, {
-      encoding: "utf8",
-      stdio: ["pipe", "pipe", "ignore"],
-      shell: "/bin/sh",
-      windowsHide: true
-    }).replace(/\s+/g, "");
-    if (!tty2 || tty2 === "??" || tty2 === "?") {
-      return null;
-    }
-    return tty2;
-  } catch {
-    return null;
-  }
-}
-function getWidthForTTY(tty2) {
-  const devicePath = `/dev/${tty2}`;
-  const attempts = [
-    `stty -F ${devicePath} size`,
-    `stty -f ${devicePath} size`,
-    `stty size < ${devicePath}`
-  ];
-  for (const cmd of attempts) {
-    try {
-      const width = execSync(`${cmd} 2>/dev/null | awk '{print $2}'`, {
-        encoding: "utf8",
-        stdio: ["pipe", "pipe", "ignore"],
-        shell: "/bin/sh",
-        windowsHide: true
-      }).trim();
-      const parsed = parsePositiveInteger(width);
-      if (parsed !== null) {
-        return parsed;
-      }
-    } catch {}
-  }
-  return null;
-}
-function getTerminalWidth() {
-  return probeTerminalWidth();
-}
-function canDetectTerminalWidth() {
-  return probeTerminalWidth() !== null;
-}
-var __dirname = "/home/runner/work/ccstatusline/ccstatusline/src/utils", PACKAGE_VERSION = "2.2.26";
-var init_terminal = () => {};
-
 // src/utils/format-tokens.ts
 function formatTokens(count, decimals = 1) {
   if (count >= 1e6 - 500 / 10 ** decimals)
@@ -71358,20 +71358,73 @@ async function saveSettings(settings) {
     await syncWidgetHooks2(settings);
   } catch {}
 }
-async function saveInstallationMetadata(metadata) {
-  const paths = getSettingsPaths();
-  if (!metadata && !fs13.existsSync(paths.settingsPath)) {
-    return;
+function expandPath(filePath) {
+  if (filePath.startsWith("~/") || filePath === "~") {
+    return path8.join(os9.homedir(), filePath.slice(2));
   }
-  const settings = await loadSettings();
-  if (getConfigLoadError() !== null) {
-    console.error("Skipping installation-metadata write: settings.json is unreadable (left unchanged).");
-    return;
+  return filePath;
+}
+async function exportConfig(settings, filePath) {
+  const expanded = expandPath(filePath);
+  const exportData = { ...settings, exportedBy: getPackageVersion() };
+  await mkdir(path8.dirname(expanded), { recursive: true });
+  await writeFile(expanded, JSON.stringify(exportData, null, 2), "utf-8");
+}
+async function validateImportFile(filePath) {
+  const expanded = expandPath(filePath);
+  let raw;
+  try {
+    raw = await readFile3(expanded, "utf-8");
+  } catch {
+    return { status: "invalid", reason: `Cannot read file: ${expanded}` };
   }
-  const settingsWithVersion = {
-    ...settings,
-    version: CURRENT_VERSION
-  };
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch {
+    return { status: "invalid", reason: "File is not valid JSON" };
+  }
+  if (typeof parsed === "object" && parsed !== null && "version" in parsed && typeof parsed.version === "number" && parsed.version > CURRENT_VERSION) {
+    return {
+      status: "invalid",
+      reason: `Config version ${parsed.version} is newer than supported version ${CURRENT_VERSION}`
+    };
+  }
+  if (needsMigration(parsed, CURRENT_VERSION)) {
+    parsed = migrateConfig(parsed, CURRENT_VERSION);
+  }
+  const result2 = SettingsSchema.safeParse(parsed);
+  if (!result2.success) {
+    return { status: "invalid", reason: `Invalid config format: ${result2.error.issues[0]?.message ?? "unknown error"}` };
+  }
+  const presentKeys = Object.keys(parsed).filter((key) => (key in result2.data));
+  return { status: "valid", data: result2.data, presentKeys };
+}
+function applyImport(current, imported, mode, presentKeys = Object.keys(imported)) {
+  const mergeKeys = new Set(presentKeys);
+  const importedClean = Object.fromEntries(Object.entries(imported).filter(([k]) => !IMPORT_EXCLUDED_KEYS.includes(k) && (mode === "replace" || mergeKeys.has(k))));
+  if (mode === "replace") {
+    return SettingsSchema.parse({
+      ...importedClean,
+      installation: current.installation
+    });
+  }
+  return { ...current, ...importedClean };
+}
+async function saveInstallationMetadata(metadata) {
+  const paths = getSettingsPaths();
+  if (!metadata && !fs13.existsSync(paths.settingsPath)) {
+    return;
+  }
+  const settings = await loadSettings();
+  if (getConfigLoadError() !== null) {
+    console.error("Skipping installation-metadata write: settings.json is unreadable (left unchanged).");
+    return;
+  }
+  const settingsWithVersion = {
+    ...settings,
+    version: CURRENT_VERSION
+  };
   if (metadata) {
     settingsWithVersion.installation = metadata;
   } else {
@@ -71379,10 +71432,11 @@ async function saveInstallationMetadata(metadata) {
   }
   await writeSettingsJson(settingsWithVersion, paths);
 }
-var readFile3, writeFile, mkdir, rename, unlink, lstat, readlink, realpath2, DEFAULT_SETTINGS_PATH, settingsPath, lastLoadError = null;
+var readFile3, writeFile, mkdir, rename, unlink, lstat, readlink, realpath2, DEFAULT_SETTINGS_PATH, settingsPath, lastLoadError = null, IMPORT_EXCLUDED_KEYS;
 var init_config = __esm(async () => {
   init_Settings();
   init_migrations();
+  init_terminal();
   await init_widgets2();
   readFile3 = fs13.promises.readFile;
   writeFile = fs13.promises.writeFile;
@@ -71394,6 +71448,7 @@ var init_config = __esm(async () => {
   realpath2 = fs13.promises.realpath;
   DEFAULT_SETTINGS_PATH = path8.join(os9.homedir(), ".config", "ccstatusline", "settings.json");
   settingsPath = DEFAULT_SETTINGS_PATH;
+  IMPORT_EXCLUDED_KEYS = ["installation", "version", "updatemessage", "exportedBy"];
 });
 
 // src/utils/claude-settings.ts
@@ -72444,7 +72499,7 @@ var dist_default5 = Gradient;
 
 // src/tui/App.tsx
 await init_claude_settings();
-var import_react53 = __toESM(require_react(), 1);
+var import_react56 = __toESM(require_react(), 1);
 
 // src/utils/clone-settings.ts
 function cloneSettings(settings) {
@@ -74767,6 +74822,348 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
     ]
   }, undefined, true, undefined, this);
 };
+// src/tui/components/ExportConfigDialog.tsx
+init_input_guards();
+await init_build2();
+var import_react42 = __toESM(require_react(), 1);
+var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
+import * as os13 from "os";
+import * as path12 from "path";
+var DEFAULT_EXPORT_PATH = path12.join(os13.homedir(), "ccstatusline-config.json");
+function ExportConfigDialog({ onExport, onCancel }) {
+  const [inputValue, setInputValue] = import_react42.useState(DEFAULT_EXPORT_PATH);
+  use_input_default((input, key) => {
+    if (key.return) {
+      onExport(inputValue);
+    } else if (key.escape) {
+      onCancel();
+    } else if (key.backspace) {
+      setInputValue(inputValue.slice(0, -1));
+    } else if (shouldInsertInput(input, key)) {
+      setInputValue(inputValue + input);
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+        bold: true,
+        children: "Export Config"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+        dimColor: true,
+        children: "Enter the file path to export your configuration to:"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            children: "Path: "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            children: inputValue
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            inverse: true,
+            children: " "
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          dimColor: true,
+          children: "Enter to confirm, Escape to cancel"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/tui/components/ImportConfigDialog.tsx
+init_input_guards();
+await init_build2();
+var import_react43 = __toESM(require_react(), 1);
+var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
+function ImportConfigDialog({ onFileChosen, onCancel }) {
+  const [inputValue, setInputValue] = import_react43.useState("");
+  use_input_default((input, key) => {
+    if (key.return) {
+      onFileChosen(inputValue);
+    } else if (key.escape) {
+      onCancel();
+    } else if (key.backspace) {
+      setInputValue(inputValue.slice(0, -1));
+    } else if (shouldInsertInput(input, key)) {
+      setInputValue(inputValue + input);
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+        bold: true,
+        children: "Import Config"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+        dimColor: true,
+        children: "Enter the file path to import configuration from:"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+            children: "Path: "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+            children: inputValue
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+            inverse: true,
+            children: " "
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          dimColor: true,
+          children: "Enter to confirm, Escape to cancel"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/tui/components/ImportPreviewDialog.tsx
+await __promiseAll([
+  init_build2(),
+  init_config()
+]);
+var import_react44 = __toESM(require_react(), 1);
+var jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+var EXCLUDED_KEYS = new Set(["version", "installation", "updatemessage"]);
+function getImportPreviewKeys(current, imported) {
+  const keys2 = new Set([
+    ...Object.keys(current),
+    ...Object.keys(imported)
+  ]);
+  return [...keys2].filter((key) => !EXCLUDED_KEYS.has(key));
+}
+function getImportPreviewSettings(current, validation, mode) {
+  return applyImport(current, validation.data, mode, validation.presentKeys);
+}
+function formatScalar(value) {
+  if (value === null || value === undefined) {
+    return "none";
+  }
+  if (typeof value === "boolean" || typeof value === "number") {
+    return String(value);
+  }
+  if (typeof value === "string") {
+    return value || "(empty)";
+  }
+  return JSON.stringify(value);
+}
+function diffObject(current, imported, prefix) {
+  const keys2 = new Set([...Object.keys(current), ...Object.keys(imported)]);
+  const entries = [];
+  for (const key of keys2) {
+    const path13 = prefix ? `${prefix}.${key}` : key;
+    const a = current[key];
+    const b = imported[key];
+    if (JSON.stringify(a) === JSON.stringify(b)) {
+      continue;
+    }
+    if (a && b && typeof a === "object" && typeof b === "object" && !Array.isArray(a) && !Array.isArray(b)) {
+      entries.push(...diffObject(a, b, path13));
+    } else {
+      entries.push({ path: path13, current: a, imported: b });
+    }
+  }
+  return entries;
+}
+function diffLines(currentLines, importedLines) {
+  const entries = [];
+  const lineCount = Math.max(currentLines.length, importedLines.length);
+  for (let li = 0;li < lineCount; li++) {
+    const curLine = currentLines[li] ?? [];
+    const impLine = importedLines[li] ?? [];
+    const widgetCount = Math.max(curLine.length, impLine.length);
+    for (let wi = 0;wi < widgetCount; wi++) {
+      const curWidget = curLine[wi];
+      const impWidget = impLine[wi];
+      if (JSON.stringify(curWidget) === JSON.stringify(impWidget)) {
+        continue;
+      }
+      if (!curWidget) {
+        const addedType = impWidget?.type ?? "unknown";
+        entries.push({ path: `line ${li + 1} +${addedType}`, current: undefined, imported: "[added]" });
+        continue;
+      }
+      if (!impWidget) {
+        entries.push({ path: `line ${li + 1} -${curWidget.type}`, current: "[removed]", imported: undefined });
+        continue;
+      }
+      const label = `${curWidget.type} (line ${li + 1})`;
+      const widgetKeys = new Set([...Object.keys(curWidget), ...Object.keys(impWidget)]);
+      for (const key of widgetKeys) {
+        if (key === "id") {
+          continue;
+        }
+        const a = curWidget[key];
+        const b = impWidget[key];
+        if (JSON.stringify(a) !== JSON.stringify(b)) {
+          entries.push({ path: `${label} ${key}`, current: a, imported: b });
+        }
+      }
+    }
+  }
+  return entries;
+}
+function ImportPreviewDialog({
+  validation,
+  currentSettings,
+  onApply,
+  onCancel
+}) {
+  const [previewMode, setPreviewMode] = import_react44.useState("replace");
+  const previewSettings = getImportPreviewSettings(currentSettings, validation, previewMode);
+  const topLevelKeys = getImportPreviewKeys(currentSettings, previewSettings);
+  const items = [
+    { label: "Replace All", value: "replace", description: "Overwrite all settings with the imported config" },
+    { label: "Merge", value: "merge", description: "Overlay imported settings on top of current settings" },
+    "-",
+    { label: "Cancel", value: "cancel" }
+  ];
+  function handleSelect(value) {
+    if (value === "cancel" || value === "back") {
+      onCancel();
+    } else {
+      onApply(value);
+    }
+  }
+  function handleSelectionChange(value) {
+    if (value === "replace" || value === "merge") {
+      setPreviewMode(value);
+    }
+  }
+  const diffRows = [];
+  for (const key of topLevelKeys) {
+    const current = currentSettings[key];
+    const imported = previewSettings[key];
+    const changed = JSON.stringify(current) !== JSON.stringify(imported);
+    if (!changed) {
+      diffRows.push(/* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          dimColor: true,
+          children: `  ${key}: ${formatScalar(current)}`
+        }, undefined, false, undefined, this)
+      }, key, false, undefined, this));
+      continue;
+    }
+    if (key === "lines") {
+      const entries = diffLines(current, imported);
+      diffRows.push(/* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            children: `  ${key}:`
+          }, undefined, false, undefined, this),
+          entries.map((e, i) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            marginLeft: 4,
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                children: `${e.path}: `
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                color: "red",
+                children: formatScalar(e.current)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                children: " → "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                color: "green",
+                children: formatScalar(e.imported)
+              }, undefined, false, undefined, this)
+            ]
+          }, i, true, undefined, this))
+        ]
+      }, key, true, undefined, this));
+      continue;
+    }
+    if (current && imported && typeof current === "object" && typeof imported === "object" && !Array.isArray(current)) {
+      const entries = diffObject(current, imported, key);
+      diffRows.push(/* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            children: `  ${key}:`
+          }, undefined, false, undefined, this),
+          entries.map((e, i) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            marginLeft: 4,
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                children: `${e.path}: `
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                color: "red",
+                children: formatScalar(e.current)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                children: " → "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                color: "green",
+                children: formatScalar(e.imported)
+              }, undefined, false, undefined, this)
+            ]
+          }, i, true, undefined, this))
+        ]
+      }, key, true, undefined, this));
+      continue;
+    }
+    diffRows.push(/* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          children: `  ${key}: `
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          color: "red",
+          children: formatScalar(current)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          children: " → "
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          color: "green",
+          children: formatScalar(imported)
+        }, undefined, false, undefined, this)
+      ]
+    }, key, true, undefined, this));
+  }
+  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        bold: true,
+        children: "Import Preview"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        dimColor: true,
+        children: "Changes that will be applied:"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+        flexDirection: "column",
+        children: diffRows
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(List, {
+        items,
+        onSelect: handleSelect,
+        onSelectionChange: handleSelectionChange
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
 // src/tui/components/GlobalOverridesMenu.tsx
 init_ColorLevel();
 init_Settings();
@@ -74774,22 +75171,22 @@ init_colors();
 init_gradient();
 init_input_guards();
 await init_build2();
-var import_react42 = __toESM(require_react(), 1);
-var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react45 = __toESM(require_react(), 1);
+var jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
 var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
-  const [editingPadding, setEditingPadding] = import_react42.useState(false);
-  const [editingSeparator, setEditingSeparator] = import_react42.useState(false);
-  const [confirmingSeparator, setConfirmingSeparator] = import_react42.useState(false);
-  const [paddingInput, setPaddingInput] = import_react42.useState(settings.defaultPadding ?? "");
-  const [separatorInput, setSeparatorInput] = import_react42.useState(settings.defaultSeparator ?? "");
-  const [inheritColors, setInheritColors] = import_react42.useState(settings.inheritSeparatorColors);
-  const [globalBold, setGlobalBold] = import_react42.useState(settings.globalBold);
-  const [minimalistMode, setMinimalistMode] = import_react42.useState(settings.minimalistMode);
-  const [gradientMode, setGradientMode] = import_react42.useState(false);
-  const [gradientIndex, setGradientIndex] = import_react42.useState(0);
-  const [gradientCustomStep, setGradientCustomStep] = import_react42.useState(null);
-  const [gradientStartHex, setGradientStartHex] = import_react42.useState("");
-  const [gradientHexInput, setGradientHexInput] = import_react42.useState("");
+  const [editingPadding, setEditingPadding] = import_react45.useState(false);
+  const [editingSeparator, setEditingSeparator] = import_react45.useState(false);
+  const [confirmingSeparator, setConfirmingSeparator] = import_react45.useState(false);
+  const [paddingInput, setPaddingInput] = import_react45.useState(settings.defaultPadding ?? "");
+  const [separatorInput, setSeparatorInput] = import_react45.useState(settings.defaultSeparator ?? "");
+  const [inheritColors, setInheritColors] = import_react45.useState(settings.inheritSeparatorColors);
+  const [globalBold, setGlobalBold] = import_react45.useState(settings.globalBold);
+  const [minimalistMode, setMinimalistMode] = import_react45.useState(settings.minimalistMode);
+  const [gradientMode, setGradientMode] = import_react45.useState(false);
+  const [gradientIndex, setGradientIndex] = import_react45.useState(0);
+  const [gradientCustomStep, setGradientCustomStep] = import_react45.useState(null);
+  const [gradientStartHex, setGradientStartHex] = import_react45.useState("");
+  const [gradientHexInput, setGradientHexInput] = import_react45.useState("");
   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)];
@@ -74971,41 +75368,41 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
   if (gradientMode) {
     const level = getColorLevelString(settings.colorLevel);
     if (gradientCustomStep) {
-      return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             bold: true,
             children: "Custom Gradient - Override FG Color"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: gradientCustomStep === "start" ? "Enter START hex color (without #):" : "Enter END hex color (without #):"
               }, undefined, false, undefined, this),
-              gradientCustomStep === "end" && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              gradientCustomStep === "end" && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: [
                   "Start: #",
                   gradientStartHex
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: [
                   "#",
                   gradientHexInput,
-                  /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     dimColor: true,
                     children: gradientHexInput.length < 6 ? "_".repeat(6 - gradientHexInput.length) : ""
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: " "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: "Press Enter when done, ESC to go back"
               }, undefined, false, undefined, this)
@@ -75014,31 +75411,31 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
         ]
       }, undefined, true, undefined, this);
     }
-    return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
           bold: true,
           children: "Select Gradient - Override FG Color"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             dimColor: true,
             children: "↑↓ to select, Enter to apply, ESC to cancel"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           children: [
-            GRADIENT_PRESET_NAMES.map((name, idx) => /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            GRADIENT_PRESET_NAMES.map((name, idx) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
               children: [
                 idx === gradientIndex ? "▶ " : "  ",
                 applyColors(name, `gradient:${name}`, undefined, idx === gradientIndex, level)
               ]
             }, name, true, undefined, this)),
-            /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
               children: [
                 gradientIndex === GRADIENT_PRESET_NAMES.length ? "▶ " : "  ",
                 "Custom (enter two hex stops)"
@@ -75049,95 +75446,95 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
         bold: true,
         children: "Global Overrides"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
         dimColor: true,
         children: "Configure automatic padding and separators between widgets"
       }, undefined, false, undefined, this),
-      isPowerlineEnabled && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      isPowerlineEnabled && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime18.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_runtime15.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         marginTop: 1
       }, undefined, false, undefined, this),
-      editingPadding ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      editingPadding ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "Enter default padding (applied per the Padding Side setting): "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: "cyan",
                 children: paddingInput ? `"${paddingInput}"` : "(empty)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to save, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : editingSeparator ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : editingSeparator ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "Enter default separator (placed between widgets): "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: "cyan",
                 children: separatorInput ? `"${separatorInput}"` : "(empty - no separator will be added)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to save, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : confirmingSeparator ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : confirmingSeparator ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime18.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_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "New default separator: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: "cyan",
                 children: separatorInput ? `"${separatorInput}"` : "(empty)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
               children: "Do you want to continue? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 const updatedSettings = {
@@ -75155,77 +75552,77 @@ var GlobalOverridesMenu = ({ 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_runtime18.jsxDEV(jsx_dev_runtime18.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "      Global Bold: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: globalBold ? "green" : "red",
                 children: globalBold ? "✓ Enabled" : "✗ Disabled"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (o) to toggle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "  Minimalist Mode: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: minimalistMode ? "green" : "red",
                 children: minimalistMode ? "✓ Enabled" : "✗ Disabled"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (m) to toggle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "  Default Padding: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: "cyan",
                 children: settings.defaultPadding ? `"${settings.defaultPadding}"` : "(none)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (p) to edit"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "     Padding Side: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: "cyan",
                 children: settings.defaultPaddingSide === "left" ? "Left only" : settings.defaultPaddingSide === "right" ? "Right only" : "Both"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (d) to cycle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "Override FG Color: "
               }, undefined, false, undefined, this),
               (() => {
                 const fgColor = settings.overrideForegroundColor ?? "none";
                 if (fgColor === "none") {
-                  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     color: "gray",
                     children: "(none)"
                   }, undefined, false, undefined, this);
@@ -75233,38 +75630,38 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
                   const body = fgColor.substring(9);
                   const displayName = GRADIENT_PRESET_NAMES.includes(body.toLowerCase()) ? `Gradient: ${body.toLowerCase()}` : `Gradient: ${body}`;
                   const level = getColorLevelString(settings.colorLevel);
-                  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     children: applyColors(displayName, fgColor, undefined, false, level)
                   }, undefined, false, undefined, this);
                 } else {
                   const displayName = getColorDisplayName(fgColor);
                   const fgChalk = getChalkColor(fgColor, "ansi16", false);
                   const display = fgChalk ? fgChalk(displayName) : displayName;
-                  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     children: display
                   }, undefined, false, undefined, this);
                 }
               })(),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: " - (f) cycle, (g) gradient, (x) clear"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "Override BG Color: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(jsx_dev_runtime18.Fragment, {
                 children: [
                   (() => {
                     const bgColor = settings.overrideBackgroundColor ?? "none";
                     if (bgColor === "none") {
-                      return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                      return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                         color: "gray",
                         children: "(none)"
                       }, undefined, false, undefined, this);
@@ -75272,12 +75669,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_runtime15.jsxDEV(Text, {
+                      return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                         children: display
                       }, undefined, false, undefined, this);
                     }
                   })(),
-                  /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     dimColor: true,
                     children: " - (b) cycle, (c) clear"
                   }, undefined, false, undefined, this)
@@ -75285,21 +75682,21 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "   Inherit Colors: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(jsx_dev_runtime18.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     color: inheritColors ? "green" : "red",
                     children: inheritColors ? "✓ Enabled" : "✗ Disabled"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (i) to toggle"
                   }, undefined, false, undefined, this)
@@ -75307,21 +75704,21 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 children: "Default Separator: "
               }, undefined, false, undefined, this),
-              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              isPowerlineEnabled ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 children: "[disabled - Powerline active]"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(jsx_dev_runtime18.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     color: "cyan",
                     children: settings.defaultSeparator ? `"${settings.defaultSeparator}"` : "(none)"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (s) to edit"
                   }, undefined, false, undefined, this)
@@ -75329,43 +75726,43 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             marginTop: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
               dimColor: true,
               children: "Press ESC to go back"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.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_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Padding Side: Choose whether default padding applies to both sides, left only, or right only"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Inherit colors: Separators will use colors from the preceding widget"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Global Bold: Makes all text bold regardless of individual settings"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Minimalist Mode: Strips decorative prefixes and labels from widgets"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 dimColor: true,
                 wrap: "wrap",
                 children: "• Override colors: All widgets will use these colors instead of their configured colors"
@@ -75382,8 +75779,8 @@ await __promiseAll([
   init_build2(),
   init_claude_settings()
 ]);
-var import_react43 = __toESM(require_react(), 1);
-var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react46 = __toESM(require_react(), 1);
+var jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
 var AUTO_UPDATE_DESCRIPTION = "Runs `@latest` through npx/bunx. Stays current automatically, with a small startup cost when the package runner checks or resolves the package. Because it follows the latest published package, pinned install is available if you prefer explicit updates.";
 function getPinnedDescription(currentVersion) {
   return `Installs \`ccstatusline@${currentVersion}\` globally and Claude Code runs \`ccstatusline\`. Fast on each render because Claude Code runs the installed ccstatusline binary directly. The version changes only when you update the global install.`;
@@ -75467,8 +75864,8 @@ var InstallMenu = ({
   onCancel,
   initialPackageSelection = 0
 }) => {
-  const [step, setStep] = import_react43.useState("style");
-  const [updateStyle, setUpdateStyle] = import_react43.useState("pinned");
+  const [step, setStep] = import_react46.useState("style");
+  const [updateStyle, setUpdateStyle] = import_react46.useState("pinned");
   use_input_default((_, key) => {
     if (key.escape) {
       if (step === "manager") {
@@ -75478,16 +75875,16 @@ var InstallMenu = ({
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
         bold: true,
         children: "Install ccstatusline to Claude Code"
       }, undefined, false, undefined, this),
-      existingStatusLine && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+      existingStatusLine && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
           color: "yellow",
           children: [
             '⚠ Current status line: "',
@@ -75496,15 +75893,15 @@ var InstallMenu = ({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      step === "style" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(jsx_dev_runtime16.Fragment, {
+      step === "style" && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(jsx_dev_runtime19.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               dimColor: true,
               children: "Select update style:"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(List, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(List, {
             color: "blue",
             marginTop: 1,
             items: getStyleItems(currentVersion),
@@ -75521,15 +75918,15 @@ var InstallMenu = ({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      step === "manager" && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(jsx_dev_runtime16.Fragment, {
+      step === "manager" && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(jsx_dev_runtime19.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               dimColor: true,
               children: "Select package manager:"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(List, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(List, {
             color: "blue",
             marginTop: 1,
             items: getManagerItems(updateStyle, commandAvailability, currentVersion),
@@ -75545,9 +75942,9 @@ var InstallMenu = ({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         marginTop: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
           dimColor: true,
           children: [
             "The selected command will be written to",
@@ -75556,9 +75953,9 @@ var InstallMenu = ({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
           dimColor: true,
           children: "Press Enter to select, ESC to go back"
         }, undefined, false, undefined, this)
@@ -75573,7 +75970,7 @@ await __promiseAll([
   init_build2(),
   init_widgets2()
 ]);
-var import_react44 = __toESM(require_react(), 1);
+var import_react47 = __toESM(require_react(), 1);
 
 // src/tui/components/items-editor/input-handlers.ts
 await init_widgets2();
@@ -75926,7 +76323,7 @@ function handleNormalInputMode({
 }
 
 // src/tui/components/ItemsEditor.tsx
-var jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
 function isMergedIntoPreviousWidget(widgets, index) {
   if (index <= 0) {
     return false;
@@ -75934,11 +76331,11 @@ function isMergedIntoPreviousWidget(widgets, index) {
   return Boolean(widgets[index - 1]?.merge);
 }
 var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
-  const [selectedIndex, setSelectedIndex] = import_react44.useState(0);
-  const [moveMode, setMoveMode] = import_react44.useState(false);
-  const [customEditorWidget, setCustomEditorWidget] = import_react44.useState(null);
-  const [widgetPicker, setWidgetPicker] = import_react44.useState(null);
-  const [showClearConfirm, setShowClearConfirm] = import_react44.useState(false);
+  const [selectedIndex, setSelectedIndex] = import_react47.useState(0);
+  const [moveMode, setMoveMode] = import_react47.useState(false);
+  const [customEditorWidget, setCustomEditorWidget] = import_react47.useState(null);
+  const [widgetPicker, setWidgetPicker] = import_react47.useState(null);
+  const [showClearConfirm, setShowClearConfirm] = import_react47.useState(false);
   const separatorChars = ["|", "-", ",", " "];
   const widgetCatalog = getWidgetCatalog(settings);
   const widgetCategories = ["All", ...getWidgetCatalogCategories(widgetCatalog)];
@@ -76131,19 +76528,19 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
     });
   }
   if (showClearConfirm) {
-    return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
           bold: true,
           color: "yellow",
           children: "⚠ Confirm Clear Line"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
               children: [
                 "This will remove all widgets from Line",
                 " ",
@@ -76151,21 +76548,21 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
                 "."
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
               color: "red",
               children: "This action cannot be undone!"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             children: "Continue?"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ConfirmDialog, {
+          children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(ConfirmDialog, {
             inline: true,
             onConfirm: () => {
               onUpdate([]);
@@ -76180,12 +76577,12 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             bold: true,
             children: [
               "Edit Line",
@@ -76194,17 +76591,17 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
               " "
             ]
           }, undefined, true, undefined, this),
-          moveMode && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          moveMode && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             color: "blue",
             children: "[MOVE MODE]"
           }, undefined, false, undefined, this),
-          widgetPicker && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          widgetPicker && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             color: "cyan",
             children: `[${pickerActionLabel.toUpperCase()}]`
           }, undefined, false, undefined, this),
-          (settings.powerline.enabled || Boolean(settings.defaultSeparator)) && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+          (settings.powerline.enabled || Boolean(settings.defaultSeparator)) && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
             marginLeft: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
               color: "yellow",
               children: [
                 "⚠",
@@ -76215,46 +76612,46 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      moveMode ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      moveMode ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         flexDirection: "column",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime20.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_runtime17.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : widgetPicker ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         flexDirection: "column",
-        children: widgetPicker.level === "category" ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(jsx_dev_runtime17.Fragment, {
+        children: widgetPicker.level === "category" ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.Fragment, {
           children: [
-            widgetPicker.categoryQuery.trim().length > 0 ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            widgetPicker.categoryQuery.trim().length > 0 ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
               dimColor: true,
               children: "↑↓ select widget match, Enter apply, ESC clear/cancel"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
               dimColor: true,
               children: "↑↓ select category, type to search all widgets, Enter continue, ESC cancel"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               children: [
-                /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                   dimColor: true,
                   children: "Search: "
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                   color: "cyan",
                   children: widgetPicker.categoryQuery || "(none)"
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(jsx_dev_runtime17.Fragment, {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.Fragment, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
               dimColor: true,
               children: "↑↓ select widget, type to search widgets, Enter apply, ESC back"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               children: [
-                /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                   dimColor: true,
                   children: [
                     "Category:",
@@ -76265,7 +76662,7 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
                     " "
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                   color: "cyan",
                   children: widgetPicker.widgetQuery || "(none)"
                 }, undefined, false, undefined, this)
@@ -76273,59 +76670,59 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             dimColor: true,
             children: helpText
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             dimColor: true,
             children: customKeybindsText || " "
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hasFlexSeparator && !widthDetectionAvailable && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      hasFlexSeparator && !widthDetectionAvailable && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             color: "yellow",
             children: "⚠ Note: Terminal width detection is currently unavailable in your environment."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime20.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_runtime17.jsxDEV(Box_default, {
+      widgetPicker && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
-        children: widgetPicker.level === "category" ? widgetPicker.categoryQuery.trim().length > 0 ? topLevelSearchEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        children: widgetPicker.level === "category" ? widgetPicker.categoryQuery.trim().length > 0 ? topLevelSearchEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
           dimColor: true,
           children: "No widgets match the search."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(jsx_dev_runtime17.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.Fragment, {
           children: [
             topLevelSearchEntries.map((entry, index) => {
               const isSelected = entry.type === selectedTopLevelSearchEntry?.type;
               const segments = getMatchSegments(entry.displayName, widgetPicker.categoryQuery);
-              return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: isSelected ? "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: `${index + 1}. `
                   }, undefined, false, undefined, this),
-                  segments.map((seg, i) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  segments.map((seg, i) => /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     color: isSelected ? "green" : seg.matched ? "yellowBright" : undefined,
                     bold: isSelected ? true : seg.matched,
                     children: seg.text
@@ -76333,73 +76730,73 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
                 ]
               }, entry.type, true, undefined, this);
             }),
-            selectedTopLevelSearchEntry && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            selectedTopLevelSearchEntry && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime20.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_runtime17.jsxDEV(Text, {
+        }, undefined, true, undefined, this) : pickerCategories.length === 0 ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
           dimColor: true,
           children: "No categories available."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(jsx_dev_runtime17.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.Fragment, {
           children: [
             pickerCategories.map((category, index) => {
               const isSelected = category === selectedPickerCategory;
-              return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: isSelected ? "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: `${index + 1}. ${category}`
                   }, undefined, false, undefined, this)
                 ]
               }, category, true, undefined, this);
             }),
-            selectedPickerCategory === "All" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            selectedPickerCategory === "All" && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime20.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_runtime17.jsxDEV(Text, {
+        }, undefined, true, undefined, this) : pickerEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
           dimColor: true,
           children: "No widgets match the current category/search."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(jsx_dev_runtime17.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.Fragment, {
           children: [
             pickerEntries.map((entry, index) => {
               const isSelected = entry.type === selectedPickerEntry?.type;
               const segments = getMatchSegments(entry.displayName, widgetPicker.widgetQuery);
-              return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                       color: isSelected ? "green" : undefined,
                       children: isSelected ? "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     color: isSelected ? "green" : undefined,
                     children: `${index + 1}. `
                   }, undefined, false, undefined, this),
-                  segments.map((seg, i) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  segments.map((seg, i) => /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     color: isSelected ? "green" : seg.matched ? "yellowBright" : undefined,
                     bold: seg.matched,
                     children: seg.text
@@ -76407,10 +76804,10 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
                 ]
               }, entry.type, true, undefined, this);
             }),
-            selectedPickerEntry && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            selectedPickerEntry && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                 dimColor: true,
                 children: selectedPickerEntry.description
               }, undefined, false, undefined, this)
@@ -76418,64 +76815,64 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      !widgetPicker && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      !widgetPicker && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
-        children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
           dimColor: true,
           children: "No widgets. Press 'a' to add one."
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(jsx_dev_runtime17.Fragment, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.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_runtime17.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                 flexDirection: "row",
                 flexWrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
                     width: 3,
-                    children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                       color: isSelected ? moveMode ? "blue" : "green" : undefined,
                       children: isSelected ? moveMode ? "◆ " : "▶ " : "  "
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     color: isSelected ? moveMode ? "blue" : "green" : undefined,
                     children: `${index + 1}. ${displayText || getWidgetDisplay(widget)}`
                   }, undefined, false, undefined, this),
-                  modifierText && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  modifierText && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     dimColor: true,
                     children: [
                       " ",
                       modifierText
                     ]
                   }, undefined, true, undefined, this),
-                  supportsRawValue && widget.rawValue && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  supportsRawValue && widget.rawValue && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     dimColor: true,
                     children: " (raw value)"
                   }, undefined, false, undefined, this),
-                  widget.merge === true && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  widget.merge === true && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     dimColor: true,
                     children: " (merged→)"
                   }, undefined, false, undefined, this),
-                  widget.merge === "no-padding" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  widget.merge === "no-padding" && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     dimColor: true,
                     children: " (merged-no-pad→)"
                   }, undefined, false, undefined, this),
-                  widget.excludeFromAutoAlign && settings.powerline.enabled && settings.powerline.autoAlign && !isMergedIntoPreviousWidget(widgets, index) && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+                  widget.excludeFromAutoAlign && settings.powerline.enabled && settings.powerline.autoAlign && !isMergedIntoPreviousWidget(widgets, index) && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                     dimColor: true,
                     children: " (no-align)"
                   }, undefined, false, undefined, this)
                 ]
               }, widget.id, true, undefined, this);
             }),
-            currentWidget && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            currentWidget && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               marginTop: 1,
               paddingLeft: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                 dimColor: true,
                 children: (() => {
                   if (currentWidget.type === "separator") {
@@ -76498,8 +76895,8 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
 // src/tui/components/LineSelector.tsx
 await init_build2();
 var import_pluralize = __toESM(require_pluralize(), 1);
-var import_react45 = __toESM(require_react(), 1);
-var jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react48 = __toESM(require_react(), 1);
+var jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
 var LineSelector = ({
   lines,
   onSelect,
@@ -76511,17 +76908,17 @@ var LineSelector = ({
   settings,
   allowEditing = false
 }) => {
-  const [selectedIndex, setSelectedIndex] = import_react45.useState(initialSelection);
-  const [showDeleteDialog, setShowDeleteDialog] = import_react45.useState(false);
-  const [moveMode, setMoveMode] = import_react45.useState(false);
-  const [localLines, setLocalLines] = import_react45.useState(lines);
-  import_react45.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = import_react48.useState(initialSelection);
+  const [showDeleteDialog, setShowDeleteDialog] = import_react48.useState(false);
+  const [moveMode, setMoveMode] = import_react48.useState(false);
+  const [localLines, setLocalLines] = import_react48.useState(lines);
+  import_react48.useEffect(() => {
     setLocalLines(lines);
   }, [lines]);
-  import_react45.useEffect(() => {
+  import_react48.useEffect(() => {
     setSelectedIndex(initialSelection);
   }, [initialSelection]);
-  const selectedLine = import_react45.useMemo(() => localLines[selectedIndex], [localLines, selectedIndex]);
+  const selectedLine = import_react48.useMemo(() => localLines[selectedIndex], [localLines, selectedIndex]);
   const appendLine = () => {
     const newLines = [...localLines, []];
     setLocalLines(newLines);
@@ -76598,16 +76995,16 @@ var LineSelector = ({
     }
   });
   if (isThemeManaged) {
-    return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
           bold: true,
           children: title ?? "Select Line"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
             color: "yellow",
             children: [
               "⚠ Colors are currently managed by the Powerline theme:",
@@ -76615,30 +77012,30 @@ var LineSelector = ({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
             dimColor: true,
             children: "To customize colors, either:"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           marginLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
             dimColor: true,
             children: "• Change to 'Custom' theme in Powerline Configuration → Themes"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           marginLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
             dimColor: true,
             children: "• Disable Powerline mode in Powerline Configuration"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
             children: "Press any key to go back..."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
@@ -76647,25 +77044,25 @@ var LineSelector = ({
   }
   if (showDeleteDialog && selectedLine) {
     const suffix = selectedLine.length > 0 ? import_pluralize.default("widget", selectedLine.length, true) : "empty";
-    return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           flexDirection: "column",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
               bold: true,
-              children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                     children: [
                       "☰ Line",
                       selectedIndex + 1
                     ]
                   }, undefined, true, undefined, this),
                   " ",
-                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                     dimColor: true,
                     children: [
                       "(",
@@ -76676,15 +77073,15 @@ var LineSelector = ({
                 ]
               }, undefined, true, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
               bold: true,
               children: "Are you sure you want to delete line?"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ConfirmDialog, {
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ConfirmDialog, {
             inline: true,
             onConfirm: () => {
               deleteLine(selectedIndex);
@@ -76704,52 +77101,52 @@ var LineSelector = ({
     sublabel: `(${line.length > 0 ? import_pluralize.default("widget", line.length, true) : "empty"})`,
     value: index
   }));
-  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(jsx_dev_runtime18.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(jsx_dev_runtime21.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
               bold: true,
               children: [
                 title ?? "Select Line to Edit",
                 " "
               ]
             }, undefined, true, undefined, this),
-            moveMode && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            moveMode && /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
               color: "blue",
               children: "[MOVE MODE]"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
           dimColor: true,
           children: "Choose which status line to configure"
         }, undefined, false, undefined, this),
-        moveMode ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+        moveMode ? /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
           dimColor: true,
           children: "↑↓ to move line, ESC or Enter to exit move mode"
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime21.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),
-        moveMode ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+        moveMode ? /* @__PURE__ */ jsx_dev_runtime21.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_runtime18.jsxDEV(Box_default, {
-              children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                 color: isSelected ? "blue" : undefined,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                     children: isSelected ? "◆  " : "   "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                         children: [
                           "☰ Line",
                           " ",
@@ -76757,7 +77154,7 @@ var LineSelector = ({
                         ]
                       }, undefined, true, undefined, this),
                       " ",
-                      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
                         dimColor: !isSelected,
                         children: [
                           "(",
@@ -76771,7 +77168,7 @@ var LineSelector = ({
               }, undefined, true, undefined, this)
             }, index, false, undefined, this);
           })
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(List, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(List, {
           marginTop: 1,
           items: lineItems,
           onSelect: (line) => {
@@ -76793,7 +77190,7 @@ var LineSelector = ({
 };
 // src/tui/components/MainMenu.tsx
 await init_build2();
-var jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
 function usesManageInstallation(installation) {
   return installation?.method === "pinned" || installation?.method === "self-managed";
 }
@@ -76854,6 +77251,17 @@ function buildMainMenuItems(isClaudeInstalled, hasChanges, installation) {
       description: "Configure Claude Code status line settings like refresh interval"
     },
     "-",
+    {
+      label: "\uD83D\uDCE4 Export Config",
+      value: "exportConfig",
+      description: "Save your current configuration to a JSON file for backup or sharing"
+    },
+    {
+      label: "\uD83D\uDCE5 Import Config",
+      value: "importConfig",
+      description: "Load configuration from a previously exported JSON file"
+    },
+    "-",
     getInstallationMenuItem(isClaudeInstalled, installation)
   ];
   if (hasChanges) {
@@ -76914,21 +77322,21 @@ var MainMenu = ({
 }) => {
   const menuItems = buildMainMenuItems(isClaudeInstalled, hasChanges, installation);
   const showTruncationWarning = previewIsTruncated && settings?.flexMode === "full-minus-40";
-  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      showTruncationWarning && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      showTruncationWarning && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime22.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_runtime19.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
         bold: true,
         children: "Main Menu"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(List, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(List, {
         items: menuItems,
         marginTop: 1,
         onSelect: (value, index) => {
@@ -76944,7 +77352,7 @@ var MainMenu = ({
 };
 // src/tui/components/ManageInstallationMenu.tsx
 await init_build2();
-var jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
 function getInstallationLabel(installation) {
   if (installation.method === "pinned") {
     const version2 = installation.installedVersion ? ` ${installation.installedVersion}` : "";
@@ -77023,16 +77431,16 @@ var ManageInstallationMenu = ({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
         bold: true,
         children: "Manage Installation"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
           children: [
             "Current:",
             " ",
@@ -77040,21 +77448,21 @@ var ManageInstallationMenu = ({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      activeCommandLabel && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+      activeCommandLabel && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
           dimColor: true,
           children: activeCommandLabel
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      activeCommand?.warning && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      activeCommand?.warning && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
           color: "yellow",
           wrap: "wrap",
           children: activeCommand.warning
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(List, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(List, {
         marginTop: 1,
         items: buildManageInstallationItems(),
         onSelect: (value) => {
@@ -77081,28 +77489,28 @@ var UninstallMenu = ({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
         bold: true,
         children: "Uninstall ccstatusline"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
           dimColor: true,
           children: "Choose what to remove from this machine."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      detectedManagers.length === 0 && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      detectedManagers.length === 0 && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
           dimColor: true,
           children: "No global npm or bun ccstatusline package was detected."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(List, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(List, {
         marginTop: 1,
         items,
         onSelect: (value) => {
@@ -77119,8 +77527,8 @@ var UninstallMenu = ({
 };
 // src/tui/components/PowerlineSetup.tsx
 await init_build2();
-var import_react48 = __toESM(require_react(), 1);
-import * as os13 from "os";
+var import_react51 = __toESM(require_react(), 1);
+import * as os14 from "os";
 
 // src/utils/powerline-settings.ts
 init_colors();
@@ -77150,8 +77558,8 @@ function buildEnabledPowerlineSettings(settings, removeManualSeparators) {
 // src/tui/components/PowerlineSeparatorEditor.tsx
 init_input_guards();
 await init_build2();
-var import_react46 = __toESM(require_react(), 1);
-var jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react49 = __toESM(require_react(), 1);
+var jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
 var PowerlineSeparatorEditor = ({
   settings,
   mode,
@@ -77171,10 +77579,10 @@ var PowerlineSeparatorEditor = ({
   };
   const separators = getItems();
   const invertBgs = mode === "separator" ? powerlineConfig.separatorInvertBackground : [];
-  const [selectedIndex, setSelectedIndex] = import_react46.useState(0);
-  const [hexInputMode, setHexInputMode] = import_react46.useState(false);
-  const [hexInput, setHexInput] = import_react46.useState("");
-  const [cursorPos, setCursorPos] = import_react46.useState(0);
+  const [selectedIndex, setSelectedIndex] = import_react49.useState(0);
+  const [hexInputMode, setHexInputMode] = import_react49.useState(false);
+  const [hexInput, setHexInput] = import_react49.useState("");
+  const [cursorPos, setCursorPos] = import_react49.useState(0);
   const getPresets = () => {
     if (mode === "separator") {
       return [
@@ -77366,18 +77774,18 @@ var PowerlineSeparatorEditor = ({
     }
   };
   const canDelete = mode !== "separator" || separators.length > 1;
-  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
         bold: true,
         children: getTitle()
       }, undefined, false, undefined, this),
-      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+      hexInputMode ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
         marginTop: 2,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
             children: [
               "Enter hex code (4-6 digits) for",
               " ",
@@ -77386,51 +77794,51 @@ var PowerlineSeparatorEditor = ({
               ":"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
             children: [
               "U+",
               hexInput.slice(0, cursorPos),
-              /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
                 backgroundColor: "gray",
                 color: "black",
                 children: hexInput[cursorPos] ?? "_"
               }, undefined, false, undefined, this),
               hexInput.slice(cursorPos + 1),
-              hexInput.length < 6 && hexInput.length === cursorPos && /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+              hexInput.length < 6 && hexInput.length === cursorPos && /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
                 dimColor: true,
                 children: "_".repeat(6 - hexInput.length - 1)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
             dimColor: true,
             children: "Enter 4-6 hex digits (0-9, A-F) for a Unicode code point, then press Enter. ESC to cancel."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
             dimColor: true,
             children: "Examples: E0B0 (powerline), 1F984 (\uD83E\uDD84), 2764 (❤)"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(jsx_dev_runtime21.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(jsx_dev_runtime24.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+            children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
               dimColor: true,
               children: `↑↓ select, ← → cycle, (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_runtime21.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
             marginTop: 2,
             flexDirection: "column",
-            children: separators.length > 0 ? separators.map((sep2, index) => /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
-              children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
+            children: separators.length > 0 ? separators.map((sep2, index) => /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime24.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_runtime21.jsxDEV(Text, {
+            }, index, false, undefined, this)) : /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
               dimColor: true,
               children: "(none configured - press 'a' to add)"
             }, undefined, false, undefined, this)
@@ -77445,8 +77853,8 @@ var PowerlineSeparatorEditor = ({
 init_ColorLevel();
 init_colors();
 await init_build2();
-var import_react47 = __toESM(require_react(), 1);
-var jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react50 = __toESM(require_react(), 1);
+var jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
 function buildPowerlineThemeItems(themes, originalTheme) {
   return themes.map((themeName) => {
     const theme = getPowerlineTheme(themeName);
@@ -77499,20 +77907,20 @@ var PowerlineThemeSelector = ({
   onUpdate,
   onBack
 }) => {
-  const themes = import_react47.useMemo(() => getPowerlineThemes(), []);
+  const themes = import_react50.useMemo(() => getPowerlineThemes(), []);
   const currentTheme = settings.powerline.theme ?? "custom";
-  const [selectedIndex, setSelectedIndex] = import_react47.useState(Math.max(0, themes.indexOf(currentTheme)));
-  const [showCustomizeConfirm, setShowCustomizeConfirm] = import_react47.useState(false);
-  const originalThemeRef = import_react47.useRef(currentTheme);
-  const originalSettingsRef = import_react47.useRef(settings);
-  const latestSettingsRef = import_react47.useRef(settings);
-  const latestOnUpdateRef = import_react47.useRef(onUpdate);
-  const didHandleInitialSelectionRef = import_react47.useRef(false);
-  import_react47.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = import_react50.useState(Math.max(0, themes.indexOf(currentTheme)));
+  const [showCustomizeConfirm, setShowCustomizeConfirm] = import_react50.useState(false);
+  const originalThemeRef = import_react50.useRef(currentTheme);
+  const originalSettingsRef = import_react50.useRef(settings);
+  const latestSettingsRef = import_react50.useRef(settings);
+  const latestOnUpdateRef = import_react50.useRef(onUpdate);
+  const didHandleInitialSelectionRef = import_react50.useRef(false);
+  import_react50.useEffect(() => {
     latestSettingsRef.current = settings;
     latestOnUpdateRef.current = onUpdate;
   }, [settings, onUpdate]);
-  import_react47.useEffect(() => {
+  import_react50.useEffect(() => {
     const themeName = themes[selectedIndex];
     if (!themeName) {
       return;
@@ -77544,41 +77952,41 @@ var PowerlineThemeSelector = ({
     }
   });
   const selectedThemeName = themes[selectedIndex];
-  const themeItems = import_react47.useMemo(() => buildPowerlineThemeItems(themes, originalThemeRef.current), [themes]);
+  const themeItems = import_react50.useMemo(() => buildPowerlineThemeItems(themes, originalThemeRef.current), [themes]);
   if (showCustomizeConfirm) {
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
           bold: true,
           color: "yellow",
           children: "⚠ Confirm Customization"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
               children: "This will copy the current theme colors to your widgets"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
               children: "and switch to Custom theme mode."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
               color: "red",
               children: "This will overwrite any existing custom colors!"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
           marginTop: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
             children: "Continue?"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(ConfirmDialog, {
+          children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(ConfirmDialog, {
             inline: true,
             onConfirm: () => {
               if (selectedThemeName) {
@@ -77598,26 +78006,26 @@ var PowerlineThemeSelector = ({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
         bold: true,
         children: [
           `Powerline Theme Selection  |  `,
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
             dimColor: true,
             children: `Original: ${originalThemeRef.current}`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime25.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_runtime22.jsxDEV(List, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(List, {
         marginTop: 1,
         items: themeItems,
         onSelect: () => {
@@ -77631,16 +78039,16 @@ var PowerlineThemeSelector = ({
         },
         initialSelection: selectedIndex
       }, undefined, false, undefined, this),
-      selectedThemeName && selectedThemeName !== "custom" && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      selectedThemeName && selectedThemeName !== "custom" && /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime25.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_runtime22.jsxDEV(Box_default, {
+      settings.colorLevel === 1 && /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime25.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)
@@ -77650,7 +78058,7 @@ var PowerlineThemeSelector = ({
 };
 
 // src/tui/components/PowerlineSetup.tsx
-var jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
 var POWERLINE_MENU_LABEL_WIDTH = 11;
 function formatPowerlineMenuLabel(label) {
   return label.padEnd(POWERLINE_MENU_LABEL_WIDTH, " ");
@@ -77753,10 +78161,10 @@ var PowerlineSetup = ({
   onClearMessage
 }) => {
   const powerlineConfig = settings.powerline;
-  const [screen, setScreen] = import_react48.useState("menu");
-  const [selectedMenuItem, setSelectedMenuItem] = import_react48.useState(0);
-  const [confirmingEnable, setConfirmingEnable] = import_react48.useState(false);
-  const [confirmingFontInstall, setConfirmingFontInstall] = import_react48.useState(false);
+  const [screen, setScreen] = import_react51.useState("menu");
+  const [selectedMenuItem, setSelectedMenuItem] = import_react51.useState(0);
+  const [confirmingEnable, setConfirmingEnable] = import_react51.useState(false);
+  const [confirmingFontInstall, setConfirmingFontInstall] = import_react51.useState(false);
   const hasManualSeparatorItems = settings.lines.some((line) => line.some((item) => item.type === "separator"));
   const hasGlobalFgOverride = Boolean(settings.overrideForegroundColor && settings.overrideForegroundColor !== "none");
   const globalOverrideMessage = hasGlobalFgOverride ? "⚠ Global override for FG active" : null;
@@ -77811,7 +78219,7 @@ var PowerlineSetup = ({
     }
   });
   if (screen === "separator") {
-    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "separator",
       onUpdate,
@@ -77821,7 +78229,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "startCap") {
-    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "startCap",
       onUpdate,
@@ -77831,7 +78239,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "endCap") {
-    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(PowerlineSeparatorEditor, {
+    return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(PowerlineSeparatorEditor, {
       settings,
       mode: "endCap",
       onUpdate,
@@ -77841,7 +78249,7 @@ var PowerlineSetup = ({
     }, undefined, false, undefined, this);
   }
   if (screen === "themes") {
-    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(PowerlineThemeSelector, {
+    return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(PowerlineThemeSelector, {
       settings,
       onUpdate,
       onBack: () => {
@@ -77849,16 +78257,16 @@ var PowerlineSetup = ({
       }
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      !confirmingFontInstall && !installingFonts && !fontInstallMessage && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+      !confirmingFontInstall && !installingFonts && !fontInstallMessage && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
             bold: true,
             children: "Powerline Setup"
           }, undefined, false, undefined, this),
-          globalOverrideMessage && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+          globalOverrideMessage && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
             color: "yellow",
             dimColor: true,
             children: [
@@ -77868,133 +78276,133 @@ var PowerlineSetup = ({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      confirmingFontInstall ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+      confirmingFontInstall ? /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
               color: "cyan",
               bold: true,
               children: "Font Installation"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginBottom: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 bold: true,
                 children: "What will happen:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Clone fonts from "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     color: "blue",
                     children: "https://github.com/powerline/fonts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os13.platform() === "darwin" && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+              os14.platform() === "darwin" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Run install.sh script which will:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Copy all .ttf/.otf files to ~/Library/Fonts"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Register fonts with macOS"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os13.platform() === "linux" && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+              os14.platform() === "linux" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Run install.sh script which will:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Copy all .ttf/.otf files to ~/.local/share/fonts"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "  - Run fc-cache to update font cache"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              os13.platform() === "win32" && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+              os14.platform() === "win32" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "• Copy Powerline .ttf/.otf files to:"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "  AppData\\Local\\Microsoft\\Windows\\Fonts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Clean up temporary files"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginBottom: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 color: "yellow",
                 bold: true,
                 children: "Requirements: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 dimColor: true,
                 children: "Git installed, Internet connection, Write permissions"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginBottom: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 color: "green",
                 bold: true,
                 children: "After install:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Restart terminal"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 dimColor: true,
                 children: "• Select a Powerline font"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 dimColor: true,
                 children: '  (e.g. "Meslo LG S for Powerline")'
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
               children: "Proceed? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 setConfirmingFontInstall(false);
@@ -78006,36 +78414,36 @@ var PowerlineSetup = ({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : confirmingEnable ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : confirmingEnable ? /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          hasManualSeparatorItems && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+          hasManualSeparatorItems && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                   color: "yellow",
                   children: "⚠ Warning: Enabling Powerline mode will remove all existing manual separators from your status lines."
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
                 marginBottom: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime26.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_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginTop: hasManualSeparatorItems ? 1 : 0,
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
               children: "Do you want to continue? "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(ConfirmDialog, {
               inline: true,
               onConfirm: () => {
                 onUpdate(buildEnabledPowerlineSettings(settings, true));
@@ -78047,51 +78455,51 @@ var PowerlineSetup = ({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : installingFonts ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+      }, undefined, true, undefined, this) : installingFonts ? /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime26.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_runtime23.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : fontInstallMessage ? /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
             color: fontInstallMessage.includes("success") ? "green" : "red",
             children: fontInstallMessage
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.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_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
               children: [
                 "    Font Status: ",
-                powerlineFontStatus.installed ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+                powerlineFontStatus.installed ? /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                       color: "green",
                       children: "✓ Installed"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                       dimColor: true,
                       children: " - Ensure fonts are active in your terminal"
                     }, undefined, false, undefined, this)
                   ]
-                }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+                }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                       color: "yellow",
                       children: "✗ Not Installed"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                    /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                       dimColor: true,
                       children: " - Press (i) to install Powerline fonts"
                     }, undefined, false, undefined, this)
@@ -78100,62 +78508,62 @@ var PowerlineSetup = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 children: " Powerline Mode: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 color: powerlineConfig.enabled ? "green" : "red",
                 children: powerlineConfig.enabled ? "✓ Enabled  " : "✗ Disabled "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 dimColor: true,
                 children: " - Press (t) to toggle"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+          powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     children: "  Align Widgets: "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     color: powerlineConfig.autoAlign ? "green" : "red",
                     children: powerlineConfig.autoAlign ? "✓ Enabled  " : "✗ Disabled "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (a) to toggle"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     children: " Continue Theme: "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     color: powerlineConfig.continueThemeAcrossLines ? "green" : "red",
                     children: powerlineConfig.continueThemeAcrossLines ? "✓ Enabled  " : "✗ Disabled "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: " - Press (c) to toggle"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
                 flexDirection: "column",
                 marginTop: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "Powerline mode uses its own separator system"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                     dimColor: true,
                     children: "Continue Theme keeps the Powerline color sequence running across lines"
                   }, undefined, false, undefined, this)
@@ -78163,14 +78571,14 @@ var PowerlineSetup = ({
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          !powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+          !powerlineConfig.enabled && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
               dimColor: true,
               children: "Enable Powerline mode to configure separators, caps, and themes."
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(List, {
+          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(List, {
             marginTop: 1,
             items: buildPowerlineSetupMenuItems(powerlineConfig),
             onSelect: (value) => {
@@ -78194,8 +78602,8 @@ var PowerlineSetup = ({
 // src/tui/components/RefreshIntervalMenu.tsx
 init_input_guards();
 await init_build2();
-var import_react49 = __toESM(require_react(), 1);
-var jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react52 = __toESM(require_react(), 1);
+var jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
 function getRefreshInputValue(interval) {
   return interval === null ? "" : String(interval);
 }
@@ -78266,11 +78674,11 @@ var RefreshIntervalMenu = ({
   onGitCacheTtlUpdate,
   onBack
 }) => {
-  const [editingRefreshInterval, setEditingRefreshInterval] = import_react49.useState(false);
-  const [editingGitCacheTtl, setEditingGitCacheTtl] = import_react49.useState(false);
-  const [refreshInput, setRefreshInput] = import_react49.useState(() => getRefreshInputValue(currentInterval));
-  const [gitCacheTtlInput, setGitCacheTtlInput] = import_react49.useState(() => String(gitCacheTtlSeconds));
-  const [validationError, setValidationError] = import_react49.useState(null);
+  const [editingRefreshInterval, setEditingRefreshInterval] = import_react52.useState(false);
+  const [editingGitCacheTtl, setEditingGitCacheTtl] = import_react52.useState(false);
+  const [refreshInput, setRefreshInput] = import_react52.useState(() => getRefreshInputValue(currentInterval));
+  const [gitCacheTtlInput, setGitCacheTtlInput] = import_react52.useState(() => String(gitCacheTtlSeconds));
+  const [validationError, setValidationError] = import_react52.useState(null);
   use_input_default((input, key) => {
     if (editingRefreshInterval) {
       if (key.return) {
@@ -78336,22 +78744,22 @@ var RefreshIntervalMenu = ({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
         bold: true,
         children: "Configure Status Line"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
         color: "white",
         children: "Configure Claude Code status line settings"
       }, undefined, false, undefined, this),
-      editingRefreshInterval ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+      editingRefreshInterval ? /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             children: [
               "Enter refresh interval in seconds (1-60):",
               " ",
@@ -78359,19 +78767,19 @@ var RefreshIntervalMenu = ({
               refreshInput.length > 0 ? "s" : ""
             ]
           }, undefined, true, undefined, this),
-          validationError ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          validationError ? /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             color: "red",
             children: validationError
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to confirm, ESC to cancel. Leave empty to remove."
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : editingGitCacheTtl ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : editingGitCacheTtl ? /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             children: [
               "Enter Git cache TTL in seconds (0-60):",
               " ",
@@ -78379,27 +78787,27 @@ var RefreshIntervalMenu = ({
               gitCacheTtlInput.length > 0 ? "s" : ""
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             children: " "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             dimColor: true,
             wrap: "wrap",
             children: "This affects how quickly git widgets notice unstaged and untracked working-tree changes."
           }, undefined, false, undefined, this),
-          validationError ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          validationError ? /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             color: "red",
             children: validationError
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             dimColor: true,
             children: "0 disables age-based expiry; cache validity uses .git/HEAD and .git/index mtimes only."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to confirm, ESC to cancel."
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(List, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(List, {
         marginTop: 1,
         items: buildConfigureStatusLineItems(currentInterval, supportsRefreshInterval, gitCacheTtlSeconds),
         onSelect: (value) => {
@@ -78424,7 +78832,7 @@ var RefreshIntervalMenu = ({
 init_source();
 init_ansi();
 await init_build2();
-var import_react50 = __toESM(require_react(), 1);
+var import_react53 = __toESM(require_react(), 1);
 
 // src/utils/powerline-theme-index.ts
 function countPowerlineThemeSlots(entries) {
@@ -78492,7 +78900,7 @@ function advanceGlobalSeparatorIndex(currentIndex, widgets, preRenderedWidgets)
 }
 
 // src/tui/components/StatusLinePreview.tsx
-var jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime28 = __toESM(require_jsx_dev_runtime(), 1);
 var renderSingleLine = (widgets, terminalWidth, settings, lineIndex, globalSeparatorIndex, globalPowerlineThemeIndex, globalPowerlineStartCapIndex, preRenderedWidgets, preCalculatedMaxWidths) => {
   const context = {
     terminalWidth,
@@ -78513,7 +78921,7 @@ function preparePreviewLineForTerminal(line, terminalWidth) {
   return truncateStyledText(printableLine, availableWidth, { ellipsis: true });
 }
 var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange }) => {
-  const { renderedLines, anyTruncated } = import_react50.default.useMemo(() => {
+  const { renderedLines, anyTruncated } = import_react53.default.useMemo(() => {
     if (!settings)
       return { renderedLines: [], anyTruncated: false };
     const preRenderedLines = preRenderAllWidgets(lines, settings, {
@@ -78548,29 +78956,29 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
     }
     return { renderedLines: result2, anyTruncated: truncated };
   }, [lines, terminalWidth, settings]);
-  import_react50.default.useEffect(() => {
+  import_react53.default.useEffect(() => {
     onTruncationChange?.(anyTruncated);
   }, [anyTruncated, onTruncationChange]);
-  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         borderStyle: "round",
         borderColor: "gray",
         borderDimColor: true,
         width: "100%",
         paddingLeft: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
           children: [
             ">",
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime28.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_runtime25.jsxDEV(Text, {
+      renderedLines.map((line, index) => /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
         wrap: "truncate",
         children: [
           PREVIEW_LINE_INDENT,
@@ -78584,7 +78992,7 @@ var StatusLinePreview = ({ lines, terminalWidth, settings, onTruncationChange })
 // src/tui/components/TerminalOptionsMenu.tsx
 init_source();
 await init_build2();
-var import_react51 = __toESM(require_react(), 1);
+var import_react54 = __toESM(require_react(), 1);
 
 // src/utils/color-sanitize.ts
 await init_widgets2();
@@ -78639,7 +79047,7 @@ function sanitizeLinesForColorLevel(lines, nextLevel) {
 }
 
 // src/tui/components/TerminalOptionsMenu.tsx
-var jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime29 = __toESM(require_jsx_dev_runtime(), 1);
 function getNextColorLevel(level) {
   return (level + 1) % 4;
 }
@@ -78673,8 +79081,8 @@ var TerminalOptionsMenu = ({
   onUpdate,
   onBack
 }) => {
-  const [showColorWarning, setShowColorWarning] = import_react51.useState(false);
-  const [pendingColorLevel, setPendingColorLevel] = import_react51.useState(null);
+  const [showColorWarning, setShowColorWarning] = import_react54.useState(false);
+  const [pendingColorLevel, setPendingColorLevel] = import_react54.useState(null);
   const handleSelect = (value) => {
     if (value === "back") {
       onBack();
@@ -78722,27 +79130,27 @@ var TerminalOptionsMenu = ({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
         bold: true,
         children: "Terminal Options"
       }, undefined, false, undefined, this),
-      showColorWarning ? /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      showColorWarning ? /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
             color: "yellow",
             children: "⚠ Warning: Custom colors detected!"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
             children: "Switching color modes will reset custom ansi256 or hex colors to defaults."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(ConfirmDialog, {
+            children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(ConfirmDialog, {
               message: "Continue?",
               onConfirm: handleColorConfirm,
               onCancel: handleColorCancel,
@@ -78750,13 +79158,13 @@ var TerminalOptionsMenu = ({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(jsx_dev_runtime26.Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(jsx_dev_runtime29.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
             color: "white",
             children: "Configure terminal-specific settings for optimal display"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(List, {
+          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(List, {
             marginTop: 1,
             items: buildTerminalOptionsItems(settings.colorLevel),
             onSelect: handleSelect,
@@ -78785,8 +79193,8 @@ var getColorLevelLabel = (level) => {
 // src/tui/components/TerminalWidthMenu.tsx
 init_input_guards();
 await init_build2();
-var import_react52 = __toESM(require_react(), 1);
-var jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react55 = __toESM(require_react(), 1);
+var jsx_dev_runtime30 = __toESM(require_jsx_dev_runtime(), 1);
 var TERMINAL_WIDTH_OPTIONS = ["full", "full-minus-40", "full-until-compact"];
 function getTerminalWidthSelectionIndex(selectedOption) {
   const selectedIndex = TERMINAL_WIDTH_OPTIONS.indexOf(selectedOption);
@@ -78833,11 +79241,11 @@ var TerminalWidthMenu = ({
   onUpdate,
   onBack
 }) => {
-  const [selectedOption, setSelectedOption] = import_react52.useState(settings.flexMode);
-  const [compactThreshold, setCompactThreshold] = import_react52.useState(settings.compactThreshold);
-  const [editingThreshold, setEditingThreshold] = import_react52.useState(false);
-  const [thresholdInput, setThresholdInput] = import_react52.useState(String(settings.compactThreshold));
-  const [validationError, setValidationError] = import_react52.useState(null);
+  const [selectedOption, setSelectedOption] = import_react55.useState(settings.flexMode);
+  const [compactThreshold, setCompactThreshold] = import_react55.useState(settings.compactThreshold);
+  const [editingThreshold, setEditingThreshold] = import_react55.useState(false);
+  const [thresholdInput, setThresholdInput] = import_react55.useState(String(settings.compactThreshold));
+  const [validationError, setValidationError] = import_react55.useState(null);
   use_input_default((input, key) => {
     if (editingThreshold) {
       if (key.return) {
@@ -78876,27 +79284,27 @@ var TerminalWidthMenu = ({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text, {
         bold: true,
         children: "Terminal Width"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime30.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_runtime27.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime30.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_runtime27.jsxDEV(Box_default, {
+      editingThreshold ? /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text, {
             children: [
               "Enter compact threshold (1-99):",
               " ",
@@ -78904,15 +79312,15 @@ var TerminalWidthMenu = ({
               "%"
             ]
           }, undefined, true, undefined, this),
-          validationError ? /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
+          validationError ? /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text, {
             color: "red",
             children: validationError
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text, {
             dimColor: true,
             children: "Press Enter to confirm, ESC to cancel"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(List, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(List, {
         marginTop: 1,
         items: buildTerminalWidthItems(selectedOption, compactThreshold),
         initialSelection: getTerminalWidthSelectionIndex(selectedOption),
@@ -78939,7 +79347,7 @@ var TerminalWidthMenu = ({
 };
 // src/tui/components/UpdateCheckerMenu.tsx
 await init_build2();
-var jsx_dev_runtime28 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime31 = __toESM(require_jsx_dev_runtime(), 1);
 function getInstallationLabel2(result2) {
   const { installation } = result2;
   if (installation.method === "auto-update") {
@@ -78990,16 +79398,16 @@ var UpdateCheckerMenu = ({
     }
   });
   if (state.status === "checking") {
-    return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
           bold: true,
           children: "Check for Updates"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
             dimColor: true,
             children: "Checking npm registry..."
           }, undefined, false, undefined, this)
@@ -79007,32 +79415,32 @@ var UpdateCheckerMenu = ({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
         bold: true,
         children: "Check for Updates"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
             children: [
               "Current:",
               " ",
               state.currentVersion
             ]
           }, undefined, true, undefined, this),
-          state.status !== "registry-failure" && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+          state.status !== "registry-failure" && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
             children: [
               "Latest:",
               " ",
               state.latestVersion
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
             children: [
               "Install:",
               " ",
@@ -79041,11 +79449,11 @@ var UpdateCheckerMenu = ({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      state.status === "registry-failure" && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(jsx_dev_runtime28.Fragment, {
+      state.status === "registry-failure" && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(jsx_dev_runtime31.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
               color: "red",
               children: [
                 "Registry check failed:",
@@ -79054,7 +79462,7 @@ var UpdateCheckerMenu = ({
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(List, {
+          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(List, {
             marginTop: 1,
             items: [{ label: "Check again", value: "refresh" }],
             onSelect: (value) => {
@@ -79068,16 +79476,16 @@ var UpdateCheckerMenu = ({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      state.status === "up-to-date" && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(jsx_dev_runtime28.Fragment, {
+      state.status === "up-to-date" && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(jsx_dev_runtime31.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
               color: "green",
               children: "ccstatusline is up to date."
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(List, {
+          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(List, {
             marginTop: 1,
             items: [{ label: "Check again", value: "refresh" }],
             onSelect: (value) => {
@@ -79091,26 +79499,26 @@ var UpdateCheckerMenu = ({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      state.status === "update-available" && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(jsx_dev_runtime28.Fragment, {
+      state.status === "update-available" && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(jsx_dev_runtime31.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
               color: "yellow",
               children: "An update is available."
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          state.installation.method === "auto-update" && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+          state.installation.method === "auto-update" && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
                 children: "No manual hook change is needed. Claude Code already runs @latest."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
                 children: "The next @latest invocation will resolve the latest package."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text, {
                 children: [
                   "Launch command for a fresh TUI:",
                   " ",
@@ -79119,7 +79527,7 @@ var UpdateCheckerMenu = ({
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          state.actions.length > 0 && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(List, {
+          state.actions.length > 0 && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(List, {
             marginTop: 1,
             items: getActionItems(state.actions),
             onSelect: (value) => {
@@ -79135,7 +79543,7 @@ var UpdateCheckerMenu = ({
             },
             showBackButton: true
           }, undefined, false, undefined, this),
-          state.actions.length === 0 && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(List, {
+          state.actions.length === 0 && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(List, {
             marginTop: 1,
             items: [{ label: "Check again", value: "refresh" }],
             onSelect: (value) => {
@@ -79153,7 +79561,7 @@ var UpdateCheckerMenu = ({
   }, undefined, true, undefined, this);
 };
 // src/tui/App.tsx
-var jsx_dev_runtime29 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime32 = __toESM(require_jsx_dev_runtime(), 1);
 var GITHUB_REPO_URL = "https://github.com/sirmalloc/ccstatusline";
 var NOTICE_ITEMS = [
   {
@@ -79172,22 +79580,22 @@ var FlowNotice = ({
       onContinue();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
         bold: true,
         children: title
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
           color,
           wrap: "wrap",
           children: message
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(List, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(List, {
         marginTop: 1,
         items: NOTICE_ITEMS,
         onSelect: () => {
@@ -79227,18 +79635,18 @@ var PinnedVersionMismatchScreen = ({
       onExit();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
         bold: true,
         children: "Pinned Install Version Mismatch"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
             color: "yellow",
             children: [
               "Claude Code is pinned to ccstatusline v",
@@ -79248,17 +79656,17 @@ var PinnedVersionMismatchScreen = ({
               "."
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
             dimColor: true,
             wrap: "wrap",
             children: "To avoid writing config that the pinned runtime may not support, update the pinned global install or exit and relaunch the pinned version."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
-        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
           children: [
             "Current pinned version:",
             " ",
@@ -79266,7 +79674,7 @@ var PinnedVersionMismatchScreen = ({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(List, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(List, {
         marginTop: 1,
         items: getPinnedMismatchItems(mismatch, canRunPackageManager),
         onSelect: (value) => {
@@ -79363,6 +79771,11 @@ function getPathInferredInstallation(installation, activeCommand) {
 function getConfirmCancelScreen(confirmDialog) {
   return confirmDialog?.cancelScreen ?? "main";
 }
+function applyTuiImport(current, imported, mode, presentKeys) {
+  const nextSettings = applyImport(current, imported, mode, presentKeys);
+  source_default.level = nextSettings.colorLevel;
+  return nextSettings;
+}
 function clearInstallMenuSelection(menuSelections) {
   if (menuSelections.install === undefined && menuSelections.installPackage === undefined) {
     return menuSelections;
@@ -79393,32 +79806,33 @@ function buildInvalidConfigSaveConfirm(configLoadError, onConfirm) {
 }
 var App2 = () => {
   const { exit } = use_app_default();
-  const [settings, setSettings] = import_react53.useState(null);
-  const [originalSettings, setOriginalSettings] = import_react53.useState(null);
-  const [hasChanges, setHasChanges] = import_react53.useState(false);
-  const [configLoadError, setConfigLoadError] = import_react53.useState(null);
-  const [screen, setScreen] = import_react53.useState("main");
-  const [selectedLine, setSelectedLine] = import_react53.useState(0);
-  const [menuSelections, setMenuSelections] = import_react53.useState({});
-  const [confirmDialog, setConfirmDialog] = import_react53.useState(null);
-  const [isClaudeInstalled, setIsClaudeInstalled] = import_react53.useState(false);
-  const [terminalWidth, setTerminalWidth] = import_react53.useState(process.stdout.columns || 80);
-  const [powerlineFontStatus, setPowerlineFontStatus] = import_react53.useState({ installed: false });
-  const [installingFonts, setInstallingFonts] = import_react53.useState(false);
-  const [fontInstallMessage, setFontInstallMessage] = import_react53.useState(null);
-  const [existingStatusLine, setExistingStatusLine] = import_react53.useState(null);
-  const [flashMessage, setFlashMessage] = import_react53.useState(null);
-  const [previewIsTruncated, setPreviewIsTruncated] = import_react53.useState(false);
-  const [currentRefreshInterval, setCurrentRefreshInterval] = import_react53.useState(null);
-  const [supportsRefreshInterval] = import_react53.useState(() => isClaudeCodeVersionAtLeast("2.1.97"));
-  const [commandAvailability] = import_react53.useState(() => getPackageCommandAvailability());
-  const [updateCheckerState, setUpdateCheckerState] = import_react53.useState({ status: "checking" });
-  const [flowNotice, setFlowNotice] = import_react53.useState(null);
-  const [globalPackageInstallations, setGlobalPackageInstallations] = import_react53.useState([]);
-  const [updatesReturnScreen, setUpdatesReturnScreen] = import_react53.useState("main");
-  const [hasLoadedClaudeStatus, setHasLoadedClaudeStatus] = import_react53.useState(false);
-  const [hasLoadedInstalledState, setHasLoadedInstalledState] = import_react53.useState(false);
-  import_react53.useEffect(() => {
+  const [settings, setSettings] = import_react56.useState(null);
+  const [originalSettings, setOriginalSettings] = import_react56.useState(null);
+  const [hasChanges, setHasChanges] = import_react56.useState(false);
+  const [configLoadError, setConfigLoadError] = import_react56.useState(null);
+  const [screen, setScreen] = import_react56.useState("main");
+  const [selectedLine, setSelectedLine] = import_react56.useState(0);
+  const [menuSelections, setMenuSelections] = import_react56.useState({});
+  const [confirmDialog, setConfirmDialog] = import_react56.useState(null);
+  const [isClaudeInstalled, setIsClaudeInstalled] = import_react56.useState(false);
+  const [terminalWidth, setTerminalWidth] = import_react56.useState(process.stdout.columns || 80);
+  const [powerlineFontStatus, setPowerlineFontStatus] = import_react56.useState({ installed: false });
+  const [installingFonts, setInstallingFonts] = import_react56.useState(false);
+  const [fontInstallMessage, setFontInstallMessage] = import_react56.useState(null);
+  const [existingStatusLine, setExistingStatusLine] = import_react56.useState(null);
+  const [flashMessage, setFlashMessage] = import_react56.useState(null);
+  const [previewIsTruncated, setPreviewIsTruncated] = import_react56.useState(false);
+  const [currentRefreshInterval, setCurrentRefreshInterval] = import_react56.useState(null);
+  const [supportsRefreshInterval] = import_react56.useState(() => isClaudeCodeVersionAtLeast("2.1.97"));
+  const [commandAvailability] = import_react56.useState(() => getPackageCommandAvailability());
+  const [updateCheckerState, setUpdateCheckerState] = import_react56.useState({ status: "checking" });
+  const [flowNotice, setFlowNotice] = import_react56.useState(null);
+  const [globalPackageInstallations, setGlobalPackageInstallations] = import_react56.useState([]);
+  const [updatesReturnScreen, setUpdatesReturnScreen] = import_react56.useState("main");
+  const [hasLoadedClaudeStatus, setHasLoadedClaudeStatus] = import_react56.useState(false);
+  const [hasLoadedInstalledState, setHasLoadedInstalledState] = import_react56.useState(false);
+  const [importValidation, setImportValidation] = import_react56.useState(null);
+  import_react56.useEffect(() => {
     loadClaudeStatusLineState().then((statusLineState) => {
       setExistingStatusLine(statusLineState.existingStatusLine);
       setCurrentRefreshInterval(statusLineState.refreshInterval);
@@ -79452,13 +79866,13 @@ var App2 = () => {
       process.stdout.off("resize", handleResize);
     };
   }, []);
-  import_react53.useEffect(() => {
+  import_react56.useEffect(() => {
     if (originalSettings) {
       const hasAnyChanges = JSON.stringify(settings) !== JSON.stringify(originalSettings);
       setHasChanges(hasAnyChanges);
     }
   }, [settings, originalSettings]);
-  import_react53.useEffect(() => {
+  import_react56.useEffect(() => {
     if (flashMessage) {
       const timer = setTimeout(() => {
         setFlashMessage(null);
@@ -79512,8 +79926,8 @@ var App2 = () => {
       }
     }
   });
-  const getGlobalResolutionWarning = import_react53.useCallback((packageManager) => inspectGlobalCommandResolution(packageManager).warning, []);
-  const handleInstallSelection = import_react53.useCallback((selection) => {
+  const getGlobalResolutionWarning = import_react56.useCallback((packageManager) => inspectGlobalCommandResolution(packageManager).warning, []);
+  const handleInstallSelection = import_react56.useCallback((selection) => {
     getExistingStatusLine().then((existing) => {
       const isAlreadyInstalled = isKnownCommand(existing ?? "");
       const finalCommand = buildStatusLineCommand(selection.commandMode);
@@ -79599,11 +80013,11 @@ ${resolutionWarning}`,
       setScreen("confirm");
     });
   }, [getGlobalResolutionWarning, supportsRefreshInterval]);
-  const handleInstallMenuCancel = import_react53.useCallback(() => {
+  const handleInstallMenuCancel = import_react56.useCallback(() => {
     setMenuSelections(clearInstallMenuSelection);
     setScreen("main");
   }, []);
-  const handleUpdateCheck = import_react53.useCallback(() => {
+  const handleUpdateCheck = import_react56.useCallback(() => {
     setUpdateCheckerState({ status: "checking" });
     const installation = settings ? getCurrentInstallation(isClaudeInstalled, existingStatusLine, settings) : classifyInstallation(existingStatusLine, undefined);
     const activeCommand = installation.method === "pinned" || installation.method === "self-managed" ? inspectActiveGlobalCommand({ commandAvailability }) : null;
@@ -79616,7 +80030,7 @@ ${resolutionWarning}`,
       commandAvailability
     }).then(setUpdateCheckerState);
   }, [commandAvailability, existingStatusLine, isClaudeInstalled, settings]);
-  const handleRunUpdateAction = import_react53.useCallback((action) => {
+  const handleRunUpdateAction = import_react56.useCallback((action) => {
     setConfirmDialog({
       message: `Run global update command?
 
@@ -79666,8 +80080,53 @@ ${resolutionWarning}`,
     });
     setScreen("confirm");
   }, [getGlobalResolutionWarning]);
+  const handleExportConfig = import_react56.useCallback(async (filePath) => {
+    try {
+      if (!settings) {
+        return;
+      }
+      await exportConfig(settings, filePath);
+      setFlashMessage({ text: `Config exported to ${filePath}`, color: "green" });
+    } catch (err) {
+      setFlowNotice({
+        title: "Export Failed",
+        message: err instanceof Error ? err.message : String(err),
+        color: "red",
+        continueScreen: "main"
+      });
+      setScreen("flowNotice");
+      return;
+    }
+    setScreen("main");
+  }, [settings]);
+  const handleImportFileChosen = import_react56.useCallback(async (filePath) => {
+    const result2 = await validateImportFile(filePath);
+    if (result2.status === "invalid") {
+      setFlowNotice({
+        title: "Import Failed",
+        message: result2.reason,
+        color: "red",
+        continueScreen: "main"
+      });
+      setScreen("flowNotice");
+    } else {
+      setImportValidation(result2);
+      setScreen("importPreview");
+    }
+  }, []);
+  const handleImportApply = import_react56.useCallback((mode) => {
+    if (!settings || importValidation?.status !== "valid") {
+      return;
+    }
+    const importedSettings = applyTuiImport(settings, importValidation.data, mode, importValidation.presentKeys);
+    setSettings(importedSettings);
+    setHasChanges(true);
+    setImportValidation(null);
+    setFlashMessage({ text: "Config imported — review and save", color: "green" });
+    setScreen("main");
+  }, [importValidation, settings]);
   if (!settings || !hasLoadedClaudeStatus || !hasLoadedInstalledState) {
-    return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+    return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
       children: "Loading settings..."
     }, undefined, false, undefined, this);
   }
@@ -79817,6 +80276,12 @@ ${resolutionWarning}`,
       case "configureStatusLine":
         setScreen("refreshInterval");
         break;
+      case "exportConfig":
+        setScreen("exportConfig");
+        break;
+      case "importConfig":
+        setScreen("importConfig");
+        break;
       case "starGithub":
         setConfirmDialog({
           message: `Open the ccstatusline GitHub repository in your browser?
@@ -79875,31 +80340,31 @@ ${GITHUB_REPO_URL}`,
     }
   };
   if (pinnedVersionMismatch) {
-    return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
           marginBottom: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
               bold: true,
-              children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(dist_default5, {
+              children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(dist_default5, {
                 name: "retro",
                 children: "CCStatusline Configuration"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
               bold: true,
               children: ` | ${runningVersion && `v${runningVersion}`}`
             }, undefined, false, undefined, this),
-            flashMessage && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+            flashMessage && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
               color: flashMessage.color,
               bold: true,
               children: `  ${flashMessage.text}`
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(PinnedVersionMismatchScreen, {
+        /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(PinnedVersionMismatchScreen, {
           mismatch: pinnedVersionMismatch,
           canRunPackageManager: commandAvailability[pinnedVersionMismatch.packageManager],
           onUpdate: () => {
@@ -79923,49 +80388,49 @@ ${GITHUB_REPO_URL}`,
     setScreen("items");
   };
   const configWarning = buildConfigLoadWarning(configLoadError);
-  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
         marginBottom: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
             bold: true,
-            children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(dist_default5, {
+            children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(dist_default5, {
               name: "retro",
               children: "CCStatusline Configuration"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
             bold: true,
             children: ` | ${runningVersion && `v${runningVersion}`}`
           }, undefined, false, undefined, this),
-          flashMessage && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+          flashMessage && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
             color: flashMessage.color,
             bold: true,
             children: `  ${flashMessage.text}`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      configWarning && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+      configWarning && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
         color: "red",
         wrap: "wrap",
         children: configWarning
       }, undefined, false, undefined, this),
-      isCustomConfigPath() && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text, {
+      isCustomConfigPath() && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text, {
         dimColor: true,
         children: `Config: ${getConfigPath()}`
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(StatusLinePreview, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(StatusLinePreview, {
         lines: settings.lines,
         terminalWidth,
         settings,
         onTruncationChange: setPreviewIsTruncated
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          screen === "main" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(MainMenu, {
+          screen === "main" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(MainMenu, {
             onSelect: (value, index) => {
               if (value !== "save" && value !== "exit") {
                 setMenuSelections((prev) => ({ ...prev, main: index }));
@@ -79980,7 +80445,7 @@ ${GITHUB_REPO_URL}`,
             installation: effectiveInstallation,
             previewIsTruncated
           }, undefined, false, undefined, this),
-          screen === "lines" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(LineSelector, {
+          screen === "lines" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(LineSelector, {
             lines: settings.lines,
             onSelect: (line) => {
               setMenuSelections((prev) => ({ ...prev, lines: line }));
@@ -79995,7 +80460,7 @@ ${GITHUB_REPO_URL}`,
             title: "Select Line to Edit Items",
             allowEditing: true
           }, undefined, false, undefined, this),
-          screen === "items" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(ItemsEditor, {
+          screen === "items" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ItemsEditor, {
             widgets: settings.lines[selectedLine] ?? [],
             onUpdate: (widgets) => {
               updateLine(selectedLine, widgets);
@@ -80007,7 +80472,7 @@ ${GITHUB_REPO_URL}`,
             lineNumber: selectedLine + 1,
             settings
           }, undefined, false, undefined, this),
-          screen === "colorLines" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(LineSelector, {
+          screen === "colorLines" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(LineSelector, {
             lines: settings.lines,
             onLinesUpdate: updateLines,
             onSelect: (line) => {
@@ -80025,7 +80490,7 @@ ${GITHUB_REPO_URL}`,
             settings,
             allowEditing: false
           }, undefined, false, undefined, this),
-          screen === "colors" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(ColorMenu, {
+          screen === "colors" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ColorMenu, {
             widgets: settings.lines[selectedLine] ?? [],
             lineIndex: selectedLine,
             settings,
@@ -80038,7 +80503,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("colorLines");
             }
           }, undefined, false, undefined, this),
-          screen === "terminalConfig" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(TerminalOptionsMenu, {
+          screen === "terminalConfig" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(TerminalOptionsMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -80052,7 +80517,7 @@ ${GITHUB_REPO_URL}`,
               }
             }
           }, undefined, false, undefined, this),
-          screen === "terminalWidth" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(TerminalWidthMenu, {
+          screen === "terminalWidth" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(TerminalWidthMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -80061,7 +80526,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("terminalConfig");
             }
           }, undefined, false, undefined, this),
-          screen === "globalOverrides" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(GlobalOverridesMenu, {
+          screen === "globalOverrides" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(GlobalOverridesMenu, {
             settings,
             onUpdate: (updatedSettings) => {
               setSettings(updatedSettings);
@@ -80071,7 +80536,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("main");
             }
           }, undefined, false, undefined, this),
-          screen === "confirm" && confirmDialog && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(ConfirmDialog, {
+          screen === "confirm" && confirmDialog && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ConfirmDialog, {
             message: confirmDialog.message,
             onConfirm: () => void confirmDialog.action(),
             onCancel: () => {
@@ -80079,14 +80544,14 @@ ${GITHUB_REPO_URL}`,
               setConfirmDialog(null);
             }
           }, undefined, false, undefined, this),
-          screen === "flowNotice" && flowNotice && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(FlowNotice, {
+          screen === "flowNotice" && flowNotice && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(FlowNotice, {
             ...flowNotice,
             onContinue: () => {
               setScreen(flowNotice.continueScreen);
               setFlowNotice(null);
             }
           }, undefined, false, undefined, this),
-          screen === "install" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(InstallMenu, {
+          screen === "install" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(InstallMenu, {
             commandAvailability,
             currentVersion: getPackageVersion(),
             existingStatusLine,
@@ -80100,7 +80565,7 @@ ${GITHUB_REPO_URL}`,
             onCancel: handleInstallMenuCancel,
             initialPackageSelection: menuSelections.installPackage
           }, undefined, false, undefined, this),
-          screen === "manageInstallation" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(ManageInstallationMenu, {
+          screen === "manageInstallation" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ManageInstallationMenu, {
             installation: effectiveInstallation,
             activeCommand: activeGlobalCommand,
             onSelect: handleManageInstallationSelect,
@@ -80112,7 +80577,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("main");
             }
           }, undefined, false, undefined, this),
-          screen === "uninstallOptions" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(UninstallMenu, {
+          screen === "uninstallOptions" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(UninstallMenu, {
             installations: globalPackageInstallations,
             onSelect: (selection) => {
               handleUninstallSelection(selection, "uninstallOptions");
@@ -80121,7 +80586,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("manageInstallation");
             }
           }, undefined, false, undefined, this),
-          screen === "updates" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(UpdateCheckerMenu, {
+          screen === "updates" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(UpdateCheckerMenu, {
             state: updateCheckerState,
             onBack: () => {
               setScreen(updatesReturnScreen);
@@ -80129,7 +80594,7 @@ ${GITHUB_REPO_URL}`,
             onRefresh: handleUpdateCheck,
             onRunAction: handleRunUpdateAction
           }, undefined, false, undefined, this),
-          screen === "refreshInterval" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(RefreshIntervalMenu, {
+          screen === "refreshInterval" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(RefreshIntervalMenu, {
             currentInterval: currentRefreshInterval,
             supportsRefreshInterval,
             gitCacheTtlSeconds: settings.gitCacheTtlSeconds,
@@ -80165,7 +80630,7 @@ ${GITHUB_REPO_URL}`,
               setScreen("main");
             }
           }, undefined, false, undefined, this),
-          screen === "powerline" && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(PowerlineSetup, {
+          screen === "powerline" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(PowerlineSetup, {
             settings,
             powerlineFontStatus,
             onUpdate: (updatedSettings) => {
@@ -80191,6 +80656,33 @@ ${GITHUB_REPO_URL}`,
             onClearMessage: () => {
               setFontInstallMessage(null);
             }
+          }, undefined, false, undefined, this),
+          screen === "exportConfig" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ExportConfigDialog, {
+            onExport: (filePath) => {
+              handleExportConfig(filePath);
+            },
+            onCancel: () => {
+              setScreen("main");
+            }
+          }, undefined, false, undefined, this),
+          screen === "importConfig" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ImportConfigDialog, {
+            onFileChosen: (filePath) => {
+              handleImportFileChosen(filePath);
+            },
+            onCancel: () => {
+              setScreen("main");
+            }
+          }, undefined, false, undefined, this),
+          screen === "importPreview" && importValidation?.status === "valid" && /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ImportPreviewDialog, {
+            validation: importValidation,
+            currentSettings: settings,
+            onApply: (mode) => {
+              handleImportApply(mode);
+            },
+            onCancel: () => {
+              setImportValidation(null);
+              setScreen("main");
+            }
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -80199,7 +80691,7 @@ ${GITHUB_REPO_URL}`,
 };
 function runTUI() {
   process.stdout.write("\x1B[2J\x1B[H");
-  render_default(/* @__PURE__ */ jsx_dev_runtime29.jsxDEV(App2, {}, undefined, false, undefined, this));
+  render_default(/* @__PURE__ */ jsx_dev_runtime32.jsxDEV(App2, {}, undefined, false, undefined, this));
 }
 // src/types/StatusJSON.ts
 init_zod();
@@ -80285,18 +80777,18 @@ await init_config();
 
 // src/utils/hook-handler.ts
 import * as fs18 from "fs";
-import * as path13 from "path";
+import * as path14 from "path";
 
 // src/utils/skills.ts
 import * as fs17 from "fs";
-import * as os14 from "os";
-import * as path12 from "path";
+import * as os15 from "os";
+import * as path13 from "path";
 var EMPTY = { totalInvocations: 0, uniqueSkills: [], lastSkill: null };
 function getSkillsDir() {
-  return path12.join(os14.homedir(), ".cache", "ccstatusline", "skills");
+  return path13.join(os15.homedir(), ".cache", "ccstatusline", "skills");
 }
 function getSkillsFilePath(sessionId) {
-  return path12.join(getSkillsDir(), `skills-${sessionId}.jsonl`);
+  return path13.join(getSkillsDir(), `skills-${sessionId}.jsonl`);
 }
 function getSkillsMetrics(sessionId) {
   const filePath = getSkillsFilePath(sessionId);
@@ -80358,7 +80850,7 @@ function handleHookInput(input) {
       return;
     }
     const filePath = getSkillsFilePath(sessionId);
-    fs18.mkdirSync(path13.dirname(filePath), { recursive: true });
+    fs18.mkdirSync(path14.dirname(filePath), { recursive: true });
     const entry = JSON.stringify({
       timestamp: new Date().toISOString(),
       session_id: sessionId,