Update helper text

packages/ui/src/components/Listbox/Listbox2.tsx

@@ -21,7 +21,7 @@ function classNames(...classes: any) {
 export interface Props extends Omit<React.InputHTMLAttributes<HTMLButtonElement>, 'size'> {
   className?: string
   children: React.ReactNode
-  descriptionText?: string
+  descriptionText?: string | React.ReactNode
   error?: string
   icon?: any
   id?: string

studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx

@@ -103,7 +103,17 @@ const FormField: FC<Props> = ({ name, properties, formValues, disabled = false }
           name={name}
           disabled={disabled}
           label={properties.title}
-          descriptionText={properties.description}
+          descriptionText={
+            properties.description ? (
+              <ReactMarkdown
+                unwrapDisallowed
+                disallowedElements={['p']}
+                className="form-field-markdown"
+              >
+                {properties.description}
+              </ReactMarkdown>
+            ) : null
+          }
         />
       )
 
@@ -114,7 +124,17 @@ const FormField: FC<Props> = ({ name, properties, formValues, disabled = false }
           name={name}
           disabled={disabled}
           label={properties.title}
-          descriptionText={properties.description}
+          descriptionText={
+            properties.description ? (
+              <ReactMarkdown
+                unwrapDisallowed
+                disallowedElements={['p']}
+                className="form-field-markdown"
+              >
+                {properties.description}
+              </ReactMarkdown>
+            ) : null
+          }
           defaultValue={properties.enum[0]}
         >
           {properties.enum.map((option: Enum) => {

studio/stores/authConfig/schema/AuthProviders/AuthProvidersFormValidation.tsx

@@ -1004,8 +1004,9 @@ export const PROVIDER_SAML = {
   title: 'SAML 2.0',
   properties: {
     SAML_ENABLED: {
-      title: 'Enable SAML SSO',
-      description: 'Allows the use of SAML 2.0 Single Sign-On',
+      title: 'Enable SAML 2.0 Single Sign-on',
+      description:
+        'You will need to use the [Supabase CLI](https://supabase.com/docs/guides/auth/sso/auth-sso-saml#managing-saml-20-connections) to set up SAML after enabling it',
       type: 'boolean',
     },
   },

studio/styles/ui.scss

@@ -413,3 +413,9 @@
     }
   }
 }
+
+.form-field-markdown {
+  a {
+    @apply text-brand-900 transition opacity-75 hover:opacity-100 underline;
+  }
+}