ccstatusline 2.2.10 → 2.2.12

package/README.md

@@ -47,19 +47,24 @@
 
 ## 🆕 Recent Updates
 
-### v2.2.9 - v2.2.10 - GitLab support, reset timers, context, and git widgets
+### v2.2.9 - v2.2.12 - GitLab support, reset timers, context, compaction, and git widgets
 
 - **🦊 GitLab PR/MR support** - `Git Branch` and `Git PR/MR` now support GitHub, GitLab, and compatible self-hosted remotes, using `gh` or `glab` as appropriate.
 - **🔄 Status line refresh interval** - Installed configs can set Claude Code's `statusLine.refreshInterval` from the TUI when Claude Code >=2.1.97 supports it.
 - **🧭 Wrap-around TUI navigation** - Menu/list navigation and move/reorder modes now wrap at the first and last items.
 - **📋 Clone widget shortcut** - Press `k` in the item editor to duplicate the selected widget, with fresh Powerline background color for cloned Powerline items.
 - **📊 Short bar display modes** - Context percentage, Context Bar, Session Usage, Weekly Usage, Block Timer, and reset timer widgets can use compact bar variants.
+- **⏱️ Usage time cursor** - Session Usage and Weekly Usage progress bars can show the elapsed time position within the current usage window.
 - **🕒 Reset timer timestamps** - Block and Weekly Reset Timer widgets can show exact reset timestamps with compact formatting, 12/24-hour display, IANA time zones, and locale selection.
 - **🪟 Context Window widget** - Added a `Context Window` widget for total model window size, keeping `Context Length` focused on current context usage.
+- **🔁 Compaction Counter widget** - Added a `Compaction Counter` widget that tracks session context compactions, with icon/text/number formats, optional Nerd Font icon, and hide-when-zero behavior.
 - **🧮 Git file status widgets** - Added `Git Staged Files`, `Git Unstaged Files`, `Git Untracked Files`, and `Git Clean Status` for file counts and clean/dirty state.
-- **🧠 Thinking Effort updates** - Added `xhigh`, show `default` when no effort is set, and mark unknown future effort levels with `?`.
+- **🏷️ Clear context percentage labels** - `Context %` and `Context % (usable)` now label rendered values as used or left when toggling used/remaining mode.
+- **⚡ More Powerline caps** - The Powerline separator editor now supports more than three start/end caps.
+- **🧠 Thinking Effort updates** - Added `xhigh`, show `default` when no effort is set, mark unknown future effort levels with `?`, and track live status JSON plus `/effort` command changes.
 - **🧮 More accurate token counts** - Streaming duplicate JSONL entries are deduped so token widgets do not overcount live Claude Code output.
 - **🏷️ Cleaner model display** - The Model widget strips trailing context suffixes like `(1M context)`; use `Context Window` when you want the total window size shown.
+- **🧹 Cleaner empty-widget separators** - Manual separators now collapse around widgets that render empty, avoiding dangling separators when hide-when-empty widgets disappear.
 - **🧱 More resilient Git helpers** - Git widgets handle missing or unusual git command output more defensively.
 
 ### v2.2.8 - Git widgets, smarter picker search, and minimalist mode
@@ -192,7 +197,7 @@
 
 ## ✨ Features
 
-- **📊 Real-time Metrics** - Display model name, git branch, token usage, session duration, block timer, and more
+- **📊 Real-time Metrics** - Display model name, git branch, token usage, session duration, compaction count, block timer, and more
 - **🎨 Fully Customizable** - Choose what to display and customize colors for each element
 - **⚡ Powerline Support** - Beautiful Powerline-style rendering with arrow separators, caps, and custom fonts
 - **📐 Multi-line Support** - Configure multiple independent status lines

package/dist/ccstatusline.js

@@ -56010,17 +56010,26 @@ function getContextConfig(modelIdentifier, contextWindowSize) {
 var DEFAULT_CONTEXT_WINDOW_SIZE = 200000, USABLE_CONTEXT_RATIO = 0.8;
 
 // src/utils/context-percentage.ts
-function calculateContextPercentage(context) {
+function calculateContextPercentageMetrics(context) {
   const contextWindowMetrics = getContextWindowMetrics(context.data);
+  const modelIdentifier = getModelContextIdentifier(context.data?.model);
+  const contextConfig = getContextConfig(modelIdentifier, contextWindowMetrics.windowSize);
   if (contextWindowMetrics.usedPercentage !== null) {
-    return contextWindowMetrics.usedPercentage;
+    return {
+      usedPercentage: contextWindowMetrics.usedPercentage,
+      windowSize: contextConfig.maxTokens
+    };
   }
   if (!context.tokenMetrics) {
-    return 0;
+    return null;
   }
-  const modelIdentifier = getModelContextIdentifier(context.data?.model);
-  const contextConfig = getContextConfig(modelIdentifier, contextWindowMetrics.windowSize);
-  return Math.min(100, context.tokenMetrics.contextLength / contextConfig.maxTokens * 100);
+  return {
+    usedPercentage: Math.min(100, context.tokenMetrics.contextLength / contextConfig.maxTokens * 100),
+    windowSize: contextConfig.maxTokens
+  };
+}
+function calculateContextPercentage(context) {
+  return calculateContextPercentageMetrics(context)?.usedPercentage ?? 0;
 }
 var init_context_percentage = () => {};
 
@@ -56127,7 +56136,7 @@ function getTerminalWidth() {
 function canDetectTerminalWidth() {
   return probeTerminalWidth() !== null;
 }
-var __dirname = "/Users/sirmalloc/Projects/Personal/ccstatusline/src/utils", PACKAGE_VERSION = "2.2.10";
+var __dirname = "/Users/sirmalloc/Projects/Personal/ccstatusline/src/utils", PACKAGE_VERSION = "2.2.12";
 var init_terminal = () => {};
 
 // src/utils/renderer.ts
@@ -56532,12 +56541,12 @@ function renderStatusLine(widgets, settings, context, preRenderedWidgets, preCal
       let hasContentBefore = false;
       for (let j = i - 1;j >= 0; j--) {
         const prevWidget = widgets[j];
-        if (prevWidget && prevWidget.type !== "separator" && prevWidget.type !== "flex-separator") {
-          if (preRenderedWidgets[j]?.content) {
-            hasContentBefore = true;
-            break;
-          }
-        }
+        if (!prevWidget)
+          continue;
+        if (prevWidget.type === "separator" || prevWidget.type === "flex-separator")
+          continue;
+        hasContentBefore = Boolean(preRenderedWidgets[j]?.content);
+        break;
       }
       if (!hasContentBefore)
         continue;
@@ -57118,11 +57127,21 @@ function isUsageProgressMode(mode) {
 function isUsageSliderMode(mode) {
   return mode === "slider" || mode === "slider-only";
 }
-function makeSliderBar(percent, width = SLIDER_WIDTH) {
+function makeSliderBar(percent, width = SLIDER_WIDTH, options) {
   const clamped = Math.max(0, Math.min(100, percent));
   const filled = Math.round(clamped / 100 * width);
-  const empty = width - filled;
-  return "▓".repeat(filled) + "░".repeat(empty);
+  const cursorPos = options?.cursorPercent !== undefined ? Math.min(Math.floor(Math.max(0, Math.min(100, options.cursorPercent)) / 100 * width), width - 1) : -1;
+  let bar = "";
+  for (let i = 0;i < width; i++) {
+    if (i === cursorPos) {
+      bar += "│";
+    } else if (i < filled) {
+      bar += "▓";
+    } else {
+      bar += "░";
+    }
+  }
+  return bar;
 }
 function getUsageProgressBarWidth(mode) {
   return mode === "progress" ? 32 : 16;
@@ -57133,6 +57152,12 @@ function isUsageInverted(item) {
 function isUsageCompact(item) {
   return isMetadataFlagEnabled(item, "compact");
 }
+function isUsageCursorEnabled(item) {
+  return isMetadataFlagEnabled(item, "cursor");
+}
+function toggleUsageCursor(item) {
+  return toggleMetadataFlag(item, "cursor");
+}
 function isUsageDateMode(item) {
   return isMetadataFlagEnabled(item, "absolute");
 }
@@ -57204,6 +57229,9 @@ function getUsageDisplayModifierText(item, options = {}) {
   if (isUsageInverted(item)) {
     modifiers.push("inverted");
   }
+  if (isUsageCursorEnabled(item) && (isUsageProgressMode(mode) || isUsageSliderMode(mode))) {
+    modifiers.push("time cursor");
+  }
   if (options.includeCompact && !isUsageProgressMode(mode) && isUsageCompact(item)) {
     modifiers.push("compact");
   }
@@ -57231,7 +57259,8 @@ function cycleUsageDisplayMode(item, disabledInProgressKeys = [], includeSlider
   } else {
     nextMode = currentMode === "time" ? "progress" : currentMode === "progress" ? "progress-short" : "time";
   }
-  const nextItem = removeMetadataKeys(item, nextMode === "time" ? ["invert"] : disabledInProgressKeys);
+  const keysToRemove = nextMode === "time" ? ["invert", "cursor"] : disabledInProgressKeys;
+  const nextItem = removeMetadataKeys(item, keysToRemove);
   const nextMetadata = {
     ...nextItem.metadata ?? {},
     display: nextMode
@@ -57251,6 +57280,9 @@ function getUsagePercentCustomKeybinds(item) {
     if (isUsageProgressMode(mode) || isUsageSliderMode(mode)) {
       keybinds.push(INVERT_TOGGLE_KEYBIND);
     }
+    if (isUsageProgressMode(mode) || isUsageSliderMode(mode)) {
+      keybinds.push(CURSOR_TOGGLE_KEYBIND);
+    }
   }
   return keybinds;
 }
@@ -57277,12 +57309,13 @@ function getUsageTimerCustomKeybinds(item, options = {}) {
   }
   return keybinds;
 }
-var SLIDER_WIDTH = 10, PROGRESS_TOGGLE_KEYBIND, INVERT_TOGGLE_KEYBIND, COMPACT_TOGGLE_KEYBIND, DATE_TOGGLE_KEYBIND, HOUR_FORMAT_TOGGLE_KEYBIND, TIMEZONE_KEYBIND, LOCALE_KEYBIND;
+var SLIDER_WIDTH = 10, PROGRESS_TOGGLE_KEYBIND, INVERT_TOGGLE_KEYBIND, COMPACT_TOGGLE_KEYBIND, CURSOR_TOGGLE_KEYBIND, DATE_TOGGLE_KEYBIND, HOUR_FORMAT_TOGGLE_KEYBIND, TIMEZONE_KEYBIND, LOCALE_KEYBIND;
 var init_usage_display = __esm(() => {
   init_locales2();
   PROGRESS_TOGGLE_KEYBIND = { key: "p", label: "(p)rogress toggle", action: "toggle-progress" };
   INVERT_TOGGLE_KEYBIND = { key: "v", label: "in(v)ert fill", action: "toggle-invert" };
   COMPACT_TOGGLE_KEYBIND = { key: "s", label: "(s)hort time", action: "toggle-compact" };
+  CURSOR_TOGGLE_KEYBIND = { key: "t", label: "(t)ime cursor", action: "toggle-cursor" };
   DATE_TOGGLE_KEYBIND = { key: "t", label: "(t)imestamp", action: "toggle-date" };
   HOUR_FORMAT_TOGGLE_KEYBIND = { key: "h", label: "12/24 (h)our", action: "toggle-hour-format" };
   TIMEZONE_KEYBIND = { key: "z", label: "time(z)one", action: "edit-timezone" };
@@ -57377,34 +57410,19 @@ class ContextPercentageWidget {
   }
   render(item, context, settings) {
     const isInverse = isContextInverse(item);
+    const label = isInverse ? "Ctx Left: " : "Ctx Used: ";
     const sliderMode = getContextSliderMode(item);
-    const contextWindowMetrics = getContextWindowMetrics(context.data);
-    if (context.isPreview) {
-      const previewPercent = isInverse ? 90.7 : 9.3;
-      const sliderResult = renderContextSlider(sliderMode, previewPercent);
-      if (sliderResult !== null) {
-        return formatRawOrLabeledValue(item, "Ctx: ", sliderResult);
-      }
-      return formatRawOrLabeledValue(item, "Ctx: ", `${previewPercent.toFixed(1)}%`);
-    }
-    if (contextWindowMetrics.usedPercentage !== null) {
-      const displayPercentage = isInverse ? 100 - contextWindowMetrics.usedPercentage : contextWindowMetrics.usedPercentage;
+    const contextPercentageMetrics = calculateContextPercentageMetrics(context);
+    const formatContextPercentage = (displayPercentage) => {
       const sliderResult = renderContextSlider(sliderMode, displayPercentage);
-      if (sliderResult !== null) {
-        return formatRawOrLabeledValue(item, "Ctx: ", sliderResult);
-      }
-      return formatRawOrLabeledValue(item, "Ctx: ", `${displayPercentage.toFixed(1)}%`);
+      return formatRawOrLabeledValue(item, label, sliderResult ?? `${displayPercentage.toFixed(1)}%`);
+    };
+    if (context.isPreview) {
+      return formatContextPercentage(isInverse ? 90.7 : 9.3);
     }
-    if (context.tokenMetrics) {
-      const modelIdentifier = getModelContextIdentifier(context.data?.model);
-      const contextConfig = getContextConfig(modelIdentifier, contextWindowMetrics.windowSize);
-      const usedPercentage = Math.min(100, context.tokenMetrics.contextLength / contextConfig.maxTokens * 100);
-      const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
-      const sliderResult = renderContextSlider(sliderMode, displayPercentage);
-      if (sliderResult !== null) {
-        return formatRawOrLabeledValue(item, "Ctx: ", sliderResult);
-      }
-      return formatRawOrLabeledValue(item, "Ctx: ", `${displayPercentage.toFixed(1)}%`);
+    if (contextPercentageMetrics !== null) {
+      const displayPercentage = isInverse ? 100 - contextPercentageMetrics.usedPercentage : contextPercentageMetrics.usedPercentage;
+      return formatContextPercentage(displayPercentage);
     }
     return null;
   }
@@ -57422,6 +57440,7 @@ class ContextPercentageWidget {
   }
 }
 var init_ContextPercentage = __esm(() => {
+  init_context_percentage();
   init_context_inverse();
   init_context_slider();
 });
@@ -57458,35 +57477,27 @@ class ContextPercentageUsableWidget {
   }
   render(item, context, settings) {
     const isInverse = isContextInverse(item);
+    const label = isInverse ? "Ctx(u) Left: " : "Ctx(u) Used: ";
     const sliderMode = getContextSliderMode(item);
     const modelIdentifier = getModelContextIdentifier(context.data?.model);
     const contextWindowMetrics = getContextWindowMetrics(context.data);
     const contextConfig = getContextConfig(modelIdentifier, contextWindowMetrics.windowSize);
+    const formatContextPercentage = (displayPercentage) => {
+      const sliderResult = renderContextSlider(sliderMode, displayPercentage);
+      return formatRawOrLabeledValue(item, label, sliderResult ?? `${displayPercentage.toFixed(1)}%`);
+    };
     if (context.isPreview) {
-      const previewPercent = isInverse ? 88.4 : 11.6;
-      const sliderResult = renderContextSlider(sliderMode, previewPercent);
-      if (sliderResult !== null) {
-        return formatRawOrLabeledValue(item, "Ctx(u): ", sliderResult);
-      }
-      return formatRawOrLabeledValue(item, "Ctx(u): ", `${previewPercent.toFixed(1)}%`);
+      return formatContextPercentage(isInverse ? 88.4 : 11.6);
     }
     if (contextWindowMetrics.contextLengthTokens !== null) {
       const usedPercentage = Math.min(100, contextWindowMetrics.contextLengthTokens / contextConfig.usableTokens * 100);
       const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
-      const sliderResult = renderContextSlider(sliderMode, displayPercentage);
-      if (sliderResult !== null) {
-        return formatRawOrLabeledValue(item, "Ctx(u): ", sliderResult);
-      }
-      return formatRawOrLabeledValue(item, "Ctx(u): ", `${displayPercentage.toFixed(1)}%`);
+      return formatContextPercentage(displayPercentage);
     }
     if (context.tokenMetrics) {
       const usedPercentage = Math.min(100, context.tokenMetrics.contextLength / contextConfig.usableTokens * 100);
       const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
-      const sliderResult = renderContextSlider(sliderMode, displayPercentage);
-      if (sliderResult !== null) {
-        return formatRawOrLabeledValue(item, "Ctx(u): ", sliderResult);
-      }
-      return formatRawOrLabeledValue(item, "Ctx(u): ", `${displayPercentage.toFixed(1)}%`);
+      return formatContextPercentage(displayPercentage);
     }
     return null;
   }
@@ -63063,6 +63074,12 @@ function getTranscriptThinkingEffort(transcriptPath) {
         continue;
       }
       const visibleContent = getVisibleText(entry.message.content).trim();
+      if (visibleContent.startsWith(EFFORT_STDOUT_PREFIX)) {
+        const effortMatch = EFFORT_STDOUT_REGEX.exec(visibleContent);
+        if (effortMatch) {
+          return normalizeThinkingEffort(effortMatch[1]);
+        }
+      }
       if (!visibleContent.startsWith(MODEL_STDOUT_PREFIX)) {
         continue;
       }
@@ -63074,13 +63091,14 @@ function getTranscriptThinkingEffort(transcriptPath) {
   }
   return;
 }
-var KNOWN_THINKING_EFFORTS, KNOWN_THINKING_EFFORTS_SET, MODEL_STDOUT_PREFIX = "<local-command-stdout>Set model to ", MODEL_STDOUT_EFFORT_REGEX, UNKNOWN_EFFORT_PATTERN;
+var KNOWN_THINKING_EFFORTS, KNOWN_THINKING_EFFORTS_SET, MODEL_STDOUT_PREFIX = "<local-command-stdout>Set model to ", MODEL_STDOUT_EFFORT_REGEX, EFFORT_STDOUT_PREFIX = "<local-command-stdout>Set effort level to ", EFFORT_STDOUT_REGEX, UNKNOWN_EFFORT_PATTERN;
 var init_jsonl_metadata = __esm(() => {
   init_ansi();
   init_jsonl_lines();
   KNOWN_THINKING_EFFORTS = ["low", "medium", "high", "xhigh", "max"];
   KNOWN_THINKING_EFFORTS_SET = new Set(KNOWN_THINKING_EFFORTS);
   MODEL_STDOUT_EFFORT_REGEX = /^<local-command-stdout>Set model to[\s\S]*? with ([a-zA-Z0-9-]+) effort<\/local-command-stdout>$/i;
+  EFFORT_STDOUT_REGEX = /^<local-command-stdout>Set effort level to ([a-zA-Z0-9-]+)\b/i;
   UNKNOWN_EFFORT_PATTERN = /^(?=.*[a-z0-9])[a-z0-9-]{2,20}$/;
 });
 
@@ -64175,6 +64193,24 @@ class SessionNameWidget {
 }
 var init_SessionName = () => {};
 
+// src/widgets/shared/progress-bar.ts
+function makeTimerProgressBar2(percent, width, options) {
+  const clampedPercent = Math.max(0, Math.min(100, percent));
+  const filledWidth = Math.round(clampedPercent / 100 * width);
+  const cursorPos = options?.cursorPercent !== undefined ? Math.min(Math.floor(Math.max(0, Math.min(100, options.cursorPercent)) / 100 * width), width - 1) : -1;
+  let bar = "";
+  for (let i = 0;i < width; i++) {
+    if (i === cursorPos) {
+      bar += "│";
+    } else if (i < filledWidth) {
+      bar += "█";
+    } else {
+      bar += "░";
+    }
+  }
+  return bar;
+}
+
 // src/widgets/SessionUsage.ts
 class SessionUsageWidget {
   getDefaultColor() {
@@ -64202,21 +64238,26 @@ class SessionUsageWidget {
     if (action === "toggle-invert") {
       return toggleUsageInverted(item);
     }
+    if (action === "toggle-cursor") {
+      return toggleUsageCursor(item);
+    }
     return null;
   }
   render(item, context, settings) {
     const displayMode = getUsageDisplayMode(item);
     const inverted = isUsageInverted(item);
+    const showCursor = isUsageCursorEnabled(item);
     if (context.isPreview) {
       const previewPercent = 20;
       const renderedPercent2 = inverted ? 100 - previewPercent : previewPercent;
       if (isUsageProgressMode(displayMode)) {
         const width = getUsageProgressBarWidth(displayMode);
-        const progressDisplay = `${makeUsageProgressBar(renderedPercent2, width)} ${renderedPercent2.toFixed(1)}%`;
+        const progressBar = makeTimerProgressBar2(renderedPercent2, width, showCursor ? { cursorPercent: 50 } : undefined);
+        const progressDisplay = `[${progressBar}] ${renderedPercent2.toFixed(1)}%`;
         return formatRawOrLabeledValue(item, "Session: ", progressDisplay);
       }
       if (isUsageSliderMode(displayMode)) {
-        const slider = makeSliderBar(renderedPercent2);
+        const slider = makeSliderBar(renderedPercent2, undefined, showCursor ? { cursorPercent: 50 } : undefined);
         const sliderDisplay = displayMode === "slider" ? `${slider} ${renderedPercent2.toFixed(1)}%` : slider;
         return formatRawOrLabeledValue(item, "Session: ", sliderDisplay);
       }
@@ -64229,13 +64270,21 @@ class SessionUsageWidget {
       return null;
     const percent = Math.max(0, Math.min(100, data.sessionUsage));
     const renderedPercent = inverted ? 100 - percent : percent;
+    const getCursorOptions = () => {
+      if (!showCursor) {
+        return;
+      }
+      const window2 = resolveUsageWindowWithFallback(data, context.blockMetrics);
+      return window2 ? { cursorPercent: window2.elapsedPercent } : undefined;
+    };
     if (isUsageProgressMode(displayMode)) {
       const width = getUsageProgressBarWidth(displayMode);
-      const progressDisplay = `${makeUsageProgressBar(renderedPercent, width)} ${renderedPercent.toFixed(1)}%`;
+      const progressBar = makeTimerProgressBar2(renderedPercent, width, getCursorOptions());
+      const progressDisplay = `[${progressBar}] ${renderedPercent.toFixed(1)}%`;
       return formatRawOrLabeledValue(item, "Session: ", progressDisplay);
     }
     if (isUsageSliderMode(displayMode)) {
-      const slider = makeSliderBar(renderedPercent);
+      const slider = makeSliderBar(renderedPercent, undefined, getCursorOptions());
       const sliderDisplay = displayMode === "slider" ? `${slider} ${renderedPercent.toFixed(1)}%` : slider;
       return formatRawOrLabeledValue(item, "Session: ", sliderDisplay);
     }
@@ -64283,21 +64332,26 @@ class WeeklyUsageWidget {
     if (action === "toggle-invert") {
       return toggleUsageInverted(item);
     }
+    if (action === "toggle-cursor") {
+      return toggleUsageCursor(item);
+    }
     return null;
   }
   render(item, context, settings) {
     const displayMode = getUsageDisplayMode(item);
     const inverted = isUsageInverted(item);
+    const showCursor = isUsageCursorEnabled(item);
     if (context.isPreview) {
       const previewPercent = 12;
       const renderedPercent2 = inverted ? 100 - previewPercent : previewPercent;
       if (isUsageProgressMode(displayMode)) {
         const width = getUsageProgressBarWidth(displayMode);
-        const progressDisplay = `${makeUsageProgressBar(renderedPercent2, width)} ${renderedPercent2.toFixed(1)}%`;
+        const progressBar = makeTimerProgressBar2(renderedPercent2, width, showCursor ? { cursorPercent: 50 } : undefined);
+        const progressDisplay = `[${progressBar}] ${renderedPercent2.toFixed(1)}%`;
         return formatRawOrLabeledValue(item, "Weekly: ", progressDisplay);
       }
       if (isUsageSliderMode(displayMode)) {
-        const slider = makeSliderBar(renderedPercent2);
+        const slider = makeSliderBar(renderedPercent2, undefined, showCursor ? { cursorPercent: 50 } : undefined);
         const sliderDisplay = displayMode === "slider" ? `${slider} ${renderedPercent2.toFixed(1)}%` : slider;
         return formatRawOrLabeledValue(item, "Weekly: ", sliderDisplay);
       }
@@ -64310,13 +64364,21 @@ class WeeklyUsageWidget {
       return null;
     const percent = Math.max(0, Math.min(100, data.weeklyUsage));
     const renderedPercent = inverted ? 100 - percent : percent;
+    const getCursorOptions = () => {
+      if (!showCursor) {
+        return;
+      }
+      const window2 = resolveWeeklyUsageWindow(data);
+      return window2 ? { cursorPercent: window2.elapsedPercent } : undefined;
+    };
     if (isUsageProgressMode(displayMode)) {
       const width = getUsageProgressBarWidth(displayMode);
-      const progressDisplay = `${makeUsageProgressBar(renderedPercent, width)} ${renderedPercent.toFixed(1)}%`;
+      const progressBar = makeTimerProgressBar2(renderedPercent, width, getCursorOptions());
+      const progressDisplay = `[${progressBar}] ${renderedPercent.toFixed(1)}%`;
       return formatRawOrLabeledValue(item, "Weekly: ", progressDisplay);
     }
     if (isUsageSliderMode(displayMode)) {
-      const slider = makeSliderBar(renderedPercent);
+      const slider = makeSliderBar(renderedPercent, undefined, getCursorOptions());
       const sliderDisplay = displayMode === "slider" ? `${slider} ${renderedPercent.toFixed(1)}%` : slider;
       return formatRawOrLabeledValue(item, "Weekly: ", sliderDisplay);
     }
@@ -64789,7 +64851,7 @@ var init_timezone_editor = __esm(async () => {
 });
 
 // src/widgets/BlockResetTimer.ts
-function makeTimerProgressBar2(percent, width) {
+function makeTimerProgressBar3(percent, width) {
   const clampedPercent = Math.max(0, Math.min(100, percent));
   const filledWidth = Math.floor(clampedPercent / 100 * width);
   const emptyWidth = width - filledWidth;
@@ -64842,7 +64904,7 @@ class BlockResetTimerWidget {
       const previewPercent = inverted ? 90 : 10;
       if (isUsageProgressMode(displayMode)) {
         const barWidth = getUsageProgressBarWidth(displayMode);
-        const progressBar = makeTimerProgressBar2(previewPercent, barWidth);
+        const progressBar = makeTimerProgressBar3(previewPercent, barWidth);
         return formatRawOrLabeledValue(item, "Reset ", `[${progressBar}] ${previewPercent.toFixed(1)}%`);
       }
       if (dateMode) {
@@ -64862,7 +64924,7 @@ class BlockResetTimerWidget {
     if (isUsageProgressMode(displayMode)) {
       const barWidth = getUsageProgressBarWidth(displayMode);
       const percent = inverted ? window2.remainingPercent : window2.elapsedPercent;
-      const progressBar = makeTimerProgressBar2(percent, barWidth);
+      const progressBar = makeTimerProgressBar3(percent, barWidth);
       const percentage = percent.toFixed(1);
       return formatRawOrLabeledValue(item, "Reset ", `[${progressBar}] ${percentage}%`);
     }
@@ -64912,7 +64974,7 @@ var init_BlockResetTimer = __esm(async () => {
 });
 
 // src/widgets/WeeklyResetTimer.ts
-function makeTimerProgressBar3(percent, width) {
+function makeTimerProgressBar4(percent, width) {
   const clampedPercent = Math.max(0, Math.min(100, percent));
   const filledWidth = Math.floor(clampedPercent / 100 * width);
   const emptyWidth = width - filledWidth;
@@ -65010,7 +65072,7 @@ class WeeklyResetTimerWidget {
       const previewPercent = inverted ? 90 : 10;
       if (isUsageProgressMode(displayMode)) {
         const barWidth = getUsageProgressBarWidth(displayMode);
-        const progressBar = makeTimerProgressBar3(previewPercent, barWidth);
+        const progressBar = makeTimerProgressBar4(previewPercent, barWidth);
         return formatRawOrLabeledValue(item, "Weekly Reset ", `[${progressBar}] ${previewPercent.toFixed(1)}%`);
       }
       if (dateMode) {
@@ -65030,7 +65092,7 @@ class WeeklyResetTimerWidget {
     if (isUsageProgressMode(displayMode)) {
       const barWidth = getUsageProgressBarWidth(displayMode);
       const percent = inverted ? window2.remainingPercent : window2.elapsedPercent;
-      const progressBar = makeTimerProgressBar3(percent, barWidth);
+      const progressBar = makeTimerProgressBar4(percent, barWidth);
       const percentage = percent.toFixed(1);
       return formatRawOrLabeledValue(item, "Weekly Reset ", `[${progressBar}] ${percentage}%`);
     }
@@ -65587,6 +65649,13 @@ var init_Skills = __esm(async () => {
 });
 
 // src/widgets/ThinkingEffort.ts
+function resolveThinkingEffortFromStatusJson(context) {
+  const effort = context.data?.effort;
+  if (!effort || !("level" in effort)) {
+    return;
+  }
+  return typeof effort.level === "string" ? normalizeThinkingEffort(effort.level) : null;
+}
 function resolveThinkingEffortFromSettings() {
   try {
     const settings = loadClaudeSettingsSync({ logErrors: false });
@@ -65595,6 +65664,10 @@ function resolveThinkingEffortFromSettings() {
   return;
 }
 function resolveThinkingEffort(context) {
+  const statusEffort = resolveThinkingEffortFromStatusJson(context);
+  if (statusEffort !== undefined) {
+    return statusEffort;
+  }
   return getTranscriptThinkingEffort(context.data?.transcript_path) ?? resolveThinkingEffortFromSettings() ?? null;
 }
 function formatEffort(resolved) {
@@ -65893,6 +65966,149 @@ class GitWorktreeOriginalBranchWidget {
   }
 }
 
+// src/widgets/CompactionCounter.ts
+function getFormat2(item) {
+  const format = item.metadata?.format;
+  return FORMATS2.includes(format ?? "") ? format : DEFAULT_FORMAT2;
+}
+function removeNerdFont(item) {
+  const { [NERD_FONT_METADATA_KEY2]: removedNerdFont, ...restMetadata } = item.metadata ?? {};
+  return {
+    ...item,
+    metadata: Object.keys(restMetadata).length > 0 ? restMetadata : undefined
+  };
+}
+function setFormat2(item, format) {
+  if (format === DEFAULT_FORMAT2) {
+    const { format: removedFormat, ...restMetadata2 } = item.metadata ?? {};
+    return {
+      ...item,
+      metadata: Object.keys(restMetadata2).length > 0 ? restMetadata2 : undefined
+    };
+  }
+  const { [NERD_FONT_METADATA_KEY2]: removedNerdFont, ...restMetadata } = item.metadata ?? {};
+  return {
+    ...item,
+    metadata: {
+      ...restMetadata,
+      format
+    }
+  };
+}
+function isNerdFontEnabled2(item) {
+  return item.metadata?.[NERD_FONT_METADATA_KEY2] === "true" && getFormat2(item) === DEFAULT_FORMAT2;
+}
+function isHideZeroEnabled(item) {
+  return item.metadata?.[HIDE_ZERO_METADATA_KEY] === "true";
+}
+function toggleHideZero(item) {
+  return {
+    ...item,
+    metadata: {
+      ...item.metadata ?? {},
+      [HIDE_ZERO_METADATA_KEY]: (!isHideZeroEnabled(item)).toString()
+    }
+  };
+}
+function toggleNerdFont2(item) {
+  if (getFormat2(item) !== DEFAULT_FORMAT2) {
+    return removeNerdFont(item);
+  }
+  if (!isNerdFontEnabled2(item)) {
+    return {
+      ...item,
+      metadata: {
+        ...item.metadata ?? {},
+        [NERD_FONT_METADATA_KEY2]: "true"
+      }
+    };
+  }
+  return removeNerdFont(item);
+}
+function formatCount(count, format, icon) {
+  switch (format) {
+    case "icon-space-number":
+      return `${icon} ${count}`;
+    case "text-and-number":
+      return `Compactions: ${count}`;
+    case "number":
+      return String(count);
+  }
+}
+
+class CompactionCounterWidget {
+  getDefaultColor() {
+    return "yellow";
+  }
+  getDescription() {
+    return "Count of context compaction events in the current session.";
+  }
+  getDisplayName() {
+    return "Compaction Counter";
+  }
+  getCategory() {
+    return "Context";
+  }
+  getEditorDisplay(item) {
+    const modifiers = [getFormat2(item)];
+    if (isNerdFontEnabled2(item)) {
+      modifiers.push("nerd font");
+    }
+    if (isHideZeroEnabled(item)) {
+      modifiers.push("hide zero");
+    }
+    return {
+      displayText: "Compaction Counter",
+      modifierText: `(${modifiers.join(", ")})`
+    };
+  }
+  handleEditorAction(action, item) {
+    if (action === CYCLE_FORMAT_ACTION2) {
+      const currentFormat = getFormat2(item);
+      const nextFormat = FORMATS2[(FORMATS2.indexOf(currentFormat) + 1) % FORMATS2.length] ?? DEFAULT_FORMAT2;
+      return setFormat2(item, nextFormat);
+    }
+    if (action === TOGGLE_HIDE_ZERO_ACTION) {
+      return toggleHideZero(item);
+    }
+    if (action === TOGGLE_NERD_FONT_ACTION2) {
+      return toggleNerdFont2(item);
+    }
+    return null;
+  }
+  render(item, context, settings) {
+    const format = getFormat2(item);
+    const icon = isNerdFontEnabled2(item) ? COMPACTION_NERD_FONT_ICON : COMPACTION_ICON;
+    if (context.isPreview) {
+      return formatCount(2, format, icon);
+    }
+    const count = context.compactionData?.count ?? 0;
+    if (count === 0 && isHideZeroEnabled(item))
+      return null;
+    return formatCount(count, format, icon);
+  }
+  getCustomKeybinds(item) {
+    const keybinds = [
+      { key: "f", label: "(f)ormat", action: CYCLE_FORMAT_ACTION2 }
+    ];
+    if (item === undefined || getFormat2(item) === DEFAULT_FORMAT2) {
+      keybinds.push({ key: "n", label: "(n)erd font", action: TOGGLE_NERD_FONT_ACTION2 });
+    }
+    keybinds.push({ key: "h", label: "(h)ide when zero", action: TOGGLE_HIDE_ZERO_ACTION });
+    return keybinds;
+  }
+  supportsRawValue() {
+    return false;
+  }
+  supportsColors(item) {
+    return true;
+  }
+}
+var COMPACTION_ICON = "↻", COMPACTION_NERD_FONT_ICON = "", FORMATS2, DEFAULT_FORMAT2 = "icon-space-number", CYCLE_FORMAT_ACTION2 = "cycle-format", TOGGLE_HIDE_ZERO_ACTION = "toggle-hide-zero", TOGGLE_NERD_FONT_ACTION2 = "toggle-nerd-font", HIDE_ZERO_METADATA_KEY = "hideZero", NERD_FONT_METADATA_KEY2 = "nerdFont";
+var init_CompactionCounter = __esm(() => {
+  FORMATS2 = ["icon-space-number", "text-and-number", "number"];
+});
+
 // src/widgets/index.ts
 var init_widgets = __esm(async () => {
   init_GitBranch();
@@ -65926,6 +66142,7 @@ var init_widgets = __esm(async () => {
   init_FreeMemory();
   init_SessionName();
   init_VimMode();
+  init_CompactionCounter();
   await __promiseAll([
     init_TokensInput(),
     init_TokensOutput(),
@@ -66021,7 +66238,8 @@ var init_widget_manifest = __esm(async () => {
     { type: "worktree-mode", create: () => new GitWorktreeModeWidget },
     { type: "worktree-name", create: () => new GitWorktreeNameWidget },
     { type: "worktree-branch", create: () => new GitWorktreeBranchWidget },
-    { type: "worktree-original-branch", create: () => new GitWorktreeOriginalBranchWidget }
+    { type: "worktree-original-branch", create: () => new GitWorktreeOriginalBranchWidget },
+    { type: "compaction-counter", create: () => new CompactionCounterWidget }
   ];
   LAYOUT_WIDGET_MANIFEST = [
     {
@@ -70693,7 +70911,7 @@ var PowerlineSeparatorEditor = ({
           newInvertBgs[selectedIndex] = isLeftFacing;
         }
         updateSeparators(newSeparators, mode === "separator" ? newInvertBgs : undefined);
-      } else if ((input === "a" || input === "A") && (mode === "separator" || separators.length < 3)) {
+      } else if (input === "a" || input === "A") {
         const newSeparators = [...separators];
         const newInvertBgs = mode === "separator" ? [...invertBgs] : [];
         const defaultChar = presetSeparators[0]?.char ?? "";
@@ -70713,7 +70931,7 @@ var PowerlineSeparatorEditor = ({
           updateSeparators(newSeparators, newInvertBgs);
           setSelectedIndex(selectedIndex + 1);
         }
-      } else if ((input === "i" || input === "I") && (mode === "separator" || separators.length < 3)) {
+      } else if (input === "i" || input === "I") {
         const newSeparators = [...separators];
         const newInvertBgs = mode === "separator" ? [...invertBgs] : [];
         const defaultChar = presetSeparators[0]?.char ?? "";
@@ -70765,7 +70983,6 @@ var PowerlineSeparatorEditor = ({
         return "Powerline End Cap Configuration";
     }
   };
-  const canAdd = mode === "separator" || separators.length < 3;
   const canDelete = mode !== "separator" || separators.length > 1;
   return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
     flexDirection: "column",
@@ -70817,7 +71034,7 @@ var PowerlineSeparatorEditor = ({
           /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
               dimColor: true,
-              children: `↑↓ select, ← → cycle${canAdd ? ", (a)dd, (i)nsert" : ""}${canDelete ? ", (d)elete" : ""}, (c)lear, (h)ex${mode === "separator" ? ", (t)oggle invert" : ""}, ESC back`
+              children: `↑↓ select, ← → cycle, (a)dd, (i)nsert${canDelete ? ", (d)elete" : ""}, (c)lear, (h)ex${mode === "separator" ? ", (t)oggle invert" : ""}, ESC back`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
@@ -72668,6 +72885,7 @@ var StatusJSONSchema = exports_external.looseObject({
   }).optional(),
   version: exports_external.string().optional(),
   output_style: exports_external.object({ name: exports_external.string().optional() }).optional(),
+  effort: exports_external.object({ level: exports_external.string().nullable().optional() }).nullable().optional(),
   cost: exports_external.object({
     total_cost_usd: CoercedNumberSchema.optional(),
     total_duration_ms: CoercedNumberSchema.optional(),
@@ -72708,6 +72926,115 @@ var StatusJSONSchema = exports_external.looseObject({
 // src/ccstatusline.ts
 init_ansi();
 init_colors();
+
+// src/utils/compaction.ts
+init_zod();
+import * as crypto from "crypto";
+import * as fs13 from "fs";
+import * as os13 from "os";
+import * as path10 from "path";
+var DEFAULT_DROP_THRESHOLD = 2;
+var FRESH_PREV_CTX_PCT = -1;
+var MAX_CACHE_FILE_BYTES = 4096;
+var SESSION_ID_HASH_HEX_LEN = 32;
+var FRESH = { count: 0, prevCtxPct: FRESH_PREV_CTX_PCT };
+var CompactionStateSchema = exports_external.object({
+  count: exports_external.number().int().nonnegative().default(0),
+  prevCtxPct: exports_external.number().default(FRESH_PREV_CTX_PCT),
+  prevWindowSize: exports_external.number().positive().nullable().optional()
+});
+function normalizeWindowSize(value) {
+  if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) {
+    return null;
+  }
+  return value;
+}
+function normalizeOptions(options) {
+  if (typeof options === "number") {
+    return { dropThreshold: options, windowSize: null };
+  }
+  const dropThreshold = typeof options.dropThreshold === "number" && Number.isFinite(options.dropThreshold) ? options.dropThreshold : DEFAULT_DROP_THRESHOLD;
+  return { dropThreshold, windowSize: options.windowSize ?? null };
+}
+function detectCompaction(currentCtxPct, state, options = DEFAULT_DROP_THRESHOLD) {
+  if (!Number.isFinite(currentCtxPct) || currentCtxPct < 0) {
+    return state;
+  }
+  const { dropThreshold, windowSize } = normalizeOptions(options);
+  const currentWindowSize = normalizeWindowSize(windowSize);
+  const prevWindowSize = normalizeWindowSize(state.prevWindowSize);
+  let { count } = state;
+  const { prevCtxPct } = state;
+  const hasKnownWindowChange = currentWindowSize !== null && prevWindowSize !== null && currentWindowSize !== prevWindowSize;
+  const isLearningWindowSize = currentWindowSize !== null && prevWindowSize === null && prevCtxPct >= 0;
+  if (!hasKnownWindowChange && !isLearningWindowSize && prevCtxPct >= 0 && currentCtxPct < prevCtxPct - dropThreshold) {
+    count += 1;
+  }
+  return {
+    count,
+    prevCtxPct: currentCtxPct,
+    ...currentWindowSize !== null ? { prevWindowSize: currentWindowSize } : {}
+  };
+}
+function getCacheDir2() {
+  return path10.join(os13.homedir(), ".cache", "ccstatusline", "compaction");
+}
+function sanitizeSessionId(sessionId) {
+  const sanitized = sessionId.replace(/[^a-zA-Z0-9_-]/g, "_");
+  if (!sanitized || sanitized !== sessionId) {
+    return crypto.createHash("sha256").update(sessionId).digest("hex").slice(0, SESSION_ID_HASH_HEX_LEN);
+  }
+  return sanitized;
+}
+function getStatePath(sessionId) {
+  return path10.join(getCacheDir2(), `compaction-${sanitizeSessionId(sessionId)}.json`);
+}
+function loadCompactionState(sessionId) {
+  const statePath = getStatePath(sessionId);
+  let fd = null;
+  try {
+    fd = fs13.openSync(statePath, fs13.constants.O_RDONLY | fs13.constants.O_NOFOLLOW);
+    const stats = fs13.fstatSync(fd);
+    if (!stats.isFile() || stats.size > MAX_CACHE_FILE_BYTES) {
+      return FRESH;
+    }
+    const raw = JSON.parse(fs13.readFileSync(fd, "utf-8"));
+    const result2 = CompactionStateSchema.safeParse(raw);
+    return result2.success ? result2.data : FRESH;
+  } catch {
+    return FRESH;
+  } finally {
+    if (fd !== null) {
+      try {
+        fs13.closeSync(fd);
+      } catch {}
+    }
+  }
+}
+function saveCompactionState(sessionId, state) {
+  let tmpPath = null;
+  try {
+    const dir = getCacheDir2();
+    if (!fs13.existsSync(dir)) {
+      fs13.mkdirSync(dir, { recursive: true });
+    }
+    const targetPath = getStatePath(sessionId);
+    tmpPath = `${targetPath}.tmp.${process.pid}.${crypto.randomBytes(4).toString("hex")}`;
+    fs13.writeFileSync(tmpPath, JSON.stringify(state) + `
+`);
+    fs13.renameSync(tmpPath, targetPath);
+    tmpPath = null;
+  } catch {
+    if (tmpPath !== null) {
+      try {
+        fs13.unlinkSync(tmpPath);
+      } catch {}
+    }
+  }
+}
+
+// src/ccstatusline.ts
+init_context_percentage();
 await __promiseAll([
   init_config(),
   init_jsonl()
@@ -72715,23 +73042,23 @@ await __promiseAll([
 await init_renderer2();
 
 // src/utils/skills.ts
-import * as fs13 from "fs";
-import * as os13 from "os";
-import * as path10 from "path";
+import * as fs14 from "fs";
+import * as os14 from "os";
+import * as path11 from "path";
 var EMPTY = { totalInvocations: 0, uniqueSkills: [], lastSkill: null };
 function getSkillsDir() {
-  return path10.join(os13.homedir(), ".cache", "ccstatusline", "skills");
+  return path11.join(os14.homedir(), ".cache", "ccstatusline", "skills");
 }
 function getSkillsFilePath(sessionId) {
-  return path10.join(getSkillsDir(), `skills-${sessionId}.jsonl`);
+  return path11.join(getSkillsDir(), `skills-${sessionId}.jsonl`);
 }
 function getSkillsMetrics(sessionId) {
   const filePath = getSkillsFilePath(sessionId);
-  if (!fs13.existsSync(filePath)) {
+  if (!fs14.existsSync(filePath)) {
     return EMPTY;
   }
   try {
-    const invocations = fs13.readFileSync(filePath, "utf-8").trim().split(`
+    const invocations = fs14.readFileSync(filePath, "utf-8").trim().split(`
 `).filter((line) => line.trim()).map((line) => {
       try {
         return JSON.parse(line);
@@ -72880,6 +73207,20 @@ async function renderMultipleLines(data) {
   if (data.session_id) {
     skillsMetrics = getSkillsMetrics(data.session_id);
   }
+  let compactionCount = 0;
+  const hasCompactionWidget = lines.some((line) => line.some((item) => item.type === "compaction-counter"));
+  if (hasCompactionWidget && data.session_id) {
+    const prevState = loadCompactionState(data.session_id);
+    compactionCount = prevState.count;
+    const contextPercentageMetrics = calculateContextPercentageMetrics({ data, tokenMetrics });
+    if (contextPercentageMetrics !== null) {
+      const newState = detectCompaction(contextPercentageMetrics.usedPercentage, prevState, { windowSize: contextPercentageMetrics.windowSize });
+      if (newState.count !== prevState.count || newState.prevCtxPct !== prevState.prevCtxPct || newState.prevWindowSize !== prevState.prevWindowSize) {
+        saveCompactionState(data.session_id, newState);
+      }
+      compactionCount = newState.count;
+    }
+  }
   const context = {
     data,
     tokenMetrics,
@@ -72888,6 +73229,7 @@ async function renderMultipleLines(data) {
     usageData,
     sessionDuration,
     skillsMetrics,
+    compactionData: hasCompactionWidget ? { count: compactionCount } : null,
     isPreview: false,
     minimalist: settings.minimalistMode
   };
@@ -72974,16 +73316,16 @@ async function handleHook() {
       return;
     }
     const filePath = getSkillsFilePath(sessionId);
-    const fs14 = await import("fs");
-    const path11 = await import("path");
-    fs14.mkdirSync(path11.dirname(filePath), { recursive: true });
+    const fs15 = await import("fs");
+    const path12 = await import("path");
+    fs15.mkdirSync(path12.dirname(filePath), { recursive: true });
     const entry = JSON.stringify({
       timestamp: new Date().toISOString(),
       session_id: sessionId,
       skill: skillName,
       source: data.hook_event_name
     });
-    fs14.appendFileSync(filePath, entry + `
+    fs15.appendFileSync(filePath, entry + `
 `);
   } catch {}
   console.log("{}");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstatusline",
-  "version": "2.2.10",
+  "version": "2.2.12",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",
@@ -45,7 +45,7 @@
     "strip-ansi": "^7.1.0",
     "tinyglobby": "^0.2.14",
     "typedoc": "^0.28.12",
-    "typescript": "^5.9.2",
+    "typescript": "^6.0.2",
     "typescript-eslint": "^8.39.1",
     "vitest": "^4.0.18",
     "zod": "^4.0.17"