claude-scope 0.1.3 → 0.1.4

package/dist/types.d.ts

@@ -1,69 +1,12 @@
 /**
  * Shared types used across the application
+ *
+ * This file re-exports types from the Zod schema (single source of truth)
+ * and defines additional types not related to stdin data validation.
  */
-/**
- * Model information from Claude Code
- */
-export interface ModelInfo {
-    id: string;
-    display_name: string;
-}
-/**
- * Output style configuration
- */
-export interface OutputStyle {
-    name: string;
-}
-/**
- * Workspace information
- */
-export interface WorkspaceInfo {
-    current_dir: string;
-    project_dir: string;
-}
-/**
- * Cost and activity information
- */
-export interface CostInfo {
-    total_cost_usd: number;
-    total_duration_ms: number;
-    total_api_duration_ms: number;
-    total_lines_added: number;
-    total_lines_removed: number;
-}
-/**
- * Current context window usage
- */
-export interface ContextUsage {
-    input_tokens: number;
-    output_tokens: number;
-    cache_creation_input_tokens: number;
-    cache_read_input_tokens: number;
-}
-/**
- * Context window information
- */
-export interface ContextWindow {
-    total_input_tokens: number;
-    total_output_tokens: number;
-    context_window_size: number;
-    current_usage: ContextUsage | null;
-}
-/**
- * Data received from Claude Code via stdin
- */
-export interface StdinData {
-    hook_event_name: "Status";
-    session_id: string;
-    transcript_path: string;
-    cwd: string;
-    model: ModelInfo;
-    workspace: WorkspaceInfo;
-    version: string;
-    output_style: OutputStyle;
-    cost: CostInfo;
-    context_window: ContextWindow;
-}
+import type { StdinData, ModelInfo, Workspace, OutputStyle, CostInfo, ContextWindow, ContextUsage } from './schemas/stdin-schema.js';
+export type { StdinData, ModelInfo, Workspace, OutputStyle, CostInfo, ContextWindow, ContextUsage };
+export type WorkspaceInfo = Workspace;
 /**
  * Git repository information
  */

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,2BAA2B,EAAE,MAAM,CAAC;IACpC,uBAAuB,EAAE,MAAM,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,eAAe,EAAE,QAAQ,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,WAAW,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,aAAa,EACb,YAAY,EACb,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,aAAa,EACb,YAAY,EACb,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/dist/types.js

@@ -1,5 +1,8 @@
 /**
  * Shared types used across the application
+ *
+ * This file re-exports types from the Zod schema (single source of truth)
+ * and defines additional types not related to stdin data validation.
  */
 export {};
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/ui/utils/colors.d.ts

@@ -0,0 +1,52 @@
+/**
+ * ANSI color utilities for terminal output
+ *
+ * Provides ANSI escape codes for colors and text styling in terminal output.
+ * These codes work in most modern terminal emulators.
+ */
+/**
+ * Reset all styles and colors
+ */
+export declare const reset = "\u001B[0m";
+/**
+ * Foreground colors (30-37, 90 for bright/bold variants)
+ */
+export declare const red = "\u001B[31m";
+export declare const green = "\u001B[32m";
+export declare const yellow = "\u001B[33m";
+export declare const blue = "\u001B[34m";
+export declare const magenta = "\u001B[35m";
+export declare const cyan = "\u001B[36m";
+export declare const white = "\u001B[37m";
+export declare const gray = "\u001B[90m";
+/**
+ * Background colors (40-47)
+ */
+export declare const bgRed = "\u001B[41m";
+export declare const bgGreen = "\u001B[42m";
+export declare const bgYellow = "\u001B[43m";
+export declare const bgBlue = "\u001B[44m";
+/**
+ * Text styles
+ */
+export declare const bold = "\u001B[1m";
+export declare const dim = "\u001B[2m";
+export declare const italic = "\u001B[3m";
+export declare const underline = "\u001B[4m";
+/**
+ * Context usage colors
+ * Used for context progress bar based on usage percentage
+ */
+export declare const contextColors: {
+    readonly low: "\u001B[32m";
+    readonly medium: "\u001B[33m";
+    readonly high: "\u001B[31m";
+};
+/**
+ * Wrap text in ANSI color
+ * @param text - Text to colorize
+ * @param color - ANSI color code
+ * @returns Colorized text with reset code
+ */
+export declare function colorize(text: string, color: string): string;
+//# sourceMappingURL=colors.d.ts.map

package/dist/ui/utils/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,eAAO,MAAM,KAAK,cAAY,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,GAAG,eAAa,CAAC;AAC9B,eAAO,MAAM,KAAK,eAAa,CAAC;AAChC,eAAO,MAAM,MAAM,eAAa,CAAC;AACjC,eAAO,MAAM,IAAI,eAAa,CAAC;AAC/B,eAAO,MAAM,OAAO,eAAa,CAAC;AAClC,eAAO,MAAM,IAAI,eAAa,CAAC;AAC/B,eAAO,MAAM,KAAK,eAAa,CAAC;AAChC,eAAO,MAAM,IAAI,eAAa,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,KAAK,eAAa,CAAC;AAChC,eAAO,MAAM,OAAO,eAAa,CAAC;AAClC,eAAO,MAAM,QAAQ,eAAa,CAAC;AACnC,eAAO,MAAM,MAAM,eAAa,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,IAAI,cAAY,CAAC;AAC9B,eAAO,MAAM,GAAG,cAAY,CAAC;AAC7B,eAAO,MAAM,MAAM,cAAY,CAAC;AAChC,eAAO,MAAM,SAAS,cAAY,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5D"}

package/dist/ui/utils/colors.js

@@ -0,0 +1,54 @@
+/**
+ * ANSI color utilities for terminal output
+ *
+ * Provides ANSI escape codes for colors and text styling in terminal output.
+ * These codes work in most modern terminal emulators.
+ */
+/**
+ * Reset all styles and colors
+ */
+export const reset = '\x1b[0m';
+/**
+ * Foreground colors (30-37, 90 for bright/bold variants)
+ */
+export const red = '\x1b[31m';
+export const green = '\x1b[32m';
+export const yellow = '\x1b[33m';
+export const blue = '\x1b[34m';
+export const magenta = '\x1b[35m';
+export const cyan = '\x1b[36m';
+export const white = '\x1b[37m';
+export const gray = '\x1b[90m';
+/**
+ * Background colors (40-47)
+ */
+export const bgRed = '\x1b[41m';
+export const bgGreen = '\x1b[42m';
+export const bgYellow = '\x1b[43m';
+export const bgBlue = '\x1b[44m';
+/**
+ * Text styles
+ */
+export const bold = '\x1b[1m';
+export const dim = '\x1b[2m';
+export const italic = '\x1b[3m';
+export const underline = '\x1b[4m';
+/**
+ * Context usage colors
+ * Used for context progress bar based on usage percentage
+ */
+export const contextColors = {
+    low: green, // <50% usage
+    medium: yellow, // 50-79% usage
+    high: red // >=80% usage
+};
+/**
+ * Wrap text in ANSI color
+ * @param text - Text to colorize
+ * @param color - ANSI color code
+ * @returns Colorized text with reset code
+ */
+export function colorize(text, color) {
+    return `${color}${text}${reset}`;
+}
+//# sourceMappingURL=colors.js.map

package/dist/ui/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/ui/utils/colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAC;AAC9B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;AAChC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC;AACjC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC;AAC/B,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;AAClC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC;AAC/B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;AAChC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;AAChC,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;AAClC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC;AAC9B,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAC;AAC7B,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC;AAChC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,GAAG,EAAE,KAAK,EAAM,aAAa;IAC7B,MAAM,EAAE,MAAM,EAAE,eAAe;IAC/B,IAAI,EAAE,GAAG,CAAO,cAAc;CACtB,CAAC;AAEX;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,KAAa;IAClD,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC;AACnC,CAAC"}

package/dist/ui/utils/formatters.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Formatter utilities for displaying data in human-readable formats
+ */
+/**
+ * Format milliseconds to human-readable duration
+ *
+ * Examples:
+ * - 45000 -> "45s"
+ * - 60000 -> "1m 0s"
+ * - 3600000 -> "1h 0m 0s"
+ * - 3665000 -> "1h 1m 5s"
+ *
+ * @param ms - Duration in milliseconds
+ * @returns Human-readable duration string
+ */
+export declare function formatDuration(ms: number): string;
+/**
+ * Format cost in USD with appropriate precision
+ *
+ * - Values < $0.01 (positive): 4 decimal places ($0.0012)
+ * - Values >= $0.01: 2 decimal places ($1.23)
+ * - Values >= $100: 0 decimal places ($123)
+ * - Negative values: 2 decimal places ($-1.23)
+ *
+ * @param usd - Cost in USD
+ * @returns Formatted cost string with $ prefix
+ */
+export declare function formatCostUSD(usd: number): string;
+/**
+ * Create a visual progress bar
+ *
+ * @param percent - Percentage (0-100)
+ * @param width - Bar width in characters (default: DEFAULTS.PROGRESS_BAR_WIDTH)
+ * @returns Progress bar string like "████████░░░░░░░░░░░░"
+ */
+export declare function progressBar(percent: number, width?: number): string;
+/**
+ * Get color code for context percentage
+ *
+ * - <50%: green (low usage)
+ * - 50-79%: yellow (medium usage)
+ * - >=80%: red (high usage)
+ *
+ * @param percent - Context usage percentage (0-100)
+ * @returns ANSI color code
+ */
+export declare function getContextColor(percent: number): string;
+/**
+ * Colorize text with ANSI color code
+ *
+ * @param text - Text to colorize
+ * @param color - ANSI color code
+ * @returns Colorized text with reset code
+ */
+export declare function colorize(text: string, color: string): string;
+//# sourceMappingURL=formatters.d.ts.map

package/dist/ui/utils/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/formatters.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAsBjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAgBjD;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,MAAoC,GAAG,MAAM,CAKhG;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAUvD;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5D"}

package/dist/ui/utils/formatters.js

@@ -0,0 +1,114 @@
+/**
+ * Formatter utilities for displaying data in human-readable formats
+ */
+import { TIME, COST_THRESHOLDS, CONTEXT_THRESHOLDS, ANSI_COLORS, DEFAULTS } from '../../constants.js';
+/**
+ * Format milliseconds to human-readable duration
+ *
+ * Examples:
+ * - 45000 -> "45s"
+ * - 60000 -> "1m 0s"
+ * - 3600000 -> "1h 0m 0s"
+ * - 3665000 -> "1h 1m 5s"
+ *
+ * @param ms - Duration in milliseconds
+ * @returns Human-readable duration string
+ */
+export function formatDuration(ms) {
+    if (ms <= 0)
+        return '0s';
+    const seconds = Math.floor(ms / TIME.MS_PER_SECOND);
+    const hours = Math.floor(seconds / TIME.SECONDS_PER_HOUR);
+    const minutes = Math.floor((seconds % TIME.SECONDS_PER_HOUR) / TIME.SECONDS_PER_MINUTE);
+    const secs = seconds % TIME.SECONDS_PER_MINUTE;
+    const parts = [];
+    if (hours > 0) {
+        parts.push(`${hours}h`);
+        parts.push(`${minutes}m`);
+        parts.push(`${secs}s`);
+    }
+    else if (minutes > 0) {
+        parts.push(`${minutes}m`);
+        parts.push(`${secs}s`);
+    }
+    else {
+        parts.push(`${secs}s`);
+    }
+    return parts.join(' ');
+}
+/**
+ * Format cost in USD with appropriate precision
+ *
+ * - Values < $0.01 (positive): 4 decimal places ($0.0012)
+ * - Values >= $0.01: 2 decimal places ($1.23)
+ * - Values >= $100: 0 decimal places ($123)
+ * - Negative values: 2 decimal places ($-1.23)
+ *
+ * @param usd - Cost in USD
+ * @returns Formatted cost string with $ prefix
+ */
+export function formatCostUSD(usd) {
+    const absUsd = Math.abs(usd);
+    if (usd < 0) {
+        // Negative values: 2 decimal places
+        return `$${usd.toFixed(2)}`;
+    }
+    else if (absUsd < COST_THRESHOLDS.SMALL) {
+        // 4 decimal places for very small positive values
+        return `$${usd.toFixed(4)}`;
+    }
+    else if (absUsd < COST_THRESHOLDS.LARGE) {
+        // 2 decimal places for normal values
+        return `$${usd.toFixed(2)}`;
+    }
+    else {
+        // 0 decimal places for large values
+        return `$${Math.floor(usd).toFixed(0)}`;
+    }
+}
+/**
+ * Create a visual progress bar
+ *
+ * @param percent - Percentage (0-100)
+ * @param width - Bar width in characters (default: DEFAULTS.PROGRESS_BAR_WIDTH)
+ * @returns Progress bar string like "████████░░░░░░░░░░░░"
+ */
+export function progressBar(percent, width = DEFAULTS.PROGRESS_BAR_WIDTH) {
+    const clampedPercent = Math.max(0, Math.min(100, percent));
+    const filled = Math.round((clampedPercent / 100) * width);
+    const empty = width - filled;
+    return '█'.repeat(filled) + '░'.repeat(empty);
+}
+/**
+ * Get color code for context percentage
+ *
+ * - <50%: green (low usage)
+ * - 50-79%: yellow (medium usage)
+ * - >=80%: red (high usage)
+ *
+ * @param percent - Context usage percentage (0-100)
+ * @returns ANSI color code
+ */
+export function getContextColor(percent) {
+    const clampedPercent = Math.max(0, Math.min(100, percent));
+    if (clampedPercent < CONTEXT_THRESHOLDS.LOW_MEDIUM) {
+        return ANSI_COLORS.GREEN;
+    }
+    else if (clampedPercent < CONTEXT_THRESHOLDS.MEDIUM_HIGH) {
+        return ANSI_COLORS.YELLOW;
+    }
+    else {
+        return ANSI_COLORS.RED;
+    }
+}
+/**
+ * Colorize text with ANSI color code
+ *
+ * @param text - Text to colorize
+ * @param color - ANSI color code
+ * @returns Colorized text with reset code
+ */
+export function colorize(text, color) {
+    return `${color}${text}${ANSI_COLORS.RESET}`;
+}
+//# sourceMappingURL=formatters.js.map

package/dist/ui/utils/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../../src/ui/utils/formatters.ts"],"names":[],"mappings":"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"}

package/dist/widgets/context-widget.d.ts

@@ -3,11 +3,11 @@
  *
  * Displays context window usage with progress bar
  */
-import { StdinDataWidget } from '../core/stdin-data-widget.js';
-import type { RenderContext } from '../core/types.js';
+import { StdinDataWidget } from './core/stdin-data-widget.js';
+import type { RenderContext, StdinData } from '../types.js';
 export declare class ContextWidget extends StdinDataWidget {
     readonly id = "context";
     readonly metadata: import("../core/types.js").IWidgetMetadata;
-    render(context: RenderContext): Promise<string | null>;
+    protected renderWithData(data: StdinData, context: RenderContext): string | null;
 }
 //# sourceMappingURL=context-widget.d.ts.map

package/dist/widgets/context-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/context-widget.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,qBAAa,aAAc,SAAQ,eAAe;IAChD,QAAQ,CAAC,EAAE,aAAa;IACxB,QAAQ,CAAC,QAAQ,6CAGf;IAEI,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;CAiB7D"}
+{"version":3,"file":"context-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/context-widget.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI9D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5D,qBAAa,aAAc,SAAQ,eAAe;IAChD,QAAQ,CAAC,EAAE,aAAa;IACxB,QAAQ,CAAC,QAAQ,6CAGf;IAEF,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI;CAqBjF"}

package/dist/widgets/context-widget.js

@@ -3,21 +3,25 @@
  *
  * Displays context window usage with progress bar
  */
-import { StdinDataWidget } from '../core/stdin-data-widget.js';
+import { StdinDataWidget } from './core/stdin-data-widget.js';
 import { createWidgetMetadata } from '../core/widget-types.js';
-import { progressBar, getContextColor, colorize } from '../utils/formatters.js';
+import { progressBar, getContextColor, colorize } from '../ui/utils/formatters.js';
 import { DEFAULTS } from '../constants.js';
 export class ContextWidget extends StdinDataWidget {
     id = 'context';
     metadata = createWidgetMetadata('Context', 'Displays context window usage with progress bar');
-    async render(context) {
-        const data = this.getData();
+    renderWithData(data, context) {
         const { current_usage, context_window_size } = data.context_window;
         if (!current_usage)
             return null;
+        // Calculate actual context usage:
+        // - input_tokens: new tokens added to context
+        // - cache_creation_input_tokens: tokens spent creating cache (also in context)
+        // - cache_read_input_tokens: NOT counted (reading from cache doesn't use context space)
+        // - output_tokens: tokens in the response (also part of context)
         const used = current_usage.input_tokens +
             current_usage.cache_creation_input_tokens +
-            current_usage.cache_read_input_tokens;
+            current_usage.output_tokens;
         const percent = Math.round((used / context_window_size) * 100);
         const bar = progressBar(percent, DEFAULTS.PROGRESS_BAR_WIDTH);
         const color = getContextColor(percent);

package/dist/widgets/context-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-widget.js","sourceRoot":"","sources":["../../src/widgets/context-widget.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,MAAM,OAAO,aAAc,SAAQ,eAAe;IACvC,EAAE,GAAG,SAAS,CAAC;IACf,QAAQ,GAAG,oBAAoB,CACtC,SAAS,EACT,iDAAiD,CAClD,CAAC;IAEF,KAAK,CAAC,MAAM,CAAC,OAAsB;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC;QAEnE,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAC;QAEhC,MAAM,IAAI,GAAG,aAAa,CAAC,YAAY;YAC1B,aAAa,CAAC,2BAA2B;YACzC,aAAa,CAAC,uBAAuB,CAAC;QAEnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,mBAAmB,CAAC,GAAG,GAAG,CAAC,CAAC;QAE/D,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QAC9D,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QAEvC,OAAO,QAAQ,CAAC,IAAI,GAAG,KAAK,OAAO,GAAG,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;CACF"}
+{"version":3,"file":"context-widget.js","sourceRoot":"","sources":["../../src/widgets/context-widget.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,MAAM,OAAO,aAAc,SAAQ,eAAe;IACvC,EAAE,GAAG,SAAS,CAAC;IACf,QAAQ,GAAG,oBAAoB,CACtC,SAAS,EACT,iDAAiD,CAClD,CAAC;IAEQ,cAAc,CAAC,IAAe,EAAE,OAAsB;QAC9D,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC;QAEnE,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAC;QAEhC,kCAAkC;QAClC,8CAA8C;QAC9C,+EAA+E;QAC/E,wFAAwF;QACxF,iEAAiE;QACjE,MAAM,IAAI,GAAG,aAAa,CAAC,YAAY;YAC1B,aAAa,CAAC,2BAA2B;YACzC,aAAa,CAAC,aAAa,CAAC;QAEzC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,mBAAmB,CAAC,GAAG,GAAG,CAAC,CAAC;QAE/D,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QAC9D,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QAEvC,OAAO,QAAQ,CAAC,IAAI,GAAG,KAAK,OAAO,GAAG,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;CACF"}

package/dist/widgets/core/stdin-data-widget.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Base class for widgets that receive StdinData
+ *
+ * Uses Template Method Pattern for state management.
+ *
+ * Extending widgets only need to implement renderWithData() method.
+ * The base class handles data storage, update logic, and enables checking.
+ */
+import type { IWidget, IWidgetMetadata, WidgetContext, RenderContext } from '../../core/types.js';
+import type { StdinData } from '../../types.js';
+/**
+ * Abstract base class for widgets working with StdinData
+ *
+ * Uses Template Method Pattern:
+ * - render() is final template method that handles null checks
+ * - Subclasses implement renderWithData() hook with data as parameter
+ *
+ * @example
+ * ```typescript
+ * export class ModelWidget extends StdinDataWidget {
+ *   readonly id = 'model';
+ *   readonly metadata = createWidgetMetadata('Model', 'Displays Claude model');
+ *
+ *   protected renderWithData(data: StdinData, context: RenderContext): string | null {
+ *     return data.model.display_name;
+ *   }
+ * }
+ * ```
+ */
+export declare abstract class StdinDataWidget implements IWidget {
+    /**
+     * Stored stdin data from last update
+     */
+    protected data: StdinData | null;
+    /**
+     * Widget enabled state
+     */
+    protected enabled: boolean;
+    /**
+     * Unique widget identifier
+     */
+    abstract readonly id: string;
+    /**
+     * Widget metadata
+     */
+    abstract readonly metadata: IWidgetMetadata;
+    /**
+     * Initialize widget with context
+     * @param context - Widget initialization context
+     */
+    initialize(context: WidgetContext): Promise<void>;
+    /**
+     * Update widget with new stdin data
+     * @param data - Stdin data from Claude Code
+     */
+    update(data: StdinData): Promise<void>;
+    /**
+     * Get stored stdin data
+     * @returns Stored stdin data
+     * @throws Error if data has not been initialized (update not called)
+     */
+    getData(): StdinData;
+    /**
+     * Check if widget is enabled
+     * @returns true if widget should render
+     */
+    isEnabled(): boolean;
+    /**
+     * Template method - final, subclasses implement renderWithData()
+     *
+     * Handles null data checks and calls renderWithData() hook.
+     *
+     * @param context - Render context
+     * @returns Rendered string, or null if widget should not display
+     */
+    render(context: RenderContext): Promise<string | null>;
+    /**
+     * Hook method for subclasses to implement rendering logic
+     *
+     * Called by render() template method with guaranteed non-null data.
+     *
+     * @param data - Stdin data (guaranteed to be non-null)
+     * @param context - Render context
+     * @returns Rendered string, or null if widget should not display
+     */
+    protected abstract renderWithData(data: StdinData, context: RenderContext): string | null;
+    /**
+     * Optional cleanup method
+     * Override if widget has resources to clean up
+     */
+    cleanup?(): Promise<void>;
+}
+//# sourceMappingURL=stdin-data-widget.d.ts.map

package/dist/widgets/core/stdin-data-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stdin-data-widget.d.ts","sourceRoot":"","sources":["../../../src/widgets/core/stdin-data-widget.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,8BAAsB,eAAgB,YAAW,OAAO;IACtD;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAQ;IAExC;;OAEG;IACH,SAAS,CAAC,OAAO,UAAQ;IAEzB;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC;IAE5C;;;OAGG;IACG,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAIvD;;;OAGG;IACG,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC;IAI5C;;;;OAIG;IACH,OAAO,IAAI,SAAS;IAOpB;;;OAGG;IACH,SAAS,IAAI,OAAO;IAIpB;;;;;;;OAOG;IACG,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAO5D;;;;;;;;OAQG;IACH,SAAS,CAAC,QAAQ,CAAC,cAAc,CAC/B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,aAAa,GACrB,MAAM,GAAG,IAAI;IAEhB;;;OAGG;IACG,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC;CAChC"}

package/dist/widgets/core/stdin-data-widget.js

@@ -0,0 +1,84 @@
+/**
+ * Base class for widgets that receive StdinData
+ *
+ * Uses Template Method Pattern for state management.
+ *
+ * Extending widgets only need to implement renderWithData() method.
+ * The base class handles data storage, update logic, and enables checking.
+ */
+/**
+ * Abstract base class for widgets working with StdinData
+ *
+ * Uses Template Method Pattern:
+ * - render() is final template method that handles null checks
+ * - Subclasses implement renderWithData() hook with data as parameter
+ *
+ * @example
+ * ```typescript
+ * export class ModelWidget extends StdinDataWidget {
+ *   readonly id = 'model';
+ *   readonly metadata = createWidgetMetadata('Model', 'Displays Claude model');
+ *
+ *   protected renderWithData(data: StdinData, context: RenderContext): string | null {
+ *     return data.model.display_name;
+ *   }
+ * }
+ * ```
+ */
+export class StdinDataWidget {
+    /**
+     * Stored stdin data from last update
+     */
+    data = null;
+    /**
+     * Widget enabled state
+     */
+    enabled = true;
+    /**
+     * Initialize widget with context
+     * @param context - Widget initialization context
+     */
+    async initialize(context) {
+        this.enabled = context.config?.enabled !== false;
+    }
+    /**
+     * Update widget with new stdin data
+     * @param data - Stdin data from Claude Code
+     */
+    async update(data) {
+        this.data = data;
+    }
+    /**
+     * Get stored stdin data
+     * @returns Stored stdin data
+     * @throws Error if data has not been initialized (update not called)
+     */
+    getData() {
+        if (!this.data) {
+            throw new Error(`Widget ${this.id} data not initialized. Call update() first.`);
+        }
+        return this.data;
+    }
+    /**
+     * Check if widget is enabled
+     * @returns true if widget should render
+     */
+    isEnabled() {
+        return this.enabled;
+    }
+    /**
+     * Template method - final, subclasses implement renderWithData()
+     *
+     * Handles null data checks and calls renderWithData() hook.
+     *
+     * @param context - Render context
+     * @returns Rendered string, or null if widget should not display
+     */
+    async render(context) {
+        if (!this.data || !this.enabled) {
+            return null;
+        }
+        return this.renderWithData(this.data, context);
+    }
+}
+//# sourceMappingURL=stdin-data-widget.js.map

package/dist/widgets/core/stdin-data-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stdin-data-widget.js","sourceRoot":"","sources":["../../../src/widgets/core/stdin-data-widget.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAgB,eAAe;IACnC;;OAEG;IACO,IAAI,GAAqB,IAAI,CAAC;IAExC;;OAEG;IACO,OAAO,GAAG,IAAI,CAAC;IAYzB;;;OAGG;IACH,KAAK,CAAC,UAAU,CAAC,OAAsB;QACrC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC;IACnD,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,MAAM,CAAC,IAAe;QAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED;;;;OAIG;IACH,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,EAAE,6CAA6C,CAAC,CAAC;QAClF,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED;;;OAGG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED;;;;;;;OAOG;IACH,KAAK,CAAC,MAAM,CAAC,OAAsB;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC;CAqBF"}

package/dist/widgets/cost-widget.d.ts

@@ -1,13 +1,13 @@
 /**
  * Cost Widget
  *
- * Displays session cost in USD
+ * Displays total session cost
  */
-import { StdinDataWidget } from '../core/stdin-data-widget.js';
-import type { RenderContext } from '../core/types.js';
+import { StdinDataWidget } from './core/stdin-data-widget.js';
+import type { RenderContext, StdinData } from '../types.js';
 export declare class CostWidget extends StdinDataWidget {
     readonly id = "cost";
     readonly metadata: import("../core/types.js").IWidgetMetadata;
-    render(context: RenderContext): Promise<string | null>;
+    protected renderWithData(data: StdinData, context: RenderContext): string | null;
 }
 //# sourceMappingURL=cost-widget.d.ts.map