claude-limitline 1.3.0 → 1.4.0

package/README.md

@@ -123,7 +123,7 @@ Create a `claude-limitline.json` file in your Claude config directory (`~/.claud
 | `weekly.displayStyle` | `"bar"` or `"text"` | `"text"` |
 | `weekly.barWidth` | Width of progress bar in characters | `10` |
 | `weekly.showWeekProgress` | Show week progress percentage | `true` |
-| `weekly.viewMode` | `"simple"`, `"detailed"`, or `"smart"` | `"simple"` |
+| `weekly.viewMode` | `"simple"` or `"smart"` | `"simple"` |
 | `budget.pollInterval` | Minutes between API calls | `15` |
 | `budget.warningThreshold` | Percentage to trigger warning color | `80` |
 | `theme` | Color theme name | `"dark"` |
@@ -132,15 +132,16 @@ Create a `claude-limitline.json` file in your Claude config directory (`~/.claud
 
 ### Weekly View Modes
 
-The weekly segment supports three view modes for displaying usage limits:
+The weekly segment supports two view modes for displaying usage limits:
+
+![Mode Preview](imgs/mode-preview.png)
 
 | Mode | Description | Example |
 |------|-------------|---------|
 | `simple` | Shows overall weekly usage only (default) | `○ 47% (wk 85%)` |
-| `detailed` | Shows overall, Opus, and Sonnet usage side by side | `○47% ◈15% ◇7%` |
-| `smart` | Shows the most restrictive (bottleneck) limit with indicator | `○47%▲ (wk 85%)` |
+| `smart` | Model-aware: shows Sonnet + Overall when using Sonnet | `◇7% \| ○47% (wk 85%)` |
 
-**Note:** Model-specific limits (Opus/Sonnet) are only available on certain subscription tiers. When a model-specific limit is not available, it will be hidden from the display.
+**Note:** Model-specific limits (Opus/Sonnet) are only available on certain subscription tiers. Smart mode shows only overall usage when using Opus/Haiku, and shows both Sonnet and overall when using Sonnet.
 
 ### Available Themes
 
@@ -190,7 +191,7 @@ npm run dev      # Watch mode
 
 ## Testing
 
-The project uses [Vitest](https://vitest.dev/) for testing with 166 tests covering config loading, themes, segments, utilities, and rendering.
+The project uses [Vitest](https://vitest.dev/) for testing with 164 tests covering config loading, themes, segments, utilities, and rendering.
 
 ```bash
 npm test              # Run tests once
@@ -205,13 +206,13 @@ npm run test:coverage # Coverage report
 | `src/config/loader.test.ts` | 7 | Config loading, merging, fallbacks |
 | `src/themes/index.test.ts` | 37 | Theme retrieval, color validation |
 | `src/segments/block.test.ts` | 8 | Block segment, time calculations |
-| `src/segments/weekly.test.ts` | 10 | Weekly segment, week progress |
-| `src/utils/oauth.test.ts` | 10 | API responses, caching |
+| `src/segments/weekly.test.ts` | 13 | Weekly segment, week progress |
+| `src/utils/oauth.test.ts` | 13 | API responses, caching, trends |
 | `src/utils/claude-hook.test.ts` | 21 | Model name formatting |
 | `src/utils/environment.test.ts` | 20 | Git branch, directory detection |
 | `src/utils/terminal.test.ts` | 13 | Terminal width, ANSI handling |
 | `src/utils/logger.test.ts` | 8 | Debug/error logging |
-| `src/renderer.test.ts` | 21 | Segment rendering, ordering |
+| `src/renderer.test.ts` | 24 | Segment rendering, ordering, view modes |
 
 ## Debug Mode
 

package/dist/index.js

@@ -806,94 +806,39 @@ var Renderer = class {
       colors: this.theme.weekly
     };
   }
-  renderWeeklyDetailed(ctx) {
+  renderWeeklySmart(ctx) {
     const info = ctx.weeklyInfo;
     const overallIcon = this.usePowerline ? this.symbols.weekly : "All";
-    const opusIcon = this.usePowerline ? this.symbols.opus : "Op";
     const sonnetIcon = this.usePowerline ? this.symbols.sonnet : "So";
-    const parts = [];
-    if (info.percentUsed !== null) {
-      const trend = this.getTrendSymbol(ctx.trendInfo?.sevenDayTrend ?? null);
-      parts.push(`${overallIcon}${Math.round(info.percentUsed)}%${trend}`);
-    }
-    if (info.opusPercentUsed !== null) {
-      const trend = this.getTrendSymbol(ctx.trendInfo?.sevenDayOpusTrend ?? null);
-      parts.push(`${opusIcon}${Math.round(info.opusPercentUsed)}%${trend}`);
-    }
-    if (info.sonnetPercentUsed !== null) {
-      const trend = this.getTrendSymbol(ctx.trendInfo?.sevenDaySonnetTrend ?? null);
-      parts.push(`${sonnetIcon}${Math.round(info.sonnetPercentUsed)}%${trend}`);
-    }
-    if (parts.length === 0) {
+    const showWeekProgress = this.config.weekly?.showWeekProgress ?? true;
+    const currentModel = ctx.envInfo.model?.toLowerCase() ?? "";
+    const isSonnet = currentModel.includes("sonnet");
+    if (isSonnet && info.sonnetPercentUsed !== null && info.percentUsed !== null) {
+      const sonnetTrend = this.getTrendSymbol(ctx.trendInfo?.sevenDaySonnetTrend ?? null);
+      const overallTrend = this.getTrendSymbol(ctx.trendInfo?.sevenDayTrend ?? null);
+      let text2 = `${sonnetIcon}${Math.round(info.sonnetPercentUsed)}%${sonnetTrend} | ${overallIcon}${Math.round(info.percentUsed)}%${overallTrend}`;
+      if (showWeekProgress && !ctx.compact) {
+        text2 += ` (wk ${info.weekProgressPercent}%)`;
+      }
+      const maxPercent = Math.max(info.sonnetPercentUsed, info.percentUsed);
+      const colors2 = this.getColorsForPercent(maxPercent, this.theme.weekly);
       return {
-        text: ` ${overallIcon} -- `,
-        colors: this.theme.weekly
+        text: ` ${text2} `,
+        colors: colors2
       };
     }
-    const separator = ctx.compact ? " " : " ";
-    const text = parts.join(separator);
-    const maxPercent = Math.max(
-      info.percentUsed ?? 0,
-      info.opusPercentUsed ?? 0,
-      info.sonnetPercentUsed ?? 0
-    );
-    const colors = this.getColorsForPercent(maxPercent, this.theme.weekly);
-    return {
-      text: ` ${text} `,
-      colors
-    };
-  }
-  renderWeeklySmart(ctx) {
-    const info = ctx.weeklyInfo;
-    const overallIcon = this.usePowerline ? this.symbols.weekly : "All";
-    const opusIcon = this.usePowerline ? this.symbols.opus : "Op";
-    const sonnetIcon = this.usePowerline ? this.symbols.sonnet : "So";
-    const limits = [];
-    if (info.percentUsed !== null) {
-      limits.push({
-        name: "all",
-        icon: overallIcon,
-        percent: info.percentUsed,
-        trend: ctx.trendInfo?.sevenDayTrend ?? null,
-        colors: this.theme.weekly
-      });
-    }
-    if (info.opusPercentUsed !== null) {
-      limits.push({
-        name: "opus",
-        icon: opusIcon,
-        percent: info.opusPercentUsed,
-        trend: ctx.trendInfo?.sevenDayOpusTrend ?? null,
-        colors: this.theme.opus
-      });
-    }
-    if (info.sonnetPercentUsed !== null) {
-      limits.push({
-        name: "sonnet",
-        icon: sonnetIcon,
-        percent: info.sonnetPercentUsed,
-        trend: ctx.trendInfo?.sevenDaySonnetTrend ?? null,
-        colors: this.theme.sonnet
-      });
-    }
-    if (limits.length === 0) {
+    if (info.percentUsed === null) {
       return {
         text: ` ${overallIcon} -- `,
         colors: this.theme.weekly
       };
     }
-    const bottleneck = limits.reduce((a, b) => a.percent >= b.percent ? a : b);
-    const trend = this.getTrendSymbol(bottleneck.trend);
-    const bottleneckIndicator = limits.length > 1 ? this.symbols.bottleneck : "";
-    let text = `${bottleneck.icon}${Math.round(bottleneck.percent)}%${trend}`;
-    if (bottleneckIndicator && !ctx.compact) {
-      text += bottleneckIndicator;
-    }
-    const showWeekProgress = this.config.weekly?.showWeekProgress ?? true;
+    const trend = this.getTrendSymbol(ctx.trendInfo?.sevenDayTrend ?? null);
+    let text = `${overallIcon}${Math.round(info.percentUsed)}%${trend}`;
     if (showWeekProgress && !ctx.compact) {
       text += ` (wk ${info.weekProgressPercent}%)`;
     }
-    const colors = this.getColorsForPercent(bottleneck.percent, bottleneck.colors);
+    const colors = this.getColorsForPercent(info.percentUsed, this.theme.weekly);
     return {
       text: ` ${text} `,
       colors
@@ -905,8 +850,6 @@ var Renderer = class {
     }
     const viewMode = this.config.weekly?.viewMode ?? "simple";
     switch (viewMode) {
-      case "detailed":
-        return this.renderWeeklyDetailed(ctx);
       case "smart":
         return this.renderWeeklySmart(ctx);
       case "simple":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-limitline",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A statusline for Claude Code showing real-time usage limits and weekly tracking",
   "main": "dist/index.js",
   "bin": {