Add ChatGPT usage dashboard to settings pane (cherry pick upstream #10813)

[lambertjosh]

Cherry picks RooCodeInc/Roo-Code#10813 to add a usage dashboard to the provider settings screen:

[changeset-bot]

🦋 Changeset detected

Latest commit: 7935605

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
kilo-code	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[lambertjosh]

@markijbema - could you review while Kevin is out? This applied cleanly as in no changes required, although there were git conflicts due to git unable to resolve them. (near kilocode changes, localization files)

[lambertjosh]

Fixing translations

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Overview

This PR adds a well-implemented ChatGPT subscription usage limits dashboard for OpenAI Codex. The implementation includes:

• Type definitions (OpenAiCodexRateLimitInfo) for rate limit data structure
• Backend module (rate-limits.ts) to fetch and parse usage data from OpenAI's WHAM API
• React component (OpenAICodexRateLimitDashboard) with proper loading, error, and success states
• Message handler integration with appropriate error handling
• Comprehensive localization across 20+ languages
• Unit tests for both backend parsing logic and frontend component

Highlights

✅ Good error handling - Try/catch blocks with meaningful error messages
✅ Input validation - Percentage values clamped to 0-100 range
✅ Type safety - Proper TypeScript interfaces throughout
✅ Test coverage - Tests for parsing logic and component behavior
✅ Accessibility - Uses semantic HTML and proper ARIA patterns
✅ Localization - All user-facing strings are translatable

Files Reviewed (27 files)

• .changeset/eleven-bulldogs-live.md
• packages/types/src/providers/index.ts
• packages/types/src/providers/openai-codex-rate-limits.ts
• packages/types/src/vscode-extension-host.ts
• src/core/webview/__tests__/webviewMessageHandler.spec.ts
• src/core/webview/webviewMessageHandler.ts
• src/integrations/openai-codex/__tests__/rate-limits.spec.ts
• src/integrations/openai-codex/rate-limits.ts
• webview-ui/src/components/settings/providers/OpenAICodexRateLimitDashboard.tsx
• webview-ui/src/components/settings/providers/__tests__/OpenAICodexRateLimitDashboard.spec.tsx
• webview-ui/src/i18n/locales/ar/settings.json
• webview-ui/src/i18n/locales/ca/settings.json
• webview-ui/src/i18n/locales/cs/settings.json
• webview-ui/src/i18n/locales/de/settings.json
• webview-ui/src/i18n/locales/en/settings.json
• webview-ui/src/i18n/locales/es/settings.json
• webview-ui/src/i18n/locales/fr/settings.json
• webview-ui/src/i18n/locales/hi/settings.json
• webview-ui/src/i18n/locales/id/settings.json
• webview-ui/src/i18n/locales/it/settings.json
• webview-ui/src/i18n/locales/ja/settings.json
• webview-ui/src/i18n/locales/ko/settings.json
• webview-ui/src/i18n/locales/nl/settings.json
• webview-ui/src/i18n/locales/pl/settings.json
• webview-ui/src/i18n/locales/pt-BR/settings.json
• webview-ui/src/i18n/locales/ru/settings.json
• webview-ui/src/i18n/locales/th/settings.json
• webview-ui/src/i18n/locales/tr/settings.json
• webview-ui/src/i18n/locales/uk/settings.json
• webview-ui/src/i18n/locales/vi/settings.json
• webview-ui/src/i18n/locales/zh-CN/settings.json
• webview-ui/src/i18n/locales/zh-TW/settings.json