@willh/copilotstatusline 0.1.1 → 0.2.0

package/dist/copilotstatusline.js

@@ -15800,6 +15800,191 @@ var init_catalog = __esm(() => {
   cache = new Map;
 });
 
+// src/utils/ansi.ts
+function styleText(value, foreground, background = "none", bold = false, colorLevel = 2) {
+  if (colorLevel === 0 || value === "") {
+    return value;
+  }
+  const codes = [];
+  if (bold) {
+    codes.push(1);
+  }
+  const foregroundCode = foregroundCodes[foreground];
+  const backgroundCode = backgroundCodes[background];
+  if (foregroundCode !== null) {
+    codes.push(foregroundCode);
+  }
+  if (backgroundCode !== null) {
+    codes.push(backgroundCode);
+  }
+  return codes.length === 0 ? value : `\x1B[${codes.join(";")}m${value}\x1B[0m`;
+}
+function powerlineArrow(value, foreground, background, colorLevel) {
+  return styleText(value, foreground, background, false, colorLevel);
+}
+var foregroundCodes, backgroundCodes;
+var init_ansi = __esm(() => {
+  foregroundCodes = {
+    none: null,
+    black: 30,
+    red: 31,
+    green: 32,
+    yellow: 33,
+    blue: 34,
+    magenta: 35,
+    cyan: 36,
+    white: 37,
+    brightBlack: 90,
+    brightRed: 91,
+    brightGreen: 92,
+    brightYellow: 93,
+    brightBlue: 94,
+    brightMagenta: 95,
+    brightCyan: 96,
+    brightWhite: 97
+  };
+  backgroundCodes = {
+    none: null,
+    black: 40,
+    red: 41,
+    green: 42,
+    yellow: 43,
+    blue: 44,
+    magenta: 45,
+    cyan: 46,
+    white: 47,
+    brightBlack: 100,
+    brightRed: 101,
+    brightGreen: 102,
+    brightYellow: 103,
+    brightBlue: 104,
+    brightMagenta: 105,
+    brightCyan: 106,
+    brightWhite: 107
+  };
+});
+
+// src/utils/renderer.ts
+function terminalWidth(override) {
+  if (override !== undefined && override > 0) {
+    return override;
+  }
+  const fromEnvironment = Number(process.env.COLUMNS);
+  if (Number.isFinite(fromEnvironment) && fromEnvironment > 0) {
+    return fromEnvironment;
+  }
+  return process.stdout.columns > 0 ? process.stdout.columns : 120;
+}
+function truncate(value, width) {
+  if (width <= 0) {
+    return "";
+  }
+  if (visibleWidth(value) <= width) {
+    return value;
+  }
+  if (width === 1) {
+    return "…";
+  }
+  const reset = value.includes("\x1B[") ? "\x1B[0m" : "";
+  return `${sliceAnsi(value, 0, width - 1)}…${reset}`;
+}
+function renderStandardLine(widgets, settings, status, width) {
+  const parts = widgets.flatMap((widget2) => {
+    const value = renderWidget(widget2, {
+      status,
+      terminalWidth: width,
+      gitCacheTtlSeconds: settings.gitCacheTtlSeconds
+    });
+    if (value === null) {
+      return [];
+    }
+    return [{
+      widget: widget2,
+      value: value === FLEX ? FLEX : styleText(value, widget2.color, widget2.backgroundColor, widget2.bold, settings.colorLevel)
+    }];
+  });
+  let output = "";
+  for (const [index, part] of parts.entries()) {
+    const previous = parts[index - 1];
+    const needsSeparator = index > 0 && part.value !== FLEX && previous?.value !== FLEX && !part.widget.merge;
+    if (needsSeparator) {
+      output += settings.defaultSeparator;
+    }
+    output += part.value;
+  }
+  if (output.includes(FLEX)) {
+    const fixedWidth = visibleWidth(output.replaceAll(FLEX, ""));
+    const flexCount = output.split(FLEX).length - 1;
+    const available = Math.max(1, width - fixedWidth);
+    const each = Math.floor(available / flexCount);
+    let remainder = available % flexCount;
+    output = output.replaceAll(FLEX, () => {
+      const spaces = each + (remainder > 0 ? 1 : 0);
+      remainder = Math.max(0, remainder - 1);
+      return " ".repeat(spaces);
+    });
+  }
+  return truncate(output, width);
+}
+function renderPowerlineLine(widgets, settings, status, width) {
+  const rendered = widgets.flatMap((widget2, index) => {
+    const value = renderWidget(widget2, {
+      status,
+      terminalWidth: width,
+      gitCacheTtlSeconds: settings.gitCacheTtlSeconds
+    });
+    if (value === null) {
+      return [];
+    }
+    if (value === FLEX) {
+      return [{ value, background: "none" }];
+    }
+    const background = widget2.backgroundColor === "none" ? POWERLINE_BACKGROUNDS[index % POWERLINE_BACKGROUNDS.length] ?? "blue" : widget2.backgroundColor;
+    const foreground = background === "yellow" || background === "brightYellow" ? "black" : "brightWhite";
+    return [{
+      value: styleText(` ${value} `, foreground, background, widget2.bold, settings.colorLevel),
+      background
+    }];
+  });
+  let output = "";
+  for (const [index, part] of rendered.entries()) {
+    if (part.value === FLEX) {
+      output += FLEX;
+      continue;
+    }
+    output += part.value;
+    const next = rendered[index + 1];
+    const nextBackground = next?.value === FLEX ? "none" : next?.background ?? "none";
+    output += powerlineArrow(settings.powerline.separator, part.background, nextBackground, settings.colorLevel);
+  }
+  if (output.includes(FLEX)) {
+    const available = Math.max(1, width - visibleWidth(output.replaceAll(FLEX, "")));
+    output = output.replaceAll(FLEX, " ".repeat(available));
+  }
+  return truncate(output, width);
+}
+function renderStatusLines(status, settings, options = {}) {
+  const width = terminalWidth(options.terminalWidth);
+  return settings.lines.flatMap((line) => {
+    const rendered = settings.powerline.enabled ? renderPowerlineLine(line, settings, status, width) : renderStandardLine(line, settings, status, width);
+    return visibleWidth(rendered) === 0 ? [] : [rendered];
+  });
+}
+var FLEX = "__COPILOTSTATUSLINE_FLEX__", POWERLINE_BACKGROUNDS;
+var init_renderer = __esm(() => {
+  init_slice_ansi();
+  init_catalog();
+  init_ansi();
+  init_format();
+  POWERLINE_BACKGROUNDS = [
+    "blue",
+    "magenta",
+    "cyan",
+    "green",
+    "yellow"
+  ];
+});
+
 // node_modules/react/cjs/react.development.js
 var require_react_development = __commonJS((exports, module) => {
   (function() {
@@ -50772,7 +50957,7 @@ var renderer = (node, isScreenReaderEnabled) => {
     staticOutput: ""
   };
 }, renderer_default;
-var init_renderer = __esm(async () => {
+var init_renderer2 = __esm(async () => {
   init_output();
   await init_render_node_to_output();
   renderer_default = renderer;
@@ -51907,7 +52092,7 @@ var init_ink = __esm(async () => {
   await __promiseAll([
     init_src(),
     init_reconciler(),
-    init_renderer(),
+    init_renderer2(),
     init_dom()
   ]);
   import_react13 = __toESM(require_react(), 1);
@@ -51968,6 +52153,13 @@ var init_Static = __esm(() => {
 });
 
 // node_modules/ink/build/components/Transform.js
+function Transform({ children, transform: transform3, accessibilityLabel }) {
+  const { isScreenReaderEnabled } = import_react15.useContext(accessibilityContext);
+  if (children === undefined || children === null) {
+    return null;
+  }
+  return import_react15.default.createElement("ink-text", { style: { flexGrow: 0, flexShrink: 1, flexDirection: "row" }, internal_transform: transform3 }, isScreenReaderEnabled && accessibilityLabel ? accessibilityLabel : children);
+}
 var import_react15;
 var init_Transform = __esm(() => {
   init_AccessibilityContext();
@@ -52310,534 +52502,9 @@ var init_build2 = __esm(async () => {
   ]);
 });
 
-// node_modules/is-unicode-supported/index.js
-import process14 from "node:process";
-function isUnicodeSupported() {
-  const { env: env3 } = process14;
-  const { TERM, TERM_PROGRAM } = env3;
-  if (process14.platform !== "win32") {
-    return TERM !== "linux";
-  }
-  return Boolean(env3.WT_SESSION) || Boolean(env3.TERMINUS_SUBLIME) || env3.ConEmuTask === "{cmd::Cmder}" || TERM_PROGRAM === "Terminus-Sublime" || TERM_PROGRAM === "vscode" || TERM === "xterm-256color" || TERM === "alacritty" || TERM === "rxvt-unicode" || TERM === "rxvt-unicode-256color" || env3.TERMINAL_EMULATOR === "JetBrains-JediTerm";
-}
-var init_is_unicode_supported = () => {};
-
-// node_modules/figures/index.js
-var common, specialMainSymbols, specialFallbackSymbols, mainSymbols, fallbackSymbols, shouldUseMain, figures, figures_default, replacements;
-var init_figures = __esm(() => {
-  init_is_unicode_supported();
-  common = {
-    circleQuestionMark: "(?)",
-    questionMarkPrefix: "(?)",
-    square: "█",
-    squareDarkShade: "▓",
-    squareMediumShade: "▒",
-    squareLightShade: "░",
-    squareTop: "▀",
-    squareBottom: "▄",
-    squareLeft: "▌",
-    squareRight: "▐",
-    squareCenter: "■",
-    bullet: "●",
-    dot: "․",
-    ellipsis: "…",
-    pointerSmall: "›",
-    triangleUp: "▲",
-    triangleUpSmall: "▴",
-    triangleDown: "▼",
-    triangleDownSmall: "▾",
-    triangleLeftSmall: "◂",
-    triangleRightSmall: "▸",
-    home: "⌂",
-    heart: "♥",
-    musicNote: "♪",
-    musicNoteBeamed: "♫",
-    arrowUp: "↑",
-    arrowDown: "↓",
-    arrowLeft: "←",
-    arrowRight: "→",
-    arrowLeftRight: "↔",
-    arrowUpDown: "↕",
-    almostEqual: "≈",
-    notEqual: "≠",
-    lessOrEqual: "≤",
-    greaterOrEqual: "≥",
-    identical: "≡",
-    infinity: "∞",
-    subscriptZero: "₀",
-    subscriptOne: "₁",
-    subscriptTwo: "₂",
-    subscriptThree: "₃",
-    subscriptFour: "₄",
-    subscriptFive: "₅",
-    subscriptSix: "₆",
-    subscriptSeven: "₇",
-    subscriptEight: "₈",
-    subscriptNine: "₉",
-    oneHalf: "½",
-    oneThird: "⅓",
-    oneQuarter: "¼",
-    oneFifth: "⅕",
-    oneSixth: "⅙",
-    oneEighth: "⅛",
-    twoThirds: "⅔",
-    twoFifths: "⅖",
-    threeQuarters: "¾",
-    threeFifths: "⅗",
-    threeEighths: "⅜",
-    fourFifths: "⅘",
-    fiveSixths: "⅚",
-    fiveEighths: "⅝",
-    sevenEighths: "⅞",
-    line: "─",
-    lineBold: "━",
-    lineDouble: "═",
-    lineDashed0: "┄",
-    lineDashed1: "┅",
-    lineDashed2: "┈",
-    lineDashed3: "┉",
-    lineDashed4: "╌",
-    lineDashed5: "╍",
-    lineDashed6: "╴",
-    lineDashed7: "╶",
-    lineDashed8: "╸",
-    lineDashed9: "╺",
-    lineDashed10: "╼",
-    lineDashed11: "╾",
-    lineDashed12: "−",
-    lineDashed13: "–",
-    lineDashed14: "‐",
-    lineDashed15: "⁃",
-    lineVertical: "│",
-    lineVerticalBold: "┃",
-    lineVerticalDouble: "║",
-    lineVerticalDashed0: "┆",
-    lineVerticalDashed1: "┇",
-    lineVerticalDashed2: "┊",
-    lineVerticalDashed3: "┋",
-    lineVerticalDashed4: "╎",
-    lineVerticalDashed5: "╏",
-    lineVerticalDashed6: "╵",
-    lineVerticalDashed7: "╷",
-    lineVerticalDashed8: "╹",
-    lineVerticalDashed9: "╻",
-    lineVerticalDashed10: "╽",
-    lineVerticalDashed11: "╿",
-    lineDownLeft: "┐",
-    lineDownLeftArc: "╮",
-    lineDownBoldLeftBold: "┓",
-    lineDownBoldLeft: "┒",
-    lineDownLeftBold: "┑",
-    lineDownDoubleLeftDouble: "╗",
-    lineDownDoubleLeft: "╖",
-    lineDownLeftDouble: "╕",
-    lineDownRight: "┌",
-    lineDownRightArc: "╭",
-    lineDownBoldRightBold: "┏",
-    lineDownBoldRight: "┎",
-    lineDownRightBold: "┍",
-    lineDownDoubleRightDouble: "╔",
-    lineDownDoubleRight: "╓",
-    lineDownRightDouble: "╒",
-    lineUpLeft: "┘",
-    lineUpLeftArc: "╯",
-    lineUpBoldLeftBold: "┛",
-    lineUpBoldLeft: "┚",
-    lineUpLeftBold: "┙",
-    lineUpDoubleLeftDouble: "╝",
-    lineUpDoubleLeft: "╜",
-    lineUpLeftDouble: "╛",
-    lineUpRight: "└",
-    lineUpRightArc: "╰",
-    lineUpBoldRightBold: "┗",
-    lineUpBoldRight: "┖",
-    lineUpRightBold: "┕",
-    lineUpDoubleRightDouble: "╚",
-    lineUpDoubleRight: "╙",
-    lineUpRightDouble: "╘",
-    lineUpDownLeft: "┤",
-    lineUpBoldDownBoldLeftBold: "┫",
-    lineUpBoldDownBoldLeft: "┨",
-    lineUpDownLeftBold: "┥",
-    lineUpBoldDownLeftBold: "┩",
-    lineUpDownBoldLeftBold: "┪",
-    lineUpDownBoldLeft: "┧",
-    lineUpBoldDownLeft: "┦",
-    lineUpDoubleDownDoubleLeftDouble: "╣",
-    lineUpDoubleDownDoubleLeft: "╢",
-    lineUpDownLeftDouble: "╡",
-    lineUpDownRight: "├",
-    lineUpBoldDownBoldRightBold: "┣",
-    lineUpBoldDownBoldRight: "┠",
-    lineUpDownRightBold: "┝",
-    lineUpBoldDownRightBold: "┡",
-    lineUpDownBoldRightBold: "┢",
-    lineUpDownBoldRight: "┟",
-    lineUpBoldDownRight: "┞",
-    lineUpDoubleDownDoubleRightDouble: "╠",
-    lineUpDoubleDownDoubleRight: "╟",
-    lineUpDownRightDouble: "╞",
-    lineDownLeftRight: "┬",
-    lineDownBoldLeftBoldRightBold: "┳",
-    lineDownLeftBoldRightBold: "┯",
-    lineDownBoldLeftRight: "┰",
-    lineDownBoldLeftBoldRight: "┱",
-    lineDownBoldLeftRightBold: "┲",
-    lineDownLeftRightBold: "┮",
-    lineDownLeftBoldRight: "┭",
-    lineDownDoubleLeftDoubleRightDouble: "╦",
-    lineDownDoubleLeftRight: "╥",
-    lineDownLeftDoubleRightDouble: "╤",
-    lineUpLeftRight: "┴",
-    lineUpBoldLeftBoldRightBold: "┻",
-    lineUpLeftBoldRightBold: "┷",
-    lineUpBoldLeftRight: "┸",
-    lineUpBoldLeftBoldRight: "┹",
-    lineUpBoldLeftRightBold: "┺",
-    lineUpLeftRightBold: "┶",
-    lineUpLeftBoldRight: "┵",
-    lineUpDoubleLeftDoubleRightDouble: "╩",
-    lineUpDoubleLeftRight: "╨",
-    lineUpLeftDoubleRightDouble: "╧",
-    lineUpDownLeftRight: "┼",
-    lineUpBoldDownBoldLeftBoldRightBold: "╋",
-    lineUpDownBoldLeftBoldRightBold: "╈",
-    lineUpBoldDownLeftBoldRightBold: "╇",
-    lineUpBoldDownBoldLeftRightBold: "╊",
-    lineUpBoldDownBoldLeftBoldRight: "╉",
-    lineUpBoldDownLeftRight: "╀",
-    lineUpDownBoldLeftRight: "╁",
-    lineUpDownLeftBoldRight: "┽",
-    lineUpDownLeftRightBold: "┾",
-    lineUpBoldDownBoldLeftRight: "╂",
-    lineUpDownLeftBoldRightBold: "┿",
-    lineUpBoldDownLeftBoldRight: "╃",
-    lineUpBoldDownLeftRightBold: "╄",
-    lineUpDownBoldLeftBoldRight: "╅",
-    lineUpDownBoldLeftRightBold: "╆",
-    lineUpDoubleDownDoubleLeftDoubleRightDouble: "╬",
-    lineUpDoubleDownDoubleLeftRight: "╫",
-    lineUpDownLeftDoubleRightDouble: "╪",
-    lineCross: "╳",
-    lineBackslash: "╲",
-    lineSlash: "╱"
-  };
-  specialMainSymbols = {
-    tick: "✔",
-    info: "ℹ",
-    warning: "⚠",
-    cross: "✘",
-    squareSmall: "◻",
-    squareSmallFilled: "◼",
-    circle: "◯",
-    circleFilled: "◉",
-    circleDotted: "◌",
-    circleDouble: "◎",
-    circleCircle: "ⓞ",
-    circleCross: "ⓧ",
-    circlePipe: "Ⓘ",
-    radioOn: "◉",
-    radioOff: "◯",
-    checkboxOn: "☒",
-    checkboxOff: "☐",
-    checkboxCircleOn: "ⓧ",
-    checkboxCircleOff: "Ⓘ",
-    pointer: "❯",
-    triangleUpOutline: "△",
-    triangleLeft: "◀",
-    triangleRight: "▶",
-    lozenge: "◆",
-    lozengeOutline: "◇",
-    hamburger: "☰",
-    smiley: "㋡",
-    mustache: "෴",
-    star: "★",
-    play: "▶",
-    nodejs: "⬢",
-    oneSeventh: "⅐",
-    oneNinth: "⅑",
-    oneTenth: "⅒"
-  };
-  specialFallbackSymbols = {
-    tick: "√",
-    info: "i",
-    warning: "‼",
-    cross: "×",
-    squareSmall: "□",
-    squareSmallFilled: "■",
-    circle: "( )",
-    circleFilled: "(*)",
-    circleDotted: "( )",
-    circleDouble: "( )",
-    circleCircle: "(○)",
-    circleCross: "(×)",
-    circlePipe: "(│)",
-    radioOn: "(*)",
-    radioOff: "( )",
-    checkboxOn: "[×]",
-    checkboxOff: "[ ]",
-    checkboxCircleOn: "(×)",
-    checkboxCircleOff: "( )",
-    pointer: ">",
-    triangleUpOutline: "∆",
-    triangleLeft: "◄",
-    triangleRight: "►",
-    lozenge: "♦",
-    lozengeOutline: "◊",
-    hamburger: "≡",
-    smiley: "☺",
-    mustache: "┌─┐",
-    star: "✶",
-    play: "►",
-    nodejs: "♦",
-    oneSeventh: "1/7",
-    oneNinth: "1/9",
-    oneTenth: "1/10"
-  };
-  mainSymbols = { ...common, ...specialMainSymbols };
-  fallbackSymbols = { ...common, ...specialFallbackSymbols };
-  shouldUseMain = isUnicodeSupported();
-  figures = shouldUseMain ? mainSymbols : fallbackSymbols;
-  figures_default = figures;
-  replacements = Object.entries(specialMainSymbols);
-});
-
-// node_modules/ink-select-input/build/Indicator.js
-function Indicator({ isSelected = false }) {
-  return import_react26.default.createElement(Box_default, { marginRight: 1 }, isSelected ? import_react26.default.createElement(Text, { color: "blue" }, figures_default.pointer) : import_react26.default.createElement(Text, null, " "));
-}
-var import_react26, Indicator_default;
-var init_Indicator = __esm(async () => {
-  init_figures();
-  await init_build2();
-  import_react26 = __toESM(require_react(), 1);
-  Indicator_default = Indicator;
-});
-
-// node_modules/ink-select-input/build/Item.js
-function Item({ isSelected = false, label }) {
-  return React11.createElement(Text, { color: isSelected ? "blue" : undefined }, label);
-}
-var React11, Item_default;
-var init_Item = __esm(async () => {
-  await init_build2();
-  React11 = __toESM(require_react(), 1);
-  Item_default = Item;
-});
-
-// node_modules/to-rotated/index.js
-function toRotated(array2, steps) {
-  if (!Array.isArray(array2)) {
-    throw new TypeError(`Expected an array, got \`${typeof array2}\`.`);
-  }
-  if (!Number.isSafeInteger(steps)) {
-    throw new TypeError(`The \`steps\` parameter must be an integer, got ${steps}.`);
-  }
-  const { length } = array2;
-  if (length === 0) {
-    return [...array2];
-  }
-  const normalizedSteps = (steps % length + length) % length;
-  if (normalizedSteps === 0) {
-    return [...array2];
-  }
-  return [
-    ...array2.slice(-normalizedSteps),
-    ...array2.slice(0, -normalizedSteps)
-  ];
-}
-
-// node_modules/ink-select-input/build/SelectInput.js
-import { isDeepStrictEqual } from "node:util";
-function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicatorComponent = Indicator_default, itemComponent = Item_default, limit: customLimit, onSelect, onHighlight }) {
-  const hasLimit = typeof customLimit === "number" && items.length > customLimit;
-  const limit = hasLimit ? Math.min(customLimit, items.length) : items.length;
-  const lastIndex = limit - 1;
-  const [rotateIndex, setRotateIndex] = import_react27.useState(initialIndex > lastIndex ? lastIndex - initialIndex : 0);
-  const [selectedIndex, setSelectedIndex] = import_react27.useState(initialIndex ? initialIndex > lastIndex ? lastIndex : initialIndex : 0);
-  const previousItems = import_react27.useRef(items);
-  import_react27.useEffect(() => {
-    if (!isDeepStrictEqual(previousItems.current.map((item) => item.value), items.map((item) => item.value))) {
-      setRotateIndex(0);
-      setSelectedIndex(0);
-    }
-    previousItems.current = items;
-  }, [items]);
-  use_input_default(import_react27.useCallback((input, key) => {
-    if (input === "k" || key.upArrow) {
-      const lastIndex2 = (hasLimit ? limit : items.length) - 1;
-      const atFirstIndex = selectedIndex === 0;
-      const nextIndex = hasLimit ? selectedIndex : lastIndex2;
-      const nextRotateIndex = atFirstIndex ? rotateIndex + 1 : rotateIndex;
-      const nextSelectedIndex = atFirstIndex ? nextIndex : selectedIndex - 1;
-      setRotateIndex(nextRotateIndex);
-      setSelectedIndex(nextSelectedIndex);
-      const slicedItems2 = hasLimit ? toRotated(items, nextRotateIndex).slice(0, limit) : items;
-      if (typeof onHighlight === "function") {
-        onHighlight(slicedItems2[nextSelectedIndex]);
-      }
-    }
-    if (input === "j" || key.downArrow) {
-      const atLastIndex = selectedIndex === (hasLimit ? limit : items.length) - 1;
-      const nextIndex = hasLimit ? selectedIndex : 0;
-      const nextRotateIndex = atLastIndex ? rotateIndex - 1 : rotateIndex;
-      const nextSelectedIndex = atLastIndex ? nextIndex : selectedIndex + 1;
-      setRotateIndex(nextRotateIndex);
-      setSelectedIndex(nextSelectedIndex);
-      const slicedItems2 = hasLimit ? toRotated(items, nextRotateIndex).slice(0, limit) : items;
-      if (typeof onHighlight === "function") {
-        onHighlight(slicedItems2[nextSelectedIndex]);
-      }
-    }
-    if (/^[1-9]$/.test(input)) {
-      const targetIndex = Number.parseInt(input, 10) - 1;
-      const visibleItems = hasLimit ? toRotated(items, rotateIndex).slice(0, limit) : items;
-      if (targetIndex >= 0 && targetIndex < visibleItems.length) {
-        const selectedItem = visibleItems[targetIndex];
-        if (selectedItem) {
-          onSelect?.(selectedItem);
-        }
-      }
-    }
-    if (key.return) {
-      const slicedItems2 = hasLimit ? toRotated(items, rotateIndex).slice(0, limit) : items;
-      if (typeof onSelect === "function") {
-        onSelect(slicedItems2[selectedIndex]);
-      }
-    }
-  }, [
-    hasLimit,
-    limit,
-    rotateIndex,
-    selectedIndex,
-    items,
-    onSelect,
-    onHighlight
-  ]), { isActive: isFocused });
-  const slicedItems = hasLimit ? toRotated(items, rotateIndex).slice(0, limit) : items;
-  return import_react27.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index) => {
-    const isSelected = index === selectedIndex;
-    return import_react27.default.createElement(Box_default, { key: item.key ?? item.value }, import_react27.default.createElement(indicatorComponent, { isSelected }), import_react27.default.createElement(itemComponent, { ...item, isSelected }));
-  }));
-}
-var import_react27, SelectInput_default;
-var init_SelectInput = __esm(async () => {
-  await __promiseAll([
-    init_build2(),
-    init_Indicator(),
-    init_Item()
-  ]);
-  import_react27 = __toESM(require_react(), 1);
-  SelectInput_default = SelectInput;
-});
-
-// node_modules/ink-select-input/build/index.js
-var init_build3 = __esm(async () => {
-  await __promiseAll([
-    init_Indicator(),
-    init_Item(),
-    init_SelectInput()
-  ]);
-});
-
-// node_modules/ink-text-input/build/index.js
-function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
-  const [state, setState] = import_react28.useState({
-    cursorOffset: (originalValue || "").length,
-    cursorWidth: 0
-  });
-  const { cursorOffset, cursorWidth } = state;
-  import_react28.useEffect(() => {
-    setState((previousState) => {
-      if (!focus || !showCursor) {
-        return previousState;
-      }
-      const newValue = originalValue || "";
-      if (previousState.cursorOffset > newValue.length - 1) {
-        return {
-          cursorOffset: newValue.length,
-          cursorWidth: 0
-        };
-      }
-      return previousState;
-    });
-  }, [originalValue, focus, showCursor]);
-  const cursorActualWidth = highlightPastedText ? cursorWidth : 0;
-  const value = mask ? mask.repeat(originalValue.length) : originalValue;
-  let renderedValue = value;
-  let renderedPlaceholder = placeholder ? source_default.grey(placeholder) : undefined;
-  if (showCursor && focus) {
-    renderedPlaceholder = placeholder.length > 0 ? source_default.inverse(placeholder[0]) + source_default.grey(placeholder.slice(1)) : source_default.inverse(" ");
-    renderedValue = value.length > 0 ? "" : source_default.inverse(" ");
-    let i = 0;
-    for (const char of value) {
-      renderedValue += i >= cursorOffset - cursorActualWidth && i <= cursorOffset ? source_default.inverse(char) : char;
-      i++;
-    }
-    if (value.length > 0 && cursorOffset === value.length) {
-      renderedValue += source_default.inverse(" ");
-    }
-  }
-  use_input_default((input, key) => {
-    if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
-      return;
-    }
-    if (key.return) {
-      if (onSubmit) {
-        onSubmit(originalValue);
-      }
-      return;
-    }
-    let nextCursorOffset = cursorOffset;
-    let nextValue = originalValue;
-    let nextCursorWidth = 0;
-    if (key.leftArrow) {
-      if (showCursor) {
-        nextCursorOffset--;
-      }
-    } else if (key.rightArrow) {
-      if (showCursor) {
-        nextCursorOffset++;
-      }
-    } else if (key.backspace || key.delete) {
-      if (cursorOffset > 0) {
-        nextValue = originalValue.slice(0, cursorOffset - 1) + originalValue.slice(cursorOffset, originalValue.length);
-        nextCursorOffset--;
-      }
-    } else {
-      nextValue = originalValue.slice(0, cursorOffset) + input + originalValue.slice(cursorOffset, originalValue.length);
-      nextCursorOffset += input.length;
-      if (input.length > 1) {
-        nextCursorWidth = input.length;
-      }
-    }
-    if (cursorOffset < 0) {
-      nextCursorOffset = 0;
-    }
-    if (cursorOffset > originalValue.length) {
-      nextCursorOffset = originalValue.length;
-    }
-    setState({
-      cursorOffset: nextCursorOffset,
-      cursorWidth: nextCursorWidth
-    });
-    if (nextValue !== originalValue) {
-      onChange(nextValue);
-    }
-  }, { isActive: focus });
-  return import_react28.default.createElement(Text, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
-}
-var import_react28, build_default;
-var init_build4 = __esm(async () => {
-  init_source();
-  await init_build2();
-  import_react28 = __toESM(require_react(), 1);
-  build_default = TextInput;
-});
-
-// node_modules/react/cjs/react-jsx-dev-runtime.development.js
-var require_react_jsx_dev_runtime_development = __commonJS((exports) => {
-  var React14 = __toESM(require_react());
+// node_modules/react/cjs/react-jsx-runtime.development.js
+var require_react_jsx_runtime_development = __commonJS((exports) => {
+  var React10 = __toESM(require_react());
   (function() {
     function getComponentNameFromType(type) {
       if (type == null)
@@ -53029,17 +52696,1905 @@ React keys must be passed directly to JSX without using spread:
     function isValidElement(object2) {
       return typeof object2 === "object" && object2 !== null && object2.$$typeof === REACT_ELEMENT_TYPE;
     }
-    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React14.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React10.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
       return null;
     };
-    React14 = {
+    React10 = {
       react_stack_bottom_frame: function(callStackForError) {
         return callStackForError();
       }
     };
     var specialPropKeyWarningShown;
     var didWarnAboutElementRef = {};
-    var unknownOwnerDebugStack = React14.react_stack_bottom_frame.bind(React14, UnknownOwner)();
+    var unknownOwnerDebugStack = React10.react_stack_bottom_frame.bind(React10, UnknownOwner)();
+    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+    var didWarnAboutKeySpread = {};
+    exports.Fragment = REACT_FRAGMENT_TYPE;
+    exports.jsx = function(type, config2, maybeKey) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(type, config2, maybeKey, false, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
+    };
+    exports.jsxs = function(type, config2, maybeKey) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(type, config2, maybeKey, true, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
+    };
+  })();
+});
+
+// node_modules/react/jsx-runtime.js
+var require_jsx_runtime = __commonJS((exports, module) => {
+  var react_jsx_runtime_development = __toESM(require_react_jsx_runtime_development());
+  if (false) {} else {
+    module.exports = react_jsx_runtime_development;
+  }
+});
+
+// node_modules/tinycolor2/cjs/tinycolor.js
+var require_tinycolor = __commonJS((exports, module) => {
+  (function(global2, factory) {
+    typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory() : typeof define === "function" && define.amd ? define(factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, global2.tinycolor = factory());
+  })(exports, function() {
+    function _typeof(obj) {
+      "@babel/helpers - typeof";
+      return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
+        return typeof obj2;
+      } : function(obj2) {
+        return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+      }, _typeof(obj);
+    }
+    var trimLeft = /^\s+/;
+    var trimRight = /\s+$/;
+    function tinycolor(color, opts) {
+      color = color ? color : "";
+      opts = opts || {};
+      if (color instanceof tinycolor) {
+        return color;
+      }
+      if (!(this instanceof tinycolor)) {
+        return new tinycolor(color, opts);
+      }
+      var rgb = inputToRGB(color);
+      this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = Math.round(100 * this._a) / 100, this._format = opts.format || rgb.format;
+      this._gradientType = opts.gradientType;
+      if (this._r < 1)
+        this._r = Math.round(this._r);
+      if (this._g < 1)
+        this._g = Math.round(this._g);
+      if (this._b < 1)
+        this._b = Math.round(this._b);
+      this._ok = rgb.ok;
+    }
+    tinycolor.prototype = {
+      isDark: function isDark() {
+        return this.getBrightness() < 128;
+      },
+      isLight: function isLight() {
+        return !this.isDark();
+      },
+      isValid: function isValid() {
+        return this._ok;
+      },
+      getOriginalInput: function getOriginalInput() {
+        return this._originalInput;
+      },
+      getFormat: function getFormat() {
+        return this._format;
+      },
+      getAlpha: function getAlpha() {
+        return this._a;
+      },
+      getBrightness: function getBrightness() {
+        var rgb = this.toRgb();
+        return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
+      },
+      getLuminance: function getLuminance() {
+        var rgb = this.toRgb();
+        var RsRGB, GsRGB, BsRGB, R, G, B;
+        RsRGB = rgb.r / 255;
+        GsRGB = rgb.g / 255;
+        BsRGB = rgb.b / 255;
+        if (RsRGB <= 0.03928)
+          R = RsRGB / 12.92;
+        else
+          R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
+        if (GsRGB <= 0.03928)
+          G = GsRGB / 12.92;
+        else
+          G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
+        if (BsRGB <= 0.03928)
+          B = BsRGB / 12.92;
+        else
+          B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
+        return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+      },
+      setAlpha: function setAlpha(value) {
+        this._a = boundAlpha(value);
+        this._roundA = Math.round(100 * this._a) / 100;
+        return this;
+      },
+      toHsv: function toHsv() {
+        var hsv = rgbToHsv(this._r, this._g, this._b);
+        return {
+          h: hsv.h * 360,
+          s: hsv.s,
+          v: hsv.v,
+          a: this._a
+        };
+      },
+      toHsvString: function toHsvString() {
+        var hsv = rgbToHsv(this._r, this._g, this._b);
+        var h = Math.round(hsv.h * 360), s = Math.round(hsv.s * 100), v = Math.round(hsv.v * 100);
+        return this._a == 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")";
+      },
+      toHsl: function toHsl() {
+        var hsl = rgbToHsl(this._r, this._g, this._b);
+        return {
+          h: hsl.h * 360,
+          s: hsl.s,
+          l: hsl.l,
+          a: this._a
+        };
+      },
+      toHslString: function toHslString() {
+        var hsl = rgbToHsl(this._r, this._g, this._b);
+        var h = Math.round(hsl.h * 360), s = Math.round(hsl.s * 100), l = Math.round(hsl.l * 100);
+        return this._a == 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
+      },
+      toHex: function toHex(allow3Char) {
+        return rgbToHex(this._r, this._g, this._b, allow3Char);
+      },
+      toHexString: function toHexString(allow3Char) {
+        return "#" + this.toHex(allow3Char);
+      },
+      toHex8: function toHex8(allow4Char) {
+        return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
+      },
+      toHex8String: function toHex8String(allow4Char) {
+        return "#" + this.toHex8(allow4Char);
+      },
+      toRgb: function toRgb() {
+        return {
+          r: Math.round(this._r),
+          g: Math.round(this._g),
+          b: Math.round(this._b),
+          a: this._a
+        };
+      },
+      toRgbString: function toRgbString() {
+        return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
+      },
+      toPercentageRgb: function toPercentageRgb() {
+        return {
+          r: Math.round(bound01(this._r, 255) * 100) + "%",
+          g: Math.round(bound01(this._g, 255) * 100) + "%",
+          b: Math.round(bound01(this._b, 255) * 100) + "%",
+          a: this._a
+        };
+      },
+      toPercentageRgbString: function toPercentageRgbString() {
+        return this._a == 1 ? "rgb(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
+      },
+      toName: function toName() {
+        if (this._a === 0) {
+          return "transparent";
+        }
+        if (this._a < 1) {
+          return false;
+        }
+        return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
+      },
+      toFilter: function toFilter(secondColor) {
+        var hex8String = "#" + rgbaToArgbHex(this._r, this._g, this._b, this._a);
+        var secondHex8String = hex8String;
+        var gradientType = this._gradientType ? "GradientType = 1, " : "";
+        if (secondColor) {
+          var s = tinycolor(secondColor);
+          secondHex8String = "#" + rgbaToArgbHex(s._r, s._g, s._b, s._a);
+        }
+        return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
+      },
+      toString: function toString2(format) {
+        var formatSet = !!format;
+        format = format || this._format;
+        var formattedString = false;
+        var hasAlpha = this._a < 1 && this._a >= 0;
+        var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
+        if (needsAlphaFormat) {
+          if (format === "name" && this._a === 0) {
+            return this.toName();
+          }
+          return this.toRgbString();
+        }
+        if (format === "rgb") {
+          formattedString = this.toRgbString();
+        }
+        if (format === "prgb") {
+          formattedString = this.toPercentageRgbString();
+        }
+        if (format === "hex" || format === "hex6") {
+          formattedString = this.toHexString();
+        }
+        if (format === "hex3") {
+          formattedString = this.toHexString(true);
+        }
+        if (format === "hex4") {
+          formattedString = this.toHex8String(true);
+        }
+        if (format === "hex8") {
+          formattedString = this.toHex8String();
+        }
+        if (format === "name") {
+          formattedString = this.toName();
+        }
+        if (format === "hsl") {
+          formattedString = this.toHslString();
+        }
+        if (format === "hsv") {
+          formattedString = this.toHsvString();
+        }
+        return formattedString || this.toHexString();
+      },
+      clone: function clone3() {
+        return tinycolor(this.toString());
+      },
+      _applyModification: function _applyModification(fn, args) {
+        var color = fn.apply(null, [this].concat([].slice.call(args)));
+        this._r = color._r;
+        this._g = color._g;
+        this._b = color._b;
+        this.setAlpha(color._a);
+        return this;
+      },
+      lighten: function lighten() {
+        return this._applyModification(_lighten, arguments);
+      },
+      brighten: function brighten() {
+        return this._applyModification(_brighten, arguments);
+      },
+      darken: function darken() {
+        return this._applyModification(_darken, arguments);
+      },
+      desaturate: function desaturate() {
+        return this._applyModification(_desaturate, arguments);
+      },
+      saturate: function saturate() {
+        return this._applyModification(_saturate, arguments);
+      },
+      greyscale: function greyscale() {
+        return this._applyModification(_greyscale, arguments);
+      },
+      spin: function spin() {
+        return this._applyModification(_spin, arguments);
+      },
+      _applyCombination: function _applyCombination(fn, args) {
+        return fn.apply(null, [this].concat([].slice.call(args)));
+      },
+      analogous: function analogous() {
+        return this._applyCombination(_analogous, arguments);
+      },
+      complement: function complement() {
+        return this._applyCombination(_complement, arguments);
+      },
+      monochromatic: function monochromatic() {
+        return this._applyCombination(_monochromatic, arguments);
+      },
+      splitcomplement: function splitcomplement() {
+        return this._applyCombination(_splitcomplement, arguments);
+      },
+      triad: function triad() {
+        return this._applyCombination(polyad, [3]);
+      },
+      tetrad: function tetrad() {
+        return this._applyCombination(polyad, [4]);
+      }
+    };
+    tinycolor.fromRatio = function(color, opts) {
+      if (_typeof(color) == "object") {
+        var newColor = {};
+        for (var i in color) {
+          if (color.hasOwnProperty(i)) {
+            if (i === "a") {
+              newColor[i] = color[i];
+            } else {
+              newColor[i] = convertToPercentage(color[i]);
+            }
+          }
+        }
+        color = newColor;
+      }
+      return tinycolor(color, opts);
+    };
+    function inputToRGB(color) {
+      var rgb = {
+        r: 0,
+        g: 0,
+        b: 0
+      };
+      var a = 1;
+      var s = null;
+      var v = null;
+      var l = null;
+      var ok = false;
+      var format = false;
+      if (typeof color == "string") {
+        color = stringInputToObject(color);
+      }
+      if (_typeof(color) == "object") {
+        if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
+          rgb = rgbToRgb(color.r, color.g, color.b);
+          ok = true;
+          format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
+        } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+          s = convertToPercentage(color.s);
+          v = convertToPercentage(color.v);
+          rgb = hsvToRgb(color.h, s, v);
+          ok = true;
+          format = "hsv";
+        } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+          s = convertToPercentage(color.s);
+          l = convertToPercentage(color.l);
+          rgb = hslToRgb(color.h, s, l);
+          ok = true;
+          format = "hsl";
+        }
+        if (color.hasOwnProperty("a")) {
+          a = color.a;
+        }
+      }
+      a = boundAlpha(a);
+      return {
+        ok,
+        format: color.format || format,
+        r: Math.min(255, Math.max(rgb.r, 0)),
+        g: Math.min(255, Math.max(rgb.g, 0)),
+        b: Math.min(255, Math.max(rgb.b, 0)),
+        a
+      };
+    }
+    function rgbToRgb(r, g, b) {
+      return {
+        r: bound01(r, 255) * 255,
+        g: bound01(g, 255) * 255,
+        b: bound01(b, 255) * 255
+      };
+    }
+    function rgbToHsl(r, g, b) {
+      r = bound01(r, 255);
+      g = bound01(g, 255);
+      b = bound01(b, 255);
+      var max2 = Math.max(r, g, b), min2 = Math.min(r, g, b);
+      var h, s, l = (max2 + min2) / 2;
+      if (max2 == min2) {
+        h = s = 0;
+      } else {
+        var d = max2 - min2;
+        s = l > 0.5 ? d / (2 - max2 - min2) : d / (max2 + min2);
+        switch (max2) {
+          case r:
+            h = (g - b) / d + (g < b ? 6 : 0);
+            break;
+          case g:
+            h = (b - r) / d + 2;
+            break;
+          case b:
+            h = (r - g) / d + 4;
+            break;
+        }
+        h /= 6;
+      }
+      return {
+        h,
+        s,
+        l
+      };
+    }
+    function hslToRgb(h, s, l) {
+      var r, g, b;
+      h = bound01(h, 360);
+      s = bound01(s, 100);
+      l = bound01(l, 100);
+      function hue2rgb(p2, q2, t) {
+        if (t < 0)
+          t += 1;
+        if (t > 1)
+          t -= 1;
+        if (t < 1 / 6)
+          return p2 + (q2 - p2) * 6 * t;
+        if (t < 1 / 2)
+          return q2;
+        if (t < 2 / 3)
+          return p2 + (q2 - p2) * (2 / 3 - t) * 6;
+        return p2;
+      }
+      if (s === 0) {
+        r = g = b = l;
+      } else {
+        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        var p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+      }
+      return {
+        r: r * 255,
+        g: g * 255,
+        b: b * 255
+      };
+    }
+    function rgbToHsv(r, g, b) {
+      r = bound01(r, 255);
+      g = bound01(g, 255);
+      b = bound01(b, 255);
+      var max2 = Math.max(r, g, b), min2 = Math.min(r, g, b);
+      var h, s, v = max2;
+      var d = max2 - min2;
+      s = max2 === 0 ? 0 : d / max2;
+      if (max2 == min2) {
+        h = 0;
+      } else {
+        switch (max2) {
+          case r:
+            h = (g - b) / d + (g < b ? 6 : 0);
+            break;
+          case g:
+            h = (b - r) / d + 2;
+            break;
+          case b:
+            h = (r - g) / d + 4;
+            break;
+        }
+        h /= 6;
+      }
+      return {
+        h,
+        s,
+        v
+      };
+    }
+    function hsvToRgb(h, s, v) {
+      h = bound01(h, 360) * 6;
+      s = bound01(s, 100);
+      v = bound01(v, 100);
+      var i = Math.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod];
+      return {
+        r: r * 255,
+        g: g * 255,
+        b: b * 255
+      };
+    }
+    function rgbToHex(r, g, b, allow3Char) {
+      var hex3 = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
+      if (allow3Char && hex3[0].charAt(0) == hex3[0].charAt(1) && hex3[1].charAt(0) == hex3[1].charAt(1) && hex3[2].charAt(0) == hex3[2].charAt(1)) {
+        return hex3[0].charAt(0) + hex3[1].charAt(0) + hex3[2].charAt(0);
+      }
+      return hex3.join("");
+    }
+    function rgbaToHex(r, g, b, a, allow4Char) {
+      var hex3 = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16)), pad2(convertDecimalToHex(a))];
+      if (allow4Char && hex3[0].charAt(0) == hex3[0].charAt(1) && hex3[1].charAt(0) == hex3[1].charAt(1) && hex3[2].charAt(0) == hex3[2].charAt(1) && hex3[3].charAt(0) == hex3[3].charAt(1)) {
+        return hex3[0].charAt(0) + hex3[1].charAt(0) + hex3[2].charAt(0) + hex3[3].charAt(0);
+      }
+      return hex3.join("");
+    }
+    function rgbaToArgbHex(r, g, b, a) {
+      var hex3 = [pad2(convertDecimalToHex(a)), pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
+      return hex3.join("");
+    }
+    tinycolor.equals = function(color1, color2) {
+      if (!color1 || !color2)
+        return false;
+      return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
+    };
+    tinycolor.random = function() {
+      return tinycolor.fromRatio({
+        r: Math.random(),
+        g: Math.random(),
+        b: Math.random()
+      });
+    };
+    function _desaturate(color, amount) {
+      amount = amount === 0 ? 0 : amount || 10;
+      var hsl = tinycolor(color).toHsl();
+      hsl.s -= amount / 100;
+      hsl.s = clamp01(hsl.s);
+      return tinycolor(hsl);
+    }
+    function _saturate(color, amount) {
+      amount = amount === 0 ? 0 : amount || 10;
+      var hsl = tinycolor(color).toHsl();
+      hsl.s += amount / 100;
+      hsl.s = clamp01(hsl.s);
+      return tinycolor(hsl);
+    }
+    function _greyscale(color) {
+      return tinycolor(color).desaturate(100);
+    }
+    function _lighten(color, amount) {
+      amount = amount === 0 ? 0 : amount || 10;
+      var hsl = tinycolor(color).toHsl();
+      hsl.l += amount / 100;
+      hsl.l = clamp01(hsl.l);
+      return tinycolor(hsl);
+    }
+    function _brighten(color, amount) {
+      amount = amount === 0 ? 0 : amount || 10;
+      var rgb = tinycolor(color).toRgb();
+      rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
+      rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
+      rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
+      return tinycolor(rgb);
+    }
+    function _darken(color, amount) {
+      amount = amount === 0 ? 0 : amount || 10;
+      var hsl = tinycolor(color).toHsl();
+      hsl.l -= amount / 100;
+      hsl.l = clamp01(hsl.l);
+      return tinycolor(hsl);
+    }
+    function _spin(color, amount) {
+      var hsl = tinycolor(color).toHsl();
+      var hue = (hsl.h + amount) % 360;
+      hsl.h = hue < 0 ? 360 + hue : hue;
+      return tinycolor(hsl);
+    }
+    function _complement(color) {
+      var hsl = tinycolor(color).toHsl();
+      hsl.h = (hsl.h + 180) % 360;
+      return tinycolor(hsl);
+    }
+    function polyad(color, number4) {
+      if (isNaN(number4) || number4 <= 0) {
+        throw new Error("Argument to polyad must be a positive number");
+      }
+      var hsl = tinycolor(color).toHsl();
+      var result2 = [tinycolor(color)];
+      var step = 360 / number4;
+      for (var i = 1;i < number4; i++) {
+        result2.push(tinycolor({
+          h: (hsl.h + i * step) % 360,
+          s: hsl.s,
+          l: hsl.l
+        }));
+      }
+      return result2;
+    }
+    function _splitcomplement(color) {
+      var hsl = tinycolor(color).toHsl();
+      var h = hsl.h;
+      return [tinycolor(color), tinycolor({
+        h: (h + 72) % 360,
+        s: hsl.s,
+        l: hsl.l
+      }), tinycolor({
+        h: (h + 216) % 360,
+        s: hsl.s,
+        l: hsl.l
+      })];
+    }
+    function _analogous(color, results, slices) {
+      results = results || 6;
+      slices = slices || 30;
+      var hsl = tinycolor(color).toHsl();
+      var part = 360 / slices;
+      var ret = [tinycolor(color)];
+      for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360;--results; ) {
+        hsl.h = (hsl.h + part) % 360;
+        ret.push(tinycolor(hsl));
+      }
+      return ret;
+    }
+    function _monochromatic(color, results) {
+      results = results || 6;
+      var hsv = tinycolor(color).toHsv();
+      var { h, s, v } = hsv;
+      var ret = [];
+      var modification = 1 / results;
+      while (results--) {
+        ret.push(tinycolor({
+          h,
+          s,
+          v
+        }));
+        v = (v + modification) % 1;
+      }
+      return ret;
+    }
+    tinycolor.mix = function(color1, color2, amount) {
+      amount = amount === 0 ? 0 : amount || 50;
+      var rgb1 = tinycolor(color1).toRgb();
+      var rgb2 = tinycolor(color2).toRgb();
+      var p = amount / 100;
+      var rgba = {
+        r: (rgb2.r - rgb1.r) * p + rgb1.r,
+        g: (rgb2.g - rgb1.g) * p + rgb1.g,
+        b: (rgb2.b - rgb1.b) * p + rgb1.b,
+        a: (rgb2.a - rgb1.a) * p + rgb1.a
+      };
+      return tinycolor(rgba);
+    };
+    tinycolor.readability = function(color1, color2) {
+      var c1 = tinycolor(color1);
+      var c2 = tinycolor(color2);
+      return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05);
+    };
+    tinycolor.isReadable = function(color1, color2, wcag2) {
+      var readability = tinycolor.readability(color1, color2);
+      var wcag2Parms, out;
+      out = false;
+      wcag2Parms = validateWCAG2Parms(wcag2);
+      switch (wcag2Parms.level + wcag2Parms.size) {
+        case "AAsmall":
+        case "AAAlarge":
+          out = readability >= 4.5;
+          break;
+        case "AAlarge":
+          out = readability >= 3;
+          break;
+        case "AAAsmall":
+          out = readability >= 7;
+          break;
+      }
+      return out;
+    };
+    tinycolor.mostReadable = function(baseColor, colorList, args) {
+      var bestColor = null;
+      var bestScore = 0;
+      var readability;
+      var includeFallbackColors, level, size2;
+      args = args || {};
+      includeFallbackColors = args.includeFallbackColors;
+      level = args.level;
+      size2 = args.size;
+      for (var i = 0;i < colorList.length; i++) {
+        readability = tinycolor.readability(baseColor, colorList[i]);
+        if (readability > bestScore) {
+          bestScore = readability;
+          bestColor = tinycolor(colorList[i]);
+        }
+      }
+      if (tinycolor.isReadable(baseColor, bestColor, {
+        level,
+        size: size2
+      }) || !includeFallbackColors) {
+        return bestColor;
+      } else {
+        args.includeFallbackColors = false;
+        return tinycolor.mostReadable(baseColor, ["#fff", "#000"], args);
+      }
+    };
+    var names = tinycolor.names = {
+      aliceblue: "f0f8ff",
+      antiquewhite: "faebd7",
+      aqua: "0ff",
+      aquamarine: "7fffd4",
+      azure: "f0ffff",
+      beige: "f5f5dc",
+      bisque: "ffe4c4",
+      black: "000",
+      blanchedalmond: "ffebcd",
+      blue: "00f",
+      blueviolet: "8a2be2",
+      brown: "a52a2a",
+      burlywood: "deb887",
+      burntsienna: "ea7e5d",
+      cadetblue: "5f9ea0",
+      chartreuse: "7fff00",
+      chocolate: "d2691e",
+      coral: "ff7f50",
+      cornflowerblue: "6495ed",
+      cornsilk: "fff8dc",
+      crimson: "dc143c",
+      cyan: "0ff",
+      darkblue: "00008b",
+      darkcyan: "008b8b",
+      darkgoldenrod: "b8860b",
+      darkgray: "a9a9a9",
+      darkgreen: "006400",
+      darkgrey: "a9a9a9",
+      darkkhaki: "bdb76b",
+      darkmagenta: "8b008b",
+      darkolivegreen: "556b2f",
+      darkorange: "ff8c00",
+      darkorchid: "9932cc",
+      darkred: "8b0000",
+      darksalmon: "e9967a",
+      darkseagreen: "8fbc8f",
+      darkslateblue: "483d8b",
+      darkslategray: "2f4f4f",
+      darkslategrey: "2f4f4f",
+      darkturquoise: "00ced1",
+      darkviolet: "9400d3",
+      deeppink: "ff1493",
+      deepskyblue: "00bfff",
+      dimgray: "696969",
+      dimgrey: "696969",
+      dodgerblue: "1e90ff",
+      firebrick: "b22222",
+      floralwhite: "fffaf0",
+      forestgreen: "228b22",
+      fuchsia: "f0f",
+      gainsboro: "dcdcdc",
+      ghostwhite: "f8f8ff",
+      gold: "ffd700",
+      goldenrod: "daa520",
+      gray: "808080",
+      green: "008000",
+      greenyellow: "adff2f",
+      grey: "808080",
+      honeydew: "f0fff0",
+      hotpink: "ff69b4",
+      indianred: "cd5c5c",
+      indigo: "4b0082",
+      ivory: "fffff0",
+      khaki: "f0e68c",
+      lavender: "e6e6fa",
+      lavenderblush: "fff0f5",
+      lawngreen: "7cfc00",
+      lemonchiffon: "fffacd",
+      lightblue: "add8e6",
+      lightcoral: "f08080",
+      lightcyan: "e0ffff",
+      lightgoldenrodyellow: "fafad2",
+      lightgray: "d3d3d3",
+      lightgreen: "90ee90",
+      lightgrey: "d3d3d3",
+      lightpink: "ffb6c1",
+      lightsalmon: "ffa07a",
+      lightseagreen: "20b2aa",
+      lightskyblue: "87cefa",
+      lightslategray: "789",
+      lightslategrey: "789",
+      lightsteelblue: "b0c4de",
+      lightyellow: "ffffe0",
+      lime: "0f0",
+      limegreen: "32cd32",
+      linen: "faf0e6",
+      magenta: "f0f",
+      maroon: "800000",
+      mediumaquamarine: "66cdaa",
+      mediumblue: "0000cd",
+      mediumorchid: "ba55d3",
+      mediumpurple: "9370db",
+      mediumseagreen: "3cb371",
+      mediumslateblue: "7b68ee",
+      mediumspringgreen: "00fa9a",
+      mediumturquoise: "48d1cc",
+      mediumvioletred: "c71585",
+      midnightblue: "191970",
+      mintcream: "f5fffa",
+      mistyrose: "ffe4e1",
+      moccasin: "ffe4b5",
+      navajowhite: "ffdead",
+      navy: "000080",
+      oldlace: "fdf5e6",
+      olive: "808000",
+      olivedrab: "6b8e23",
+      orange: "ffa500",
+      orangered: "ff4500",
+      orchid: "da70d6",
+      palegoldenrod: "eee8aa",
+      palegreen: "98fb98",
+      paleturquoise: "afeeee",
+      palevioletred: "db7093",
+      papayawhip: "ffefd5",
+      peachpuff: "ffdab9",
+      peru: "cd853f",
+      pink: "ffc0cb",
+      plum: "dda0dd",
+      powderblue: "b0e0e6",
+      purple: "800080",
+      rebeccapurple: "663399",
+      red: "f00",
+      rosybrown: "bc8f8f",
+      royalblue: "4169e1",
+      saddlebrown: "8b4513",
+      salmon: "fa8072",
+      sandybrown: "f4a460",
+      seagreen: "2e8b57",
+      seashell: "fff5ee",
+      sienna: "a0522d",
+      silver: "c0c0c0",
+      skyblue: "87ceeb",
+      slateblue: "6a5acd",
+      slategray: "708090",
+      slategrey: "708090",
+      snow: "fffafa",
+      springgreen: "00ff7f",
+      steelblue: "4682b4",
+      tan: "d2b48c",
+      teal: "008080",
+      thistle: "d8bfd8",
+      tomato: "ff6347",
+      turquoise: "40e0d0",
+      violet: "ee82ee",
+      wheat: "f5deb3",
+      white: "fff",
+      whitesmoke: "f5f5f5",
+      yellow: "ff0",
+      yellowgreen: "9acd32"
+    };
+    var hexNames = tinycolor.hexNames = flip2(names);
+    function flip2(o) {
+      var flipped = {};
+      for (var i in o) {
+        if (o.hasOwnProperty(i)) {
+          flipped[o[i]] = i;
+        }
+      }
+      return flipped;
+    }
+    function boundAlpha(a) {
+      a = parseFloat(a);
+      if (isNaN(a) || a < 0 || a > 1) {
+        a = 1;
+      }
+      return a;
+    }
+    function bound01(n, max2) {
+      if (isOnePointZero(n))
+        n = "100%";
+      var processPercent = isPercentage(n);
+      n = Math.min(max2, Math.max(0, parseFloat(n)));
+      if (processPercent) {
+        n = parseInt(n * max2, 10) / 100;
+      }
+      if (Math.abs(n - max2) < 0.000001) {
+        return 1;
+      }
+      return n % max2 / parseFloat(max2);
+    }
+    function clamp01(val) {
+      return Math.min(1, Math.max(0, val));
+    }
+    function parseIntFromHex(val) {
+      return parseInt(val, 16);
+    }
+    function isOnePointZero(n) {
+      return typeof n == "string" && n.indexOf(".") != -1 && parseFloat(n) === 1;
+    }
+    function isPercentage(n) {
+      return typeof n === "string" && n.indexOf("%") != -1;
+    }
+    function pad2(c) {
+      return c.length == 1 ? "0" + c : "" + c;
+    }
+    function convertToPercentage(n) {
+      if (n <= 1) {
+        n = n * 100 + "%";
+      }
+      return n;
+    }
+    function convertDecimalToHex(d) {
+      return Math.round(parseFloat(d) * 255).toString(16);
+    }
+    function convertHexToDecimal(h) {
+      return parseIntFromHex(h) / 255;
+    }
+    var matchers = function() {
+      var CSS_INTEGER = "[-\\+]?\\d+%?";
+      var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
+      var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+      var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+      var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+      return {
+        CSS_UNIT: new RegExp(CSS_UNIT),
+        rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
+        rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
+        hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
+        hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
+        hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
+        hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
+        hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+        hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+        hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+        hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+      };
+    }();
+    function isValidCSSUnit(color) {
+      return !!matchers.CSS_UNIT.exec(color);
+    }
+    function stringInputToObject(color) {
+      color = color.replace(trimLeft, "").replace(trimRight, "").toLowerCase();
+      var named = false;
+      if (names[color]) {
+        color = names[color];
+        named = true;
+      } else if (color == "transparent") {
+        return {
+          r: 0,
+          g: 0,
+          b: 0,
+          a: 0,
+          format: "name"
+        };
+      }
+      var match;
+      if (match = matchers.rgb.exec(color)) {
+        return {
+          r: match[1],
+          g: match[2],
+          b: match[3]
+        };
+      }
+      if (match = matchers.rgba.exec(color)) {
+        return {
+          r: match[1],
+          g: match[2],
+          b: match[3],
+          a: match[4]
+        };
+      }
+      if (match = matchers.hsl.exec(color)) {
+        return {
+          h: match[1],
+          s: match[2],
+          l: match[3]
+        };
+      }
+      if (match = matchers.hsla.exec(color)) {
+        return {
+          h: match[1],
+          s: match[2],
+          l: match[3],
+          a: match[4]
+        };
+      }
+      if (match = matchers.hsv.exec(color)) {
+        return {
+          h: match[1],
+          s: match[2],
+          v: match[3]
+        };
+      }
+      if (match = matchers.hsva.exec(color)) {
+        return {
+          h: match[1],
+          s: match[2],
+          v: match[3],
+          a: match[4]
+        };
+      }
+      if (match = matchers.hex8.exec(color)) {
+        return {
+          r: parseIntFromHex(match[1]),
+          g: parseIntFromHex(match[2]),
+          b: parseIntFromHex(match[3]),
+          a: convertHexToDecimal(match[4]),
+          format: named ? "name" : "hex8"
+        };
+      }
+      if (match = matchers.hex6.exec(color)) {
+        return {
+          r: parseIntFromHex(match[1]),
+          g: parseIntFromHex(match[2]),
+          b: parseIntFromHex(match[3]),
+          format: named ? "name" : "hex"
+        };
+      }
+      if (match = matchers.hex4.exec(color)) {
+        return {
+          r: parseIntFromHex(match[1] + "" + match[1]),
+          g: parseIntFromHex(match[2] + "" + match[2]),
+          b: parseIntFromHex(match[3] + "" + match[3]),
+          a: convertHexToDecimal(match[4] + "" + match[4]),
+          format: named ? "name" : "hex8"
+        };
+      }
+      if (match = matchers.hex3.exec(color)) {
+        return {
+          r: parseIntFromHex(match[1] + "" + match[1]),
+          g: parseIntFromHex(match[2] + "" + match[2]),
+          b: parseIntFromHex(match[3] + "" + match[3]),
+          format: named ? "name" : "hex"
+        };
+      }
+      return false;
+    }
+    function validateWCAG2Parms(parms) {
+      var level, size2;
+      parms = parms || {
+        level: "AA",
+        size: "small"
+      };
+      level = (parms.level || "AA").toUpperCase();
+      size2 = (parms.size || "small").toLowerCase();
+      if (level !== "AA" && level !== "AAA") {
+        level = "AA";
+      }
+      if (size2 !== "small" && size2 !== "large") {
+        size2 = "small";
+      }
+      return {
+        level,
+        size: size2
+      };
+    }
+    return tinycolor;
+  });
+});
+
+// node_modules/tinygradient/index.js
+var require_tinygradient = __commonJS((exports, module) => {
+  var tinycolor = require_tinycolor();
+  var RGBA_MAX = { r: 256, g: 256, b: 256, a: 1 };
+  var HSVA_MAX = { h: 360, s: 1, v: 1, a: 1 };
+  function stepize(start, end, steps) {
+    let step = {};
+    for (let k in start) {
+      if (start.hasOwnProperty(k)) {
+        step[k] = steps === 0 ? 0 : (end[k] - start[k]) / steps;
+      }
+    }
+    return step;
+  }
+  function interpolate(step, start, i, max2) {
+    let color = {};
+    for (let k in start) {
+      if (start.hasOwnProperty(k)) {
+        color[k] = step[k] * i + start[k];
+        color[k] = color[k] < 0 ? color[k] + max2[k] : max2[k] !== 1 ? color[k] % max2[k] : color[k];
+      }
+    }
+    return color;
+  }
+  function interpolateRgb(stop1, stop2, steps) {
+    const start = stop1.color.toRgb();
+    const end = stop2.color.toRgb();
+    const step = stepize(start, end, steps);
+    let gradient = [stop1.color];
+    for (let i = 1;i < steps; i++) {
+      const color = interpolate(step, start, i, RGBA_MAX);
+      gradient.push(tinycolor(color));
+    }
+    return gradient;
+  }
+  function interpolateHsv(stop1, stop2, steps, mode) {
+    const start = stop1.color.toHsv();
+    const end = stop2.color.toHsv();
+    if (start.s === 0 || end.s === 0) {
+      return interpolateRgb(stop1, stop2, steps);
+    }
+    let trigonometric;
+    if (typeof mode === "boolean") {
+      trigonometric = mode;
+    } else {
+      const trigShortest = start.h < end.h && end.h - start.h < 180 || start.h > end.h && start.h - end.h > 180;
+      trigonometric = mode === "long" && trigShortest || mode === "short" && !trigShortest;
+    }
+    const step = stepize(start, end, steps);
+    let gradient = [stop1.color];
+    let diff2;
+    if (start.h <= end.h && !trigonometric || start.h >= end.h && trigonometric) {
+      diff2 = end.h - start.h;
+    } else if (trigonometric) {
+      diff2 = 360 - end.h + start.h;
+    } else {
+      diff2 = 360 - start.h + end.h;
+    }
+    step.h = Math.pow(-1, trigonometric ? 1 : 0) * Math.abs(diff2) / steps;
+    for (let i = 1;i < steps; i++) {
+      const color = interpolate(step, start, i, HSVA_MAX);
+      gradient.push(tinycolor(color));
+    }
+    return gradient;
+  }
+  function computeSubsteps(stops, steps) {
+    const l = stops.length;
+    steps = parseInt(steps, 10);
+    if (isNaN(steps) || steps < 2) {
+      throw new Error("Invalid number of steps (< 2)");
+    }
+    if (steps < l) {
+      throw new Error("Number of steps cannot be inferior to number of stops");
+    }
+    let substeps = [];
+    for (let i = 1;i < l; i++) {
+      const step = (steps - 1) * (stops[i].pos - stops[i - 1].pos);
+      substeps.push(Math.max(1, Math.round(step)));
+    }
+    let totalSubsteps = 1;
+    for (let n = l - 1;n--; )
+      totalSubsteps += substeps[n];
+    while (totalSubsteps !== steps) {
+      if (totalSubsteps < steps) {
+        const min2 = Math.min.apply(null, substeps);
+        substeps[substeps.indexOf(min2)]++;
+        totalSubsteps++;
+      } else {
+        const max2 = Math.max.apply(null, substeps);
+        substeps[substeps.indexOf(max2)]--;
+        totalSubsteps--;
+      }
+    }
+    return substeps;
+  }
+  function computeAt(stops, pos, method2, max2) {
+    if (pos < 0 || pos > 1) {
+      throw new Error("Position must be between 0 and 1");
+    }
+    let start, end;
+    for (let i = 0, l = stops.length;i < l - 1; i++) {
+      if (pos >= stops[i].pos && pos < stops[i + 1].pos) {
+        start = stops[i];
+        end = stops[i + 1];
+        break;
+      }
+    }
+    if (!start) {
+      start = end = stops[stops.length - 1];
+    }
+    const step = stepize(start.color[method2](), end.color[method2](), (end.pos - start.pos) * 100);
+    const color = interpolate(step, start.color[method2](), (pos - start.pos) * 100, max2);
+    return tinycolor(color);
+  }
+
+  class TinyGradient {
+    constructor(stops) {
+      if (stops.length < 2) {
+        throw new Error("Invalid number of stops (< 2)");
+      }
+      const havingPositions = stops[0].pos !== undefined;
+      let l = stops.length;
+      let p = -1;
+      let lastColorLess = false;
+      this.stops = stops.map((stop, i) => {
+        const hasPosition = stop.pos !== undefined;
+        if (havingPositions ^ hasPosition) {
+          throw new Error("Cannot mix positionned and not posionned color stops");
+        }
+        if (hasPosition) {
+          const hasColor = stop.color !== undefined;
+          if (!hasColor && (lastColorLess || i === 0 || i === l - 1)) {
+            throw new Error("Cannot define two consecutive position-only stops");
+          }
+          lastColorLess = !hasColor;
+          stop = {
+            color: hasColor ? tinycolor(stop.color) : null,
+            colorLess: !hasColor,
+            pos: stop.pos
+          };
+          if (stop.pos < 0 || stop.pos > 1) {
+            throw new Error("Color stops positions must be between 0 and 1");
+          } else if (stop.pos < p) {
+            throw new Error("Color stops positions are not ordered");
+          }
+          p = stop.pos;
+        } else {
+          stop = {
+            color: tinycolor(stop.color !== undefined ? stop.color : stop),
+            pos: i / (l - 1)
+          };
+        }
+        return stop;
+      });
+      if (this.stops[0].pos !== 0) {
+        this.stops.unshift({
+          color: this.stops[0].color,
+          pos: 0
+        });
+        l++;
+      }
+      if (this.stops[l - 1].pos !== 1) {
+        this.stops.push({
+          color: this.stops[l - 1].color,
+          pos: 1
+        });
+      }
+    }
+    reverse() {
+      let stops = [];
+      this.stops.forEach(function(stop) {
+        stops.push({
+          color: stop.color,
+          pos: 1 - stop.pos
+        });
+      });
+      return new TinyGradient(stops.reverse());
+    }
+    loop() {
+      let stops1 = [];
+      let stops2 = [];
+      this.stops.forEach((stop) => {
+        stops1.push({
+          color: stop.color,
+          pos: stop.pos / 2
+        });
+      });
+      this.stops.slice(0, -1).forEach((stop) => {
+        stops2.push({
+          color: stop.color,
+          pos: 1 - stop.pos / 2
+        });
+      });
+      return new TinyGradient(stops1.concat(stops2.reverse()));
+    }
+    rgb(steps) {
+      const substeps = computeSubsteps(this.stops, steps);
+      let gradient = [];
+      this.stops.forEach((stop, i) => {
+        if (stop.colorLess) {
+          stop.color = interpolateRgb(this.stops[i - 1], this.stops[i + 1], 2)[1];
+        }
+      });
+      for (let i = 0, l = this.stops.length;i < l - 1; i++) {
+        const rgb = interpolateRgb(this.stops[i], this.stops[i + 1], substeps[i]);
+        gradient.splice(gradient.length, 0, ...rgb);
+      }
+      gradient.push(this.stops[this.stops.length - 1].color);
+      return gradient;
+    }
+    hsv(steps, mode) {
+      const substeps = computeSubsteps(this.stops, steps);
+      let gradient = [];
+      this.stops.forEach((stop, i) => {
+        if (stop.colorLess) {
+          stop.color = interpolateHsv(this.stops[i - 1], this.stops[i + 1], 2, mode)[1];
+        }
+      });
+      for (let i = 0, l = this.stops.length;i < l - 1; i++) {
+        const hsv = interpolateHsv(this.stops[i], this.stops[i + 1], substeps[i], mode);
+        gradient.splice(gradient.length, 0, ...hsv);
+      }
+      gradient.push(this.stops[this.stops.length - 1].color);
+      return gradient;
+    }
+    css(mode, direction) {
+      mode = mode || "linear";
+      direction = direction || (mode === "linear" ? "to right" : "ellipse at center");
+      let css = mode + "-gradient(" + direction;
+      this.stops.forEach(function(stop) {
+        css += ", " + (stop.colorLess ? "" : stop.color.toRgbString() + " ") + stop.pos * 100 + "%";
+      });
+      css += ")";
+      return css;
+    }
+    rgbAt(pos) {
+      return computeAt(this.stops, pos, "toRgb", RGBA_MAX);
+    }
+    hsvAt(pos) {
+      return computeAt(this.stops, pos, "toHsv", HSVA_MAX);
+    }
+  }
+  module.exports = function(stops) {
+    if (arguments.length === 1) {
+      if (!Array.isArray(arguments[0])) {
+        throw new Error('"stops" is not an array');
+      }
+      stops = arguments[0];
+    } else {
+      stops = Array.prototype.slice.call(arguments);
+    }
+    return new TinyGradient(stops);
+  };
+});
+
+// node_modules/gradient-string/dist/index.js
+function applyGradient(str, gradient2, opts) {
+  const options = validateOptions(opts);
+  const colorsCount = Math.max(str.replace(/\s/g, "").length, gradient2.stops.length);
+  const colors = getColors(gradient2, options, colorsCount);
+  let result2 = "";
+  for (const s of str) {
+    result2 += s.match(/\s/g) ? s : source_default.hex(colors.shift()?.toHex() || "#000")(s);
+  }
+  return result2;
+}
+function multiline(str, gradient2, opts) {
+  const options = validateOptions(opts);
+  const lines = str.split(`
+`);
+  const maxLength = Math.max(...lines.map((l) => l.length), gradient2.stops.length);
+  const colors = getColors(gradient2, options, maxLength);
+  const results = [];
+  for (const line of lines) {
+    const lineColors = colors.slice(0);
+    let lineResult = "";
+    for (const l of line) {
+      lineResult += source_default.hex(lineColors.shift()?.toHex() || "#000")(l);
+    }
+    results.push(lineResult);
+  }
+  return results.join(`
+`);
+}
+function validateOptions(opts) {
+  const options = { interpolation: "rgb", hsvSpin: "short", ...opts };
+  if (opts !== undefined && typeof opts !== "object") {
+    throw new TypeError(`Expected \`options\` to be an \`object\`, got \`${typeof opts}\``);
+  }
+  if (typeof options.interpolation !== "string") {
+    throw new TypeError(`Expected \`options.interpolation\` to be \`rgb\` or \`hsv\`, got \`${typeof options.interpolation}\``);
+  }
+  if (options.interpolation.toLowerCase() === "hsv" && typeof options.hsvSpin !== "string") {
+    throw new TypeError(`Expected \`options.hsvSpin\` to be a \`short\` or \`long\`, got \`${typeof options.hsvSpin}\``);
+  }
+  return options;
+}
+function gradientAlias(alias) {
+  const result2 = (str) => gradient(...alias.colors)(str, alias.options);
+  result2.multiline = (str = "") => gradient(...alias.colors).multiline(str, alias.options);
+  return result2;
+}
+var import_tinygradient, gradient = (...colors) => {
+  let gradient2;
+  let options;
+  if (colors.length === 0) {
+    throw new Error("Missing gradient colors");
+  }
+  if (!Array.isArray(colors[0])) {
+    if (colors.length === 1) {
+      throw new Error(`Expected an array of colors, received ${JSON.stringify(colors[0])}`);
+    }
+    gradient2 = import_tinygradient.default(...colors);
+  } else {
+    gradient2 = import_tinygradient.default(colors[0]);
+    options = validateOptions(colors[1]);
+  }
+  const fn = (str, deprecatedOptions) => {
+    return applyGradient(str ? str.toString() : "", gradient2, deprecatedOptions ?? options);
+  };
+  fn.multiline = (str, deprecatedOptions) => multiline(str ? str.toString() : "", gradient2, deprecatedOptions ?? options);
+  return fn;
+}, getColors = (gradient2, options, count) => {
+  return options.interpolation?.toLowerCase() === "hsv" ? gradient2.hsv(count, options.hsvSpin?.toLowerCase() || false) : gradient2.rgb(count);
+}, aliases, dist_default4, atlas, cristal, teen, mind, morning, vice, passion, fruit, instagram, retro, summer, rainbow, pastel;
+var init_dist4 = __esm(() => {
+  init_source();
+  import_tinygradient = __toESM(require_tinygradient(), 1);
+  aliases = {
+    atlas: { colors: ["#feac5e", "#c779d0", "#4bc0c8"], options: {} },
+    cristal: { colors: ["#bdfff3", "#4ac29a"], options: {} },
+    teen: { colors: ["#77a1d3", "#79cbca", "#e684ae"], options: {} },
+    mind: { colors: ["#473b7b", "#3584a7", "#30d2be"], options: {} },
+    morning: { colors: ["#ff5f6d", "#ffc371"], options: { interpolation: "hsv" } },
+    vice: { colors: ["#5ee7df", "#b490ca"], options: { interpolation: "hsv" } },
+    passion: { colors: ["#f43b47", "#453a94"], options: {} },
+    fruit: { colors: ["#ff4e50", "#f9d423"], options: {} },
+    instagram: { colors: ["#833ab4", "#fd1d1d", "#fcb045"], options: {} },
+    retro: {
+      colors: ["#3f51b1", "#5a55ae", "#7b5fac", "#8f6aae", "#a86aa4", "#cc6b8e", "#f18271", "#f3a469", "#f7c978"],
+      options: {}
+    },
+    summer: { colors: ["#fdbb2d", "#22c1c3"], options: {} },
+    rainbow: { colors: ["#ff0000", "#ff0100"], options: { interpolation: "hsv", hsvSpin: "long" } },
+    pastel: { colors: ["#74ebd5", "#74ecd5"], options: { interpolation: "hsv", hsvSpin: "long" } }
+  };
+  dist_default4 = gradient;
+  atlas = gradientAlias(aliases.atlas);
+  cristal = gradientAlias(aliases.cristal);
+  teen = gradientAlias(aliases.teen);
+  mind = gradientAlias(aliases.mind);
+  morning = gradientAlias(aliases.morning);
+  vice = gradientAlias(aliases.vice);
+  passion = gradientAlias(aliases.passion);
+  fruit = gradientAlias(aliases.fruit);
+  instagram = gradientAlias(aliases.instagram);
+  retro = gradientAlias(aliases.retro);
+  summer = gradientAlias(aliases.summer);
+  rainbow = gradientAlias(aliases.rainbow);
+  pastel = gradientAlias(aliases.pastel);
+  gradient.atlas = atlas;
+  gradient.cristal = cristal;
+  gradient.teen = teen;
+  gradient.mind = mind;
+  gradient.morning = morning;
+  gradient.vice = vice;
+  gradient.passion = passion;
+  gradient.fruit = fruit;
+  gradient.instagram = instagram;
+  gradient.retro = retro;
+  gradient.summer = summer;
+  gradient.rainbow = rainbow;
+  gradient.pastel = pastel;
+});
+
+// node_modules/ink-gradient/dist/index.js
+var import_jsx_runtime, import_react26, Gradient = (props) => {
+  if (props.name && props.colors) {
+    throw new Error("The `name` and `colors` props are mutually exclusive");
+  }
+  let gradient2;
+  if (props.name) {
+    gradient2 = dist_default4[props.name];
+  } else if (props.colors) {
+    gradient2 = dist_default4(props.colors);
+  } else {
+    throw new Error("Either `name` or `colors` prop must be provided");
+  }
+  const applyGradient2 = (text) => gradient2.multiline(stripAnsi(text));
+  const containsBoxDescendant = (nodeChildren) => {
+    let hasBox = false;
+    const search = (value) => {
+      import_react26.Children.forEach(value, (child) => {
+        if (hasBox) {
+          return;
+        }
+        if (!import_react26.isValidElement(child)) {
+          return;
+        }
+        if (child.type === Box_default) {
+          hasBox = true;
+          return;
+        }
+        const childProps = child.props;
+        if (Object.hasOwn(childProps, "children")) {
+          search(childProps["children"]);
+        }
+      });
+    };
+    search(nodeChildren);
+    return hasBox;
+  };
+  const hasChildrenProp = (props2) => Object.hasOwn(props2, "children");
+  const isPlainTextNode = (node) => typeof node === "string" || typeof node === "number";
+  const isNonRenderableChild = (node) => node === null || node === undefined || typeof node === "boolean";
+  const childrenCount = import_react26.Children.count(props.children);
+  if (isPlainTextNode(props.children)) {
+    return import_jsx_runtime.jsx(Transform, { transform: applyGradient2, children: props.children });
+  }
+  if (childrenCount === 1 && !containsBoxDescendant(props.children)) {
+    return import_jsx_runtime.jsx(Transform, { transform: applyGradient2, children: props.children });
+  }
+  const applyGradientToChildren = (children) => {
+    const nodes = [];
+    let bufferedText = "";
+    let nodeIndex = 0;
+    const createKey = () => `gradient-node-${nodeIndex++}`;
+    const pushTransformed = (node, key) => {
+      nodes.push(import_jsx_runtime.jsx(Transform, { transform: applyGradient2, children: node }, key));
+    };
+    const flushText = () => {
+      if (bufferedText === "") {
+        return;
+      }
+      const text = bufferedText;
+      bufferedText = "";
+      pushTransformed(import_jsx_runtime.jsx(Text, { children: text }), createKey());
+    };
+    import_react26.Children.forEach(children, (child) => {
+      if (isNonRenderableChild(child)) {
+        return;
+      }
+      if (isPlainTextNode(child)) {
+        bufferedText += String(child);
+        return;
+      }
+      flushText();
+      if (import_react26.isValidElement(child)) {
+        const childKey = child.key ?? createKey();
+        const childProps = child.props;
+        if (child.type === Text) {
+          pushTransformed(child, childKey);
+          return;
+        }
+        if (child.type === Box_default) {
+          if (hasChildrenProp(childProps)) {
+            const childChildren = childProps["children"];
+            nodes.push(import_react26.cloneElement(child, { key: childKey }, applyGradientToChildren(childChildren)));
+            return;
+          }
+          nodes.push(import_react26.cloneElement(child, { key: childKey }));
+          return;
+        }
+        if (hasChildrenProp(childProps)) {
+          const childChildren = childProps["children"];
+          if (!containsBoxDescendant(childChildren)) {
+            pushTransformed(child, childKey);
+            return;
+          }
+          nodes.push(import_react26.cloneElement(child, { key: childKey }, applyGradientToChildren(childChildren)));
+          return;
+        }
+        pushTransformed(child, childKey);
+        return;
+      }
+      nodes.push(child);
+    });
+    flushText();
+    return nodes;
+  };
+  return import_jsx_runtime.jsx(import_jsx_runtime.Fragment, { children: applyGradientToChildren(props.children) });
+}, dist_default5;
+var init_dist5 = __esm(async () => {
+  init_dist4();
+  init_strip_ansi();
+  await init_build2();
+  import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+  import_react26 = __toESM(require_react(), 1);
+  dist_default5 = Gradient;
+});
+
+// node_modules/ink-text-input/build/index.js
+function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
+  const [state, setState] = import_react27.useState({
+    cursorOffset: (originalValue || "").length,
+    cursorWidth: 0
+  });
+  const { cursorOffset, cursorWidth } = state;
+  import_react27.useEffect(() => {
+    setState((previousState) => {
+      if (!focus || !showCursor) {
+        return previousState;
+      }
+      const newValue = originalValue || "";
+      if (previousState.cursorOffset > newValue.length - 1) {
+        return {
+          cursorOffset: newValue.length,
+          cursorWidth: 0
+        };
+      }
+      return previousState;
+    });
+  }, [originalValue, focus, showCursor]);
+  const cursorActualWidth = highlightPastedText ? cursorWidth : 0;
+  const value = mask ? mask.repeat(originalValue.length) : originalValue;
+  let renderedValue = value;
+  let renderedPlaceholder = placeholder ? source_default.grey(placeholder) : undefined;
+  if (showCursor && focus) {
+    renderedPlaceholder = placeholder.length > 0 ? source_default.inverse(placeholder[0]) + source_default.grey(placeholder.slice(1)) : source_default.inverse(" ");
+    renderedValue = value.length > 0 ? "" : source_default.inverse(" ");
+    let i = 0;
+    for (const char of value) {
+      renderedValue += i >= cursorOffset - cursorActualWidth && i <= cursorOffset ? source_default.inverse(char) : char;
+      i++;
+    }
+    if (value.length > 0 && cursorOffset === value.length) {
+      renderedValue += source_default.inverse(" ");
+    }
+  }
+  use_input_default((input, key) => {
+    if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+      return;
+    }
+    if (key.return) {
+      if (onSubmit) {
+        onSubmit(originalValue);
+      }
+      return;
+    }
+    let nextCursorOffset = cursorOffset;
+    let nextValue = originalValue;
+    let nextCursorWidth = 0;
+    if (key.leftArrow) {
+      if (showCursor) {
+        nextCursorOffset--;
+      }
+    } else if (key.rightArrow) {
+      if (showCursor) {
+        nextCursorOffset++;
+      }
+    } else if (key.backspace || key.delete) {
+      if (cursorOffset > 0) {
+        nextValue = originalValue.slice(0, cursorOffset - 1) + originalValue.slice(cursorOffset, originalValue.length);
+        nextCursorOffset--;
+      }
+    } else {
+      nextValue = originalValue.slice(0, cursorOffset) + input + originalValue.slice(cursorOffset, originalValue.length);
+      nextCursorOffset += input.length;
+      if (input.length > 1) {
+        nextCursorWidth = input.length;
+      }
+    }
+    if (cursorOffset < 0) {
+      nextCursorOffset = 0;
+    }
+    if (cursorOffset > originalValue.length) {
+      nextCursorOffset = originalValue.length;
+    }
+    setState({
+      cursorOffset: nextCursorOffset,
+      cursorWidth: nextCursorWidth
+    });
+    if (nextValue !== originalValue) {
+      onChange(nextValue);
+    }
+  }, { isActive: focus });
+  return import_react27.default.createElement(Text, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
+}
+var import_react27, build_default;
+var init_build3 = __esm(async () => {
+  init_source();
+  await init_build2();
+  import_react27 = __toESM(require_react(), 1);
+  build_default = TextInput;
+});
+
+// package.json
+var package_default;
+var init_package = __esm(() => {
+  package_default = {
+    name: "@willh/copilotstatusline",
+    version: "0.2.0",
+    bugs: {
+      url: "https://github.com/doggy8088/copilotstatusline/issues"
+    },
+    description: "A customizable status line formatter for GitHub Copilot CLI",
+    main: "./dist/copilotstatusline.js",
+    module: "./dist/copilotstatusline.js",
+    type: "module",
+    bin: {
+      copilotstatusline: "./dist/copilotstatusline.js"
+    },
+    exports: {
+      ".": {
+        import: "./dist/copilotstatusline.js",
+        default: "./dist/copilotstatusline.js"
+      },
+      "./package.json": "./package.json"
+    },
+    files: [
+      "dist/",
+      "docs/",
+      "NOTICE"
+    ],
+    scripts: {
+      start: "bun run src/copilotstatusline.ts",
+      build: "rm -rf dist/* && bun build src/copilotstatusline.ts --target=node --outfile=dist/copilotstatusline.js --target-version=22",
+      postbuild: "bun run scripts/replace-version.ts",
+      example: "bun run src/copilotstatusline.ts < scripts/payload.example.json",
+      prepublishOnly: "bun run build",
+      lint: "bun tsc --noEmit && eslint . --config eslint.config.js --max-warnings=0",
+      "lint:fix": "bun tsc --noEmit && eslint . --config eslint.config.js --max-warnings=0 --fix",
+      docs: "typedoc",
+      "docs:clean": "rm -rf typedoc"
+    },
+    devDependencies: {
+      "@eslint/js": "^10.0.1",
+      "@stylistic/eslint-plugin": "^5.2.3",
+      "@types/bun": "latest",
+      "@types/react": "^19.1.10",
+      eslint: "^10.0.0",
+      "eslint-import-resolver-typescript": "^4.4.4",
+      "eslint-plugin-import-newlines": "^2.0.0",
+      "eslint-plugin-import-x": "^4.16.2",
+      "eslint-plugin-react": "^7.37.5",
+      "eslint-plugin-react-hooks": "^7.0.1",
+      globals: "^17.3.0",
+      ink: "6.2.0",
+      "ink-gradient": "^4.0.0",
+      "ink-select-input": "^6.2.0",
+      "ink-text-input": "^6.0.0",
+      react: "19.2.7",
+      "slice-ansi": "^7.1.2",
+      "string-width": "^8.1.0",
+      "strip-ansi": "^7.1.0",
+      typedoc: "^0.28.12",
+      typescript: "^6.0.2",
+      "typescript-eslint": "^8.39.1",
+      vitest: "^4.0.18",
+      zod: "^4.0.17"
+    },
+    keywords: [
+      "github-copilot",
+      "copilot-cli",
+      "cli",
+      "status-line",
+      "terminal"
+    ],
+    author: "",
+    license: "MIT",
+    repository: {
+      type: "git",
+      url: "git+https://github.com/doggy8088/copilotstatusline.git"
+    },
+    homepage: "https://github.com/doggy8088/copilotstatusline#readme",
+    publishConfig: {
+      access: "public"
+    },
+    engines: {
+      node: ">=22.0.0"
+    },
+    trustedDependencies: [
+      "unrs-resolver"
+    ]
+  };
+});
+
+// node_modules/react/cjs/react-jsx-dev-runtime.development.js
+var require_react_jsx_dev_runtime_development = __commonJS((exports) => {
+  var React11 = __toESM(require_react());
+  (function() {
+    function getComponentNameFromType(type) {
+      if (type == null)
+        return null;
+      if (typeof type === "function")
+        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+      if (typeof type === "string")
+        return type;
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
+          return "Fragment";
+        case REACT_PROFILER_TYPE:
+          return "Profiler";
+        case REACT_STRICT_MODE_TYPE:
+          return "StrictMode";
+        case REACT_SUSPENSE_TYPE:
+          return "Suspense";
+        case REACT_SUSPENSE_LIST_TYPE:
+          return "SuspenseList";
+        case REACT_ACTIVITY_TYPE:
+          return "Activity";
+      }
+      if (typeof type === "object")
+        switch (typeof type.tag === "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
+          case REACT_PORTAL_TYPE:
+            return "Portal";
+          case REACT_CONTEXT_TYPE:
+            return type.displayName || "Context";
+          case REACT_CONSUMER_TYPE:
+            return (type._context.displayName || "Context") + ".Consumer";
+          case REACT_FORWARD_REF_TYPE:
+            var innerType = type.render;
+            type = type.displayName;
+            type || (type = innerType.displayName || innerType.name || "", type = type !== "" ? "ForwardRef(" + type + ")" : "ForwardRef");
+            return type;
+          case REACT_MEMO_TYPE:
+            return innerType = type.displayName || null, innerType !== null ? innerType : getComponentNameFromType(type.type) || "Memo";
+          case REACT_LAZY_TYPE:
+            innerType = type._payload;
+            type = type._init;
+            try {
+              return getComponentNameFromType(type(innerType));
+            } catch (x) {}
+        }
+      return null;
+    }
+    function testStringCoercion(value) {
+      return "" + value;
+    }
+    function checkKeyStringCoercion(value) {
+      try {
+        testStringCoercion(value);
+        var JSCompiler_inline_result = false;
+      } catch (e) {
+        JSCompiler_inline_result = true;
+      }
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 = typeof Symbol === "function" && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+        JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
+        return testStringCoercion(value);
+      }
+    }
+    function getTaskName(type) {
+      if (type === REACT_FRAGMENT_TYPE)
+        return "<>";
+      if (typeof type === "object" && type !== null && type.$$typeof === REACT_LAZY_TYPE)
+        return "<...>";
+      try {
+        var name = getComponentNameFromType(type);
+        return name ? "<" + name + ">" : "<...>";
+      } catch (x) {
+        return "<...>";
+      }
+    }
+    function getOwner() {
+      var dispatcher = ReactSharedInternals.A;
+      return dispatcher === null ? null : dispatcher.getOwner();
+    }
+    function UnknownOwner() {
+      return Error("react-stack-top-frame");
+    }
+    function hasValidKey(config2) {
+      if (hasOwnProperty.call(config2, "key")) {
+        var getter = Object.getOwnPropertyDescriptor(config2, "key").get;
+        if (getter && getter.isReactWarning)
+          return false;
+      }
+      return config2.key !== undefined;
+    }
+    function defineKeyPropWarningGetter(props, displayName) {
+      function warnAboutAccessingKey() {
+        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", displayName));
+      }
+      warnAboutAccessingKey.isReactWarning = true;
+      Object.defineProperty(props, "key", {
+        get: warnAboutAccessingKey,
+        configurable: true
+      });
+    }
+    function elementRefGetterWithDeprecationWarning() {
+      var componentName = getComponentNameFromType(this.type);
+      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."));
+      componentName = this.props.ref;
+      return componentName !== undefined ? componentName : null;
+    }
+    function ReactElement(type, key, props, owner, debugStack, debugTask) {
+      var refProp = props.ref;
+      type = {
+        $$typeof: REACT_ELEMENT_TYPE,
+        type,
+        key,
+        props,
+        _owner: owner
+      };
+      (refProp !== undefined ? refProp : null) !== null ? Object.defineProperty(type, "ref", {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+      type._store = {};
+      Object.defineProperty(type._store, "validated", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: 0
+      });
+      Object.defineProperty(type, "_debugInfo", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: null
+      });
+      Object.defineProperty(type, "_debugStack", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugStack
+      });
+      Object.defineProperty(type, "_debugTask", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugTask
+      });
+      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+      return type;
+    }
+    function jsxDEVImpl(type, config2, maybeKey, isStaticChildren, debugStack, debugTask) {
+      var children = config2.children;
+      if (children !== undefined)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (isStaticChildren = 0;isStaticChildren < children.length; isStaticChildren++)
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+        else
+          validateChildKeys(children);
+      if (hasOwnProperty.call(config2, "key")) {
+        children = getComponentNameFromType(type);
+        var keys2 = Object.keys(config2).filter(function(k) {
+          return k !== "key";
+        });
+        isStaticChildren = 0 < keys2.length ? "{key: someKey, " + keys2.join(": ..., ") + ": ...}" : "{key: someKey}";
+        didWarnAboutKeySpread[children + isStaticChildren] || (keys2 = 0 < keys2.length ? "{" + keys2.join(": ..., ") + ": ...}" : "{}", console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, isStaticChildren, children, keys2, children), didWarnAboutKeySpread[children + isStaticChildren] = true);
+      }
+      children = null;
+      maybeKey !== undefined && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+      hasValidKey(config2) && (checkKeyStringCoercion(config2.key), children = "" + config2.key);
+      if ("key" in config2) {
+        maybeKey = {};
+        for (var propName in config2)
+          propName !== "key" && (maybeKey[propName] = config2[propName]);
+      } else
+        maybeKey = config2;
+      children && defineKeyPropWarningGetter(maybeKey, typeof type === "function" ? type.displayName || type.name || "Unknown" : type);
+      return ReactElement(type, children, maybeKey, getOwner(), debugStack, debugTask);
+    }
+    function validateChildKeys(node) {
+      isValidElement2(node) ? node._store && (node._store.validated = 1) : typeof node === "object" && node !== null && node.$$typeof === REACT_LAZY_TYPE && (node._payload.status === "fulfilled" ? isValidElement2(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
+    }
+    function isValidElement2(object2) {
+      return typeof object2 === "object" && object2 !== null && object2.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React11.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    React11 = {
+      react_stack_bottom_frame: function(callStackForError) {
+        return callStackForError();
+      }
+    };
+    var specialPropKeyWarningShown;
+    var didWarnAboutElementRef = {};
+    var unknownOwnerDebugStack = React11.react_stack_bottom_frame.bind(React11, UnknownOwner)();
     var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
     var didWarnAboutKeySpread = {};
     exports.Fragment = REACT_FRAGMENT_TYPE;
@@ -53050,21 +54605,710 @@ React keys must be passed directly to JSX without using spread:
   })();
 });
 
-// node_modules/react/jsx-dev-runtime.js
-var require_jsx_dev_runtime = __commonJS((exports, module) => {
-  var react_jsx_dev_runtime_development = __toESM(require_react_jsx_dev_runtime_development());
-  if (false) {} else {
-    module.exports = react_jsx_dev_runtime_development;
+// node_modules/react/jsx-dev-runtime.js
+var require_jsx_dev_runtime = __commonJS((exports, module) => {
+  var react_jsx_dev_runtime_development = __toESM(require_react_jsx_dev_runtime_development());
+  if (false) {} else {
+    module.exports = react_jsx_dev_runtime_development;
+  }
+});
+
+// src/tui/components/List.tsx
+function List({
+  items,
+  onSelect,
+  onSelectionChange,
+  initialSelection = 0,
+  showBackButton = false,
+  color = "green",
+  ...boxProps
+}) {
+  const [selectedIndex, setSelectedIndex] = import_react28.useState(initialSelection);
+  const latestSelectionChange = import_react28.useRef(onSelectionChange);
+  const renderedItems = import_react28.useMemo(() => showBackButton ? [...items, "-", { label: "← Back", value: "back" }] : items, [items, showBackButton]);
+  const selectableItems = renderedItems.filter((item) => item !== "-" && !item.disabled);
+  const selectedItem = selectableItems[selectedIndex];
+  const selectedValue = selectedItem?.value;
+  const actualIndex = renderedItems.findIndex((item) => item === selectedItem);
+  import_react28.useEffect(() => {
+    latestSelectionChange.current = onSelectionChange;
+  }, [onSelectionChange]);
+  import_react28.useEffect(() => {
+    setSelectedIndex(Math.min(initialSelection, Math.max(0, selectableItems.length - 1)));
+  }, [initialSelection, selectableItems.length]);
+  import_react28.useEffect(() => {
+    if (selectedValue !== undefined) {
+      latestSelectionChange.current?.(selectedValue, selectedIndex);
+    }
+  }, [selectedIndex, selectedValue]);
+  use_input_default((_, key) => {
+    if (selectableItems.length === 0) {
+      return;
+    }
+    if (key.upArrow) {
+      setSelectedIndex((index) => index === 0 ? selectableItems.length - 1 : index - 1);
+    } else if (key.downArrow) {
+      setSelectedIndex((index) => index === selectableItems.length - 1 ? 0 : index + 1);
+    } else if (key.return && selectedItem !== undefined) {
+      onSelect(selectedItem.value, selectedIndex);
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+    flexDirection: "column",
+    ...boxProps,
+    children: [
+      renderedItems.map((item, index) => item === "-" ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        children: " "
+      }, index, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ListItem, {
+        isSelected: index === actualIndex,
+        color,
+        disabled: item.disabled,
+        children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+          children: [
+            item.label,
+            item.sublabel === undefined ? null : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+              dimColor: index !== actualIndex,
+              children: [
+                " ",
+                item.sublabel
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, `${String(item.value)}-${index}`, false, undefined, this)),
+      selectedItem?.description === undefined ? null : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+        marginTop: 1,
+        paddingLeft: 2,
+        children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+          dimColor: true,
+          wrap: "wrap",
+          children: selectedItem.description
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function ListItem({ children, isSelected, color, disabled }) {
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+    color: isSelected ? color : undefined,
+    dimColor: disabled,
+    children: [
+      isSelected ? "▶  " : "   ",
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+var import_react28, jsx_dev_runtime;
+var init_List = __esm(async () => {
+  await init_build2();
+  import_react28 = __toESM(require_react(), 1);
+  jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
+});
+
+// src/tui/components/ColorEditor.tsx
+function cycleColor(color, direction) {
+  const current = COLORS.indexOf(color);
+  const next = (current + direction + COLORS.length) % COLORS.length;
+  return COLORS[next] ?? "none";
+}
+function ClearColorsConfirmation({
+  onConfirm,
+  onCancel
+}) {
+  use_input_default((_, key) => {
+    if (key.escape) {
+      onCancel();
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+        bold: true,
+        color: "yellow",
+        children: "Confirm Clear All Colors"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+            children: "Reset every widget on this line to its default styling?"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+            color: "red",
+            children: "This action cannot be undone."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(List, {
+        marginTop: 1,
+        color: "cyan",
+        items: [
+          { label: "Reset colors", value: "confirm" },
+          { label: "← Cancel", value: "cancel" }
+        ],
+        onSelect: (value) => {
+          if (value === "confirm") {
+            onConfirm();
+          } else {
+            onCancel();
+          }
+        }
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function resetWidgetStyle(widget2) {
+  const catalog = WIDGET_CATALOG.find((entry) => entry.type === widget2.type);
+  return {
+    ...widget2,
+    color: catalog?.defaultColor ?? "none",
+    backgroundColor: "none",
+    bold: false
+  };
+}
+function ColorEditor({
+  widgets,
+  lineNumber,
+  settings,
+  onUpdate,
+  onBack
+}) {
+  const [selectedIndex, setSelectedIndex] = import_react29.useState(0);
+  const [editingBackground, setEditingBackground] = import_react29.useState(false);
+  const [showClearConfirmation, setShowClearConfirmation] = import_react29.useState(false);
+  const selectedWidget = widgets[selectedIndex];
+  const currentColor = selectedWidget === undefined ? "none" : editingBackground ? selectedWidget.backgroundColor : selectedWidget.color;
+  const colorNumber = COLORS.indexOf(currentColor) + 1;
+  use_input_default((input, key) => {
+    if (showClearConfirmation) {
+      return;
+    }
+    if (widgets.length === 0) {
+      if (key.escape || input !== "") {
+        onBack();
+      }
+      return;
+    }
+    if (key.upArrow || key.downArrow) {
+      const direction = key.upArrow ? -1 : 1;
+      setSelectedIndex((selectedIndex + direction + widgets.length) % widgets.length);
+    } else if ((key.leftArrow || key.rightArrow) && selectedWidget !== undefined) {
+      const direction = key.leftArrow ? -1 : 1;
+      const field = editingBackground ? "backgroundColor" : "color";
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...widget2, [field]: cycleColor(widget2[field], direction) } : widget2));
+    } else if (input === "f") {
+      setEditingBackground((value) => !value);
+    } else if (input === "b" && selectedWidget !== undefined) {
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...widget2, bold: !widget2.bold } : widget2));
+    } else if (input === "r" && selectedWidget !== undefined) {
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? resetWidgetStyle(widget2) : widget2));
+    } else if (input === "c") {
+      setShowClearConfirmation(true);
+    } else if (key.escape) {
+      onBack();
+    }
+  });
+  if (showClearConfirmation) {
+    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ClearColorsConfirmation, {
+      onCancel: () => {
+        setShowClearConfirmation(false);
+      },
+      onConfirm: () => {
+        onUpdate(widgets.map(resetWidgetStyle));
+        setShowClearConfirmation(false);
+      }
+    }, undefined, false, undefined, this);
+  }
+  if (widgets.length === 0) {
+    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+          bold: true,
+          children: [
+            "Configure Colors — Line",
+            " ",
+            lineNumber
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+          marginTop: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+            dimColor: true,
+            children: "No colorable widgets in this status line."
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+          dimColor: true,
+          children: "Add a widget first to continue."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+          marginTop: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+            children: "Press any key to go back..."
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  const selectedName = selectedWidget === undefined ? "" : WIDGET_CATALOG.find((entry) => entry.type === selectedWidget.type)?.name ?? selectedWidget.type;
+  const styleIndicators = [selectedWidget?.bold ? "[BOLD]" : null].filter((value) => value !== null).join(" ");
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+        bold: true,
+        children: [
+          "Configure Colors — Line",
+          " ",
+          lineNumber,
+          editingBackground ? /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+            color: "yellow",
+            children: " [Background Mode]"
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+        dimColor: true,
+        children: [
+          "↑↓ select, ←→ cycle",
+          " ",
+          editingBackground ? "background" : "foreground",
+          ", (f) toggle bg/fg, (b)old, (r)eset, (c)lear all, ESC back"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+          children: [
+            "Current",
+            " ",
+            editingBackground ? "background" : "foreground",
+            " ",
+            "(",
+            colorNumber,
+            "/",
+            COLORS.length,
+            "):",
+            " ",
+            styleText(currentColor === "none" ? "(none)" : currentColor, editingBackground ? "white" : currentColor, editingBackground ? currentColor : "none", false, settings.colorLevel),
+            styleIndicators === "" ? null : ` ${styleIndicators}`
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: widgets.map((widget2, index) => {
+          const selected = index === selectedIndex;
+          const label = `${index + 1}: ${WIDGET_CATALOG.find((entry) => entry.type === widget2.type)?.name ?? widget2.type}`;
+          return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+            color: selected ? "green" : undefined,
+            children: [
+              selected ? "▶  " : "   ",
+              styleText(label, widget2.color, widget2.backgroundColor, widget2.bold, settings.colorLevel)
+            ]
+          }, widget2.id, true, undefined, this);
+        })
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+        marginTop: 1,
+        paddingLeft: 2,
+        children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+          dimColor: true,
+          children: selectedName
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var import_react29, jsx_dev_runtime2;
+var init_ColorEditor = __esm(async () => {
+  init_Settings();
+  init_ansi();
+  init_catalog();
+  await __promiseAll([
+    init_build2(),
+    init_List()
+  ]);
+  import_react29 = __toESM(require_react(), 1);
+  jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
+});
+
+// src/tui/components/LineSelector.tsx
+function DeleteConfirmation({
+  lineNumber,
+  onConfirm,
+  onCancel
+}) {
+  use_input_default((_, key) => {
+    if (key.escape) {
+      onCancel();
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+        bold: true,
+        color: "yellow",
+        children: "Confirm Delete Line"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+          children: [
+            "Delete Line",
+            " ",
+            lineNumber,
+            " ",
+            "and all widgets in it?"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(List, {
+        marginTop: 1,
+        items: [
+          { label: "Delete line", value: "confirm" },
+          { label: "← Cancel", value: "cancel" }
+        ],
+        color: "cyan",
+        onSelect: (value) => {
+          if (value === "confirm") {
+            onConfirm();
+          } else {
+            onCancel();
+          }
+        }
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function LineSelector({
+  lines,
+  title = "Select Line to Edit",
+  allowEditing = false,
+  initialSelection = 0,
+  onSelect,
+  onBack,
+  onLinesUpdate
+}) {
+  const [selectedIndex, setSelectedIndex] = import_react30.useState(initialSelection);
+  const [moveMode, setMoveMode] = import_react30.useState(false);
+  const [showDeleteConfirmation, setShowDeleteConfirmation] = import_react30.useState(false);
+  import_react30.useEffect(() => {
+    setSelectedIndex((index) => Math.min(index, Math.max(0, lines.length - 1)));
+  }, [lines.length]);
+  use_input_default((input, key) => {
+    if (showDeleteConfirmation) {
+      return;
+    }
+    if (moveMode) {
+      if ((key.upArrow || key.downArrow) && lines.length > 1) {
+        const direction = key.upArrow ? -1 : 1;
+        const target = (selectedIndex + direction + lines.length) % lines.length;
+        const reordered = [...lines];
+        const current = reordered[selectedIndex];
+        const replacement = reordered[target];
+        if (current !== undefined && replacement !== undefined) {
+          reordered[selectedIndex] = replacement;
+          reordered[target] = current;
+          onLinesUpdate(reordered);
+          setSelectedIndex(target);
+        }
+      } else if (key.escape || key.return) {
+        setMoveMode(false);
+      }
+      return;
+    }
+    if (input === "a" && allowEditing) {
+      onLinesUpdate([...lines, []]);
+      setSelectedIndex(lines.length);
+    } else if (input === "d" && allowEditing && lines.length > 1) {
+      setShowDeleteConfirmation(true);
+    } else if (input === "m" && allowEditing && lines.length > 1) {
+      setMoveMode(true);
+    } else if (key.escape) {
+      onBack();
+    }
+  });
+  if (showDeleteConfirmation) {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(DeleteConfirmation, {
+      lineNumber: selectedIndex + 1,
+      onCancel: () => {
+        setShowDeleteConfirmation(false);
+      },
+      onConfirm: () => {
+        const remaining = lines.filter((_, index) => index !== selectedIndex);
+        onLinesUpdate(remaining);
+        setSelectedIndex(Math.max(0, selectedIndex - 1));
+        setShowDeleteConfirmation(false);
+      }
+    }, undefined, false, undefined, this);
+  }
+  const lineItems = lines.map((line, index) => ({
+    label: `☰ Line ${index + 1}`,
+    sublabel: `(${line.length === 0 ? "empty" : `${line.length} ${line.length === 1 ? "widget" : "widgets"}`})`,
+    value: index
+  }));
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+        bold: true,
+        children: [
+          title,
+          moveMode ? /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+            color: "blue",
+            children: " [MOVE MODE]"
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+        dimColor: true,
+        children: "Choose which status line to configure"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+        dimColor: true,
+        children: moveMode ? "↑↓ to move line, ESC or Enter to exit move mode" : allowEditing ? "(a) append line, (d) delete line, (m) move line, ESC back" : "ESC to go back"
+      }, undefined, false, undefined, this),
+      moveMode ? /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: lineItems.map((item, index) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+          color: index === selectedIndex ? "blue" : undefined,
+          children: [
+            index === selectedIndex ? "◆  " : "   ",
+            item.label,
+            /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              dimColor: index !== selectedIndex,
+              children: [
+                " ",
+                item.sublabel
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, item.value, true, undefined, this))
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(List, {
+        items: lineItems,
+        marginTop: 1,
+        initialSelection: selectedIndex,
+        showBackButton: true,
+        onSelectionChange: (_, index) => {
+          setSelectedIndex(index);
+        },
+        onSelect: (value) => {
+          if (value === "back") {
+            onBack();
+          } else {
+            onSelect(value);
+          }
+        }
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var import_react30, jsx_dev_runtime3;
+var init_LineSelector = __esm(async () => {
+  await __promiseAll([
+    init_build2(),
+    init_List()
+  ]);
+  import_react30 = __toESM(require_react(), 1);
+  jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
+});
+
+// src/tui/components/MainMenu.tsx
+function installationItem(integration) {
+  if (integration?.installed === true) {
+    return {
+      label: "\uD83E\uDDF0 Manage Installation",
+      value: "installation",
+      description: "Repair, change, or remove the Copilot CLI status line command"
+    };
   }
+  return {
+    label: "\uD83D\uDCE6 Install to Copilot CLI",
+    value: "installation",
+    description: "Add copilotstatusline to the user-level Copilot CLI settings"
+  };
+}
+function menuItems(integration, hasChanges) {
+  return [
+    {
+      label: "\uD83D\uDCDD Edit Lines",
+      value: "lines",
+      description: "Configure any number of status lines and choose which widgets appear in each line"
+    },
+    {
+      label: "\uD83C\uDFA8 Edit Colors",
+      value: "colors",
+      description: "Customize each widget foreground, background, and bold styling"
+    },
+    {
+      label: "⚡ Powerline Setup",
+      value: "powerline",
+      description: "Enable Powerline rendering and configure its separator character"
+    },
+    "-",
+    {
+      label: "\uD83D\uDCBB Terminal Options",
+      value: "terminal",
+      description: "Configure the terminal color level used by the formatter"
+    },
+    {
+      label: "\uD83C\uDF10 Global Overrides",
+      value: "overrides",
+      description: "Set the default separator applied between widgets"
+    },
+    "-",
+    installationItem(integration),
+    "-",
+    hasChanges ? {
+      label: "\uD83D\uDCBE Save & Exit",
+      value: "save",
+      description: "Save all changes and exit the configuration tool"
+    } : {
+      label: "\uD83D\uDEAA Exit",
+      value: "exit",
+      description: "Exit the configuration tool"
+    },
+    ...hasChanges ? [{
+      label: "❌ Exit without saving",
+      value: "exit",
+      description: "Discard changes made during this session"
+    }] : [],
+    "-",
+    {
+      label: "⭐ Like copilotstatusline? Star us on GitHub",
+      value: "github",
+      description: "Open the copilotstatusline GitHub repository in your browser"
+    }
+  ];
+}
+function MainMenu({
+  integration,
+  hasChanges,
+  initialSelection = 0,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        bold: true,
+        children: "Main Menu"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(List, {
+        items: menuItems(integration, hasChanges),
+        marginTop: 1,
+        initialSelection,
+        onSelect: (value, index) => {
+          if (value !== "back") {
+            onSelect(value, index);
+          }
+        }
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var jsx_dev_runtime4;
+var init_MainMenu = __esm(async () => {
+  await __promiseAll([
+    init_build2(),
+    init_List()
+  ]);
+  jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
-// src/tui/App.tsx
+// src/tui/components/StatusLinePreview.tsx
+function StatusLinePreview({ settings, terminalWidth: terminalWidth2 }) {
+  const renderedLines = import_react31.useMemo(() => renderStatusLines(PREVIEW_STATUS, settings, { terminalWidth: Math.max(1, terminalWidth2 - 2) }), [settings, terminalWidth2]);
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+        borderStyle: "round",
+        borderColor: "gray",
+        borderDimColor: true,
+        width: "100%",
+        paddingLeft: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          children: [
+            ">",
+            /* @__PURE__ */ jsx_dev_runtime5.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.length === 0 ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+        dimColor: true,
+        children: "  (empty status line)"
+      }, undefined, false, undefined, this) : renderedLines.map((line, index) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+        wrap: "truncate",
+        children: [
+          "  ",
+          line
+        ]
+      }, index, true, undefined, this))
+    ]
+  }, undefined, true, undefined, this);
+}
+var import_react31, jsx_dev_runtime5, PREVIEW_STATUS;
+var init_StatusLinePreview = __esm(async () => {
+  init_renderer();
+  await init_build2();
+  import_react31 = __toESM(require_react(), 1);
+  jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
+  PREVIEW_STATUS = {
+    sessionId: "a196c973",
+    sessionName: "copilotstatusline",
+    cwd: process.cwd(),
+    version: "1.0.71",
+    modelId: "gpt-5.4",
+    modelName: "GPT-5.4",
+    reasoningEffort: "high",
+    allowAll: false,
+    context: {
+      inputTokens: 698833,
+      outputTokens: 5726,
+      cacheReadTokens: 582656,
+      cacheWriteTokens: 0,
+      reasoningTokens: 2880,
+      totalTokens: 704559,
+      lastCallInputTokens: 34890,
+      lastCallOutputTokens: 1320,
+      currentTokens: 56320,
+      limitTokens: 200000,
+      usedPercentage: 28.16
+    },
+    cost: {
+      apiDurationMs: 15420,
+      durationMs: 48210,
+      premiumRequests: 2,
+      linesAdded: 84,
+      linesRemoved: 17
+    }
+  };
+});
+
+// src/tui/components/WidgetEditor.tsx
 import { randomUUID } from "node:crypto";
-function cycleColor(color) {
-  const index = COLORS.indexOf(color);
-  return COLORS[(index + 1) % COLORS.length] ?? "none";
+function makeWidget(type) {
+  const catalog = WIDGET_CATALOG.find((entry) => entry.type === type);
+  const extra = type === "custom-text" ? { value: "text" } : type === "custom-command" ? { command: "printf ok" } : type === "separator" ? { value: "|" } : {};
+  return WidgetConfigSchema.parse({
+    id: randomUUID(),
+    type,
+    color: catalog?.defaultColor ?? "none",
+    ...extra
+  });
 }
-function primaryEditableField(widget2) {
+function editableValueField(widget2) {
   if (widget2?.type === "custom-command") {
     return "command";
   }
@@ -53073,58 +55317,113 @@ function primaryEditableField(widget2) {
   }
   return null;
 }
-function Header({ integration }) {
-  const status = integration === null ? "Copilot settings unavailable" : integration.installed ? `${integration.visible ? "Installed" : "Installed · custom footer hidden"} · Copilot ${integration.version ?? "unknown"}` : "Not installed";
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+function widgetDisplay(widget2) {
+  const catalog = WIDGET_CATALOG.find((entry) => entry.type === widget2.type);
+  const detail = widget2.type === "custom-text" ? widget2.value : widget2.type === "custom-command" ? widget2.command : widget2.type === "separator" ? widget2.value : undefined;
+  return detail === undefined || detail === "" ? catalog?.name ?? widget2.type : `${catalog?.name ?? widget2.type}: ${detail}`;
+}
+function ClearLineConfirmation({
+  lineNumber,
+  onConfirm,
+  onCancel
+}) {
+  use_input_default((_, key) => {
+    if (key.escape) {
+      onCancel();
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
     flexDirection: "column",
-    marginBottom: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         bold: true,
-        color: "cyan",
-        children: "copilotstatusline"
+        color: "yellow",
+        children: "Confirm Clear Line"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-        dimColor: true,
-        children: status
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          children: [
+            "Remove every widget from Line",
+            " ",
+            lineNumber,
+            "?"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(List, {
+        marginTop: 1,
+        color: "cyan",
+        items: [
+          { label: "Clear line", value: "confirm" },
+          { label: "← Cancel", value: "cancel" }
+        ],
+        onSelect: (value) => {
+          if (value === "confirm") {
+            onConfirm();
+          } else {
+            onCancel();
+          }
+        }
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-function WidgetEditor({ settings, onChange, onBack }) {
-  const [lineIndex, setLineIndex] = import_react29.useState(0);
-  const [selectedIndex, setSelectedIndex] = import_react29.useState(0);
-  const [adding, setAdding] = import_react29.useState(false);
-  const [editingField, setEditingField] = import_react29.useState(null);
-  const [editingValue, setEditingValue] = import_react29.useState("");
-  const currentLine = settings.lines[lineIndex] ?? [];
-  const selectedWidget = currentLine[selectedIndex];
-  const updateSelected = import_react29.useCallback((update2) => {
-    if (selectedWidget === undefined) {
+function WidgetEditor({
+  widgets,
+  lineNumber,
+  settings,
+  onUpdate,
+  onBack
+}) {
+  const [selectedIndex, setSelectedIndex] = import_react32.useState(0);
+  const [moveMode, setMoveMode] = import_react32.useState(false);
+  const [picker, setPicker] = import_react32.useState(null);
+  const [editingField, setEditingField] = import_react32.useState(null);
+  const [editingValue, setEditingValue] = import_react32.useState("");
+  const [showClearConfirmation, setShowClearConfirmation] = import_react32.useState(false);
+  const currentWidget = widgets[selectedIndex];
+  const filteredCatalog = import_react32.useMemo(() => {
+    const query = picker?.query.trim().toLocaleLowerCase() ?? "";
+    if (query === "") {
+      return WIDGET_CATALOG;
+    }
+    return WIDGET_CATALOG.filter((entry) => [entry.name, entry.type, entry.description].some((value) => value.toLocaleLowerCase().includes(query)));
+  }, [picker?.query]);
+  const pickerIndex = picker === null ? -1 : filteredCatalog.findIndex((entry) => entry.type === picker.selectedType);
+  const selectedPickerEntry = filteredCatalog[Math.max(0, pickerIndex)];
+  const openPicker = (action) => {
+    setPicker({
+      action,
+      query: "",
+      selectedType: action === "change" ? currentWidget?.type ?? WIDGET_CATALOG[0]?.type ?? null : WIDGET_CATALOG[0]?.type ?? null
+    });
+  };
+  const applyPicker = (type) => {
+    if (picker === null) {
       return;
     }
-    const lines = settings.lines.map((line, index) => index === lineIndex ? line.map((widget2, widgetIndex) => widgetIndex === selectedIndex ? update2(widget2) : widget2) : line);
-    onChange({ ...settings, lines });
-  }, [lineIndex, onChange, selectedIndex, selectedWidget, settings]);
-  const startEditing = import_react29.useCallback((field) => {
-    if (selectedWidget === undefined) {
+    if (picker.action === "change" && currentWidget !== undefined) {
+      const replacement = makeWidget(type);
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...replacement, id: widget2.id } : widget2));
+    } else {
+      const insertAt = picker.action === "add" ? widgets.length === 0 ? 0 : selectedIndex + 1 : selectedIndex;
+      const next = [...widgets];
+      next.splice(insertAt, 0, makeWidget(type));
+      onUpdate(next);
+      setSelectedIndex(insertAt);
+    }
+    setPicker(null);
+  };
+  const startEditing = (field) => {
+    if (currentWidget === undefined) {
       return;
     }
     setEditingField(field);
-    setEditingValue(selectedWidget[field] ?? "");
-  }, [selectedWidget]);
-  const finishEditing = import_react29.useCallback((value) => {
-    if (editingField !== null) {
-      updateSelected((widget2) => ({ ...widget2, [editingField]: value }));
-    }
-    setEditingField(null);
-    setEditingValue("");
-  }, [editingField, updateSelected]);
+    setEditingValue(currentWidget[field] ?? "");
+  };
   use_input_default((input, key) => {
-    if (adding) {
-      if (key.escape) {
-        setAdding(false);
-      }
+    if (showClearConfirmation) {
       return;
     }
     if (editingField !== null) {
@@ -53134,60 +55433,91 @@ function WidgetEditor({ settings, onChange, onBack }) {
       }
       return;
     }
-    if (key.escape) {
-      onBack();
-    } else if (key.upArrow) {
-      setSelectedIndex((value) => Math.max(0, value - 1));
-    } else if (key.downArrow) {
-      setSelectedIndex((value) => Math.min(Math.max(0, currentLine.length - 1), value + 1));
-    } else if (key.tab) {
-      setLineIndex((value) => (value + 1) % settings.lines.length);
-      setSelectedIndex(0);
+    if (picker !== null) {
+      if (key.escape) {
+        if (picker.query === "") {
+          setPicker(null);
+        } else {
+          setPicker({ ...picker, query: "", selectedType: WIDGET_CATALOG[0]?.type ?? null });
+        }
+      } else if (key.upArrow || key.downArrow) {
+        if (filteredCatalog.length === 0) {
+          return;
+        }
+        const current = pickerIndex < 0 ? 0 : pickerIndex;
+        const direction = key.upArrow ? -1 : 1;
+        const nextIndex = (current + direction + filteredCatalog.length) % filteredCatalog.length;
+        setPicker({ ...picker, selectedType: filteredCatalog[nextIndex]?.type ?? null });
+      } else if (key.return && selectedPickerEntry !== undefined) {
+        applyPicker(selectedPickerEntry.type);
+      } else if (key.backspace || key.delete) {
+        const query = picker.query.slice(0, -1);
+        const firstMatch = WIDGET_CATALOG.find((entry) => [entry.name, entry.type, entry.description].some((value) => value.toLocaleLowerCase().includes(query.toLocaleLowerCase())));
+        setPicker({ ...picker, query, selectedType: firstMatch?.type ?? null });
+      } else if (input !== "" && !key.ctrl && !key.meta && !key.tab) {
+        const query = picker.query + input;
+        const firstMatch = WIDGET_CATALOG.find((entry) => [entry.name, entry.type, entry.description].some((value) => value.toLocaleLowerCase().includes(query.toLocaleLowerCase())));
+        setPicker({ ...picker, query, selectedType: firstMatch?.type ?? null });
+      }
+      return;
+    }
+    if (moveMode) {
+      if ((key.upArrow || key.downArrow) && widgets.length > 1) {
+        const direction = key.upArrow ? -1 : 1;
+        const target = (selectedIndex + direction + widgets.length) % widgets.length;
+        const reordered = [...widgets];
+        const current = reordered[selectedIndex];
+        const replacement = reordered[target];
+        if (current !== undefined && replacement !== undefined) {
+          reordered[selectedIndex] = replacement;
+          reordered[target] = current;
+          onUpdate(reordered);
+          setSelectedIndex(target);
+        }
+      } else if (key.escape || key.return) {
+        setMoveMode(false);
+      }
+      return;
+    }
+    if (key.ctrl || key.meta) {
+      return;
+    }
+    if ((key.upArrow || key.downArrow) && widgets.length > 0) {
+      const direction = key.upArrow ? -1 : 1;
+      setSelectedIndex((selectedIndex + direction + widgets.length) % widgets.length);
+    } else if ((key.leftArrow || key.rightArrow) && currentWidget !== undefined) {
+      openPicker("change");
+    } else if (key.return && currentWidget !== undefined) {
+      setMoveMode(true);
     } else if (input === "a") {
-      setAdding(true);
-    } else if (input === "n") {
-      onChange({ ...settings, lines: [...settings.lines, []] });
-      setLineIndex(settings.lines.length);
-      setSelectedIndex(0);
-    } else if (input === "d" && settings.lines.length > 1) {
-      const lines = settings.lines.filter((_, index) => index !== lineIndex);
-      onChange({ ...settings, lines });
-      setLineIndex((value) => Math.max(0, Math.min(value, lines.length - 1)));
-      setSelectedIndex(0);
-    } else if (input === "x" && currentLine[selectedIndex] !== undefined) {
-      const lines = settings.lines.map((line, index) => index === lineIndex ? line.filter((_, widgetIndex) => widgetIndex !== selectedIndex) : line);
-      onChange({ ...settings, lines });
-      setSelectedIndex((value) => Math.max(0, value - 1));
-    } else if ((input === "[" || input === "]") && currentLine[selectedIndex] !== undefined) {
-      const offset = input === "[" ? -1 : 1;
-      const target = Math.max(0, Math.min(currentLine.length - 1, selectedIndex + offset));
-      if (target !== selectedIndex) {
-        const reordered = [...currentLine];
-        const [item] = reordered.splice(selectedIndex, 1);
-        if (item !== undefined) {
-          reordered.splice(target, 0, item);
-        }
-        const lines = settings.lines.map((line, index) => index === lineIndex ? reordered : line);
-        onChange({ ...settings, lines });
-        setSelectedIndex(target);
-      }
-    } else if (input === "c" && currentLine[selectedIndex] !== undefined) {
-      updateSelected((widget2) => ({ ...widget2, color: cycleColor(widget2.color) }));
-    } else if (input === "g" && currentLine[selectedIndex] !== undefined) {
-      updateSelected((widget2) => ({
-        ...widget2,
-        backgroundColor: cycleColor(widget2.backgroundColor)
-      }));
-    } else if (input === "b" && currentLine[selectedIndex] !== undefined) {
-      updateSelected((widget2) => ({ ...widget2, bold: !widget2.bold }));
-    } else if (input === "r" && currentLine[selectedIndex] !== undefined) {
-      updateSelected((widget2) => ({ ...widget2, raw: !widget2.raw }));
-    } else if (input === "m" && currentLine[selectedIndex] !== undefined) {
-      updateSelected((widget2) => ({ ...widget2, merge: !widget2.merge }));
-    } else if (input === "z" && currentLine[selectedIndex] !== undefined) {
-      updateSelected((widget2) => ({ ...widget2, hideWhenZero: !widget2.hideWhenZero }));
+      openPicker("add");
+    } else if (input === "i") {
+      openPicker("insert");
+    } else if (input === "d" && currentWidget !== undefined) {
+      const next = widgets.filter((_, index) => index !== selectedIndex);
+      onUpdate(next);
+      setSelectedIndex(Math.max(0, Math.min(selectedIndex, next.length - 1)));
+    } else if (input === "k" && currentWidget !== undefined) {
+      const clone3 = { ...currentWidget, id: randomUUID() };
+      const next = [...widgets];
+      next.splice(selectedIndex + 1, 0, clone3);
+      onUpdate(next);
+      setSelectedIndex(selectedIndex + 1);
+    } else if (input === "c" && widgets.length > 0) {
+      setShowClearConfirmation(true);
+    } else if (input === "r" && currentWidget !== undefined) {
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...widget2, raw: !widget2.raw } : widget2));
+    } else if (input === "m" && currentWidget !== undefined && selectedIndex < widgets.length - 1) {
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...widget2, merge: !widget2.merge } : widget2));
+    } else if (input === "z" && currentWidget !== undefined) {
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...widget2, hideWhenZero: !widget2.hideWhenZero } : widget2));
+    } else if (input === " " && currentWidget?.type === "separator") {
+      const separators = ["|", "-", ",", " "];
+      const current = separators.indexOf(currentWidget.value ?? "|");
+      const value = separators[(current + 1) % separators.length] ?? "|";
+      onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...widget2, value } : widget2));
     } else if (input === "e") {
-      const field = primaryEditableField(selectedWidget);
+      const field = editableValueField(currentWidget);
       if (field !== null) {
         startEditing(field);
       }
@@ -53195,280 +55525,841 @@ function WidgetEditor({ settings, onChange, onBack }) {
       startEditing("prefix");
     } else if (input === "s") {
       startEditing("suffix");
+    } else if (key.escape) {
+      onBack();
     }
   });
-  const addWidget = import_react29.useCallback((type) => {
-    const catalog = WIDGET_CATALOG.find((entry) => entry.type === type);
-    const extra = type === "custom-text" ? { value: "text" } : type === "custom-command" ? { command: "printf ok" } : type === "separator" ? { value: "|" } : {};
-    const created = WidgetConfigSchema.parse({
-      id: randomUUID(),
-      type,
-      color: catalog?.defaultColor ?? "none",
-      ...extra
-    });
-    const lines = settings.lines.map((line, index) => index === lineIndex ? [...line, created] : line);
-    onChange({ ...settings, lines });
-    setSelectedIndex(currentLine.length);
-    setAdding(false);
-  }, [currentLine.length, lineIndex, onChange, settings]);
-  if (adding) {
-    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+  if (showClearConfirmation) {
+    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(ClearLineConfirmation, {
+      lineNumber,
+      onCancel: () => {
+        setShowClearConfirmation(false);
+      },
+      onConfirm: () => {
+        onUpdate([]);
+        setSelectedIndex(0);
+        setShowClearConfirmation(false);
+      }
+    }, undefined, false, undefined, this);
+  }
+  if (editingField !== null) {
+    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
           bold: true,
-          children: "Add widget"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(SelectInput_default, {
-          items: WIDGET_CATALOG.map((entry) => ({
-            label: `${entry.name} — ${entry.description}`,
-            value: entry.type
-          })),
-          onSelect: (item) => {
-            addWidget(item.value);
-          }
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+          children: [
+            "Edit",
+            " ",
+            editingField,
+            " ",
+            "— Line",
+            " ",
+            lineNumber
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          marginTop: 1,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              color: "cyan",
+              children: "> "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(build_default, {
+              value: editingValue,
+              onChange: setEditingValue,
+              onSubmit: (value) => {
+                onUpdate(widgets.map((widget2, index) => index === selectedIndex ? { ...widget2, [editingField]: value } : widget2));
+                setEditingField(null);
+                setEditingValue("");
+              }
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
           dimColor: true,
-          children: "Esc cancels."
+          children: "Enter apply, ESC cancel"
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this);
   }
-  if (editingField !== null) {
-    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+  if (picker !== null) {
+    const action = picker.action === "change" ? "Change Widget" : picker.action === "insert" ? "Insert Widget" : "Add Widget";
+    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
           bold: true,
           children: [
-            "Edit",
-            editingField
+            "Edit Line",
+            " ",
+            lineNumber,
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              color: "cyan",
+              children: ` [${action.toUpperCase()}]`
+            }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(build_default, {
-          value: editingValue,
-          onChange: setEditingValue,
-          onSubmit: finishEditing
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
           dimColor: true,
-          children: "Enter applies · Esc cancels"
+          children: "↑↓ select widget, type to search, Enter apply, ESC clear/cancel"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              dimColor: true,
+              children: "Search: "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              color: "cyan",
+              children: picker.query === "" ? "(none)" : picker.query
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          marginTop: 1,
+          flexDirection: "column",
+          children: filteredCatalog.length === 0 ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+            dimColor: true,
+            children: "No widgets match the search."
+          }, undefined, false, undefined, this) : filteredCatalog.map((entry, index) => {
+            const selected = entry.type === selectedPickerEntry?.type;
+            return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+              color: selected ? "green" : undefined,
+              children: [
+                selected ? "▶  " : "   ",
+                index + 1,
+                ".",
+                " ",
+                entry.name
+              ]
+            }, entry.type, true, undefined, this);
+          })
+        }, undefined, false, undefined, this),
+        selectedPickerEntry === undefined ? null : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+          marginTop: 1,
+          paddingLeft: 2,
+          children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+            dimColor: true,
+            children: selectedPickerEntry.description
+          }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         bold: true,
         children: [
-          "Line",
-          lineIndex + 1,
+          "Edit Line",
           " ",
-          "of",
-          settings.lines.length
+          lineNumber,
+          moveMode ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+            color: "blue",
+            children: " [MOVE MODE]"
+          }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
-      currentLine.length === 0 ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         dimColor: true,
-        children: "Empty line"
-      }, undefined, false, undefined, this) : currentLine.map((widget2, index) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-        children: [
-          index === selectedIndex ? "❯ " : "  ",
-          widget2.type,
-          " ",
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-            dimColor: true,
+        children: moveMode ? "↑↓ move widget, ESC or Enter exit move mode" : "↑↓ select, ←→ change, Enter move, (a)dd, (i)nsert, (k) clone, (d)elete, (c)lear"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        dimColor: true,
+        children: moveMode ? " " : "(e)dit value, (p)refix, (s)uffix, (r)aw, (m)erge, hide-(z)ero, ESC back"
+      }, undefined, false, undefined, this),
+      settings.powerline.enabled ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        color: "yellow",
+        children: "Powerline mode active: segment backgrounds are visible in Edit Colors"
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          dimColor: true,
+          children: "No widgets. Press 'a' to add one."
+        }, undefined, false, undefined, this) : widgets.map((widget2, index) => {
+          const selected = index === selectedIndex;
+          const modifiers = [
+            widget2.raw ? "raw value" : null,
+            widget2.merge ? "merged→" : null,
+            widget2.hideWhenZero ? "hide zero" : null
+          ].filter((value) => value !== null).join(", ");
+          return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+            color: selected ? moveMode ? "blue" : "green" : undefined,
             children: [
-              widget2.color,
-              widget2.bold ? " bold" : "",
-              widget2.raw ? " raw" : "",
-              widget2.merge ? " merged" : "",
-              widget2.hideWhenZero ? " hide-zero" : ""
+              selected ? moveMode ? "◆  " : "▶  " : "   ",
+              index + 1,
+              ".",
+              " ",
+              widgetDisplay(widget2),
+              modifiers === "" ? null : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+                dimColor: true,
+                children: ` (${modifiers})`
+              }, undefined, false, undefined, this)
             ]
-          }, undefined, true, undefined, this)
-        ]
-      }, widget2.id, true, undefined, this)),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+          }, widget2.id, true, undefined, this);
+        })
+      }, undefined, false, undefined, this),
+      currentWidget === undefined ? null : /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+        marginTop: 1,
+        paddingLeft: 2,
+        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+          dimColor: true,
+          children: WIDGET_CATALOG.find((entry) => entry.type === currentWidget.type)?.description
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var import_react32, jsx_dev_runtime6;
+var init_WidgetEditor = __esm(async () => {
+  init_Settings();
+  init_catalog();
+  await __promiseAll([
+    init_build2(),
+    init_build3(),
+    init_List()
+  ]);
+  import_react32 = __toESM(require_react(), 1);
+  jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
+});
+
+// src/tui/App.tsx
+import { spawn } from "node:child_process";
+function GradientTitle() {
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+    bold: true,
+    children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(dist_default5, {
+      name: "retro",
+      children: "CopilotStatusline Configuration"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function PowerlineSetup({ settings, onChange, onBack }) {
+  const [editingSeparator, setEditingSeparator] = import_react33.useState(false);
+  const [separator, setSeparator] = import_react33.useState(settings.powerline.separator);
+  use_input_default((_, key) => {
+    if (key.escape) {
+      if (editingSeparator) {
+        setEditingSeparator(false);
+        setSeparator(settings.powerline.separator);
+      } else {
+        onBack();
+      }
+    }
+  });
+  if (editingSeparator) {
+    return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          bold: true,
+          children: "Edit Powerline Separator"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+          marginTop: 1,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+              color: "cyan",
+              children: "> "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(build_default, {
+              value: separator,
+              onChange: setSeparator,
+              onSubmit: (value) => {
+                onChange({
+                  ...settings,
+                  powerline: { ...settings.powerline, separator: value || "" }
+                });
+                setEditingSeparator(false);
+              }
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          dimColor: true,
+          children: "Enter apply, ESC cancel"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        bold: true,
+        children: "Powerline Setup"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        dimColor: true,
+        children: "Configure segment rendering and separators"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(List, {
+        marginTop: 1,
+        showBackButton: true,
+        items: [
+          {
+            label: settings.powerline.enabled ? "◉ Powerline enabled" : "○ Powerline disabled",
+            value: "toggle",
+            description: "Toggle filled Powerline segments in the status line renderer"
+          },
+          {
+            label: `Separator: ${settings.powerline.separator}`,
+            value: "separator",
+            description: "Change the Powerline transition glyph"
+          }
+        ],
+        onSelect: (value) => {
+          if (value === "back") {
+            onBack();
+          } else if (value === "toggle") {
+            onChange({
+              ...settings,
+              powerline: {
+                ...settings.powerline,
+                enabled: !settings.powerline.enabled
+              }
+            });
+          } else {
+            setSeparator(settings.powerline.separator);
+            setEditingSeparator(true);
+          }
+        }
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function TerminalOptions({ settings, onChange, onBack }) {
+  use_input_default((_, key) => {
+    if (key.escape) {
+      onBack();
+    }
+  });
+  const levels = [
+    { label: "No colors", value: 0, description: "Disable ANSI color output" },
+    { label: "16 colors", value: 1, description: "Use the basic ANSI terminal palette" },
+    { label: "256 colors", value: 2, description: "Use the extended terminal palette" },
+    { label: "True color", value: 3, description: "Use 24-bit terminal color output" }
+  ].map((entry) => ({
+    ...entry,
+    label: `${entry.value === settings.colorLevel ? "◉" : "○"} ${entry.label}`
+  }));
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        bold: true,
+        children: "Terminal Options"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        dimColor: true,
+        children: "Select the color capability used for rendering"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(List, {
+        marginTop: 1,
+        items: levels,
+        initialSelection: settings.colorLevel,
+        showBackButton: true,
+        onSelect: (value) => {
+          if (value === "back") {
+            onBack();
+          } else {
+            onChange({ ...settings, colorLevel: value });
+          }
+        }
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function GlobalOverrides({ settings, onChange, onBack }) {
+  const [separator, setSeparator] = import_react33.useState(settings.defaultSeparator);
+  use_input_default((_, key) => {
+    if (key.escape) {
+      onBack();
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        bold: true,
+        children: "Global Overrides"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        dimColor: true,
+        children: "Default separator inserted between visible widgets"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginTop: 1,
-        flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-            dimColor: true,
-            children: "↑↓ select · Tab next line · a add · x remove · [ ] move"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-            dimColor: true,
-            children: "c fg · g bg · b bold · r raw · m merge · z hide zero"
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            color: "cyan",
+            children: "> "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-            dimColor: true,
-            children: "e value/command · p prefix · s suffix · n new · d delete · Esc back"
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(build_default, {
+            value: separator,
+            onChange: setSeparator,
+            onSubmit: (value) => {
+              onChange({ ...settings, defaultSeparator: value });
+              onBack();
+            }
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this)
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        dimColor: true,
+        children: "Enter apply, ESC cancel"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function InstallationMenu({
+  integration,
+  busy,
+  onInstall,
+  onUninstall,
+  onBack
+}) {
+  use_input_default((_, key) => {
+    if (key.escape && !busy) {
+      onBack();
+    }
+  });
+  const items = [
+    {
+      label: "npx -y @willh/copilotstatusline@latest",
+      value: "npm",
+      description: "Use the latest npm package for each Copilot CLI status refresh"
+    },
+    {
+      label: "bunx -y @willh/copilotstatusline@latest",
+      value: "bunx",
+      description: "Use the latest npm package through Bun for each status refresh"
+    },
+    {
+      label: "Global copilotstatusline binary",
+      value: "global",
+      description: "Use the copilotstatusline command already available on PATH"
+    },
+    ...integration?.installed === true ? [
+      "-",
+      {
+        label: "Uninstall from Copilot CLI",
+        value: "uninstall",
+        description: "Remove only the status line command owned by this package"
+      }
+    ] : []
+  ];
+  if (busy) {
+    return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          bold: true,
+          children: "Manage Installation"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+          marginTop: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            color: "cyan",
+            children: "Working…"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        bold: true,
+        children: integration?.installed === true ? "Manage Installation" : "Install to Copilot CLI"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        dimColor: true,
+        children: "User-level Copilot settings only"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(List, {
+        marginTop: 1,
+        items,
+        showBackButton: true,
+        onSelect: (value) => {
+          if (value === "back") {
+            onBack();
+          } else if (value === "uninstall") {
+            onUninstall();
+          } else {
+            onInstall(value);
+          }
+        }
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-function App2({ settings: initialSettings, integration: initialIntegration }) {
+function openProjectRepository() {
+  const url2 = "https://github.com/doggy8088/copilotstatusline";
+  const command = process.platform === "darwin" ? "open" : process.platform === "win32" ? "cmd" : "xdg-open";
+  const args = process.platform === "win32" ? ["/c", "start", "", url2] : [url2];
+  const child = spawn(command, args, { detached: true, stdio: "ignore" });
+  child.unref();
+}
+function App2({
+  settings: initialSettings,
+  integration: initialIntegration
+}) {
   const { exit } = use_app_default();
-  const [settings, setSettings] = import_react29.useState(initialSettings);
-  const [integration, setIntegration] = import_react29.useState(initialIntegration);
-  const [screen, setScreen] = import_react29.useState("menu");
-  const [message, setMessage] = import_react29.useState(getSettingsLoadError());
-  const [busy, setBusy] = import_react29.useState(false);
-  const refreshIntegration = import_react29.useCallback(async () => {
-    setIntegration(await inspectCopilotIntegration());
+  const [settings, setSettings] = import_react33.useState(initialSettings);
+  const [savedSettings, setSavedSettings] = import_react33.useState(initialSettings);
+  const [integration, setIntegration] = import_react33.useState(initialIntegration);
+  const [screen, setScreen] = import_react33.useState("main");
+  const [selectedLine, setSelectedLine] = import_react33.useState(0);
+  const [mainSelection, setMainSelection] = import_react33.useState(0);
+  const [terminalWidth2, setTerminalWidth] = import_react33.useState(process.stdout.columns || 120);
+  const [flashMessage, setFlashMessage] = import_react33.useState(null);
+  const [busy, setBusy] = import_react33.useState(false);
+  const [loadError2, setLoadError] = import_react33.useState(getSettingsLoadError());
+  const [pendingSaveExit, setPendingSaveExit] = import_react33.useState(false);
+  const hasChanges = import_react33.useMemo(() => JSON.stringify(settings) !== JSON.stringify(savedSettings), [savedSettings, settings]);
+  import_react33.useEffect(() => {
+    const handleResize = () => {
+      setTerminalWidth(process.stdout.columns || 120);
+    };
+    process.stdout.on("resize", handleResize);
+    return () => {
+      process.stdout.off("resize", handleResize);
+    };
   }, []);
-  const handleMenu = import_react29.useCallback(async (value) => {
-    if (value === "edit") {
-      setScreen("editor");
-      return;
-    }
-    if (value === "powerline") {
-      setSettings((current) => ({
-        ...current,
-        powerline: { ...current.powerline, enabled: !current.powerline.enabled }
-      }));
-      setMessage(`Powerline ${settings.powerline.enabled ? "disabled" : "enabled"}`);
-      return;
-    }
-    if (value === "install") {
-      setScreen("install");
-      return;
-    }
-    if (value === "uninstall") {
-      setBusy(true);
-      try {
-        const removed = await uninstallCopilotStatusLine();
-        setMessage(removed ? "Copilot integration removed." : "No owned integration was found.");
-        await refreshIntegration();
-      } catch (error51) {
-        setMessage(error51 instanceof Error ? error51.message : String(error51));
-      } finally {
-        setBusy(false);
-      }
+  import_react33.useEffect(() => {
+    if (flashMessage === null) {
       return;
     }
-    if (value === "save") {
-      setBusy(true);
-      try {
-        await saveSettings(settings);
+    const timer = setTimeout(() => {
+      setFlashMessage(null);
+    }, 2000);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [flashMessage]);
+  const performSave = import_react33.useCallback(async (exitAfterSave) => {
+    try {
+      await saveSettings(settings);
+      setSavedSettings(settings);
+      setLoadError(null);
+      if (exitAfterSave) {
         exit();
-      } catch (error51) {
-        setMessage(error51 instanceof Error ? error51.message : String(error51));
-        setBusy(false);
+      } else {
+        setFlashMessage({ text: "✓ Configuration saved", color: "green" });
       }
-      return;
+    } catch (error51) {
+      setFlashMessage({
+        text: error51 instanceof Error ? error51.message : String(error51),
+        color: "red"
+      });
     }
-    exit();
-  }, [exit, refreshIntegration, settings]);
-  const handleInstall = import_react29.useCallback(async (mode) => {
-    if (mode === "back") {
-      setScreen("menu");
+  }, [exit, settings]);
+  const requestSave = import_react33.useCallback((exitAfterSave) => {
+    if (loadError2 !== null) {
+      setPendingSaveExit(exitAfterSave);
+      setScreen("confirmSave");
       return;
     }
+    performSave(exitAfterSave);
+  }, [loadError2, performSave]);
+  use_input_default((input, key) => {
+    if (key.ctrl && input === "c") {
+      exit();
+    } else if (key.ctrl && input === "s" && screen !== "confirmSave") {
+      requestSave(false);
+    }
+  });
+  const refreshIntegration = import_react33.useCallback(async () => {
+    setIntegration(await inspectCopilotIntegration().catch(() => null));
+  }, []);
+  const handleInstall = import_react33.useCallback(async (mode) => {
     setBusy(true);
     try {
       await installCopilotStatusLine(mode, isSettingsPathCustom() ? getSettingsPath() : undefined);
       await refreshIntegration();
-      setMessage(`Installed with ${mode}.`);
-      setScreen("menu");
+      setFlashMessage({ text: `Installed with ${mode}`, color: "green" });
+      setScreen("main");
     } catch (error51) {
-      setMessage(error51 instanceof Error ? error51.message : String(error51));
+      setFlashMessage({
+        text: error51 instanceof Error ? error51.message : String(error51),
+        color: "red"
+      });
     } finally {
       setBusy(false);
     }
   }, [refreshIntegration]);
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+  const handleUninstall = import_react33.useCallback(async () => {
+    setBusy(true);
+    try {
+      const removed = await uninstallCopilotStatusLine();
+      await refreshIntegration();
+      setFlashMessage({
+        text: removed ? "Copilot integration removed" : "No owned integration was found",
+        color: removed ? "green" : "yellow"
+      });
+      setScreen("main");
+    } catch (error51) {
+      setFlashMessage({
+        text: error51 instanceof Error ? error51.message : String(error51),
+        color: "red"
+      });
+    } finally {
+      setBusy(false);
+    }
+  }, [refreshIntegration]);
+  const handleMainMenu = (value, index) => {
+    setMainSelection(index);
+    switch (value) {
+      case "lines":
+        setScreen("lines");
+        break;
+      case "colors":
+        setScreen("colorLines");
+        break;
+      case "powerline":
+        setScreen("powerline");
+        break;
+      case "terminal":
+        setScreen("terminal");
+        break;
+      case "overrides":
+        setScreen("overrides");
+        break;
+      case "installation":
+        setScreen("installation");
+        break;
+      case "save":
+        requestSave(true);
+        break;
+      case "github":
+        openProjectRepository();
+        setFlashMessage({ text: "Opened project repository", color: "green" });
+        break;
+      case "exit":
+        exit();
+        break;
+    }
+  };
+  const updateSelectedLine = (widgets) => {
+    setSettings((current) => ({
+      ...current,
+      lines: current.lines.map((line, index) => index === selectedLine ? widgets : line)
+    }));
+  };
+  const screenContent = (() => {
+    switch (screen) {
+      case "lines":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(LineSelector, {
+          lines: settings.lines,
+          allowEditing: true,
+          initialSelection: selectedLine,
+          onLinesUpdate: (lines) => {
+            setSettings({ ...settings, lines });
+          },
+          onSelect: (lineIndex) => {
+            setSelectedLine(lineIndex);
+            setScreen("items");
+          },
+          onBack: () => {
+            setScreen("main");
+          }
+        }, undefined, false, undefined, this);
+      case "items":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(WidgetEditor, {
+          widgets: settings.lines[selectedLine] ?? [],
+          lineNumber: selectedLine + 1,
+          settings,
+          onUpdate: updateSelectedLine,
+          onBack: () => {
+            setScreen("lines");
+          }
+        }, undefined, false, undefined, this);
+      case "colorLines":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(LineSelector, {
+          lines: settings.lines,
+          title: "Select Line to Configure Colors",
+          initialSelection: selectedLine,
+          onLinesUpdate: (lines) => {
+            setSettings({ ...settings, lines });
+          },
+          onSelect: (lineIndex) => {
+            setSelectedLine(lineIndex);
+            setScreen("colors");
+          },
+          onBack: () => {
+            setScreen("main");
+          }
+        }, undefined, false, undefined, this);
+      case "colors":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(ColorEditor, {
+          widgets: settings.lines[selectedLine] ?? [],
+          lineNumber: selectedLine + 1,
+          settings,
+          onUpdate: updateSelectedLine,
+          onBack: () => {
+            setScreen("colorLines");
+          }
+        }, undefined, false, undefined, this);
+      case "powerline":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(PowerlineSetup, {
+          settings,
+          onChange: setSettings,
+          onBack: () => {
+            setScreen("main");
+          }
+        }, undefined, false, undefined, this);
+      case "terminal":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(TerminalOptions, {
+          settings,
+          onChange: setSettings,
+          onBack: () => {
+            setScreen("main");
+          }
+        }, undefined, false, undefined, this);
+      case "overrides":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(GlobalOverrides, {
+          settings,
+          onChange: setSettings,
+          onBack: () => {
+            setScreen("main");
+          }
+        }, undefined, false, undefined, this);
+      case "installation":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(InstallationMenu, {
+          integration,
+          busy,
+          onInstall: (mode) => {
+            handleInstall(mode);
+          },
+          onUninstall: () => {
+            handleUninstall();
+          },
+          onBack: () => {
+            setScreen("main");
+          }
+        }, undefined, false, undefined, this);
+      case "confirmSave":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+              bold: true,
+              color: "yellow",
+              children: "Replace Invalid Configuration?"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+              marginTop: 1,
+              children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+                color: "red",
+                wrap: "wrap",
+                children: loadError2
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+              dimColor: true,
+              children: "Saving replaces the malformed file with the current configuration."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(List, {
+              marginTop: 1,
+              color: "cyan",
+              items: [
+                { label: "Replace configuration", value: "replace" },
+                { label: "← Cancel", value: "cancel" }
+              ],
+              onSelect: (value) => {
+                if (value === "replace") {
+                  setScreen("main");
+                  performSave(pendingSaveExit);
+                } else {
+                  setScreen("main");
+                }
+              }
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this);
+      case "main":
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(MainMenu, {
+          integration,
+          hasChanges,
+          initialSelection: mainSelection,
+          onSelect: handleMainMenu
+        }, undefined, false, undefined, this);
+    }
+  })();
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
     flexDirection: "column",
-    paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Header, {
-        integration
-      }, undefined, false, undefined, this),
-      message === null ? null : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-          color: "yellow",
-          children: message
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      busy ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-        children: "Working…"
-      }, undefined, false, undefined, this) : screen === "editor" ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(WidgetEditor, {
-        settings,
-        onChange: setSettings,
-        onBack: () => {
-          setScreen("menu");
-        }
-      }, undefined, false, undefined, this) : screen === "install" ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
-        flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(GradientTitle, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
             bold: true,
-            children: "Install command"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(SelectInput_default, {
-            items: INSTALL_ITEMS,
-            onSelect: (item) => void handleInstall(item.value)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
-        flexDirection: "column",
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
             dimColor: true,
             children: [
-              "Config:",
-              getSettingsPath()
+              " | v",
+              package_default.version
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-            dimColor: true,
+          flashMessage === null ? null : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            bold: true,
+            color: flashMessage.color,
             children: [
-              "Powerline:",
-              settings.powerline.enabled ? "on" : "off"
+              "  ",
+              flashMessage.text
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(SelectInput_default, {
-            items: MENU_ITEMS,
-            onSelect: (item) => void handleMenu(item.value)
-          }, undefined, false, undefined, this)
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      loadError2 === null || screen === "confirmSave" ? null : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        color: "red",
+        wrap: "wrap",
+        children: [
+          "⚠",
+          " ",
+          loadError2,
+          " — showing defaults; saving requires confirmation."
         ]
-      }, undefined, true, undefined, this)
+      }, undefined, true, undefined, this),
+      isSettingsPathCustom() ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        dimColor: true,
+        children: `Config: ${getSettingsPath()}`
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(StatusLinePreview, {
+        settings,
+        terminalWidth: terminalWidth2
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: screenContent
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-var import_react29, jsx_dev_runtime, MENU_ITEMS, INSTALL_ITEMS;
+var import_react33, jsx_dev_runtime7;
 var init_App2 = __esm(async () => {
-  init_Settings();
+  init_package();
   init_app_settings();
   init_copilot_settings();
-  init_catalog();
   await __promiseAll([
     init_build2(),
+    init_dist5(),
     init_build3(),
-    init_build4()
+    init_ColorEditor(),
+    init_LineSelector(),
+    init_List(),
+    init_MainMenu(),
+    init_StatusLinePreview(),
+    init_WidgetEditor()
   ]);
-  import_react29 = __toESM(require_react(), 1);
-  jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
-  MENU_ITEMS = [
-    { label: "Edit status lines", value: "edit" },
-    { label: "Toggle Powerline", value: "powerline" },
-    { label: "Install or repair Copilot integration", value: "install" },
-    { label: "Uninstall Copilot integration", value: "uninstall" },
-    { label: "Save and exit", value: "save" },
-    { label: "Exit without saving", value: "exit" }
-  ];
-  INSTALL_ITEMS = [
-    { label: "npx -y @willh/copilotstatusline@latest", value: "npm" },
-    { label: "bunx -y @willh/copilotstatusline@latest", value: "bunx" },
-    { label: "Global copilotstatusline binary", value: "global" },
-    { label: "Back", value: "back" }
-  ];
+  import_react33 = __toESM(require_react(), 1);
+  jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // src/tui/index.tsx
@@ -53481,10 +56372,10 @@ async function runTui() {
     loadSettings({ createIfMissing: true }),
     inspectCopilotIntegration().catch(() => null)
   ]);
-  const instance = render_default(import_react30.default.createElement(App2, { settings, integration }));
+  const instance = render_default(import_react34.default.createElement(App2, { settings, integration }));
   await instance.waitUntilExit();
 }
-var import_react30;
+var import_react34;
 var init_tui = __esm(async () => {
   init_app_settings();
   init_copilot_settings();
@@ -53492,7 +56383,7 @@ var init_tui = __esm(async () => {
     init_build2(),
     init_App2()
   ]);
-  import_react30 = __toESM(require_react(), 1);
+  import_react34 = __toESM(require_react(), 1);
 });
 
 // src/types/copilot-status.ts
@@ -53599,190 +56490,8 @@ function normalizeCopilotStatus(status) {
 // src/copilotstatusline.ts
 init_app_settings();
 init_copilot_settings();
-
-// src/utils/renderer.ts
-init_slice_ansi();
-init_catalog();
-
-// src/utils/ansi.ts
-var foregroundCodes = {
-  none: null,
-  black: 30,
-  red: 31,
-  green: 32,
-  yellow: 33,
-  blue: 34,
-  magenta: 35,
-  cyan: 36,
-  white: 37,
-  brightBlack: 90,
-  brightRed: 91,
-  brightGreen: 92,
-  brightYellow: 93,
-  brightBlue: 94,
-  brightMagenta: 95,
-  brightCyan: 96,
-  brightWhite: 97
-};
-var backgroundCodes = {
-  none: null,
-  black: 40,
-  red: 41,
-  green: 42,
-  yellow: 43,
-  blue: 44,
-  magenta: 45,
-  cyan: 46,
-  white: 47,
-  brightBlack: 100,
-  brightRed: 101,
-  brightGreen: 102,
-  brightYellow: 103,
-  brightBlue: 104,
-  brightMagenta: 105,
-  brightCyan: 106,
-  brightWhite: 107
-};
-function styleText(value, foreground, background = "none", bold = false, colorLevel = 2) {
-  if (colorLevel === 0 || value === "") {
-    return value;
-  }
-  const codes = [];
-  if (bold) {
-    codes.push(1);
-  }
-  const foregroundCode = foregroundCodes[foreground];
-  const backgroundCode = backgroundCodes[background];
-  if (foregroundCode !== null) {
-    codes.push(foregroundCode);
-  }
-  if (backgroundCode !== null) {
-    codes.push(backgroundCode);
-  }
-  return codes.length === 0 ? value : `\x1B[${codes.join(";")}m${value}\x1B[0m`;
-}
-function powerlineArrow(value, foreground, background, colorLevel) {
-  return styleText(value, foreground, background, false, colorLevel);
-}
-
-// src/utils/renderer.ts
-init_format();
-var FLEX = "__COPILOTSTATUSLINE_FLEX__";
-var POWERLINE_BACKGROUNDS = [
-  "blue",
-  "magenta",
-  "cyan",
-  "green",
-  "yellow"
-];
-function terminalWidth(override) {
-  if (override !== undefined && override > 0) {
-    return override;
-  }
-  const fromEnvironment = Number(process.env.COLUMNS);
-  if (Number.isFinite(fromEnvironment) && fromEnvironment > 0) {
-    return fromEnvironment;
-  }
-  return process.stdout.columns > 0 ? process.stdout.columns : 120;
-}
-function truncate(value, width) {
-  if (width <= 0) {
-    return "";
-  }
-  if (visibleWidth(value) <= width) {
-    return value;
-  }
-  if (width === 1) {
-    return "…";
-  }
-  const reset = value.includes("\x1B[") ? "\x1B[0m" : "";
-  return `${sliceAnsi(value, 0, width - 1)}…${reset}`;
-}
-function renderStandardLine(widgets, settings, status, width) {
-  const parts = widgets.flatMap((widget2) => {
-    const value = renderWidget(widget2, {
-      status,
-      terminalWidth: width,
-      gitCacheTtlSeconds: settings.gitCacheTtlSeconds
-    });
-    if (value === null) {
-      return [];
-    }
-    return [{
-      widget: widget2,
-      value: value === FLEX ? FLEX : styleText(value, widget2.color, widget2.backgroundColor, widget2.bold, settings.colorLevel)
-    }];
-  });
-  let output = "";
-  for (const [index, part] of parts.entries()) {
-    const previous = parts[index - 1];
-    const needsSeparator = index > 0 && part.value !== FLEX && previous?.value !== FLEX && !part.widget.merge;
-    if (needsSeparator) {
-      output += settings.defaultSeparator;
-    }
-    output += part.value;
-  }
-  if (output.includes(FLEX)) {
-    const fixedWidth = visibleWidth(output.replaceAll(FLEX, ""));
-    const flexCount = output.split(FLEX).length - 1;
-    const available = Math.max(1, width - fixedWidth);
-    const each = Math.floor(available / flexCount);
-    let remainder = available % flexCount;
-    output = output.replaceAll(FLEX, () => {
-      const spaces = each + (remainder > 0 ? 1 : 0);
-      remainder = Math.max(0, remainder - 1);
-      return " ".repeat(spaces);
-    });
-  }
-  return truncate(output, width);
-}
-function renderPowerlineLine(widgets, settings, status, width) {
-  const rendered = widgets.flatMap((widget2, index) => {
-    const value = renderWidget(widget2, {
-      status,
-      terminalWidth: width,
-      gitCacheTtlSeconds: settings.gitCacheTtlSeconds
-    });
-    if (value === null) {
-      return [];
-    }
-    if (value === FLEX) {
-      return [{ value, background: "none" }];
-    }
-    const background = widget2.backgroundColor === "none" ? POWERLINE_BACKGROUNDS[index % POWERLINE_BACKGROUNDS.length] ?? "blue" : widget2.backgroundColor;
-    const foreground = background === "yellow" || background === "brightYellow" ? "black" : "brightWhite";
-    return [{
-      value: styleText(` ${value} `, foreground, background, widget2.bold, settings.colorLevel),
-      background
-    }];
-  });
-  let output = "";
-  for (const [index, part] of rendered.entries()) {
-    if (part.value === FLEX) {
-      output += FLEX;
-      continue;
-    }
-    output += part.value;
-    const next = rendered[index + 1];
-    const nextBackground = next?.value === FLEX ? "none" : next?.background ?? "none";
-    output += powerlineArrow(settings.powerline.separator, part.background, nextBackground, settings.colorLevel);
-  }
-  if (output.includes(FLEX)) {
-    const available = Math.max(1, width - visibleWidth(output.replaceAll(FLEX, "")));
-    output = output.replaceAll(FLEX, " ".repeat(available));
-  }
-  return truncate(output, width);
-}
-function renderStatusLines(status, settings, options = {}) {
-  const width = terminalWidth(options.terminalWidth);
-  return settings.lines.flatMap((line) => {
-    const rendered = settings.powerline.enabled ? renderPowerlineLine(line, settings, status, width) : renderStandardLine(line, settings, status, width);
-    return visibleWidth(rendered) === 0 ? [] : [rendered];
-  });
-}
-
-// src/copilotstatusline.ts
-var PACKAGE_VERSION = "0.1.1";
+init_renderer();
+var PACKAGE_VERSION = "0.2.0";
 async function readStdin() {
   process.stdin.setEncoding("utf8");
   const chunks = [];