diff --git a/src/cliproxy/auth/token-manager.ts b/src/cliproxy/auth/token-manager.ts index 1e31273c..fb1fa6fb 100644 --- a/src/cliproxy/auth/token-manager.ts +++ b/src/cliproxy/auth/token-manager.ts @@ -145,7 +145,16 @@ export function getAuthStatus(provider: CLIProxyProvider): AuthStatus { * Get auth status for all providers */ export function getAllAuthStatus(): AuthStatus[] { - const providers: CLIProxyProvider[] = ['gemini', 'codex', 'agy', 'qwen', 'iflow', 'kiro', 'ghcp']; + const providers: CLIProxyProvider[] = [ + 'gemini', + 'codex', + 'agy', + 'qwen', + 'iflow', + 'kiro', + 'ghcp', + 'claude', + ]; return providers.map(getAuthStatus); } diff --git a/ui/src/components/setup/wizard/constants.ts b/ui/src/components/setup/wizard/constants.ts index 4c530fe7..abed372c 100644 --- a/ui/src/components/setup/wizard/constants.ts +++ b/ui/src/components/setup/wizard/constants.ts @@ -12,6 +12,7 @@ export const PROVIDERS: ProviderOption[] = [ { id: 'iflow', name: 'iFlow', description: 'iFlow AI models' }, { id: 'kiro', name: 'Kiro (AWS)', description: 'AWS CodeWhisperer models' }, { id: 'ghcp', name: 'GitHub Copilot (OAuth)', description: 'GitHub Copilot via OAuth' }, + { id: 'claude', name: 'Claude (Anthropic)', description: 'Claude Opus/Sonnet models' }, ]; export const ALL_STEPS = ['provider', 'auth', 'variant', 'success']; diff --git a/ui/src/lib/provider-config.ts b/ui/src/lib/provider-config.ts index 989479a2..764adf51 100644 --- a/ui/src/lib/provider-config.ts +++ b/ui/src/lib/provider-config.ts @@ -11,6 +11,7 @@ export const PROVIDER_ASSETS: Record = { qwen: '/assets/providers/qwen-color.svg', kiro: '/assets/providers/kiro.png', ghcp: '/assets/providers/copilot.svg', + claude: '/assets/providers/claude.svg', }; // Provider brand colors @@ -23,6 +24,7 @@ export const PROVIDER_COLORS: Record = { qwen: '#6236FF', kiro: '#4d908e', // Dark Cyan (AWS-inspired) ghcp: '#43aa8b', // Seaweed (GitHub-inspired) + claude: '#D97706', // Anthropic orange }; // Provider display names @@ -35,6 +37,7 @@ const PROVIDER_NAMES: Record = { qwen: 'Qwen', kiro: 'Kiro (AWS)', ghcp: 'GitHub Copilot (OAuth)', + claude: 'Claude (Anthropic)', }; // Map provider to display name diff --git a/ui/src/pages/settings/sections/proxy/index.tsx b/ui/src/pages/settings/sections/proxy/index.tsx index 38879cc2..0009b164 100644 --- a/ui/src/pages/settings/sections/proxy/index.tsx +++ b/ui/src/pages/settings/sections/proxy/index.tsx @@ -29,7 +29,7 @@ import { api } from '@/lib/api-client'; const DEBUG_MODE_KEY = 'ccs_debug_mode'; /** Providers only available on CLIProxyAPIPlus */ -const PLUS_ONLY_PROVIDERS = ['kiro', 'ghcp']; +const PLUS_ONLY_PROVIDERS = ['kiro', 'ghcp', 'claude']; export default function ProxySection() { const {