ccstatusline 2.0.10 → 2.0.12

package/README.md

@@ -44,6 +44,16 @@
 
 ## 🆕 Recent Updates
 
+### v2.0.12 - Custom Text widget now supports emojis
+
+- **👾 Emoji Support** - You can now paste emoji into the custom text widget. You can also turn on the merge option to get emoji labels for your widgets like this:
+  
+![Emoji Support](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/emojiSupport.png)
+
+### v2.0.11 - Unlimited Status Lines
+
+- **🚀 No Line Limit** - Configure as many status lines as you need - the 3-line limitation has been removed
+
 ### v2.0.10 - Git Updates
 
 - **🌳 Git Worktree widget** - Shows the active worktree name when working with git worktrees
@@ -99,7 +109,7 @@
 - **📊 Real-time Metrics** - Display model name, git branch, token usage, session duration, block timer, and more
 - **🎨 Fully Customizable** - Choose what to display and customize colors for each element
 - **⚡ Powerline Support** - Beautiful Powerline-style rendering with arrow separators, caps, and custom fonts
-- **📐 Multi-line Support** - Configure up to 3 independent status lines
+- **📐 Multi-line Support** - Configure multiple independent status lines
 - **🖥️ Interactive TUI** - Built-in configuration interface using React/Ink
 - **⚙️ Global Options** - Apply consistent formatting across all widgets (padding, separators, bold, background)
 - **🚀 Cross-platform** - Works seamlessly with both Bun and Node.js
@@ -123,7 +133,7 @@ bunx ccstatusline@latest
 ### Configure ccstatusline
 
 The interactive configuration tool provides a terminal UI where you can:
-- Configure up to 3 separate status lines
+- Configure multiple separate status lines
 - Add/remove/reorder status line widgets
 - Customize colors for each widget
 - Configure flex separator behavior

package/dist/ccstatusline.js

@@ -31861,6 +31861,333 @@ var require_jsx_dev_runtime = __commonJS((exports, module) => {
   }
 });
 
+// node_modules/pluralize/pluralize.js
+var require_pluralize = __commonJS((exports, module) => {
+  (function(root, pluralize) {
+    if (typeof exports === "object" && typeof module === "object") {
+      module.exports = pluralize();
+    } else if (typeof define === "function" && define.amd) {
+      define(function() {
+        return pluralize();
+      });
+    } else {
+      root.pluralize = pluralize();
+    }
+  })(exports, function() {
+    var pluralRules = [];
+    var singularRules = [];
+    var uncountables = {};
+    var irregularPlurals = {};
+    var irregularSingles = {};
+    function sanitizeRule(rule) {
+      if (typeof rule === "string") {
+        return new RegExp("^" + rule + "$", "i");
+      }
+      return rule;
+    }
+    function restoreCase(word, token) {
+      if (word === token)
+        return token;
+      if (word === word.toLowerCase())
+        return token.toLowerCase();
+      if (word === word.toUpperCase())
+        return token.toUpperCase();
+      if (word[0] === word[0].toUpperCase()) {
+        return token.charAt(0).toUpperCase() + token.substr(1).toLowerCase();
+      }
+      return token.toLowerCase();
+    }
+    function interpolate(str, args) {
+      return str.replace(/\$(\d{1,2})/g, function(match, index) {
+        return args[index] || "";
+      });
+    }
+    function replace(word, rule) {
+      return word.replace(rule[0], function(match, index) {
+        var result = interpolate(rule[1], arguments);
+        if (match === "") {
+          return restoreCase(word[index - 1], result);
+        }
+        return restoreCase(match, result);
+      });
+    }
+    function sanitizeWord(token, word, rules) {
+      if (!token.length || uncountables.hasOwnProperty(token)) {
+        return word;
+      }
+      var len = rules.length;
+      while (len--) {
+        var rule = rules[len];
+        if (rule[0].test(word))
+          return replace(word, rule);
+      }
+      return word;
+    }
+    function replaceWord(replaceMap, keepMap, rules) {
+      return function(word) {
+        var token = word.toLowerCase();
+        if (keepMap.hasOwnProperty(token)) {
+          return restoreCase(word, token);
+        }
+        if (replaceMap.hasOwnProperty(token)) {
+          return restoreCase(word, replaceMap[token]);
+        }
+        return sanitizeWord(token, word, rules);
+      };
+    }
+    function checkWord(replaceMap, keepMap, rules, bool) {
+      return function(word) {
+        var token = word.toLowerCase();
+        if (keepMap.hasOwnProperty(token))
+          return true;
+        if (replaceMap.hasOwnProperty(token))
+          return false;
+        return sanitizeWord(token, token, rules) === token;
+      };
+    }
+    function pluralize(word, count, inclusive) {
+      var pluralized = count === 1 ? pluralize.singular(word) : pluralize.plural(word);
+      return (inclusive ? count + " " : "") + pluralized;
+    }
+    pluralize.plural = replaceWord(irregularSingles, irregularPlurals, pluralRules);
+    pluralize.isPlural = checkWord(irregularSingles, irregularPlurals, pluralRules);
+    pluralize.singular = replaceWord(irregularPlurals, irregularSingles, singularRules);
+    pluralize.isSingular = checkWord(irregularPlurals, irregularSingles, singularRules);
+    pluralize.addPluralRule = function(rule, replacement) {
+      pluralRules.push([sanitizeRule(rule), replacement]);
+    };
+    pluralize.addSingularRule = function(rule, replacement) {
+      singularRules.push([sanitizeRule(rule), replacement]);
+    };
+    pluralize.addUncountableRule = function(word) {
+      if (typeof word === "string") {
+        uncountables[word.toLowerCase()] = true;
+        return;
+      }
+      pluralize.addPluralRule(word, "$0");
+      pluralize.addSingularRule(word, "$0");
+    };
+    pluralize.addIrregularRule = function(single, plural) {
+      plural = plural.toLowerCase();
+      single = single.toLowerCase();
+      irregularSingles[single] = plural;
+      irregularPlurals[plural] = single;
+    };
+    [
+      ["I", "we"],
+      ["me", "us"],
+      ["he", "they"],
+      ["she", "they"],
+      ["them", "them"],
+      ["myself", "ourselves"],
+      ["yourself", "yourselves"],
+      ["itself", "themselves"],
+      ["herself", "themselves"],
+      ["himself", "themselves"],
+      ["themself", "themselves"],
+      ["is", "are"],
+      ["was", "were"],
+      ["has", "have"],
+      ["this", "these"],
+      ["that", "those"],
+      ["echo", "echoes"],
+      ["dingo", "dingoes"],
+      ["volcano", "volcanoes"],
+      ["tornado", "tornadoes"],
+      ["torpedo", "torpedoes"],
+      ["genus", "genera"],
+      ["viscus", "viscera"],
+      ["stigma", "stigmata"],
+      ["stoma", "stomata"],
+      ["dogma", "dogmata"],
+      ["lemma", "lemmata"],
+      ["schema", "schemata"],
+      ["anathema", "anathemata"],
+      ["ox", "oxen"],
+      ["axe", "axes"],
+      ["die", "dice"],
+      ["yes", "yeses"],
+      ["foot", "feet"],
+      ["eave", "eaves"],
+      ["goose", "geese"],
+      ["tooth", "teeth"],
+      ["quiz", "quizzes"],
+      ["human", "humans"],
+      ["proof", "proofs"],
+      ["carve", "carves"],
+      ["valve", "valves"],
+      ["looey", "looies"],
+      ["thief", "thieves"],
+      ["groove", "grooves"],
+      ["pickaxe", "pickaxes"],
+      ["passerby", "passersby"]
+    ].forEach(function(rule) {
+      return pluralize.addIrregularRule(rule[0], rule[1]);
+    });
+    [
+      [/s?$/i, "s"],
+      [/[^\u0000-\u007F]$/i, "$0"],
+      [/([^aeiou]ese)$/i, "$1"],
+      [/(ax|test)is$/i, "$1es"],
+      [/(alias|[^aou]us|t[lm]as|gas|ris)$/i, "$1es"],
+      [/(e[mn]u)s?$/i, "$1s"],
+      [/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i, "$1"],
+      [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1i"],
+      [/(alumn|alg|vertebr)(?:a|ae)$/i, "$1ae"],
+      [/(seraph|cherub)(?:im)?$/i, "$1im"],
+      [/(her|at|gr)o$/i, "$1oes"],
+      [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i, "$1a"],
+      [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i, "$1a"],
+      [/sis$/i, "ses"],
+      [/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i, "$1$2ves"],
+      [/([^aeiouy]|qu)y$/i, "$1ies"],
+      [/([^ch][ieo][ln])ey$/i, "$1ies"],
+      [/(x|ch|ss|sh|zz)$/i, "$1es"],
+      [/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i, "$1ices"],
+      [/\b((?:tit)?m|l)(?:ice|ouse)$/i, "$1ice"],
+      [/(pe)(?:rson|ople)$/i, "$1ople"],
+      [/(child)(?:ren)?$/i, "$1ren"],
+      [/eaux$/i, "$0"],
+      [/m[ae]n$/i, "men"],
+      ["thou", "you"]
+    ].forEach(function(rule) {
+      return pluralize.addPluralRule(rule[0], rule[1]);
+    });
+    [
+      [/s$/i, ""],
+      [/(ss)$/i, "$1"],
+      [/(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i, "$1fe"],
+      [/(ar|(?:wo|[ae])l|[eo][ao])ves$/i, "$1f"],
+      [/ies$/i, "y"],
+      [/\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i, "$1ie"],
+      [/\b(mon|smil)ies$/i, "$1ey"],
+      [/\b((?:tit)?m|l)ice$/i, "$1ouse"],
+      [/(seraph|cherub)im$/i, "$1"],
+      [/(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i, "$1"],
+      [/(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i, "$1sis"],
+      [/(movie|twelve|abuse|e[mn]u)s$/i, "$1"],
+      [/(test)(?:is|es)$/i, "$1is"],
+      [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1us"],
+      [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i, "$1um"],
+      [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i, "$1on"],
+      [/(alumn|alg|vertebr)ae$/i, "$1a"],
+      [/(cod|mur|sil|vert|ind)ices$/i, "$1ex"],
+      [/(matr|append)ices$/i, "$1ix"],
+      [/(pe)(rson|ople)$/i, "$1rson"],
+      [/(child)ren$/i, "$1"],
+      [/(eau)x?$/i, "$1"],
+      [/men$/i, "man"]
+    ].forEach(function(rule) {
+      return pluralize.addSingularRule(rule[0], rule[1]);
+    });
+    [
+      "adulthood",
+      "advice",
+      "agenda",
+      "aid",
+      "aircraft",
+      "alcohol",
+      "ammo",
+      "analytics",
+      "anime",
+      "athletics",
+      "audio",
+      "bison",
+      "blood",
+      "bream",
+      "buffalo",
+      "butter",
+      "carp",
+      "cash",
+      "chassis",
+      "chess",
+      "clothing",
+      "cod",
+      "commerce",
+      "cooperation",
+      "corps",
+      "debris",
+      "diabetes",
+      "digestion",
+      "elk",
+      "energy",
+      "equipment",
+      "excretion",
+      "expertise",
+      "firmware",
+      "flounder",
+      "fun",
+      "gallows",
+      "garbage",
+      "graffiti",
+      "hardware",
+      "headquarters",
+      "health",
+      "herpes",
+      "highjinks",
+      "homework",
+      "housework",
+      "information",
+      "jeans",
+      "justice",
+      "kudos",
+      "labour",
+      "literature",
+      "machinery",
+      "mackerel",
+      "mail",
+      "media",
+      "mews",
+      "moose",
+      "music",
+      "mud",
+      "manga",
+      "news",
+      "only",
+      "personnel",
+      "pike",
+      "plankton",
+      "pliers",
+      "police",
+      "pollution",
+      "premises",
+      "rain",
+      "research",
+      "rice",
+      "salmon",
+      "scissors",
+      "series",
+      "sewage",
+      "shambles",
+      "shrimp",
+      "software",
+      "species",
+      "staff",
+      "swine",
+      "tennis",
+      "traffic",
+      "transportation",
+      "trout",
+      "tuna",
+      "wealth",
+      "welfare",
+      "whiting",
+      "wildebeest",
+      "wildlife",
+      "you",
+      /pok[eé]mon$/i,
+      /[^aeiou]ese$/i,
+      /deer$/i,
+      /fish$/i,
+      /measles$/i,
+      /o[iu]s$/i,
+      /pox$/i,
+      /sheep$/i
+    ].forEach(pluralize.addUncountableRule);
+    return pluralize;
+  });
+});
+
 // node_modules/picomatch/lib/constants.js
 var require_constants3 = __commonJS((exports, module) => {
   var WIN_SLASH = "\\\\/";
@@ -50581,7 +50908,7 @@ var SettingsSchema_v1 = exports_external.object({
 });
 var SettingsSchema = exports_external.object({
   version: exports_external.number().default(CURRENT_VERSION),
-  lines: exports_external.array(exports_external.array(WidgetItemSchema)).min(1).max(3).default([
+  lines: exports_external.array(exports_external.array(WidgetItemSchema)).min(1).default([
     [
       { id: "1", type: "model", color: "cyan" },
       { id: "2", type: "separator" },
@@ -50590,8 +50917,10 @@ var SettingsSchema = exports_external.object({
       { id: "5", type: "git-branch", color: "magenta" },
       { id: "6", type: "separator" },
       { id: "7", type: "git-changes", color: "yellow" }
-    ]
-  ]).transform((lines) => lines.slice(0, 3)),
+    ],
+    [],
+    []
+  ]),
   flexMode: FlexModeSchema.default("full-minus-40"),
   compactThreshold: exports_external.number().min(1).max(99).default(60),
   colorLevel: ColorLevelSchema.default(2),
@@ -51045,7 +51374,7 @@ import { execSync as execSync3 } from "child_process";
 import * as fs5 from "fs";
 import * as path4 from "path";
 var __dirname = "/Users/sirmalloc/Projects/Personal/ccstatusline/src/utils";
-var PACKAGE_VERSION = "2.0.10";
+var PACKAGE_VERSION = "2.0.12";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -52290,15 +52619,35 @@ function renderPowerlineStatusLine(widgets, settings, context, lineIndex = 0, gl
     return "";
   const autoAlign = config2.autoAlign;
   if (autoAlign) {
+    let alignmentPos = 0;
     for (let i = 0;i < widgetElements.length; i++) {
       const element = widgetElements[i];
-      const maxWidth = preCalculatedMaxWidths[i];
-      if (element && maxWidth !== undefined) {
-        const currentLength = stringWidth(element.content.replace(ANSI_REGEX, ""));
-        const paddingNeeded = maxWidth - currentLength;
-        if (paddingNeeded > 0) {
-          element.content += " ".repeat(paddingNeeded);
+      if (!element)
+        continue;
+      const prevWidget = i > 0 ? widgetElements[i - 1] : null;
+      const isPreviousMerged = prevWidget?.widget.merge;
+      if (!isPreviousMerged) {
+        const maxWidth = preCalculatedMaxWidths[alignmentPos];
+        if (maxWidth !== undefined) {
+          let combinedLength = stringWidth(element.content.replace(ANSI_REGEX, ""));
+          let j = i;
+          while (j < widgetElements.length - 1 && widgetElements[j]?.widget.merge) {
+            j++;
+            const nextElement = widgetElements[j];
+            if (nextElement) {
+              combinedLength += stringWidth(nextElement.content.replace(ANSI_REGEX, ""));
+            }
+          }
+          const paddingNeeded = maxWidth - combinedLength;
+          if (paddingNeeded > 0) {
+            const lastElement = widgetElements[j];
+            if (lastElement) {
+              lastElement.content += " ".repeat(paddingNeeded);
+            }
+          }
+          i = j;
         }
+        alignmentPos++;
       }
     }
   }
@@ -52497,17 +52846,32 @@ function calculateMaxWidthsFromPreRendered(preRenderedLines, settings) {
   const paddingLength = defaultPadding.length;
   for (const preRenderedLine of preRenderedLines) {
     const filteredWidgets = preRenderedLine.filter((w) => w.widget.type !== "separator" && w.widget.type !== "flex-separator" && w.content);
-    for (let pos = 0;pos < filteredWidgets.length; pos++) {
-      const widget = filteredWidgets[pos];
+    let alignmentPos = 0;
+    for (let i = 0;i < filteredWidgets.length; i++) {
+      const widget = filteredWidgets[i];
       if (!widget)
         continue;
-      const totalWidth = widget.plainLength + paddingLength * 2;
-      const currentMax = maxWidths[pos];
+      let totalWidth = widget.plainLength + paddingLength * 2;
+      let j = i;
+      while (j < filteredWidgets.length - 1 && filteredWidgets[j]?.widget.merge) {
+        j++;
+        const nextWidget = filteredWidgets[j];
+        if (nextWidget) {
+          if (filteredWidgets[j - 1]?.widget.merge === "no-padding") {
+            totalWidth += nextWidget.plainLength;
+          } else {
+            totalWidth += nextWidget.plainLength + paddingLength * 2;
+          }
+        }
+      }
+      const currentMax = maxWidths[alignmentPos];
       if (currentMax === undefined) {
-        maxWidths[pos] = totalWidth;
+        maxWidths[alignmentPos] = totalWidth;
       } else {
-        maxWidths[pos] = Math.max(currentMax, totalWidth);
+        maxWidths[alignmentPos] = Math.max(currentMax, totalWidth);
       }
+      i = j;
+      alignmentPos++;
     }
   }
   return maxWidths;
@@ -52570,6 +52934,8 @@ function renderStatusLine(widgets, settings, context, preRenderedWidgets, preCal
     if (!widget)
       continue;
     if (widget.type === "separator") {
+      if (i > 0 && !preRenderedWidgets[i - 1]?.content)
+        continue;
       const sepChar = widget.character ?? (settings.defaultSeparator ?? "|");
       const formattedSep = formatSeparator(sepChar);
       let separatorColor = widget.color ?? "gray";
@@ -53150,49 +53516,107 @@ class CustomTextWidget {
 var CustomTextEditor = ({ widget, onComplete, onCancel }) => {
   const [text, setText] = import_react29.useState(widget.customText ?? "");
   const [cursorPos, setCursorPos] = import_react29.useState(text.length);
+  const getGraphemes = (str) => {
+    if ("Segmenter" in Intl) {
+      const segmenter2 = new Intl.Segmenter(undefined, { granularity: "grapheme" });
+      return Array.from(segmenter2.segment(str), (seg) => seg.segment);
+    }
+    return Array.from(str);
+  };
+  const graphemeToStringIndex = (str, graphemeIndex) => {
+    const graphemes2 = getGraphemes(str);
+    let stringIndex = 0;
+    for (let i = 0;i < Math.min(graphemeIndex, graphemes2.length); i++) {
+      const grapheme = graphemes2[i];
+      if (grapheme) {
+        stringIndex += grapheme.length;
+      }
+    }
+    return stringIndex;
+  };
+  const stringToGraphemeIndex = (str, stringIndex) => {
+    const graphemes2 = getGraphemes(str);
+    let currentStringIndex = 0;
+    for (let i = 0;i < graphemes2.length; i++) {
+      if (currentStringIndex >= stringIndex)
+        return i;
+      const grapheme = graphemes2[i];
+      if (grapheme) {
+        currentStringIndex += grapheme.length;
+      }
+    }
+    return graphemes2.length;
+  };
   use_input_default((input, key) => {
     if (key.return) {
       onComplete({ ...widget, customText: text });
     } else if (key.escape) {
       onCancel();
     } else if (key.leftArrow) {
-      setCursorPos(Math.max(0, cursorPos - 1));
+      const currentGraphemeIndex2 = stringToGraphemeIndex(text, cursorPos);
+      if (currentGraphemeIndex2 > 0) {
+        const newStringIndex = graphemeToStringIndex(text, currentGraphemeIndex2 - 1);
+        setCursorPos(newStringIndex);
+      }
     } else if (key.rightArrow) {
-      setCursorPos(Math.min(text.length, cursorPos + 1));
+      const currentGraphemeIndex2 = stringToGraphemeIndex(text, cursorPos);
+      const graphemeCount = getGraphemes(text).length;
+      if (currentGraphemeIndex2 < graphemeCount) {
+        const newStringIndex = graphemeToStringIndex(text, currentGraphemeIndex2 + 1);
+        setCursorPos(newStringIndex);
+      }
     } else if (key.ctrl && input === "ArrowLeft") {
       setCursorPos(0);
     } else if (key.ctrl && input === "ArrowRight") {
       setCursorPos(text.length);
     } else if (key.backspace) {
       if (cursorPos > 0) {
-        setText(text.slice(0, cursorPos - 1) + text.slice(cursorPos));
-        setCursorPos(cursorPos - 1);
+        const currentGraphemeIndex2 = stringToGraphemeIndex(text, cursorPos);
+        if (currentGraphemeIndex2 > 0) {
+          const deleteFromIndex = graphemeToStringIndex(text, currentGraphemeIndex2 - 1);
+          const deleteToIndex = graphemeToStringIndex(text, currentGraphemeIndex2);
+          setText(text.slice(0, deleteFromIndex) + text.slice(deleteToIndex));
+          setCursorPos(deleteFromIndex);
+        }
       }
     } else if (key.delete) {
       if (cursorPos < text.length) {
-        setText(text.slice(0, cursorPos) + text.slice(cursorPos + 1));
+        const currentGraphemeIndex2 = stringToGraphemeIndex(text, cursorPos);
+        const graphemeCount = getGraphemes(text).length;
+        if (currentGraphemeIndex2 < graphemeCount) {
+          const deleteFromIndex = graphemeToStringIndex(text, currentGraphemeIndex2);
+          const deleteToIndex = graphemeToStringIndex(text, currentGraphemeIndex2 + 1);
+          setText(text.slice(0, deleteFromIndex) + text.slice(deleteToIndex));
+        }
       }
-    } else if (input && input.length === 1) {
-      setText(text.slice(0, cursorPos) + input + text.slice(cursorPos));
-      setCursorPos(cursorPos + 1);
+    } else if (input && !key.ctrl && !key.meta) {
+      const newText = text.slice(0, cursorPos) + input + text.slice(cursorPos);
+      setText(newText);
+      setCursorPos(cursorPos + input.length);
     }
   });
+  const graphemes = getGraphemes(text);
+  const currentGraphemeIndex = stringToGraphemeIndex(text, cursorPos);
+  let display = "Enter custom text: ";
+  for (let i = 0;i < graphemes.length; i++) {
+    const grapheme = graphemes[i];
+    if (grapheme) {
+      if (i === currentGraphemeIndex) {
+        display += `\x1B[7m${grapheme}\x1B[0m`;
+      } else {
+        display += grapheme;
+      }
+    }
+  }
+  if (currentGraphemeIndex >= graphemes.length) {
+    display += "\x1B[7m \x1B[0m";
+  }
   return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
       /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-        children: [
-          "Enter custom text:",
-          " ",
-          text.slice(0, cursorPos),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-            backgroundColor: "gray",
-            color: "black",
-            children: text[cursorPos] ?? " "
-          }, undefined, false, undefined, this),
-          text.slice(cursorPos + 1)
-        ]
-      }, undefined, true, undefined, this),
+        children: display
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
         dimColor: true,
         children: "←→ move cursor, Ctrl+←→ jump to start/end, Enter save, ESC cancel"
@@ -55246,26 +55670,73 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
   }, undefined, true, undefined, this);
 };
 // src/tui/components/LineSelector.tsx
+var import_pluralize = __toESM(require_pluralize(), 1);
 var import_react37 = __toESM(require_react(), 1);
 var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
-var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, blockIfPowerlineActive = false, settings }) => {
+var LineSelector = ({
+  lines,
+  onSelect,
+  onBack,
+  onLinesUpdate,
+  initialSelection = 0,
+  title,
+  blockIfPowerlineActive = false,
+  settings,
+  allowEditing = false
+}) => {
   const [selectedIndex, setSelectedIndex] = import_react37.useState(initialSelection);
+  const [showDeleteDialog, setShowDeleteDialog] = import_react37.useState(false);
+  const [localLines, setLocalLines] = import_react37.useState(lines);
+  import_react37.useEffect(() => {
+    setLocalLines(lines);
+  }, [lines]);
+  const selectedLine = import_react37.useMemo(() => localLines[selectedIndex], [localLines, selectedIndex]);
+  const appendLine = () => {
+    const newLines = [...localLines, []];
+    setLocalLines(newLines);
+    onLinesUpdate(newLines);
+    setSelectedIndex(newLines.length - 1);
+  };
+  const deleteLine = (lineIndex) => {
+    if (localLines.length <= 1) {
+      return;
+    }
+    const newLines = [...localLines];
+    newLines.splice(lineIndex, 1);
+    setLocalLines(newLines);
+    onLinesUpdate(newLines);
+  };
   const powerlineEnabled = settings ? settings.powerline.enabled : false;
   const powerlineTheme = settings ? settings.powerline.theme : undefined;
   const isThemeManaged = blockIfPowerlineActive && powerlineEnabled && powerlineTheme && powerlineTheme !== "custom";
   use_input_default((input, key) => {
+    if (showDeleteDialog) {
+      return;
+    }
     if (isThemeManaged) {
       onBack();
       return;
     }
+    switch (input) {
+      case "a":
+        if (allowEditing) {
+          appendLine();
+        }
+        return;
+      case "d":
+        if (allowEditing && localLines.length > 1) {
+          setShowDeleteDialog(true);
+        }
+        return;
+    }
     if (key.escape) {
       onBack();
     } else if (key.upArrow) {
       setSelectedIndex(Math.max(0, selectedIndex - 1));
     } else if (key.downArrow) {
-      setSelectedIndex(Math.min(3, selectedIndex + 1));
+      setSelectedIndex(Math.min(localLines.length, selectedIndex + 1));
     } else if (key.return) {
-      if (selectedIndex === 3) {
+      if (selectedIndex === localLines.length) {
         onBack();
       } else {
         onSelect(selectedIndex);
@@ -55320,69 +55791,130 @@ var LineSelector = ({ lines, onSelect, onBack, initialSelection = 0, title, bloc
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-    flexDirection: "column",
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-        bold: true,
-        children: title ?? "Select Line to Edit"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-        dimColor: true,
-        children: "Choose which status line to configure (up to 3 lines supported)"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-        dimColor: true,
-        children: "Press ESC to go back"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-        marginTop: 1,
-        flexDirection: "column",
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: selectedIndex === 0 ? "green" : undefined,
-              children: [
-                selectedIndex === 0 ? "▶  " : "   ",
-                "☰ Line 1",
-                lines[0] && lines[0].length > 0 ? ` (${lines[0].length} widgets)` : " (empty)"
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: selectedIndex === 1 ? "green" : undefined,
-              children: [
-                selectedIndex === 1 ? "▶  " : "   ",
-                "☰ Line 2",
-                lines[1] && lines[1].length > 0 ? ` (${lines[1].length} widgets)` : " (empty)"
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: selectedIndex === 2 ? "green" : undefined,
-              children: [
-                selectedIndex === 2 ? "▶  " : "   ",
-                "☰ Line 3",
-                lines[2] && lines[2].length > 0 ? ` (${lines[2].length} widgets)` : " (empty)"
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: selectedIndex === 3 ? "green" : undefined,
-              children: [
-                selectedIndex === 3 ? "▶  " : "   ",
-                "← Back"
-              ]
-            }, undefined, true, undefined, this)
+  if (showDeleteDialog && selectedLine) {
+    const suffix = selectedLine.length > 0 ? import_pluralize.default("widget", selectedLine.length, true) : "empty";
+    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+              bold: true,
+              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    children: [
+                      "☰ Line",
+                      " ",
+                      selectedIndex + 1
+                    ]
+                  }, undefined, true, undefined, this),
+                  " ",
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: [
+                      "(",
+                      suffix,
+                      ")"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+              bold: true,
+              children: "Are you sure you want to delete line?"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+          marginTop: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(ConfirmDialog, {
+            inline: true,
+            onConfirm: () => {
+              deleteLine(selectedIndex);
+              setSelectedIndex(Math.max(0, selectedIndex - 1));
+              setShowDeleteDialog(false);
+            },
+            onCancel: () => {
+              setShowDeleteDialog(false);
+            }
           }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          bold: true,
+          children: title ?? "Select Line to Edit"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          dimColor: true,
+          children: "Choose which status line to configure"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          dimColor: true,
+          children: allowEditing ? localLines.length > 1 ? "(a) to append new line, (d) to delete line, ESC to go back" : "(a) to append new line, ESC to go back" : "ESC to go back"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+          marginTop: 1,
+          flexDirection: "column",
+          children: [
+            localLines.map((line, index) => {
+              const isSelected = selectedIndex === index;
+              const suffix = line.length ? import_pluralize.default("widget", line.length, true) : "empty";
+              return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                  color: isSelected ? "green" : undefined,
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                      children: isSelected ? "▶  " : "   "
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          children: [
+                            "☰ Line",
+                            " ",
+                            index + 1
+                          ]
+                        }, undefined, true, undefined, this),
+                        " ",
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: !isSelected,
+                          children: [
+                            "(",
+                            suffix,
+                            ")"
+                          ]
+                        }, undefined, true, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              }, index, false, undefined, this);
+            }),
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+              marginTop: 1,
+              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                color: selectedIndex === localLines.length ? "green" : undefined,
+                children: [
+                  selectedIndex === localLines.length ? "▶  " : "   ",
+                  "← Back"
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
 };
 // src/tui/components/MainMenu.tsx
 var import_react38 = __toESM(require_react(), 1);
@@ -57037,9 +57569,6 @@ var App2 = () => {
     getExistingStatusLine().then(setExistingStatusLine);
     loadSettings().then((loadedSettings) => {
       source_default.level = loadedSettings.colorLevel;
-      while (loadedSettings.lines.length < 3) {
-        loadedSettings.lines.push([]);
-      }
       setSettings(loadedSettings);
       setOriginalSettings(JSON.parse(JSON.stringify(loadedSettings)));
     });
@@ -57144,6 +57673,9 @@ var App2 = () => {
     newLines[lineIndex] = widgets;
     setSettings({ ...settings, lines: newLines });
   };
+  const updateLines = (newLines) => {
+    setSettings({ ...settings, lines: newLines });
+  };
   const handleLineSelect = (lineIndex) => {
     setSelectedLine(lineIndex);
     setScreen("items");
@@ -57209,12 +57741,14 @@ var App2 = () => {
               setMenuSelections({ ...menuSelections, lines: line });
               handleLineSelect(line);
             },
+            onLinesUpdate: updateLines,
             onBack: () => {
               setMenuSelections({ ...menuSelections, main: 0 });
               setScreen("main");
             },
             initialSelection: menuSelections.lines,
-            title: "Select Line to Edit Items"
+            title: "Select Line to Edit Items",
+            allowEditing: true
           }, undefined, false, undefined, this),
           screen === "items" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ItemsEditor, {
             widgets: settings.lines[selectedLine] ?? [],
@@ -57230,6 +57764,7 @@ var App2 = () => {
           }, undefined, false, undefined, this),
           screen === "colorLines" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(LineSelector, {
             lines: settings.lines,
+            onLinesUpdate: updateLines,
             onSelect: (line) => {
               setMenuSelections({ ...menuSelections, lines: line });
               setSelectedLine(line);
@@ -57242,7 +57777,8 @@ var App2 = () => {
             initialSelection: menuSelections.lines,
             title: "Select Line to Edit Colors",
             blockIfPowerlineActive: true,
-            settings
+            settings,
+            allowEditing: false
           }, undefined, false, undefined, this),
           screen === "colors" && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ColorMenu, {
             widgets: settings.lines[selectedLine] ?? [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstatusline",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",
@@ -12,9 +12,9 @@
   ],
   "scripts": {
     "start": "bun run src/ccstatusline.ts",
-    "statusline": "bun run src/ccstatusline.ts",
     "build": "rm -rf dist/* && bun build src/ccstatusline.ts --target=node --outfile=dist/ccstatusline.js --target-version=14",
     "postbuild": "bun run scripts/replace-version.ts",
+    "example": "cat scripts/payload.example.json | bun start",
     "prepublishOnly": "bun run build",
     "lint": "bun tsc --noEmit; eslint . --config eslint.config.js --max-warnings=999999 --fix",
     "test": "bun vitest"
@@ -41,7 +41,9 @@
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.39.1",
     "vitest": "^3.2.4",
-    "zod": "^4.0.17"
+    "zod": "^4.0.17",
+    "pluralize": "^8.0.0",
+    "@types/pluralize": "^0.0.33"
   },
   "keywords": [
     "claude",