cc-api-statusline 0.1.9 → 0.2.1

package/README.md

@@ -513,7 +513,7 @@ bun run start
 bun run example
 
 # Run tests
-bun test
+bun run test
 
 # Lint
 bun run lint
@@ -577,7 +577,7 @@ bun run check
 
 ## Testing
 
-- **550 tests** across **34 test files**
+- **578 tests** across **34 test files**
 - Unit tests for all services, renderers, and shared utilities
 - Core execution path tests (A/B/C/D)
 - E2E smoke tests with isolated environments

package/dist/cc-api-statusline.js

@@ -4,7 +4,7 @@ var __require = /* @__PURE__ */ createRequire(import.meta.url);
 // package.json
 var package_default = {
   name: "cc-api-statusline",
-  version: "0.1.9",
+  version: "0.2.1",
   description: "Claude Code statusline tool that polls API usage from third-party proxy backends",
   type: "module",
   bin: {
@@ -410,11 +410,13 @@ var DEFAULT_CONFIG = {
   },
   colors: {
     auto: {
-      low: "green",
-      medium: "yellow",
-      high: "red",
-      lowThreshold: 50,
-      highThreshold: 80
+      tiers: [
+        { color: "cool", maxPercent: 30 },
+        { color: "comfortable", maxPercent: 65 },
+        { color: "warm", maxPercent: 80 },
+        { color: "hot", maxPercent: 90 },
+        { color: "critical", maxPercent: 100 }
+      ]
     },
     chill: {
       low: "cyan",
@@ -1497,11 +1499,22 @@ var ANSI_COLORS = {
   gray: "\x1B[90m",
   grey: "\x1B[90m"
 };
+var THEME_COLORS = {
+  cool: "#56B6C2",
+  comfortable: "#6BAF8D",
+  warm: "#C9A84C",
+  hot: "#CB7E55",
+  critical: "#C96B6B"
+};
 var ANSI_RESET = "\x1B[0m";
 var ANSI_DIM = "\x1B[2m";
 function ansiColor(text, color, capabilities) {
   if (!color)
     return text;
+  const themeHex = THEME_COLORS[color.toLowerCase()];
+  if (themeHex) {
+    return ansiColor(text, themeHex, capabilities);
+  }
   if (ANSI_COLORS[color.toLowerCase()]) {
     return `${ANSI_COLORS[color.toLowerCase()]}${text}${ANSI_RESET}`;
   }
@@ -1601,9 +1614,28 @@ function resolveColor(colorName, usagePercent, config) {
   }
   return resolveColorAlias(alias, usagePercent);
 }
+function isTieredEntry(alias) {
+  return "tiers" in alias;
+}
+function resolveTieredColor(entry, usagePercent) {
+  if (entry.tiers.length === 0)
+    return null;
+  if (usagePercent === null) {
+    return entry.tiers[0]?.color ?? null;
+  }
+  for (const tier of entry.tiers) {
+    if (usagePercent < tier.maxPercent) {
+      return tier.color;
+    }
+  }
+  return entry.tiers[entry.tiers.length - 1]?.color ?? null;
+}
 function resolveColorAlias(alias, usagePercent) {
   if (!alias)
     return null;
+  if (isTieredEntry(alias)) {
+    return resolveTieredColor(alias, usagePercent);
+  }
   if (usagePercent === null) {
     return alias.low;
   }
@@ -2005,7 +2037,7 @@ function renderQuotaComponent(componentId, quota, layout, displayMode, progressS
   const valueColor = resolvePartColor("value", usagePercent, componentConfig, globalConfig);
   const labelColor = resolvePartColor("label", usagePercent, componentConfig, globalConfig);
   const countdownColor = resolvePartColor("countdown", usagePercent, componentConfig, globalConfig);
-  const progress = renderProgress(progressStyle, usagePercent, barSize, barStyle, barColor, null);
+  const progress = renderProgress(progressStyle, usagePercent, barSize, barStyle, barColor, null, renderContext);
   const value = ansiColor(`${Math.round(usagePercent)}%`, valueColor, renderContext);
   const countdown = renderSecondaryDisplay(quota.resetsAt, quota, componentConfig.countdown, countdownColor, clockFormat, renderContext);
   return assembleComponent(layout, label, labelColor, progress, value, countdown, renderContext);
@@ -2023,7 +2055,7 @@ function renderBalanceComponent(balance, layout, displayMode, progressStyle, bar
   const barColor = resolvePartColor("bar", effectivePercent, componentConfig, globalConfig);
   const valueColor = resolvePartColor("value", effectivePercent, componentConfig, globalConfig);
   const labelColor = resolvePartColor("label", effectivePercent, componentConfig, globalConfig);
-  const progress = isUnlimited ? "" : renderProgress(progressStyle, effectivePercent ?? 0, barSize, barStyle, barColor, null);
+  const progress = isUnlimited ? "" : renderProgress(progressStyle, effectivePercent ?? 0, barSize, barStyle, barColor, null, renderContext);
   const valueText = isUnlimited ? "∞" : `$${balance.remaining.toFixed(2)}`;
   const value = ansiColor(valueText, valueColor, renderContext);
   const countdown = "";
@@ -2056,7 +2088,7 @@ function renderRateLimitComponent(rateLimit, layout, displayMode, progressStyle,
   const barColor = resolvePartColor("bar", usagePercent, componentConfig, globalConfig);
   const valueColor = resolvePartColor("value", usagePercent, componentConfig, globalConfig);
   const labelColor = resolvePartColor("label", usagePercent, componentConfig, globalConfig);
-  const progress = usagePercent !== null ? renderProgress(progressStyle, usagePercent, barSize, barStyle, barColor, null) : "";
+  const progress = usagePercent !== null ? renderProgress(progressStyle, usagePercent, barSize, barStyle, barColor, null, renderContext) : "";
   const valueText = rateLimit.requestsLimit !== null ? `${rateLimit.requestsUsed}/${rateLimit.requestsLimit}` : `${rateLimit.requestsUsed}`;
   const value = ansiColor(valueText, valueColor, renderContext);
   const countdown = "";
@@ -2127,12 +2159,14 @@ function renderLabel(componentId, displayMode, componentConfig, qualifier) {
   }
   return baseLabel;
 }
-function renderProgress(progressStyle, usagePercent, barSize, barStyle, barColor, emptyColor) {
+function renderProgress(progressStyle, usagePercent, barSize, barStyle, barColor, emptyColor, renderContext) {
   switch (progressStyle) {
     case "bar":
       return renderBar(usagePercent, barSize, barStyle, barColor, emptyColor);
-    case "icon":
-      return getProgressIcon(usagePercent, true);
+    case "icon": {
+      const icon = getProgressIcon(usagePercent, true);
+      return ansiColor(icon, barColor, renderContext);
+    }
     case "hidden":
       return "";
     default:
@@ -2276,7 +2310,7 @@ function renderDivider(divider) {
   const padding = divider.padding ?? 1;
   const pad = " ".repeat(padding);
   const padded = `${pad}${text}${pad}`;
-  return divider.color ? ansiColor(padded, divider.color) : padded;
+  return ansiColor(padded, divider.color ?? "#555753");
 }
 
 // src/services/capabilities.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-api-statusline",
-  "version": "0.1.9",
+  "version": "0.2.1",
   "description": "Claude Code statusline tool that polls API usage from third-party proxy backends",
   "type": "module",
   "bin": {