Implementation:FlowiseAI Flowise SSOConfig
| Knowledge Sources | |
|---|---|
| Domains | Authentication, SSO Configuration |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
SSOConfigPage is a React page component that provides an administration interface for configuring Single Sign-On (SSO) providers including Microsoft Azure, Google, Auth0, and GitHub.
Description
This component renders a tabbed configuration form where administrators can enable/disable and configure up to four SSO providers. Each tab presents provider-specific fields: Azure requires Tenant ID, Client ID, and Client Secret; Google requires Client ID and Client Secret; Auth0 requires Domain, Client ID, and Client Secret; GitHub requires Client ID and Client Secret. The page displays OAuth callback URLs with copy-to-clipboard functionality, supports field validation before submission, and provides both "Test Configuration" and "Save" actions. It uses RBAC permission buttons (PermissionButton and StyledPermissionButton) gated by the sso:manage permission. Configuration data is loaded from and saved to the loginMethodApi backend endpoints.
Usage
Use this component as the route handler for the SSO configuration admin page. It is intended for organization administrators who need to set up or modify SSO provider integrations.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/views/auth/ssoConfig.jsx
- Lines: 1-1028
Signature
const SSOConfigPage = () => {
// ...
}
Import
import SSOConfigPage from '@/views/auth/ssoConfig'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| (none) | - | - | Standalone page component; reads current user from Redux auth state and organization context |
Outputs
| Name | Type | Description |
|---|---|---|
| Rendered page | JSX.Element | A tabbed SSO configuration form with provider fields, callback URLs, validation, test, and save functionality |
Usage Examples
Basic Usage
// In a route definition
import SSOConfigPage from '@/views/auth/ssoConfig'
<Route path="/sso-config" element={<SSOConfigPage />} />