ccstatusline-usage 2.3.8 → 2.3.9

package/README.md

@@ -66,6 +66,10 @@ Session: [████░░░░░░░░░░░] 27.0% | Weekly: [██
 
 ## 🆕 Recent Updates
 
+### [v2.3.9](https://github.com/pcvelz/ccstatusline-usage/releases/tag/v2.3.9) - Medium display size for mid-width terminals
+
+- [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Three-tier display sizing** — New medium display size for terminals between 134–177 chars wide. Progress bars render at 8 chars (between mobile's 4 and full's 15). Model and Session ID use compact format in medium mode. Weekly Pace pendulum bar scales to halfWidth=4 in medium.
+
 ### [v2.3.8](https://github.com/pcvelz/ccstatusline-usage/releases/tag/v2.3.8) - Fix off-peak countdown + Windows EEXIST fix
 
 - [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Off-peak countdown fix** — Friday evening now correctly counts to Monday peak instead of Saturday noon. Added test coverage for the off-peak time calculation logic.

package/dist/ccstatusline.js

@@ -52656,7 +52656,7 @@ class ModelWidget {
     const is1m = modelId?.includes("[1m]") ?? false;
     const suffix = is1m ? "[1m]" : "";
     const cleanDisplayName = modelDisplayName.replace(/\[1m\]/gi, "").replace(/\(1M context\)/gi, "").trim();
-    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < MOBILE_THRESHOLD;
+    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < MEDIUM_THRESHOLD;
     if (mobile && modelId) {
       return `M: ${compactModelName(modelId)}${suffix}`;
     }
@@ -52670,7 +52670,7 @@ class ModelWidget {
     return true;
   }
 }
-var MOBILE_THRESHOLD = 80;
+var MEDIUM_THRESHOLD = 178;
 
 // src/widgets/OutputStyle.ts
 class OutputStyleWidget {
@@ -54074,7 +54074,7 @@ function getTerminalWidth() {
 function canDetectTerminalWidth() {
   return probeTerminalWidth() !== null;
 }
-var __dirname = "/Users/peter/Documents/Code/ccstatusline-usage/src/utils", PACKAGE_VERSION = "2.3.8";
+var __dirname = "/Users/peter/Documents/Code/ccstatusline-usage/src/utils", PACKAGE_VERSION = "2.3.9";
 var init_terminal = () => {};
 
 // src/utils/renderer.ts
@@ -60940,7 +60940,7 @@ class ClaudeSessionIdWidget {
     if (!sessionId) {
       return null;
     }
-    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < 80;
+    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < 178;
     if (mobile) {
       return `S: ${sessionId.slice(0, 8)}`;
     }
@@ -61644,17 +61644,29 @@ function getErrorMessage(error48) {
       return "[Parse Error]";
   }
 }
-function isMobileWidth(context) {
-  return (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < MOBILE_THRESHOLD2;
+function getDisplaySize(context) {
+  const w = context.terminalWidth ?? 0;
+  if (w > 0 && w < MOBILE_THRESHOLD)
+    return "mobile";
+  if (w >= MOBILE_THRESHOLD && w < MEDIUM_THRESHOLD2)
+    return "medium";
+  return "full";
+}
+function getBarWidth(size2) {
+  if (size2 === "mobile")
+    return MOBILE_BAR_WIDTH;
+  if (size2 === "medium")
+    return MEDIUM_BAR_WIDTH;
+  return DEFAULT_BAR_WIDTH;
 }
 function makeProgressBar(percent, width = DEFAULT_BAR_WIDTH) {
   const filled = Math.round(percent / 100 * width);
   const empty2 = width - filled;
   return "[" + "█".repeat(filled) + "░".repeat(empty2) + "]";
 }
-function formatUsageBar(label, shortLabel, percent, mobile) {
-  const bar = makeProgressBar(percent, mobile ? MOBILE_BAR_WIDTH : DEFAULT_BAR_WIDTH);
-  return `${mobile ? shortLabel : label}: ${bar} ${percent.toFixed(1)}%`;
+function formatUsageBar(label, shortLabel, percent, size2) {
+  const bar = makeProgressBar(percent, getBarWidth(size2));
+  return `${size2 === "mobile" ? shortLabel : label}: ${bar} ${percent.toFixed(1)}%`;
 }
 
 class SessionUsageWidget {
@@ -61681,7 +61693,7 @@ class SessionUsageWidget {
       return getErrorMessage(data.error);
     if (data.sessionUsage === undefined)
       return null;
-    return formatUsageBar("Session", "S", data.sessionUsage, isMobileWidth(context));
+    return formatUsageBar("Session", "S", data.sessionUsage, getDisplaySize(context));
   }
   supportsRawValue() {
     return false;
@@ -61715,7 +61727,7 @@ class WeeklyUsageWidget {
       return getErrorMessage(data.error);
     if (data.weeklyUsage === undefined)
       return null;
-    return formatUsageBar("Weekly", "W", data.weeklyUsage, isMobileWidth(context));
+    return formatUsageBar("Weekly", "W", data.weeklyUsage, getDisplaySize(context));
   }
   supportsRawValue() {
     return false;
@@ -61828,10 +61840,10 @@ class ContextBarWidget {
     const percent = total > 0 ? used / total * 100 : 0;
     const usedK = Math.round(used / 1000);
     const totalStr = total >= 1e6 ? `${Math.round(total / 1e6)}M` : `${Math.round(total / 1000)}k`;
-    const mobile = isMobileWidth(context);
-    const bar = makeProgressBar(percent, mobile ? MOBILE_BAR_WIDTH : DEFAULT_BAR_WIDTH);
-    const label = mobile ? "C" : "Context";
-    const suffix = mobile ? "" : ` (${Math.round(percent)}%)`;
+    const size2 = getDisplaySize(context);
+    const bar = makeProgressBar(percent, getBarWidth(size2));
+    const label = size2 === "mobile" ? "C" : "Context";
+    const suffix = size2 === "mobile" ? "" : ` (${Math.round(percent)}%)`;
     return `${label}: ${bar} ${usedK}k/${totalStr}${suffix}`;
   }
   supportsRawValue() {
@@ -61841,7 +61853,7 @@ class ContextBarWidget {
     return true;
   }
 }
-var CACHE_FILE2, LOCK_FILE2, CACHE_MAX_AGE2 = 600, LOCK_MAX_AGE2 = 60, TOKEN_CACHE_MAX_AGE = 3600, cachedData = null, cacheTime = 0, cachedToken = null, tokenCacheTime = 0, CRED_FILE, MOBILE_THRESHOLD2 = 80, MOBILE_BAR_WIDTH = 4, DEFAULT_BAR_WIDTH = 15;
+var CACHE_FILE2, LOCK_FILE2, CACHE_MAX_AGE2 = 600, LOCK_MAX_AGE2 = 60, TOKEN_CACHE_MAX_AGE = 3600, cachedData = null, cacheTime = 0, cachedToken = null, tokenCacheTime = 0, CRED_FILE, MOBILE_THRESHOLD = 134, MEDIUM_THRESHOLD2 = 178, MOBILE_BAR_WIDTH = 4, MEDIUM_BAR_WIDTH = 8, DEFAULT_BAR_WIDTH = 15;
 var init_ApiUsage = __esm(() => {
   CACHE_FILE2 = path7.join(os7.homedir(), ".cache", "ccstatusline-api.json");
   LOCK_FILE2 = path7.join(os7.homedir(), ".cache", "ccstatusline-api.lock");
@@ -62700,10 +62712,13 @@ class WeeklyPaceWidget {
       return null;
     const actualPercent = Math.max(0, Math.min(100, data.weeklyUsage));
     const { delta, dayOfWeek, status } = computePace(actualPercent, window2.elapsedPercent);
-    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < MOBILE_THRESHOLD3;
+    const width = context.terminalWidth ?? 0;
+    const mobile = width > 0 && width < MOBILE_THRESHOLD2;
+    const medium = width >= MOBILE_THRESHOLD2 && width < MEDIUM_THRESHOLD3;
     if (displayMode === "pendulum" && !mobile) {
+      const halfWidth = medium ? 4 : 7;
       const sign = delta >= 0 ? "+" : "";
-      const barDisplay = `${makePendulumBar(delta)} D${dayOfWeek}/7 ${sign}${Math.round(delta)}%`;
+      const barDisplay = `${makePendulumBar(delta, halfWidth)} D${dayOfWeek}/7 ${sign}${Math.round(delta)}%`;
       return formatRawOrLabeledValue(item, "Pace: ", barDisplay);
     }
     return formatRawOrLabeledValue(item, "", `D${dayOfWeek}/7: ${status}`);
@@ -62720,7 +62735,7 @@ class WeeklyPaceWidget {
     return true;
   }
 }
-var MOBILE_THRESHOLD3 = 80;
+var MOBILE_THRESHOLD2 = 134, MEDIUM_THRESHOLD3 = 178;
 var init_WeeklyPace = __esm(() => {
   init_usage();
 });
@@ -62796,7 +62811,7 @@ class OffPeakWidget {
     const offPeak = isOffPeak(now2);
     const mins = minutesUntilFlip(now2);
     const countdown = ` (${formatCountdown(mins)} hr)`;
-    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < 80;
+    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < 134;
     if (offPeak) {
       return mobile ? `OffPk${countdown}` : `Off-peak${countdown}`;
     }

package/package.json

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