[BUG] `/usage` bar graphs are misleading and look accidentally inverted

Preflight Checklist

• [x] I have searched existing issues and this hasn't been reported yet
• [x] This is a single bug report (please file separate reports for different bugs)
• [x] I am using the latest version of Claude Code

What's Wrong?

The usage bars in the /usage view are displaying the percentage of quota remaining instead of the percentage consumed, which is counterintuitive and confusing. It contradicts typical usage bar conventions where a full bar indicates high consumption/depletion.

!Image

Environment

• Claude Code version: v2.0.50
• Model: Sonnet 4.5
• Platform: macOS (Darwin 25.1.0)

Suggested Fix

The bar fill calculation should be inverted to show (100 - percentage_remaining) instead of percentage_remaining.

What Should Happen?

Usage bars should visually represent consumption (how much has been used):

• "99% left" (1% used) → bar should be ~1% filled (nearly empty)
• "90% left" (10% used) → bar should be ~10% filled (mostly empty)
• "79% left" (21% used) → bar should be ~21% filled

Error Messages/Logs

Steps to Reproduce

1. Run claude CLI
2. Navigate to /usage view
3. Observe that bars are filled proportionally to remaining quota rather than used quota

Claude Model

Sonnet (default)

Is this a regression?

Yes, this worked in a previous version

Last Working Version

_No response_

Claude Code Version

2.0.50

Platform

Anthropic API

Operating System

macOS

Terminal/Shell

iTerm2

Additional Information

_No response_