Add bar display mode and collapsible sidebar toggle

[akasai]

Summary

• Add displayMode option ("text" | "bar") for progress bar visualization
• Add collapsible sidebar toggle (▼/▶) via title click
• Fix valueColor to apply to percentage values instead of headerColor

Changes

Bar Display Mode

New displayMode: "bar" option renders usage as a visual progress bar with reset time:

▼ Claude Usage
juneyoung.kang@wantedlab.com
via oauth
 Session  ██████░░░░░░░░  31% (3h 16m)
 Weekly   ██░░░░░░░░░░░░  11% (4d 5h)

Default is "text" (existing behavior), so no breaking changes.

Collapsible Sidebar

Click the "Claude Usage" title to toggle content visibility:

• ▼ = expanded (default)
• ▶ = collapsed (title only)

valueColor Fix

Previously headerColor was applied to both labels and percentage values (< 51%).
Now headerColor only applies to labels, and valueColor applies to percentage values.

Element	Before	After
Labels (Session, Weekly…)	headerColor	headerColor (unchanged)
Percentage (< 51%)	headerColor	valueColor
Percentage (51-79%)	#F0A875	#F0A875 (unchanged)
Percentage (≥ 80%)	CLAUDE_ORANGE	CLAUDE_ORANGE (unchanged)

Configuration

{
  "plugin": [["opencode-claude-usage", {
    "enabled": true,
    "displayMode": "bar"
  }]]
}
Option	Default	Description
displayMode	"text"	"text" shows percentage + reset time, "bar" shows progress bar + percentage + reset time

[stevejkang]

👍