ccstatusline-usage 2.0.25 → 2.0.27

package/README.md

@@ -42,7 +42,7 @@ Session: [████░░░░░░░░░░░] 27.0% | Weekly: [██
 
 To use the enhanced configuration, copy `defaults/settings-enhanced.json` to your config directory.
 
-![Demo](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/demo.gif)
+![Status Bar Demo](screenshots/status-bar-demo.png)
 
 </div>
 
@@ -77,7 +77,7 @@ To use the enhanced configuration, copy `defaults/settings-enhanced.json` to you
 
 - **👾 Emoji Support** - You can now paste emoji into the custom text widget. You can also turn on the merge option to get emoji labels for your widgets like this:
   
-![Emoji Support](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/emojiSupport.png)
+![Emoji Support](screenshots/emojiSupport.png)
 
 ### v2.0.11 - Unlimited Status Lines
 
@@ -90,13 +90,13 @@ To use the enhanced configuration, copy `defaults/settings-enhanced.json` to you
 
 ### v2.0.8 - Powerline Auto-Alignment
 
-![Powerline Auto-Alignment](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/autoAlign.png)
+![Powerline Auto-Alignment](screenshots/autoAlign.png)
 
 - **🎯 Widget Alignment** - Auto-align widgets across multiple status lines in Powerline mode for a clean, columnar layout (toggle with 'a' in Powerline Setup)
 
 ### v2.0.7 - Current Working Directory & Session Cost
 
-![Current Working Directory and Session Cost](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/cwdAndSessionCost.png)
+![Current Working Directory and Session Cost](screenshots/cwdAndSessionCost.png)
 
 - **📁 Current Working Directory** - Display the current working directory with configurable segment display
   - Set the number of path segments to show (e.g., show only last 2 segments: `.../Personal/ccstatusline`)
@@ -114,7 +114,7 @@ To use the enhanced configuration, copy `defaults/settings-enhanced.json` to you
 
 ### v2.0.2 - Block Timer Widget
 
-![Block Timer](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/blockTimerSmall.png)
+![Block Timer](screenshots/blockTimerSmall.png)
 
 - **⏱️ Block Timer** - Track your progress through 5-hour Claude Code blocks
   - Displays time elapsed in current block as hours/minutes (e.g., "3hr 45m")
@@ -136,6 +136,8 @@ To use the enhanced configuration, copy `defaults/settings-enhanced.json` to you
 ## ✨ Features
 
 - **📊 Real-time Metrics** - Display model name, git branch, token usage, session duration, block timer, and more
+- **📈 API Usage Tracking** - Real-time 5-hour session and weekly utilization from Anthropic API with progress bars
+- **⏱️ Reset Timer** - Countdown to when your 5-hour session window resets
 - **🎨 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
@@ -366,7 +368,15 @@ Once configured, ccstatusline automatically formats your Claude Code status line
 
 ### 📊 Available Widgets
 
+#### API Usage Widgets (Fork Enhancement)
+- **Session Usage** - 5-hour session utilization with progress bar (e.g., "Session: [████░░░░░░░░░░░] 29.0%")
+- **Weekly Usage** - 7-day utilization with progress bar (e.g., "Weekly: [█░░░░░░░░░░░░░░] 7.0%")
+- **Reset Timer** - Time until 5-hour session window resets (e.g., "2:59 hr")
+- **Context Bar** - Visual context window usage with bar (e.g., "Context: [███████░░░░░░░░] 103k/200k (51%)")
+
+#### Standard Widgets
 - **Model Name** - Shows the current Claude model (e.g., "Claude 3.5 Sonnet")
+- **Claude Session ID** - Shows the current session UUID
 - **Git Branch** - Displays current git branch name
 - **Git Changes** - Shows uncommitted insertions/deletions (e.g., "+42,-10")
 - **Git Worktree** - Shows the name of the current git worktree
@@ -403,7 +413,7 @@ These settings affect where long lines are truncated, and where right-alignment
 
 Configure global formatting preferences that apply to all widgets:
 
-![Global Options](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/global.png)
+![Global Options](screenshots/global.png)
 
 #### Default Padding & Separators
 - **Default Padding** - Add consistent padding to the left and right of each widget
@@ -435,7 +445,7 @@ Configure global formatting preferences that apply to all widgets:
 
 The Block Timer widget helps you track your progress through Claude Code's 5-hour conversation blocks:
 
-![Block Timer](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/blockTimer.png)
+![Block Timer](screenshots/blockTimer.png)
 
 **Display Modes:**
 - **Time Display** - Shows elapsed time as "3hr 45m" (default)
@@ -496,7 +506,7 @@ Execute shell commands and display their output dynamically:
 3. Set timeout: `5000` (5 seconds for initial download)
 4. Enable "preserve colors" to keep ccusage's color formatting
 
-![ccusage integration](https://raw.githubusercontent.com/sirmalloc/ccstatusline/main/screenshots/ccusage.png)
+![ccusage integration](screenshots/ccusage.png)
 
 > 📄 **How it works:** The command receives Claude Code's JSON data via stdin, allowing ccusage to access session information, model details, and transcript data for accurate usage tracking.
 

package/dist/ccstatusline.js

@@ -51444,7 +51444,7 @@ import { execSync as execSync3 } from "child_process";
 import * as fs5 from "fs";
 import * as path4 from "path";
 var __dirname = "/Users/peter/Documents/Code/ccstatusline-usage/src/utils";
-var PACKAGE_VERSION = "2.0.25";
+var PACKAGE_VERSION = "2.0.27";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -53445,12 +53445,18 @@ class ContextPercentageWidget {
       const usedPercentage = Math.min(100, context.tokenMetrics.contextLength / contextConfig.maxTokens * 100);
       const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
       return item.rawValue ? `${displayPercentage.toFixed(1)}%` : `Ctx: ${displayPercentage.toFixed(1)}%`;
-    } else if (context.data?.context_window?.context_window_size && context.data?.context_window?.current_usage !== undefined) {
-      const maxTokens = context.data.context_window.context_window_size;
-      const currentUsage = context.data.context_window.current_usage;
-      const usedPercentage = Math.min(100, currentUsage / maxTokens * 100);
-      const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
-      return item.rawValue ? `${displayPercentage.toFixed(1)}%` : `Ctx: ${displayPercentage.toFixed(1)}%`;
+    } else if (context.data?.context_window) {
+      const ctxWindow = context.data.context_window;
+      let usedPercentage = null;
+      if (typeof ctxWindow.used_percentage === "number") {
+        usedPercentage = ctxWindow.used_percentage;
+      } else if (typeof ctxWindow.current_usage === "number" && ctxWindow.context_window_size) {
+        usedPercentage = Math.min(100, ctxWindow.current_usage / ctxWindow.context_window_size * 100);
+      }
+      if (usedPercentage !== null) {
+        const displayPercentage = isInverse ? 100 - usedPercentage : usedPercentage;
+        return item.rawValue ? `${displayPercentage.toFixed(1)}%` : `Ctx: ${displayPercentage.toFixed(1)}%`;
+      }
     }
     return null;
   }
@@ -58208,9 +58214,21 @@ var StatusJSONSchema = exports_external.looseObject({
     total_lines_removed: exports_external.number().optional()
   }).optional(),
   context_window: exports_external.object({
-    context_window_size: exports_external.number().optional(),
-    current_usage: exports_external.number().optional()
-  }).optional()
+    context_window_size: exports_external.number().nullable().optional(),
+    total_input_tokens: exports_external.number().nullable().optional(),
+    total_output_tokens: exports_external.number().nullable().optional(),
+    current_usage: exports_external.union([
+      exports_external.number(),
+      exports_external.object({
+        input_tokens: exports_external.number().optional(),
+        output_tokens: exports_external.number().optional(),
+        cache_creation_input_tokens: exports_external.number().optional(),
+        cache_read_input_tokens: exports_external.number().optional()
+      })
+    ]).nullable().optional(),
+    used_percentage: exports_external.number().nullable().optional(),
+    remaining_percentage: exports_external.number().nullable().optional()
+  }).nullable().optional()
 });
 
 // src/utils/jsonl.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstatusline-usage",
-  "version": "2.0.25",
+  "version": "2.0.27",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",
@@ -70,4 +70,4 @@
   "patchedDependencies": {
     "ink@6.2.0": "patches/ink@6.2.0.patch"
   }
-}
+}