ccstatusline 1.0.8 → 1.0.10

package/dist/ccstatusline.js

@@ -228,6 +228,10 @@ var renderSingleLine = (items, terminalWidth, widthDetectionAvailable) => {
         const sessionColor = chalk[item.color || "blue"] || chalk.blue;
         elements.push(sessionColor("Session: 2hr 15m"));
         break;
+      case "version":
+        const versionColor = chalk[item.color || "green"] || chalk.green;
+        elements.push(versionColor("Version: 1.0.72"));
+        break;
       case "terminal-width":
         const termColor = chalk[item.color || "dim"] || chalk.dim;
         const detectedWidth = canDetectTerminalWidth() ? terminalWidth : "??";
@@ -235,7 +239,15 @@ var renderSingleLine = (items, terminalWidth, widthDetectionAvailable) => {
         break;
       case "separator":
         const sepChar = item.character || "|";
-        elements.push(chalk.dim(` ${sepChar} `));
+        let sepContent;
+        if (sepChar === ",") {
+          sepContent = chalk.dim(`${sepChar} `);
+        } else if (sepChar === " ") {
+          sepContent = chalk.dim(" ");
+        } else {
+          sepContent = chalk.dim(` ${sepChar} `);
+        }
+        elements.push(sepContent);
         break;
       case "flex-separator":
         elements.push("FLEX");
@@ -405,7 +417,7 @@ var MainMenu = ({ onSelect, isClaudeInstalled, hasChanges }) => {
 var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
   const [selectedIndex, setSelectedIndex] = useState(0);
   const [moveMode, setMoveMode] = useState(false);
-  const separatorChars = ["|", "-", " "];
+  const separatorChars = ["|", "-", ",", " "];
   useInput((input, key) => {
     if (moveMode) {
       if (key.upArrow && selectedIndex > 0) {
@@ -448,6 +460,7 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
           "context-percentage",
           "session-clock",
           "terminal-width",
+          "version",
           "flex-separator"
         ];
         const currentItem = items[selectedIndex];
@@ -476,6 +489,7 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
           "context-percentage",
           "session-clock",
           "terminal-width",
+          "version",
           "flex-separator"
         ];
         const currentItem = items[selectedIndex];
@@ -564,6 +578,8 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
         return chalk.blue("Session Clock");
       case "terminal-width":
         return chalk.dim("Terminal Width");
+      case "version":
+        return chalk.green("Version");
     }
   };
   const hasFlexSeparator = items.some((item) => item.type === "flex-separator");
@@ -629,7 +645,7 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
   }, undefined, true, undefined, this);
 };
 var ColorMenu = ({ items, onUpdate, onBack }) => {
-  const colorableItems = items.filter((item) => ["model", "git-branch", "tokens-input", "tokens-output", "tokens-cached", "tokens-total", "context-length", "context-percentage", "session-clock"].includes(item.type));
+  const colorableItems = items.filter((item) => ["model", "git-branch", "tokens-input", "tokens-output", "tokens-cached", "tokens-total", "context-length", "context-percentage", "session-clock", "version"].includes(item.type));
   const [selectedIndex, setSelectedIndex] = useState(0);
   useInput((input, key) => {
     if (key.escape) {
@@ -692,6 +708,8 @@ var ColorMenu = ({ items, onUpdate, onBack }) => {
         return "Context Percentage";
       case "session-clock":
         return "Session Clock";
+      case "version":
+        return "Version";
       default:
         return item.type;
     }
@@ -1252,12 +1270,25 @@ function renderSingleLine2(items, settings, data, tokenMetrics, sessionDuration)
           elements.push({ content: color(`Session: ${sessionDuration}`), type: "session-clock" });
         }
         break;
+      case "version":
+        const versionString = data.version || "Unknown";
+        const versionColor = chalk2[item.color || "green"] || chalk2.green;
+        elements.push({ content: versionColor(`Version: ${versionString}`), type: "version" });
+        break;
       case "separator":
         const lastElement = elements[elements.length - 1];
         if (elements.length > 0 && lastElement && lastElement.type !== "separator") {
           const sepColor = chalk2[settings.colors.separator] || chalk2.dim;
           const sepChar = item.character || "|";
-          elements.push({ content: sepColor(` ${sepChar} `), type: "separator" });
+          let sepContent;
+          if (sepChar === ",") {
+            sepContent = sepColor(`${sepChar} `);
+          } else if (sepChar === " ") {
+            sepContent = sepColor(" ");
+          } else {
+            sepContent = sepColor(` ${sepChar} `);
+          }
+          elements.push({ content: sepContent, type: "separator" });
         }
         break;
       case "flex-separator":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstatusline",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",