diff --git a/ui/litellm-dashboard/src/components/SSOModals.test.tsx b/ui/litellm-dashboard/src/components/SSOModals.test.tsx
index a2e979d9eb0..9be4a085350 100644
--- a/ui/litellm-dashboard/src/components/SSOModals.test.tsx
+++ b/ui/litellm-dashboard/src/components/SSOModals.test.tsx
@@ -83,7 +83,7 @@ describe("SSOModals", () => {
fireEvent.change(emailInput, { target: { value: "test@example.com" } });
// Fill in an invalid URL
- const urlInput = getByLabelText("PROXY BASE URL");
+ const urlInput = getByLabelText("Proxy Base URL");
fireEvent.change(urlInput, { target: { value: "invalid-url" } });
// Submit the form
@@ -137,7 +137,7 @@ describe("SSOModals", () => {
fireEvent.change(emailInput, { target: { value: "test@example.com" } });
// Fill in a URL with trailing slash
- const urlInput = getByLabelText("PROXY BASE URL") as HTMLInputElement;
+ const urlInput = getByLabelText("Proxy Base URL") as HTMLInputElement;
fireEvent.change(urlInput, { target: { value: "https://example.com/" } });
// Submit the form
@@ -171,7 +171,7 @@ describe("SSOModals", () => {
const { getByLabelText } = render();
- const urlInput = getByLabelText("PROXY BASE URL") as HTMLInputElement;
+ const urlInput = getByLabelText("Proxy Base URL") as HTMLInputElement;
// Simulate user typing "https://"
fireEvent.change(urlInput, { target: { value: "h" } });
@@ -237,7 +237,7 @@ describe("SSOModals", () => {
fireEvent.change(emailInput, { target: { value: "test@example.com" } });
// Fill in an incomplete URL like "http:"
- const urlInput = getByLabelText("PROXY BASE URL");
+ const urlInput = getByLabelText("Proxy Base URL");
fireEvent.change(urlInput, { target: { value: "http:" } });
// Submit the form
diff --git a/ui/litellm-dashboard/src/components/SSOModals.tsx b/ui/litellm-dashboard/src/components/SSOModals.tsx
index 437e4b1776f..26e33ace2d7 100644
--- a/ui/litellm-dashboard/src/components/SSOModals.tsx
+++ b/ui/litellm-dashboard/src/components/SSOModals.tsx
@@ -43,8 +43,8 @@ const ssoProviderConfigs: Record = {
google_client_secret: "GOOGLE_CLIENT_SECRET",
},
fields: [
- { label: "GOOGLE CLIENT ID", name: "google_client_id" },
- { label: "GOOGLE CLIENT SECRET", name: "google_client_secret" },
+ { label: "Google Client ID", name: "google_client_id" },
+ { label: "Google Client Secret", name: "google_client_secret" },
],
},
microsoft: {
@@ -54,9 +54,9 @@ const ssoProviderConfigs: Record = {
microsoft_tenant: "MICROSOFT_TENANT",
},
fields: [
- { label: "MICROSOFT CLIENT ID", name: "microsoft_client_id" },
- { label: "MICROSOFT CLIENT SECRET", name: "microsoft_client_secret" },
- { label: "MICROSOFT TENANT", name: "microsoft_tenant" },
+ { label: "Microsoft Client ID", name: "microsoft_client_id" },
+ { label: "Microsoft Client Secret", name: "microsoft_client_secret" },
+ { label: "Microsoft Tenant", name: "microsoft_tenant" },
],
},
okta: {
@@ -68,18 +68,18 @@ const ssoProviderConfigs: Record = {
generic_userinfo_endpoint: "GENERIC_USERINFO_ENDPOINT",
},
fields: [
- { label: "GENERIC CLIENT ID", name: "generic_client_id" },
- { label: "GENERIC CLIENT SECRET", name: "generic_client_secret" },
+ { label: "Generic Client ID", name: "generic_client_id" },
+ { label: "Generic Client Secret", name: "generic_client_secret" },
{
- label: "AUTHORIZATION ENDPOINT",
+ label: "Authorization Endpoint",
name: "generic_authorization_endpoint",
- placeholder: "https://your-okta-domain/authorize",
+ placeholder: "https://your-domain/authorize",
},
- { label: "TOKEN ENDPOINT", name: "generic_token_endpoint", placeholder: "https://your-okta-domain/token" },
+ { label: "Token Endpoint", name: "generic_token_endpoint", placeholder: "https://your-domain/token" },
{
- label: "USERINFO ENDPOINT",
+ label: "Userinfo Endpoint",
name: "generic_userinfo_endpoint",
- placeholder: "https://your-okta-domain/userinfo",
+ placeholder: "https://your-domain/userinfo",
},
],
},
@@ -92,11 +92,11 @@ const ssoProviderConfigs: Record = {
generic_userinfo_endpoint: "GENERIC_USERINFO_ENDPOINT",
},
fields: [
- { label: "GENERIC CLIENT ID", name: "generic_client_id" },
- { label: "GENERIC CLIENT SECRET", name: "generic_client_secret" },
- { label: "AUTHORIZATION ENDPOINT", name: "generic_authorization_endpoint" },
- { label: "TOKEN ENDPOINT", name: "generic_token_endpoint" },
- { label: "USERINFO ENDPOINT", name: "generic_userinfo_endpoint" },
+ { label: "Generic Client ID", name: "generic_client_id" },
+ { label: "Generic Client Secret", name: "generic_client_secret" },
+ { label: "Authorization Endpoint", name: "generic_authorization_endpoint" },
+ { label: "Token Endpoint", name: "generic_token_endpoint" },
+ { label: "Userinfo Endpoint", name: "generic_userinfo_endpoint" },
],
},
};
@@ -282,7 +282,12 @@ const SSOModals: React.FC = ({
style={{ height: 24, width: 24, marginRight: 12, objectFit: "contain" }}
/>
)}
- {value.charAt(0).toUpperCase() + value.slice(1)} SSO
+
+ {value.toLowerCase() === "okta"
+ ? "Okta / Auth0"
+ : value.charAt(0).toUpperCase() + value.slice(1)}{" "}
+ SSO
+
))}
@@ -307,7 +312,7 @@ const SSOModals: React.FC = ({
value?.trim()}
rules={[