11import { ChevronDownIcon , PlusIcon } from "lucide-react" ;
2- import { useNavigate } from "react-router" ;
2+ import { Link , useNavigate } from "react-router" ;
33import type { AIProvider } from "#/api/typesGenerated" ;
44import { ErrorAlert } from "#/components/Alert/ErrorAlert" ;
55import { Button } from "#/components/Button/Button" ;
@@ -26,6 +26,7 @@ import { TableLoader } from "#/components/TableLoader/TableLoader";
2626import { addableProviders } from "#/pages/AISettingsPage/ProvidersPage/components/addableProviderTypes" ;
2727import { ProviderIcon } from "#/pages/AISettingsPage/ProvidersPage/components/ProviderIcon" ;
2828import { ProviderRow } from "#/pages/AISettingsPage/ProvidersPage/components/ProviderRow" ;
29+ import { docs } from "#/utils/docs" ;
2930
3031interface ProvidersPageViewProps {
3132 isLoading : boolean ;
@@ -82,9 +83,17 @@ const ProvidersPageView: React.FC<ProvidersPageViewProps> = ({
8283 < SettingsHeader actions = { < AddProviderDropdown /> } >
8384 < SettingsHeaderTitle > Providers</ SettingsHeaderTitle >
8485 < SettingsHeaderDescription >
85- Connect third-party LLM services like OpenAI, Anthropic, or Amazon
86- Bedrock. Each provider supplies models that users can select for their
87- conversations.
86+ Connect third-party services like OpenAI, Anthropic, or Amazon
87+ Bedrock. Providers configured here power Coder Agents, AI Gateway, and
88+ other capabilities such as APIs, CLI or IDEs that use LLMs. By
89+ default, users can supply their own keys for any provider.{ " " }
90+ < Link
91+ to = { docs ( "/ai-coder/ai-gateway/auth#enable-or-disable-byok" ) }
92+ target = "_blank"
93+ rel = "noreferrer"
94+ >
95+ Manage deployment-wide BYOK
96+ </ Link >
8897 </ SettingsHeaderDescription >
8998 </ SettingsHeader >
9099 { Boolean ( error ) && (
0 commit comments