@sushant-kum/ccstatus 0.2.1 → 0.3.1

package/dist/{app-RRQG24YN.js → app-JJQ6RQ3D.js}

@@ -1,21 +1,20 @@
 #!/usr/bin/env node
 import {
-  COLORS,
   LINKABLE,
+  asIndex,
   configPath,
   importCcstatusline,
+  indexToHex,
   isValidWhen,
   linkedSurfaces,
   loadConfigFile,
   readSnapshot,
   registry,
   render,
-  rendererBg,
-  rendererColor,
   saveConfigFile,
   snapshotPath,
   writeLinkedLines
-} from "./chunk-GSU534NM.js";
+} from "./chunk-VCE654NJ.js";
 
 // src/app.tsx
 import { Box as Box12, Text as Text12, useApp, useInput as useInput10 } from "ink";
@@ -92,10 +91,16 @@ import { Box as Box2, Text as Text2 } from "ink";
 // src/paint.tsx
 import { Box, Text } from "ink";
 import { jsx } from "react/jsx-runtime";
-var inkColor = (fg) => rendererColor(fg);
-var inkBg = (bg) => rendererBg(bg);
 function paintModel(model) {
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: model.lines.map((line, i) => /* @__PURE__ */ jsx(Box, { children: line.segments.map((s, j) => /* @__PURE__ */ jsx(Text, { color: inkColor(s.fg), backgroundColor: inkBg(s.bg), children: s.text }, j)) }, i)) });
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: model.lines.map((line, i) => /* @__PURE__ */ jsx(Box, { children: line.segments.map((s, j) => /* @__PURE__ */ jsx(
+    Text,
+    {
+      color: s.fg === void 0 ? void 0 : indexToHex(s.fg),
+      backgroundColor: s.bg === void 0 ? void 0 : indexToHex(s.bg),
+      children: s.text
+    },
+    j
+  )) }, i)) });
 }
 
 // src/preview.tsx
@@ -1134,21 +1139,40 @@ function Surfaces({ config, setConfig, goHome }) {
 
 // src/screens/themes.tsx
 import { Box as Box11, Text as Text11, useInput as useInput9 } from "ink";
-import { useState as useState9 } from "react";
-
-// src/named-colors.ts
-var all = [...COLORS];
-var NAMED_COLORS = [
-  "(none)",
-  ...all.filter((c) => !c.startsWith("bg")),
-  ...all.filter((c) => c.startsWith("bg"))
-];
-
-// src/screens/themes.tsx
+import { Fragment as Fragment2, useState as useState9 } from "react";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var FG = NAMED_COLORS.filter((c) => !c.startsWith("bg"));
-var BG = ["(none)", ...NAMED_COLORS.filter((c) => c.startsWith("bg"))];
+var PICK_INDICES = Array.from({ length: 240 }, (_, i) => asIndex(16 + i));
+var CUBE_ROWS = 6;
+var CUBE_WIDTH = 36;
+var RAMP_ROW = 6;
+var RAMP_WIDTH = 24;
+var NONE_ROW = 7;
 var FIELDS3 = ["fg", "bg"];
+var rowWidth = (row) => row < CUBE_ROWS ? CUBE_WIDTH : row === RAMP_ROW ? RAMP_WIDTH : 1;
+var posToPick = ({ row, col }) => {
+  if (row >= NONE_ROW) {
+    return void 0;
+  }
+  if (row === RAMP_ROW) {
+    return 216 + col;
+  }
+  return 36 * Math.floor(col / 6) + 6 * row + col % 6;
+};
+var indexToPos = (idx) => {
+  if (idx === void 0 || idx < 16 || idx > 255) {
+    return { row: NONE_ROW, col: 0 };
+  }
+  const p = idx - 16;
+  if (p >= 216) {
+    return { row: RAMP_ROW, col: p - 216 };
+  }
+  return { row: Math.floor(p % 36 / 6), col: Math.floor(p / 36) * 6 + p % 6 };
+};
+var movePos = (pos, dr, dc) => {
+  const row = Math.max(0, Math.min(NONE_ROW, pos.row + dr));
+  const col = Math.max(0, Math.min(rowWidth(row) - 1, pos.col + dc));
+  return { row, col };
+};
 function uniqueName(base, themes) {
   if (!(base in themes)) {
     return base;
@@ -1165,12 +1189,11 @@ function Themes({ config, setConfig, goHome }) {
   const [mode, setMode] = useState9("list");
   const [slot, setSlot] = useState9(0);
   const [field, setField] = useState9(0);
-  const [pick, setPick] = useState9(0);
+  const [pick, setPick] = useState9({ row: NONE_ROW, col: 0 });
   const name = names[Math.min(sel, names.length - 1)];
   const theme = name && config.themes[name] || [];
   const count = theme.length;
   const slotIdx = Math.min(slot, count - 1);
-  const list = FIELDS3[field] === "fg" ? FG : BG;
   const setThemes = (themes, active = config.theme) => setConfig({ ...config, theme: active, themes });
   const writeSlot = (index, entry) => {
     if (name) {
@@ -1216,7 +1239,7 @@ function Themes({ config, setConfig, goHome }) {
         setField(1);
       } else if (key.return && slotIdx >= 0) {
         const cur = theme[slotIdx]?.[FIELDS3[field] ?? "fg"];
-        setPick(Math.max(0, list.indexOf(cur ?? "(none)")));
+        setPick(indexToPos(cur));
         setMode("picker");
       } else if (input === "a" && name) {
         setThemes({ ...config.themes, [name]: [...theme, {}] });
@@ -1234,22 +1257,25 @@ function Themes({ config, setConfig, goHome }) {
       if (key.escape) {
         setMode("slots");
       } else if (key.upArrow) {
-        setPick((p) => Math.max(0, p - 1));
+        setPick((p) => movePos(p, -1, 0));
       } else if (key.downArrow) {
-        setPick((p) => Math.min(list.length - 1, p + 1));
+        setPick((p) => movePos(p, 1, 0));
+      } else if (key.leftArrow) {
+        setPick((p) => movePos(p, 0, -1));
+      } else if (key.rightArrow) {
+        setPick((p) => movePos(p, 0, 1));
       } else if (key.return && slotIdx >= 0) {
         const f = FIELDS3[field] ?? "fg";
-        const chosen = list[pick];
-        if (chosen) {
-          const entry = { ...theme[slotIdx] };
-          if (chosen === "(none)") {
-            delete entry[f];
-          } else {
-            entry[f] = chosen;
-          }
-          writeSlot(slotIdx, entry);
-          setMode("slots");
+        const pi = posToPick(pick);
+        const chosen = pi === void 0 ? void 0 : PICK_INDICES[pi];
+        const entry = { ...theme[slotIdx] };
+        if (chosen === void 0) {
+          delete entry[f];
+        } else {
+          entry[f] = chosen;
         }
+        writeSlot(slotIdx, entry);
+        setMode("slots");
       }
     }
   });
@@ -1270,42 +1296,65 @@ function Themes({ config, setConfig, goHome }) {
       return /* @__PURE__ */ jsxs10(Text11, { children: [
         on ? "\u25B8 " : "  ",
         String(i).padEnd(4),
-        /* @__PURE__ */ jsxs10(Text11, { color: inkColor(c.fg), inverse: on && field === 0, children: [
-          " ",
-          c.fg ?? "(none)",
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs10(Text11, { backgroundColor: inkBg(c.bg), inverse: on && field === 1, children: [
-          " ",
-          c.bg ?? "(none)",
-          " "
-        ] })
-      ] }, i);
-    }),
-    mode === "picker" && /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs10(Text11, { bold: true, children: [
-        "Pick ",
-        FIELDS3[field],
-        " for slot ",
-        slotIdx
-      ] }),
-      list.map((c, i) => /* @__PURE__ */ jsxs10(Text11, { color: i === pick ? "cyan" : void 0, children: [
-        i === pick ? "\u25B8 " : "  ",
         /* @__PURE__ */ jsxs10(
           Text11,
           {
-            color: FIELDS3[field] === "fg" ? inkColor(c) : void 0,
-            backgroundColor: FIELDS3[field] === "bg" ? inkBg(c) : void 0,
+            color: c.fg === void 0 ? void 0 : indexToHex(c.fg),
+            inverse: on && field === 0,
             children: [
               " ",
-              c,
+              c.fg === void 0 ? "(none)" : `idx ${c.fg}`,
+              " "
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          Text11,
+          {
+            backgroundColor: c.bg === void 0 ? void 0 : indexToHex(c.bg),
+            inverse: on && field === 1,
+            children: [
+              " ",
+              c.bg === void 0 ? "(none)" : `idx ${c.bg}`,
               " "
             ]
           }
         )
-      ] }, c))
+      ] }, i);
+    }),
+    mode === "picker" && /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs10(Text11, { bold: true, children: [
+        "Pick ",
+        FIELDS3[field],
+        " for slot ",
+        slotIdx
+      ] }),
+      Array.from({ length: RAMP_ROW + 1 }, (_, row) => /* @__PURE__ */ jsx10(Text11, { children: Array.from({ length: rowWidth(row) }, (_2, col) => {
+        const pi = posToPick({ row, col });
+        const idx = pi === void 0 ? void 0 : PICK_INDICES[pi];
+        const on = pick.row === row && pick.col === col;
+        return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+          /* @__PURE__ */ jsx10(
+            Text11,
+            {
+              backgroundColor: idx === void 0 ? void 0 : indexToHex(idx),
+              inverse: on,
+              children: on ? "\u25C6 " : "  "
+            }
+          ),
+          row < CUBE_ROWS && col % 6 === 5 ? " " : ""
+        ] }, col);
+      }) }, row)),
+      /* @__PURE__ */ jsxs10(Text11, { color: pick.row === NONE_ROW ? "cyan" : void 0, children: [
+        pick.row === NONE_ROW ? "\u25B8 " : "  ",
+        "(none)"
+      ] }),
+      /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: (() => {
+        const pi = posToPick(pick);
+        return pi === void 0 ? "none" : `idx ${PICK_INDICES[pi]}`;
+      })() })
     ] }),
-    /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: mode === "list" ? "\u2191/\u2193 select \xB7 \u23CE activate \xB7 \u2192 slots \xB7 n new \xB7 d duplicate \xB7 esc back" : mode === "slots" ? "\u2191/\u2193 slot \xB7 \u2190/\u2192 fg/bg \xB7 \u23CE pick \xB7 a add \xB7 x remove \xB7 esc back" : "\u2191/\u2193 choose \xB7 \u23CE set \xB7 esc cancel" })
+    /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: mode === "list" ? "\u2191/\u2193 select \xB7 \u23CE activate \xB7 \u2192 slots \xB7 n new \xB7 d duplicate \xB7 esc back" : mode === "slots" ? "\u2191/\u2193 slot \xB7 \u2190/\u2192 fg/bg \xB7 \u23CE pick \xB7 a add \xB7 x remove \xB7 esc back" : "\u2191/\u2193 row \xB7 \u2190/\u2192 swatch \xB7 \u23CE set \xB7 esc cancel" })
   ] });
 }
 

package/dist/{chunk-GSU534NM.js → chunk-VCE654NJ.js}

@@ -31,16 +31,6 @@ function lineToCells(items, config, snapshot, commandOutputs) {
 }
 
 // ../core/src/layout/compose.ts
-function bgToFg(bg2) {
-  if (!bg2) {
-    return void 0;
-  }
-  if (!bg2.startsWith("bg")) {
-    return bg2;
-  }
-  const rest = bg2.slice(2);
-  return rest.charAt(0).toLowerCase() + rest.slice(1);
-}
 function mergeCells(cells) {
   const out = [];
   for (const c of cells) {
@@ -101,7 +91,7 @@ function composeLine(cells, mode, width, glyph = "\u2592") {
   const segs = [];
   const emitStartCap = mode === "powerline" && content.length > 0;
   if (emitStartCap) {
-    segs.push({ kind: "cap", text: glyph, fg: bgToFg(content[0]?.bg) });
+    segs.push({ kind: "cap", text: glyph, fg: content[0]?.bg });
   }
   let ci = 0;
   for (const c of merged) {
@@ -114,7 +104,7 @@ function composeLine(cells, mode, width, glyph = "\u2592") {
     const next = content[ci + 1];
     if (!isLast && next) {
       if (mode === "powerline") {
-        segs.push({ kind: "separator", text: glyph, fg: bgToFg(c.bg), bg: next.bg });
+        segs.push({ kind: "separator", text: glyph, fg: c.bg, bg: next.bg });
       } else if (mode === "space") {
         segs.push({ kind: "separator", text: " " });
       }
@@ -122,31 +112,61 @@ function composeLine(cells, mode, width, glyph = "\u2592") {
     ci += 1;
   }
   if (emitStartCap) {
-    segs.push({ kind: "cap", text: glyph, fg: bgToFg(content[content.length - 1]?.bg) });
+    segs.push({ kind: "cap", text: glyph, fg: content[content.length - 1]?.bg });
   }
   return truncate(segs, width);
 }
 
-// ../core/src/theme/contrast.ts
-var LIGHT_BG = /* @__PURE__ */ new Set([
-  "green",
-  "yellow",
-  "cyan",
-  "white",
-  "brightGreen",
-  "brightYellow",
-  "brightCyan",
-  "brightWhite"
+// ../core/src/colors.ts
+function isColorIndex(x) {
+  return typeof x === "number" && Number.isInteger(x) && x >= 16 && x <= 255;
+}
+var asIndex = (n) => n;
+
+// ../core/src/theme/xterm256.ts
+var BLACK = asIndex(16);
+var WHITE = asIndex(231);
+var LEVEL = [0, 95, 135, 175, 215, 255];
+function indexToRgb(idx) {
+  const i = Math.min(255, Math.max(16, Math.round(idx)));
+  if (i >= 232) {
+    const g = 8 + (i - 232) * 10;
+    return [g, g, g];
+  }
+  const n = i - 16;
+  return [LEVEL[Math.floor(n / 36)] ?? 0, LEVEL[Math.floor(n % 36 / 6)] ?? 0, LEVEL[n % 6] ?? 0];
+}
+var hex2 = (v) => v.toString(16).padStart(2, "0");
+function indexToHex(i) {
+  const [r, g, b] = indexToRgb(i);
+  return `#${hex2(r)}${hex2(g)}${hex2(b)}`;
+}
+var NAMED_INDEX = /* @__PURE__ */ new Map([
+  ["black", asIndex(16)],
+  ["brightBlack", asIndex(240)],
+  ["gray", asIndex(240)],
+  ["red", asIndex(160)],
+  ["brightRed", asIndex(196)],
+  ["green", asIndex(40)],
+  ["brightGreen", asIndex(46)],
+  ["yellow", asIndex(184)],
+  ["brightYellow", asIndex(226)],
+  ["blue", asIndex(20)],
+  ["brightBlue", asIndex(21)],
+  ["magenta", asIndex(164)],
+  ["brightMagenta", asIndex(201)],
+  ["cyan", asIndex(44)],
+  ["brightCyan", asIndex(51)],
+  ["white", asIndex(250)],
+  ["brightWhite", asIndex(231)]
 ]);
-var baseColor = (bg2) => {
-  if (!bg2.startsWith("bg")) {
-    return bg2;
-  }
-  const rest = bg2.slice(2);
-  return rest.charAt(0).toLowerCase() + rest.slice(1);
-};
-function contrastFg(bg2) {
-  return LIGHT_BG.has(baseColor(bg2)) ? "black" : "brightWhite";
+
+// ../core/src/theme/contrast.ts
+var LUMA_THRESHOLD = 128;
+function contrastFg(bg) {
+  const [r, g, b] = indexToRgb(bg);
+  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  return luma >= LUMA_THRESHOLD ? BLACK : WHITE;
 }
 
 // ../core/src/layout/palette.ts
@@ -168,9 +188,9 @@ function assignPaletteColors(cells, theme) {
       slot += 1;
     }
     const pal = theme[slot % theme.length];
-    const bg2 = pal?.bg;
-    const fg2 = pal?.fg ?? (bg2 !== void 0 ? contrastFg(bg2) : void 0);
-    out.push({ ...c, fg: fg2, bg: bg2 });
+    const bg = pal?.bg;
+    const fg = pal?.fg ?? (bg !== void 0 ? contrastFg(bg) : void 0);
+    out.push({ ...c, fg, bg });
     prev = c;
   }
   return out;
@@ -459,53 +479,14 @@ function render(config, snapshot, opts) {
 }
 
 // ../core/src/ansi.ts
-var FG = {
-  black: 30,
-  red: 31,
-  green: 32,
-  yellow: 33,
-  blue: 34,
-  magenta: 35,
-  cyan: 36,
-  white: 37,
-  gray: 90,
-  brightBlack: 90,
-  brightRed: 91,
-  brightGreen: 92,
-  brightYellow: 93,
-  brightBlue: 94,
-  brightMagenta: 95,
-  brightCyan: 96,
-  brightWhite: 97,
-  brightGray: 97
-};
-var BG = {
-  bgBlack: 40,
-  bgRed: 41,
-  bgGreen: 42,
-  bgYellow: 43,
-  bgBlue: 44,
-  bgMagenta: 45,
-  bgCyan: 46,
-  bgWhite: 47,
-  bgGray: 100,
-  bgBrightBlack: 100,
-  bgBrightRed: 101,
-  bgBrightGreen: 102,
-  bgBrightYellow: 103,
-  bgBrightBlue: 104,
-  bgBrightMagenta: 105,
-  bgBrightCyan: 106,
-  bgBrightWhite: 107,
-  bgBrightGray: 107
-};
+var clampIndex = (i) => Math.min(255, Math.max(16, Math.round(i)));
 function sgr(seg) {
   const codes = [];
-  if (seg.fg && FG[seg.fg] !== void 0) {
-    codes.push(`\x1B[${FG[seg.fg]}m`);
+  if (seg.fg !== void 0) {
+    codes.push(`\x1B[38;5;${clampIndex(seg.fg)}m`);
   }
-  if (seg.bg && BG[seg.bg] !== void 0) {
-    codes.push(`\x1B[${BG[seg.bg]}m`);
+  if (seg.bg !== void 0) {
+    codes.push(`\x1B[48;5;${clampIndex(seg.bg)}m`);
   }
   if (!codes.length) {
     return seg.text;
@@ -516,115 +497,95 @@ function toAnsi(model) {
   return model.lines.map((line) => line.segments.map(sgr).join("")).join("\n");
 }
 
-// ../core/src/colors.ts
-var BASE = [
-  "black",
-  "white",
-  "red",
-  "green",
-  "yellow",
-  "blue",
-  "magenta",
-  "cyan",
-  "gray"
-];
-var cap = (s) => s.charAt(0).toUpperCase() + s.slice(1);
-var fg = BASE.flatMap((c) => [c, `bright${cap(c)}`]);
-var bg = BASE.flatMap((c) => [`bg${cap(c)}`, `bgBright${cap(c)}`]);
-var COLORS = /* @__PURE__ */ new Set([...fg, ...bg]);
-function isColor(x) {
-  return typeof x === "string" && COLORS.has(x);
-}
-
 // ../core/src/theme/themes.ts
-var mk = (rows) => rows.map(([fg2, bg2]) => ({ fg: fg2, bg: bg2 }));
+var mk = (rows) => rows.map(([fg, bg]) => ({ fg: asIndex(fg), bg: asIndex(bg) }));
 var builtinThemes = {
-  default: [
-    { fg: "black", bg: "bgCyan" },
-    { fg: "brightWhite", bg: "bgBlue" },
-    { fg: "black", bg: "bgBrightYellow" },
-    { fg: "brightWhite", bg: "bgBrightBlack" },
-    { fg: "black", bg: "bgGreen" }
-  ],
+  default: mk([
+    [16, 44],
+    [231, 20],
+    [16, 226],
+    [231, 240],
+    [16, 40]
+  ]),
   classic: mk([
-    ["black", "bgYellow"],
-    ["black", "bgWhite"],
-    ["black", "bgGreen"],
-    ["brightWhite", "bgBlue"],
-    ["black", "bgMagenta"],
-    ["black", "bgCyan"],
-    ["black", "bgBrightYellow"],
-    ["brightWhite", "bgRed"]
+    [16, 184],
+    [16, 250],
+    [16, 40],
+    [231, 20],
+    [16, 164],
+    [16, 44],
+    [16, 226],
+    [231, 160]
   ]),
   nord: mk([
-    ["black", "bgBrightCyan"],
-    ["black", "bgCyan"],
-    ["black", "bgBlue"],
-    ["brightWhite", "bgBrightBlack"],
-    ["black", "bgBrightBlue"],
-    ["black", "bgGreen"],
-    ["black", "bgYellow"],
-    ["brightWhite", "bgBlack"]
+    [16, 51],
+    [16, 44],
+    [16, 20],
+    [231, 240],
+    [16, 21],
+    [16, 40],
+    [16, 184],
+    [231, 16]
   ]),
   dracula: mk([
-    ["black", "bgMagenta"],
-    ["black", "bgBrightMagenta"],
-    ["black", "bgBrightGreen"],
-    ["black", "bgBrightCyan"],
-    ["black", "bgBrightYellow"],
-    ["black", "bgBrightRed"],
-    ["brightWhite", "bgBrightBlack"],
-    ["brightWhite", "bgMagenta"]
+    [16, 164],
+    [16, 201],
+    [16, 46],
+    [16, 51],
+    [16, 226],
+    [16, 196],
+    [231, 240],
+    [231, 164]
   ]),
   gruvbox: mk([
-    ["black", "bgYellow"],
-    ["black", "bgBrightYellow"],
-    ["black", "bgGreen"],
-    ["black", "bgCyan"],
-    ["black", "bgRed"],
-    ["black", "bgMagenta"],
-    ["brightWhite", "bgBrightBlack"],
-    ["brightWhite", "bgBlack"]
+    [16, 184],
+    [16, 226],
+    [16, 40],
+    [16, 44],
+    [16, 160],
+    [16, 164],
+    [231, 240],
+    [231, 16]
   ]),
   monokai: mk([
-    ["black", "bgBrightGreen"],
-    ["black", "bgBrightYellow"],
-    ["black", "bgBrightMagenta"],
-    ["black", "bgBrightCyan"],
-    ["black", "bgBrightRed"],
-    ["brightWhite", "bgBrightBlack"],
-    ["black", "bgYellow"],
-    ["brightWhite", "bgBlack"]
+    [16, 46],
+    [16, 226],
+    [16, 201],
+    [16, 51],
+    [16, 196],
+    [231, 240],
+    [16, 184],
+    [231, 16]
   ]),
   "one-dark": mk([
-    ["black", "bgBlue"],
-    ["black", "bgBrightBlue"],
-    ["black", "bgGreen"],
-    ["black", "bgMagenta"],
-    ["black", "bgYellow"],
-    ["black", "bgCyan"],
-    ["brightWhite", "bgBrightBlack"],
-    ["brightWhite", "bgBlack"]
+    [16, 20],
+    [16, 21],
+    [16, 40],
+    [16, 164],
+    [16, 184],
+    [16, 44],
+    [231, 240],
+    [231, 16]
   ]),
   solarized: mk([
-    ["brightWhite", "bgBlue"],
-    ["black", "bgCyan"],
-    ["black", "bgYellow"],
-    ["brightWhite", "bgGreen"],
-    ["brightWhite", "bgMagenta"],
-    ["brightWhite", "bgRed"],
-    ["brightWhite", "bgBrightBlack"],
-    ["brightWhite", "bgBlack"]
+    [231, 20],
+    [16, 44],
+    [16, 184],
+    [231, 40],
+    [231, 164],
+    [231, 160],
+    [231, 240],
+    [231, 16]
   ]),
   "tokyo-night": mk([
-    ["black", "bgBrightBlue"],
-    ["black", "bgBlue"],
-    ["black", "bgBrightGreen"],
-    ["black", "bgBrightMagenta"],
-    ["black", "bgBrightYellow"],
-    ["black", "bgBrightCyan"],
-    ["brightWhite", "bgBrightBlack"],
-    ["brightWhite", "bgBlack"]
+    [16, 21],
+    [16, 20],
+    [16, 46],
+    [16, 201],
+    [16, 226],
+    [16, 51],
+    [231, 240],
+    [231, 16]
   ])
 };
 
@@ -4768,8 +4729,8 @@ var sep = external_exports.enum(["powerline", "space", "none"]);
 var itemSchema = external_exports.object({
   id: external_exports.string(),
   type: external_exports.string(),
-  fg: external_exports.string().optional(),
-  bg: external_exports.string().optional(),
+  fg: external_exports.unknown().optional(),
+  bg: external_exports.unknown().optional(),
   merge: external_exports.boolean().optional(),
   align: align.optional(),
   rawValue: external_exports.boolean().optional(),
@@ -4848,6 +4809,28 @@ var WIDGET_TYPES = [
 
 // ../core/src/config/validate.ts
 var clone2 = (v) => JSON.parse(JSON.stringify(v));
+var ANSI16 = [
+  16,
+  160,
+  40,
+  184,
+  20,
+  164,
+  44,
+  250,
+  240,
+  196,
+  46,
+  226,
+  21,
+  201,
+  51,
+  231
+].map(asIndex);
+var baseName = (name) => {
+  const rest = name.slice(2);
+  return rest.charAt(0).toLowerCase() + rest.slice(1);
+};
 var WIDGET_TYPE_SET = new Set(WIDGET_TYPES);
 function cleanStyle(raw, type, warn) {
   const style = {};
@@ -4915,10 +4898,24 @@ function cleanThemes(themes, warn) {
         if (v === void 0) {
           continue;
         }
-        if (typeof v === "string" && isColor(v)) {
+        if (isColorIndex(v)) {
           slot[key] = v;
+        } else if (typeof v === "number" && Number.isInteger(v) && v >= 0 && v <= 15) {
+          const mapped = ANSI16[v] ?? asIndex(16);
+          slot[key] = mapped;
+          warn(
+            `color index ${v} dims in the status line; using ${mapped} in theme "${name}" (slot ${i})`
+          );
         } else {
-          warn(`stripped unknown color "${String(v)}" in theme "${name}" (slot ${i})`);
+          const named = typeof v === "string" ? NAMED_INDEX.get(v) ?? (v.startsWith("bg") ? NAMED_INDEX.get(baseName(v)) : void 0) : void 0;
+          if (named !== void 0) {
+            slot[key] = named;
+            warn(
+              `named colors are now 256-color indices; using ${named} for "${String(v)}" in theme "${name}"`
+            );
+          } else {
+            warn(`dropped invalid color ${String(v)} in theme "${name}" (slot ${i})`);
+          }
         }
       }
       slots.push(slot);
@@ -5149,21 +5146,6 @@ function importCcstatusline(raw) {
   return { config: loaded.config, warnings: [...warnings, ...loaded.warnings] };
 }
 
-// ../core/src/renderer-colors.ts
-var toInk = (n) => {
-  if (!n) {
-    return void 0;
-  }
-  return n.startsWith("bright") ? (n[6] ?? "").toLowerCase() + n.slice(7) + "Bright" : n;
-};
-var rendererColor = (fg2) => toInk(fg2);
-var rendererBg = (bg2) => {
-  if (!bg2) {
-    return void 0;
-  }
-  return toInk(bg2.startsWith("bg") ? (bg2[2] ?? "").toLowerCase() + bg2.slice(3) : bg2);
-};
-
 // src/config-store.ts
 import {
   copyFileSync,
@@ -5334,16 +5316,15 @@ function readSnapshot(path) {
 
 export {
   registry,
+  asIndex,
+  indexToHex,
   render,
   toAnsi,
-  COLORS,
   isValidWhen,
   LINKABLE,
   linkedSurfaces,
   writeLinkedLines,
   importCcstatusline,
-  rendererColor,
-  rendererBg,
   configPath,
   snapshotPath,
   loadConfigFile,

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-KJ5HN2VC.js");
+  const { runStatusline } = await import("./statusline-cmd-GFPWLYEQ.js");
   await runStatusline();
 } else {
   const { render } = await import("ink");
-  const { App } = await import("./app-RRQG24YN.js");
+  const { App } = await import("./app-JJQ6RQ3D.js");
   render(/* @__PURE__ */ jsx(App, {}));
 }

package/dist/{statusline-cmd-KJ5HN2VC.js → statusline-cmd-GFPWLYEQ.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sushant-kum/ccstatus",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "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",