Skip to content

Conversation

@yenpvn
Copy link

@yenpvn yenpvn commented Jan 11, 2026

Summary

Add configurable graph display modes (circular/linear) with pace guidance to help users optimize their Claude usage rate and stay within session limits.

image image

Changes

  • Add new GraphDisplayType enum with circular and linear options for usage graph display
  • Add graphDisplayType setting to UserSettings with persistence support
  • Add localization strings for graph type options in all supported languages (EN, JA, KO, ZH-Hans, ZH-Hant)

Test plan

  • Verify the setting persists across app restarts
  • Verify localized strings display correctly in all supported languages
  • Verify reset to defaults sets graph type to circular
  • Verify the graph display correctly during all the sessions

- Add GraphDisplayType enum with circular/linear cases
- Add graphDisplayType @published property to UserSettings
- Add localization strings for all 5 languages
- Foundation for Phase 2-5 of linear usage graph feature
- Add LinearUsageGraphView component with ideal pace reference line
- Add graph style picker in GeneralSettingsView
- Add localization strings for graph style settings
- Refactor UsageDetailView to support both circular and linear graphs
- Update gitignore to exclude Claude files
- Widen graph (262x100pt) to fill container width
- Remove center "Proj: XX%" metrics overlay
- Add percentage labels directly at each data dot
- Add boundary checks to prevent label clipping at edges
- Change empty state to rounded rectangle (matches rectangular graph)
@yenpvn yenpvn changed the title feat: add GraphDisplayType setting for linear usage graph feat: add linear graph view with ideal usage pace indicator Jan 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant