diff --git a/clients/ui/frontend/src/app/pages/modelCatalogSettings/components/CredentialsSection.tsx b/clients/ui/frontend/src/app/pages/modelCatalogSettings/components/CredentialsSection.tsx index b0f391bad4..3991e9e5f3 100644 --- a/clients/ui/frontend/src/app/pages/modelCatalogSettings/components/CredentialsSection.tsx +++ b/clients/ui/frontend/src/app/pages/modelCatalogSettings/components/CredentialsSection.tsx @@ -88,15 +88,22 @@ const CredentialsSection: React.FC = ({ ) : undefined; const organizationFormGroup = ( - - {organizationInput} - + <> + + {organizationInput} + + + + {HELPER_TEXT.ORGANIZATION_SLUG} + + + ); const accessTokenInput = ( diff --git a/clients/ui/frontend/src/app/pages/modelCatalogSettings/constants.tsx b/clients/ui/frontend/src/app/pages/modelCatalogSettings/constants.tsx index 123139b1dd..c016a55d70 100644 --- a/clients/ui/frontend/src/app/pages/modelCatalogSettings/constants.tsx +++ b/clients/ui/frontend/src/app/pages/modelCatalogSettings/constants.tsx @@ -47,6 +47,8 @@ export const DESCRIPTION_TEXT = { export const HELPER_TEXT = { ACCESS_TOKEN: 'Enter your Hugging Face access token.', YAML: 'Upload or paste a YAML string.', + ORGANIZATION_SLUG: + 'Hugging Face organization’s name is case-sensitive and should match the organization’s URL, which may differ from the displayed name. Use the organization’s URL slug found in the URL (e.g., Input: meta-llama from huggingface.co/meta-llama).', } as const; export const PLACEHOLDERS = {