diff --git a/frontend/src/components/keys/UseKeyModal.vue b/frontend/src/components/keys/UseKeyModal.vue index 99d78f69..46d2d597 100644 --- a/frontend/src/components/keys/UseKeyModal.vue +++ b/frontend/src/components/keys/UseKeyModal.vue @@ -269,6 +269,7 @@ const clientTabs = computed((): TabConfig[] => { return [ { id: 'codex', label: t('keys.useKeyModal.cliTabs.codexCli'), icon: TerminalIcon }, { id: 'codex-ws', label: t('keys.useKeyModal.cliTabs.codexCliWs'), icon: TerminalIcon }, + { id: 'claude', label: t('keys.useKeyModal.cliTabs.claudeCode'), icon: TerminalIcon }, { id: 'opencode', label: t('keys.useKeyModal.cliTabs.opencode'), icon: TerminalIcon } ] case 'gemini': @@ -316,6 +317,9 @@ const currentTabs = computed(() => { const platformDescription = computed(() => { switch (props.platform) { case 'openai': + if (activeClientTab.value === 'claude') { + return t('keys.useKeyModal.description') + } return t('keys.useKeyModal.openai.description') case 'gemini': return t('keys.useKeyModal.gemini.description') @@ -329,6 +333,9 @@ const platformDescription = computed(() => { const platformNote = computed(() => { switch (props.platform) { case 'openai': + if (activeClientTab.value === 'claude') { + return t('keys.useKeyModal.note') + } return activeTab.value === 'windows' ? t('keys.useKeyModal.openai.noteWindows') : t('keys.useKeyModal.openai.note') @@ -402,6 +409,9 @@ const currentFiles = computed((): FileConfig[] => { switch (props.platform) { case 'openai': + if (activeClientTab.value === 'claude') { + return generateAnthropicFiles(baseUrl, apiKey) + } if (activeClientTab.value === 'codex-ws') { return generateOpenAIWsFiles(baseUrl, apiKey) }