feat(claude): add Claude (Anthropic) provider support for quota checks

This commit introduces support for checking quota usage for Claude (Anthropic) accounts.

- **Add Claude API constants:** Define `CLAUDE_USAGE_URL` and `CLAUDE_HEADERS` in `src/constants/api.ts` to facilitate API requests to Anthropic.
- **Integrate Claude into provider display:** Update `useProvidersPresenter.ts` to include 'anthropic' and 'other' as recognized providers, allowing Claude files to be grouped and displayed correctly in the UI.
- **Extend quota presenter logic:** Modify `useQuotaPresenter.ts` to recognize 'anthropic' as a provider type, add its icon mapping, and include it in the list of displayed providers.
- **Implement Claude quota fetching:** Add a new `fetchClaude` method to `quota.service.ts` to handle API calls to the Claude usage endpoint.
- **Create Claude parser:** Introduce `src/services/api/parsers/claude.parser.ts` to parse the response from the Claude usage API into a standardized `ClaudeQuotaResult` format.
- **Update quota types:** Add `ClaudeQuotaResult` interface to `src/types/quota.ts` to define the structure of Claude quota data.

Author: 0xtbug

src/constants/api.ts

@@ -13,6 +13,7 @@ export const GEMINI_CLI_QUOTA_URL = 'https://cloudcode-pa.googleapis.com/v1inter
 export const CODEX_USAGE_URL = 'https://chatgpt.com/backend-api/wham/usage';
 export const KIRO_USAGE_URL = 'https://codewhisperer.us-east-1.amazonaws.com/getUsageLimits?isEmailRequired=true&origin=AI_EDITOR&resourceType=AGENTIC_REQUEST';
 export const COPILOT_ENTITLEMENT_URL = 'https://api.github.com/copilot_internal/user';
+export const CLAUDE_USAGE_URL = 'https://api.anthropic.com/api/oauth/usage';
 
 export const ANTIGRAVITY_HEADERS: Record<string, string> = {
   Authorization: 'Bearer $TOKEN$',
@@ -43,3 +44,9 @@ export const COPILOT_HEADERS: Record<string, string> = {
   Accept: 'application/vnd.github+json',
   'X-GitHub-Api-Version': '2022-11-28'
 };
+
+export const CLAUDE_HEADERS: Record<string, string> = {
+  Authorization: 'Bearer $TOKEN$',
+  'anthropic-beta': 'oauth-2025-04-20',
+  Accept: 'application/json'
+};

src/features/providers/useProvidersPresenter.ts

@@ -79,7 +79,9 @@ export function useProvidersPresenter() {
     codex: true,
     'gemini-cli': true,
     kiro: true,
-    copilot: true
+    copilot: true,
+    anthropic: true,
+    other: true
   });
 
   const groupedFiles = useMemo(() => {
@@ -88,7 +90,9 @@ export function useProvidersPresenter() {
       codex: { displayName: 'Codex (OpenAI)', files: [], iconInfo: { path: '/openai/openai.png', needsInvert: false } },
       'gemini-cli': { displayName: 'Gemini CLI', files: [], iconInfo: { path: '/gemini/gemini.png', needsInvert: false } },
       kiro: { displayName: 'Kiro (CodeWhisperer)', files: [], iconInfo: { path: '/kiro/kiro.png', needsInvert: false } },
-      copilot: { displayName: 'GitHub Copilot', files: [], iconInfo: { path: '/copilot/copilot.png', needsInvert: true } }
+      copilot: { displayName: 'GitHub Copilot', files: [], iconInfo: { path: '/copilot/copilot.png', needsInvert: true } },
+      anthropic: { displayName: 'Claude (Anthropic)', files: [], iconInfo: { path: '/claude/claude.png', needsInvert: false } },
+      other: { displayName: 'Other', files: [], iconInfo: { path: '', needsInvert: false } }
     };
 
     files.forEach(file => {
@@ -98,6 +102,8 @@ export function useProvidersPresenter() {
       else if (p.includes('gemini')) groups['gemini-cli'].files.push(file);
       else if (p.includes('kiro')) groups.kiro.files.push(file);
       else if (p.includes('copilot') || p.includes('github')) groups.copilot.files.push(file);
+      else if (p.includes('claude') || p.includes('anthropic')) groups.anthropic.files.push(file);
+      else groups.other.files.push(file);
     });
 
     return Object.entries(groups).filter(([, group]) => group.files.length > 0);

src/features/quota/useQuotaPresenter.ts

@@ -6,21 +6,23 @@ import type { AuthFile, FileQuota, ProviderSection } from '@/types';
 import type { ProviderFilterItem } from '@/features/quota/components/ProviderFilter';
 import { resolveCodexChatgptAccountId, resolveCodexPlanType, resolveGeminiCliProjectId } from '@/shared/utils/quota.helpers';
 
-function getProviderType(file: AuthFile): 'antigravity' | 'codex' | 'gemini-cli' | 'kiro' | 'copilot' | 'unknown' {
+function getProviderType(file: AuthFile): 'antigravity' | 'codex' | 'gemini-cli' | 'kiro' | 'copilot' | 'anthropic' | 'unknown' {
   const filename = (file?.filename || file?.id || '').toLowerCase();
 
   if (filename.startsWith('antigravity-') || filename.includes('antigravity')) return 'antigravity';
   if (filename.startsWith('codex-') || filename.includes('codex')) return 'codex';
   if (filename.startsWith('gemini-cli-') || filename.includes('gemini')) return 'gemini-cli';
   if (filename.startsWith('kiro-') || filename.includes('kiro')) return 'kiro';
   if (filename.startsWith('github-copilot-') || filename.includes('copilot')) return 'copilot';
+  if (filename.startsWith('claude-') || filename.includes('claude') || filename.includes('anthropic')) return 'anthropic';
 
   const provider = (file?.provider || '').toLowerCase();
   if (provider.includes('antigravity')) return 'antigravity';
   if (provider.includes('codex')) return 'codex';
   if (provider.includes('gemini')) return 'gemini-cli';
   if (provider.includes('kiro')) return 'kiro';
   if (provider.includes('copilot') || provider.includes('github')) return 'copilot';
+  if (provider.includes('claude') || provider.includes('anthropic')) return 'anthropic';
 
   return 'unknown';
 }
@@ -35,6 +37,7 @@ const ICON_MAP: Record<string, { path?: string; needsInvert: boolean }> = {
   'gemini-cli': { path: '/gemini/gemini.png', needsInvert: false },
   kiro: { path: '/kiro/kiro.png', needsInvert: false },
   copilot: { path: '/copilot/copilot.png', needsInvert: true },
+  anthropic: { path: '/claude/claude.png', needsInvert: false },
 };
 
 const PROVIDER_DISPLAY: { key: string; name: string }[] = [
@@ -43,6 +46,8 @@ const PROVIDER_DISPLAY: { key: string; name: string }[] = [
   { key: 'gemini-cli', name: 'Gemini CLI' },
   { key: 'kiro', name: 'Kiro (CodeWhisperer)' },
   { key: 'copilot', name: 'GitHub Copilot' },
+  { key: 'anthropic', name: 'Claude (Anthropic)' },
+  { key: 'unknown', name: 'Other' },
 ];
 
 export function useQuotaPresenter() {
@@ -149,6 +154,14 @@ export function useQuotaPresenter() {
             ...f, loading: false, plan: result.plan, models: result.models, error: result.error
           } : f)
         } : s));
+      } else if (targetProvider === 'anthropic') {
+        const result = await quotaApi.fetchClaude(authIndex);
+        setSections((prev) => prev.map(s => s.provider === 'anthropic' ? {
+          ...s,
+          files: s.files.map(f => f.fileId === fileId ? {
+            ...f, loading: false, email: result.email, models: result.models, error: result.error
+          } : f)
+        } : s));
       }
     } catch (err) {
       const msg = (err as Error).message;
@@ -170,7 +183,7 @@ export function useQuotaPresenter() {
       const files: AuthFile[] = Array.isArray(resp) ? resp : (resp as any).items || (resp as any).files || [];
 
       const grouped: Record<string, FileQuota[]> = {
-        antigravity: [], codex: [], 'gemini-cli': [], kiro: [], copilot: [],
+        antigravity: [], codex: [], 'gemini-cli': [], kiro: [], copilot: [], anthropic: [], unknown: []
       };
 
       files.forEach((file) => {

src/services/api/parsers/claude.parser.ts

@@ -0,0 +1,53 @@
+import type { ClaudeQuotaResult, QuotaModel } from '@/types/quota';
+
+export function parseClaudeUsage(data: any): ClaudeQuotaResult {
+  if (!data || typeof data !== 'object') {
+    return { models: [], error: 'Invalid response format' };
+  }
+
+  if (data.type === 'error' && data.error) {
+    return { models: [], error: data.error.message || 'API Error' };
+  }
+
+  const models: QuotaModel[] = [];
+
+  const addUsage = (key: string, name: string) => {
+    const usage = data[key];
+    if (usage) {
+      const utilization = typeof usage.utilization === 'number' ? usage.utilization : parseFloat(usage.utilization);
+      if (!isNaN(utilization)) {
+        models.push({
+          name,
+          percentage: Math.max(0, Math.min(100, 100 - utilization)),
+          resetTime: usage.resets_at || ''
+        });
+      }
+    }
+  };
+
+  addUsage('five_hour', 'five-hour-session');
+  addUsage('seven_day', 'seven-day-weekly');
+  addUsage('seven_day_sonnet', 'seven-day-sonnet');
+  addUsage('seven_day_opus', 'seven-day-opus');
+
+  const extra = data.extra_usage;
+  if (extra && extra.is_enabled) {
+    const utilization = typeof extra.utilization === 'number' ? extra.utilization : parseFloat(extra.utilization);
+    if (!isNaN(utilization)) {
+      models.push({
+        name: 'extra-usage',
+        percentage: Math.max(0, Math.min(100, 100 - utilization)),
+        resetTime: '',
+        displayValue: extra.used_credits !== undefined && extra.monthly_limit !== undefined
+          ? `${extra.used_credits} / ${extra.monthly_limit}`
+          : undefined
+      });
+    }
+  }
+
+  if (models.length === 0) {
+     return { models: [], error: 'No quota data found' };
+  }
+
+  return { models };
+}

src/services/api/parsers/index.ts

@@ -3,3 +3,4 @@ export { parseCodexUsage } from './codex.parser';
 export { parseGeminiCliQuota } from './gemini.parser';
 export { parseKiroQuota } from './kiro.parser';
 export { parseCopilotQuota } from './copilot.parser';
+export { parseClaudeUsage } from './claude.parser';

src/services/api/quota.service.ts

@@ -10,20 +10,24 @@ import {
   KIRO_HEADERS,
   COPILOT_ENTITLEMENT_URL,
   COPILOT_HEADERS,
+  CLAUDE_USAGE_URL,
+  CLAUDE_HEADERS,
 } from '@/constants';
 import type {
   AntigravityQuotaResult,
   CodexQuotaResult,
   GeminiCliQuotaResult,
   KiroQuotaResult,
   CopilotQuotaResult,
+  ClaudeQuotaResult,
 } from '@/types';
 import {
   parseAntigravityModels,
   parseCodexUsage,
   parseGeminiCliQuota,
   parseKiroQuota,
   parseCopilotQuota,
+  parseClaudeUsage,
 } from './parsers';
 
 function formatQuotaError(result: { statusCode: number; body?: unknown; bodyText?: string }): string {
@@ -49,6 +53,29 @@ function formatQuotaError(result: { statusCode: number; body?: unknown; bodyText
 }
 
 export const quotaApi = {
+  async fetchClaude(authIndex: string): Promise<ClaudeQuotaResult> {
+    try {
+      const result = await apiCallApi.request({
+        authIndex,
+        method: 'GET',
+        url: CLAUDE_USAGE_URL,
+        header: { ...CLAUDE_HEADERS }
+      });
+
+      if (result.statusCode >= 200 && result.statusCode < 300) {
+        return parseClaudeUsage(result.body);
+      }
+
+      if (result.statusCode === 401) {
+        return { models: [], error: 'Token expired, please re-authenticate' };
+      }
+
+      return { models: [], error: formatQuotaError(result) };
+    } catch (err) {
+      return { models: [], error: (err as Error).message };
+    }
+  },
+
   async fetchAntigravity(authIndex: string): Promise<AntigravityQuotaResult> {
     let lastError = '';
 

src/types/quota.ts

@@ -12,6 +12,12 @@ export interface AntigravityQuotaResult {
   error?: string;
 }
 
+export interface ClaudeQuotaResult {
+  models: QuotaModel[];
+  email?: string;
+  error?: string;
+}
+
 export interface CodexQuotaResult {
   plan?: string;
   limits: Array<{ name: string; percentage: number; resetTime?: string }>;