@sushant-kum/ccstatus 0.4.1 → 0.4.3

package/dist/{app-6T35K6F2.js → app-UUOO5VUF.js}

@@ -14,7 +14,7 @@ import {
   saveConfigFile,
   snapshotPath,
   writeLinkedLines
-} from "./chunk-3SF24XVL.js";
+} from "./chunk-WRVJLKMW.js";
 
 // src/app.tsx
 import { Box as Box12, Text as Text12, useApp, useInput as useInput10 } from "ink";
@@ -663,6 +663,23 @@ function Items({ config, setConfig, goHome }) {
 // src/screens/menu.tsx
 import { Box as Box6, Text as Text6, useInput as useInput4 } from "ink";
 import { useState as useState4 } from "react";
+
+// src/logo-art.ts
+var LOGO_ART = [
+  [[null, "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], [null, "#14171c"]],
+  [["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#1a191d"], ["#14171c", "#693a2c"], ["#14171c", "#322422"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#707275"], ["#14171c", "#5d5f63"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"]],
+  [["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#1a191d"], ["#1a191d", "#924b33"], ["#924b33", "#c15f3c"], ["#c15f3c", "#a15236"], ["#76402e", "#211c1e"], ["#14171c", "#8d8e91"], ["#8d8e91", "#ffffff"], ["#ffffff", "#f0f0f0"], ["#d4d4d5", "#44464a"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"]],
+  [["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#1a191d", "#874731"], ["#924b33", "#c15f3c"], ["#c15f3c", "#a15236"], ["#a15236", "#211c1e"], ["#211c1e", "#76787b"], ["#8d8f91", "#ffffff"], ["#ffffff", "#f0f0f0"], ["#f0f0f0", "#44464a"], ["#44464a", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"]],
+  [["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#874731", "#1a191d"], ["#c15f3c", "#924b33"], ["#a15236", "#c15f3c"], ["#211c1e", "#a15236"], ["#76787b", "#211c1e"], ["#ffffff", "#8d8e91"], ["#f0f0f0", "#ffffff"], ["#44464a", "#f0f0f0"], ["#14171c", "#44464a"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"]],
+  [["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#1a191d", "#14171c"], ["#924b33", "#1a191d"], ["#c15f3c", "#924b33"], ["#a15236", "#c15f3c"], ["#211c1e", "#76402e"], ["#8d8e91", "#14171c"], ["#ffffff", "#8d8e91"], ["#f0f0f0", "#ffffff"], ["#44464a", "#d4d4d5"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"]],
+  [["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#1a191d", "#14171c"], ["#693a2c", "#14171c"], ["#332422", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#707275", "#14171c"], ["#5d5f63", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"]],
+  [["#14171c", null], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", "#14171c"], ["#14171c", null]]
+];
+
+// src/version.ts
+var VERSION = "0.4.3";
+
+// src/screens/menu.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var ITEMS = [
   ["items", "Edit items"],
@@ -676,9 +693,32 @@ var ITEMS = [
   ["save", "Save & quit"],
   ["quit", "Quit without saving"]
 ];
+function isTrueColor() {
+  const ct = process.env.COLORTERM;
+  return ct === "truecolor" || ct === "24bit";
+}
+function Cell({ cell }) {
+  const [top, bottom] = cell;
+  if (top && bottom) {
+    return /* @__PURE__ */ jsx5(Text6, { color: top, backgroundColor: bottom, children: "\u2580" });
+  }
+  if (top) {
+    return /* @__PURE__ */ jsx5(Text6, { color: top, children: "\u2580" });
+  }
+  if (bottom) {
+    return /* @__PURE__ */ jsx5(Text6, { color: bottom, children: "\u2584" });
+  }
+  return /* @__PURE__ */ jsx5(Text6, { children: " " });
+}
+function Logo() {
+  if (!isTrueColor()) {
+    return /* @__PURE__ */ jsx5(Text6, { color: "#c15f3c", children: "\u25C0\u25C0" });
+  }
+  return /* @__PURE__ */ jsx5(Box6, { flexDirection: "column", children: LOGO_ART.map((row, r) => /* @__PURE__ */ jsx5(Box6, { children: row.map((cell, c) => /* @__PURE__ */ jsx5(Cell, { cell }, c)) }, r)) });
+}
 function Menu({ onSelect }) {
   const [i, setI] = useState4(0);
-  useInput4((input, key) => {
+  useInput4((_input, key) => {
     if (key.upArrow) {
       setI((v) => Math.max(0, v - 1));
     } else if (key.downArrow) {
@@ -691,7 +731,19 @@ function Menu({ onSelect }) {
     }
   });
   return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5(Text6, { bold: true, children: "ccstatus \xB7 configurator" }),
+    /* @__PURE__ */ jsxs5(Box6, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx5(Logo, {}),
+      /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", marginLeft: 2, children: [
+        /* @__PURE__ */ jsxs5(Text6, { children: [
+          /* @__PURE__ */ jsx5(Text6, { bold: true, children: "ccstatus" }),
+          /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+            " v",
+            VERSION
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx5(Text6, { dimColor: true, children: "configurator" })
+      ] })
+    ] }),
     ITEMS.map(([id, label], idx) => /* @__PURE__ */ jsxs5(Text6, { color: idx === i ? "cyan" : void 0, children: [
       idx === i ? "\u25B8 " : "  ",
       label

package/dist/{chunk-3SF24XVL.js → chunk-WRVJLKMW.js}

@@ -43,7 +43,14 @@ function justify(text, width, align2) {
   }
   return text + " ".repeat(deficit);
 }
-function alignColumns(lines, align2) {
+function willMerge(cells, index) {
+  const cell = cells[index];
+  if (!cell || !cell.merge || cell.flex || index === 0) {
+    return false;
+  }
+  return !(cells[index - 1]?.flex ?? true);
+}
+function alignColumns(lines, align2, sepWidth) {
   const widths = [];
   for (const cells of lines) {
     cells.forEach((c, i) => {
@@ -53,23 +60,27 @@ function alignColumns(lines, align2) {
     });
   }
   return lines.map(
-    (cells) => cells.map(
-      (c, i) => c.flex ? c : { ...c, text: justify(c.text, widths[i] ?? c.text.length, align2) }
-    )
+    (cells) => cells.map((c, i) => {
+      if (c.flex) {
+        return c;
+      }
+      const padded = justify(c.text, widths[i] ?? c.text.length, align2);
+      return { ...c, text: willMerge(cells, i) ? " ".repeat(sepWidth) + padded : padded };
+    })
   );
 }
 
 // ../core/src/layout/compose.ts
 function mergeCells(cells) {
   const out = [];
-  for (const c of cells) {
+  cells.forEach((c, i) => {
     const prev = out[out.length - 1];
-    if (c.merge && prev && !prev.flex && !c.flex) {
+    if (willMerge(cells, i) && prev) {
       prev.text = `${prev.text}${c.text}`;
     } else {
       out.push({ ...c });
     }
-  }
+  });
   return out;
 }
 function truncate(segs, width) {
@@ -508,7 +519,8 @@ function render(config, snapshot, opts) {
   const theme = Object.hasOwn(config.themes, config.theme) ? config.themes[config.theme] ?? [] : [];
   let lineCells = surface.lines.map((items) => lineToCells(items, config, snapshot, outputs)).filter((cells) => cells.length > 0);
   if (config.defaults.alignColumns) {
-    lineCells = alignColumns(lineCells, config.defaults.align);
+    const sepWidth = config.defaults.separator === "none" ? 0 : 1;
+    lineCells = alignColumns(lineCells, config.defaults.align, sepWidth);
   }
   const lines = lineCells.map((cells) => assignPaletteColors(cells, theme)).map((cells) => ({
     segments: composeLine(cells, config.defaults.separator, opts.width, config.defaults.glyph)

package/dist/index.js

@@ -4,10 +4,10 @@
 import { jsx } from "react/jsx-runtime";
 var sub = process.argv[2];
 if (sub === "statusline") {
-  const { runStatusline } = await import("./statusline-cmd-UZEENPJL.js");
+  const { runStatusline } = await import("./statusline-cmd-APRACBI7.js");
   await runStatusline();
 } else {
   const { render } = await import("ink");
-  const { App } = await import("./app-6T35K6F2.js");
+  const { App } = await import("./app-UUOO5VUF.js");
   render(/* @__PURE__ */ jsx(App, {}));
 }

package/dist/{statusline-cmd-UZEENPJL.js → statusline-cmd-APRACBI7.js}

@@ -6,7 +6,7 @@ import {
   render,
   snapshotPath,
   toAnsi
-} from "./chunk-3SF24XVL.js";
+} from "./chunk-WRVJLKMW.js";
 
 // src/statusline-cmd.ts
 function renderStatuslineAnsi(config, snapshot) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sushant-kum/ccstatus",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Interactive configurator (npx @sushant-kum/ccstatus) for the ccstatus Claude Code status bar — band, status line, pane, and threshold toasts from one config.",
   "license": "MIT",
   "author": "Sushant Kumar",