ccstatusline-usage 2.0.26 → 2.0.28

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

@@ -50982,13 +50982,19 @@ var SettingsSchema = exports_external.object({
   version: exports_external.number().default(CURRENT_VERSION),
   lines: exports_external.array(exports_external.array(WidgetItemSchema)).min(1).default([
     [
-      { id: "model", type: "model", color: "cyan" },
+      { id: "model", type: "model", color: "magenta" },
       { id: "sep1", type: "separator" },
       { id: "context", type: "context-percentage", color: "blue" },
       { id: "sep2", type: "separator" },
-      { id: "session-id", type: "claude-session-id", color: "brightBlack" }
+      { id: "session-clock", type: "session-clock", color: "yellow" },
+      { id: "sep3", type: "separator" },
+      { id: "session-id", type: "claude-session-id", color: "cyan" }
+    ],
+    [
+      { id: "git-branch", type: "git-branch", color: "green" },
+      { id: "sep4", type: "separator" },
+      { id: "git-changes", type: "git-changes", color: "yellow" }
     ],
-    [],
     []
   ]),
   flexMode: FlexModeSchema.default("full-minus-40"),
@@ -51444,7 +51450,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.26";
+var PACKAGE_VERSION = "2.0.28";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -58214,9 +58220,9 @@ 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(),
-    total_input_tokens: exports_external.number().optional(),
-    total_output_tokens: exports_external.number().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({
@@ -58225,10 +58231,10 @@ var StatusJSONSchema = exports_external.looseObject({
         cache_creation_input_tokens: exports_external.number().optional(),
         cache_read_input_tokens: exports_external.number().optional()
       })
-    ]).optional(),
-    used_percentage: exports_external.number().optional(),
-    remaining_percentage: exports_external.number().optional()
-  }).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.26",
+  "version": "2.0.28",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",