diff --git a/apps/console/src/app/components/prompts/editor/ProviderSelector/ProviderSelector.tsx b/apps/console/src/app/components/prompts/editor/ProviderSelector/ProviderSelector.tsx index 996d7be8..48d85fc2 100644 --- a/apps/console/src/app/components/prompts/editor/ProviderSelector/ProviderSelector.tsx +++ b/apps/console/src/app/components/prompts/editor/ProviderSelector/ProviderSelector.tsx @@ -29,7 +29,9 @@ export const ProviderSelector = () => { }; const renderProvider = (provider: ProviderProps) => { + const isAvailable = provider.value === PromptService.OpenAiChatCompletion; return { + disabled: !isAvailable, value: provider.value, label: (
diff --git a/apps/console/src/app/components/prompts/editor/ProviderSelector/providers.tsx b/apps/console/src/app/components/prompts/editor/ProviderSelector/providers.tsx index 183f5c44..b02cd7af 100644 --- a/apps/console/src/app/components/prompts/editor/ProviderSelector/providers.tsx +++ b/apps/console/src/app/components/prompts/editor/ProviderSelector/providers.tsx @@ -6,6 +6,7 @@ import { PromptService } from "../../../../../@generated/graphql/graphql"; // Logos import OpenAILogo from "../../../../../assets/providers/openai-logo.svg"; import AzureOpenAILogo from "../../../../../assets/providers/azure-logo.svg"; +import AnthropicOpenAILogo from "../../../../../assets/providers/anthropic-logo.svg"; const Icon = styled.img` border-radius: 2px; @@ -28,6 +29,11 @@ export const providersList: ProviderProps[] = [ value: PromptService.AzureOpenAiChatCompletion, label: promptProvidersMapping[PromptService.AzureOpenAiChatCompletion].name, }, + { + image: , + value: PromptService.AnthropicCompletion, + label: promptProvidersMapping[PromptService.AnthropicCompletion].name, + }, ]; /** diff --git a/apps/console/src/assets/providers/anthropic-logo.svg b/apps/console/src/assets/providers/anthropic-logo.svg new file mode 100644 index 00000000..1138a04e --- /dev/null +++ b/apps/console/src/assets/providers/anthropic-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/libs/types/src/provider.types.ts b/libs/types/src/provider.types.ts index c6aadf68..e1df5c34 100644 --- a/libs/types/src/provider.types.ts +++ b/libs/types/src/provider.types.ts @@ -17,6 +17,9 @@ export const providerDetails = { [Provider.Azure]: { name: "Azure", }, + [Provider.Anthropic]: { + name: "Anthropic", + }, }; export const promptProvidersMapping = { @@ -26,8 +29,13 @@ export const promptProvidersMapping = { defaultSettings: {}, }, [PromptService.AzureOpenAIChatCompletion]: { - name: "Azure OpenAI Chat Completion", + name: "Azure OpenAI (coming soon)", provider: Provider.Azure, defaultSettings: {}, }, + [PromptService.AnthropicCompletion]: { + name: "Anthropic (coming soon)", + provider: Provider.Anthropic, + defaultSettings: {}, + }, };