copilot-statusline 0.1.12 → 0.1.13

package/README.md

@@ -24,6 +24,8 @@
 
 > **Based on [ccstatusline](https://github.com/sirmalloc/ccstatusline)** by [@sirmalloc](https://github.com/sirmalloc) — the excellent customizable statusline for Claude Code CLI. This project adapts its architecture, TUI, and rendering engine for the GitHub Copilot CLI payload format. Huge thanks to Matthew Breedlove for the original work.
 
+> **Requirements:** GitHub Copilot CLI **≥ 1.0.35** for live context widgets (`Context %`, `Context Bar`, `Context Length`, `Remaining Tokens`). Older versions miss the underlying `current_context_tokens` / `displayed_context_limit` fields and these widgets render blank.
+
 ---
 
 ## 📚 Table of Contents

package/dist/copilot-statusline.js

@@ -52913,7 +52913,7 @@ import { execSync as execSync3 } from "child_process";
 import * as fs5 from "fs";
 import * as path4 from "path";
 var __dirname = "/Users/ts/workspace/active/statusline/copilot_statusline/src/utils";
-var PACKAGE_VERSION = "0.1.12";
+var PACKAGE_VERSION = "0.1.13";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -54074,14 +54074,18 @@ function getContextWindowMetrics(data) {
   const contextWindow = data?.context_window;
   const empty = {
     windowSize: null,
+    displayedContextLimit: null,
     usedTokens: null,
     contextLengthTokens: null,
+    currentContextTokens: null,
+    currentContextUsedPercentage: null,
     usedPercentage: null,
     remainingPercentage: null,
     totalInputTokens: null,
     totalOutputTokens: null,
     cachedTokens: null,
     totalTokens: null,
+    reasoningTokens: null,
     remainingTokens: null,
     lastCallInputTokens: null,
     lastCallOutputTokens: null,
@@ -54093,6 +54097,12 @@ function getContextWindowMetrics(data) {
   }
   const rawWindowSize = toFiniteNonNegativeNumber(contextWindow.context_window_size);
   const windowSize = rawWindowSize !== null && rawWindowSize > 0 ? rawWindowSize : null;
+  const rawDisplayedLimit = toFiniteNonNegativeNumber(contextWindow.displayed_context_limit);
+  const displayedContextLimit = rawDisplayedLimit !== null && rawDisplayedLimit > 0 ? rawDisplayedLimit : null;
+  const currentContextTokens = toFiniteNonNegativeNumber(contextWindow.current_context_tokens);
+  const rawCurrentPct = toFiniteNonNegativeNumber(contextWindow.current_context_used_percentage);
+  const currentContextUsedPercentage = rawCurrentPct !== null ? clampPercentage(rawCurrentPct) : null;
+  const reasoningTokens = toFiniteNonNegativeNumber(contextWindow.total_reasoning_tokens);
   const totalInputTokens = toFiniteNonNegativeNumber(contextWindow.total_input_tokens);
   const totalOutputTokens = toFiniteNonNegativeNumber(contextWindow.total_output_tokens);
   const cacheReadTokens = toFiniteNonNegativeNumber(contextWindow.total_cache_read_tokens);
@@ -54123,14 +54133,18 @@ function getContextWindowMetrics(data) {
   const contextLengthFromAuthoritative = usedTokensFromRemaining ?? usedTokensFromPercentage;
   return {
     windowSize,
+    displayedContextLimit,
     usedTokens,
     contextLengthTokens: contextLengthFromAuthoritative ?? contextLengthTokens ?? usedTokens,
+    currentContextTokens,
+    currentContextUsedPercentage,
     usedPercentage,
     remainingPercentage,
     totalInputTokens,
     totalOutputTokens,
     cachedTokens,
     totalTokens,
+    reasoningTokens,
     remainingTokens,
     lastCallInputTokens,
     lastCallOutputTokens,
@@ -54255,6 +54269,40 @@ class TokensCachedWidget {
     return true;
   }
 }
+// src/widgets/TokensReasoning.ts
+class TokensReasoningWidget {
+  getDefaultColor() {
+    return "magenta";
+  }
+  getDescription() {
+    return "Shows total reasoning (thinking) tokens consumed this session";
+  }
+  getDisplayName() {
+    return "Tokens Reasoning";
+  }
+  getCategory() {
+    return "Tokens";
+  }
+  getEditorDisplay(_item) {
+    return { displayText: this.getDisplayName() };
+  }
+  render(item, context, _settings) {
+    if (context.isPreview) {
+      return formatRawOrLabeledValue(item, "Reasoning: ", "1.2k");
+    }
+    const metrics = getContextWindowMetrics(context.data);
+    if (metrics.reasoningTokens !== null) {
+      return formatRawOrLabeledValue(item, "Reasoning: ", formatTokens(metrics.reasoningTokens));
+    }
+    return null;
+  }
+  supportsRawValue() {
+    return true;
+  }
+  supportsColors(_item) {
+    return true;
+  }
+}
 // src/widgets/TokensTotal.ts
 class TokensTotalWidget {
   getDefaultColor() {
@@ -54295,7 +54343,7 @@ class ContextLengthWidget {
     return "brightBlack";
   }
   getDescription() {
-    return "Shows context window size";
+    return "Shows current context length in tokens (live)";
   }
   getDisplayName() {
     return "Context Length";
@@ -54308,11 +54356,11 @@ class ContextLengthWidget {
   }
   render(item, context, settings) {
     if (context.isPreview) {
-      return formatRawOrLabeledValue(item, "Ctx: ", "200k");
+      return formatRawOrLabeledValue(item, "Ctx: ", "33k");
     }
     const metrics = getContextWindowMetrics(context.data);
-    if (metrics.windowSize !== null) {
-      return formatRawOrLabeledValue(item, "Ctx: ", formatTokens(metrics.windowSize));
+    if (metrics.currentContextTokens !== null) {
+      return formatRawOrLabeledValue(item, "Ctx: ", formatTokens(metrics.currentContextTokens));
     }
     return null;
   }
@@ -54323,6 +54371,41 @@ class ContextLengthWidget {
     return true;
   }
 }
+// src/widgets/ContextWindow.ts
+class ContextWindowWidget {
+  getDefaultColor() {
+    return "brightBlack";
+  }
+  getDescription() {
+    return "Shows the model's context window size (max tokens)";
+  }
+  getDisplayName() {
+    return "Context Window";
+  }
+  getCategory() {
+    return "Context";
+  }
+  getEditorDisplay(_item) {
+    return { displayText: this.getDisplayName() };
+  }
+  render(item, context, _settings) {
+    if (context.isPreview) {
+      return formatRawOrLabeledValue(item, "Window: ", "1000k");
+    }
+    const metrics = getContextWindowMetrics(context.data);
+    const size2 = metrics.displayedContextLimit ?? metrics.windowSize;
+    if (size2 !== null) {
+      return formatRawOrLabeledValue(item, "Window: ", formatTokens(size2));
+    }
+    return null;
+  }
+  supportsRawValue() {
+    return true;
+  }
+  supportsColors(_item) {
+    return true;
+  }
+}
 // src/widgets/shared/editor-display.ts
 function makeModifierText(modifiers) {
   return modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined;
@@ -54388,8 +54471,9 @@ class ContextPercentageWidget {
       return formatRawOrLabeledValue(item, "Ctx: ", previewValue);
     }
     const metrics = getContextWindowMetrics(context.data);
-    if (metrics.usedPercentage !== null) {
-      const displayPercentage = isInverse ? 100 - metrics.usedPercentage : metrics.usedPercentage;
+    if (metrics.currentContextUsedPercentage !== null) {
+      const pct = metrics.currentContextUsedPercentage;
+      const displayPercentage = isInverse ? 100 - pct : pct;
       return formatRawOrLabeledValue(item, "Ctx: ", `${displayPercentage.toFixed(1)}%`);
     }
     return null;
@@ -54406,36 +54490,13 @@ class ContextPercentageWidget {
     return true;
   }
 }
-// src/utils/model-context.ts
-var DEFAULT_CONTEXT_WINDOW_SIZE = 200000;
-var USABLE_CONTEXT_RATIO = 0.8;
-function toValidWindowSize(value) {
-  if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) {
-    return null;
-  }
-  return value;
-}
-function getContextConfig(contextWindowSize) {
-  const statusWindowSize = toValidWindowSize(contextWindowSize);
-  if (statusWindowSize !== null) {
-    return {
-      maxTokens: statusWindowSize,
-      usableTokens: Math.floor(statusWindowSize * USABLE_CONTEXT_RATIO)
-    };
-  }
-  return {
-    maxTokens: DEFAULT_CONTEXT_WINDOW_SIZE,
-    usableTokens: Math.floor(DEFAULT_CONTEXT_WINDOW_SIZE * USABLE_CONTEXT_RATIO)
-  };
-}
-
 // src/widgets/ContextPercentageUsable.ts
 class ContextPercentageUsableWidget {
   getDefaultColor() {
     return "blue";
   }
   getDescription() {
-    return "Shows percentage of usable context window used or remaining (80% of total)";
+    return "Shows percentage of usable context (current_context_tokens / displayed_context_limit)";
   }
   getDisplayName() {
     return "Context % (Usable)";
@@ -54459,9 +54520,8 @@ class ContextPercentageUsableWidget {
       return formatRawOrLabeledValue(item, "Usable: ", previewValue);
     }
     const metrics = getContextWindowMetrics(context.data);
-    if (metrics.usedTokens !== null && metrics.windowSize !== null) {
-      const contextConfig = getContextConfig(metrics.windowSize);
-      const usablePercent = Math.min(100, metrics.usedTokens / contextConfig.usableTokens * 100);
+    if (metrics.currentContextTokens !== null && metrics.displayedContextLimit !== null && metrics.displayedContextLimit > 0) {
+      const usablePercent = Math.min(100, metrics.currentContextTokens / metrics.displayedContextLimit * 100);
       const displayPercentage = isInverse ? 100 - usablePercent : usablePercent;
       return formatRawOrLabeledValue(item, "Usable: ", `${displayPercentage.toFixed(1)}%`);
     }
@@ -54544,8 +54604,8 @@ class ContextBarWidget {
       return item.rawValue ? previewDisplay : `Context: ${previewDisplay}`;
     }
     const contextWindowMetrics = getContextWindowMetrics(context.data);
-    const total = contextWindowMetrics.windowSize;
-    const used = contextWindowMetrics.contextLengthTokens;
+    const total = contextWindowMetrics.displayedContextLimit ?? contextWindowMetrics.windowSize;
+    const used = contextWindowMetrics.currentContextTokens;
     if (used === null || total === null || total <= 0) {
       return null;
     }
@@ -54810,7 +54870,7 @@ class RemainingTokensWidget {
     return "brightBlack";
   }
   getDescription() {
-    return "Shows absolute remaining context tokens";
+    return "Shows remaining tokens in current context (displayed_context_limit − current_context_tokens)";
   }
   getDisplayName() {
     return "Remaining Tokens";
@@ -54826,8 +54886,10 @@ class RemainingTokensWidget {
       return formatRawOrLabeledValue(item, "Remaining: ", "164.8k");
     }
     const metrics = getContextWindowMetrics(context.data);
-    if (metrics.remainingTokens !== null) {
-      return formatRawOrLabeledValue(item, "Remaining: ", formatTokens(metrics.remainingTokens));
+    const limit = metrics.displayedContextLimit ?? metrics.windowSize;
+    if (limit !== null && metrics.currentContextTokens !== null) {
+      const remaining = Math.max(0, limit - metrics.currentContextTokens);
+      return formatRawOrLabeledValue(item, "Remaining: ", formatTokens(remaining));
     }
     return null;
   }
@@ -58151,8 +58213,10 @@ var WIDGET_MANIFEST = [
   { type: "tokens-input", create: () => new TokensInputWidget },
   { type: "tokens-output", create: () => new TokensOutputWidget },
   { type: "tokens-cached", create: () => new TokensCachedWidget },
+  { type: "tokens-reasoning", create: () => new TokensReasoningWidget },
   { type: "tokens-total", create: () => new TokensTotalWidget },
   { type: "context-length", create: () => new ContextLengthWidget },
+  { type: "context-window", create: () => new ContextWindowWidget },
   { type: "context-percentage", create: () => new ContextPercentageWidget },
   { type: "context-percentage-usable", create: () => new ContextPercentageUsableWidget },
   { type: "context-bar", create: () => new ContextBarWidget },
@@ -63422,6 +63486,7 @@ var CopilotPayloadSchema = exports_external.object({
     reasoning_effort: exports_external.string().nullable().optional()
   }).optional(),
   workspace: exports_external.object({ current_dir: exports_external.string().optional() }).optional(),
+  remote: exports_external.object({ connected: exports_external.boolean().optional() }).optional(),
   version: exports_external.string().optional(),
   cost: exports_external.object({
     total_api_duration_ms: exports_external.number().optional(),
@@ -63436,12 +63501,16 @@ var CopilotPayloadSchema = exports_external.object({
     total_output_tokens: exports_external.number().optional(),
     total_cache_read_tokens: exports_external.number().optional(),
     total_cache_write_tokens: exports_external.number().optional(),
+    total_reasoning_tokens: exports_external.number().optional(),
     total_tokens: exports_external.number().optional(),
     used_percentage: OptionalNumber,
     remaining_percentage: OptionalNumber,
     remaining_tokens: OptionalNumber,
     last_call_input_tokens: exports_external.number().optional(),
     last_call_output_tokens: exports_external.number().optional(),
+    current_context_tokens: OptionalNumber,
+    current_context_used_percentage: OptionalNumber,
+    displayed_context_limit: OptionalNumber,
     current_usage: exports_external.object({
       input_tokens: exports_external.number().optional(),
       output_tokens: exports_external.number().optional(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "copilot-statusline",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "A customizable status line formatter for GitHub Copilot CLI — based on ccstatusline",
   "module": "src/copilot-statusline.ts",
   "type": "module",