diff --git a/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx b/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx
index 5f57d3c6d74a3..69682dfcad19f 100644
--- a/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx
@@ -52,20 +52,22 @@ const AccordionMenuItem = ({ section }: { section: DropdownMenuItem[] }) => {
         >
           {section[0].menuItems?.map((menuItem, menuItemIndex) => (
             <Fragment key={`desktop-docs-menu-section-${menuItemIndex}`}>
-              {menuItem.map((item) =>
-                !item.href ? (
-                  <div className="font-mono tracking-wider flex items-center text-foreground-muted text-xs uppercase rounded-md p-2 leading-none">
-                    {item.label}
-                  </div>
-                ) : (
-                  <MenuItem
-                    href={item.href}
-                    title={item.label}
-                    community={item.community}
-                    icon={item.icon}
-                  />
-                )
-              )}
+              {menuItem
+                .filter((item) => item.enabled !== false)
+                .map((item) =>
+                  !item.href ? (
+                    <div className="font-mono tracking-wider flex items-center text-foreground-muted text-xs uppercase rounded-md p-2 leading-none">
+                      {item.label}
+                    </div>
+                  ) : (
+                    <MenuItem
+                      href={item.href}
+                      title={item.label}
+                      community={item.community}
+                      icon={item.icon}
+                    />
+                  )
+                )}
             </Fragment>
           ))}
         </Accordion.Item>
@@ -90,7 +92,7 @@ const Menu = () => (
     justified
     chevronAlign="right"
   >
-    {GLOBAL_MENU_ITEMS.map((section) => (
+    {GLOBAL_MENU_ITEMS.filter((section) => section[0].enabled !== false).map((section) => (
       <AccordionMenuItem section={section} />
     ))}
   </Accordion>
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
index 74a142f1bd7a7..f07e11812c6db 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
@@ -41,13 +41,13 @@ const {
   'docs:compliance',
   'docs:contribution',
   'docs:fdw',
-  'docs:self-hosting',
   'docs:framework_quickstarts',
   'docs:full_platform',
   'docs:local_development',
   'docs:mobile_tutorials',
   'docs:pgtap',
   'docs:production_checklist',
+  'docs:self-hosting',
   'docs:web_apps',
   'integrations:partners',
   'sdk:csharp',
diff --git a/apps/docs/features/docs/Reference.typeSpec.ts b/apps/docs/features/docs/Reference.typeSpec.ts
index c076ff43ca227..98298bcf2b93a 100644
--- a/apps/docs/features/docs/Reference.typeSpec.ts
+++ b/apps/docs/features/docs/Reference.typeSpec.ts
@@ -156,6 +156,15 @@ export interface CustomTypePropertyType {
   type: TypeDetails | undefined
 }
 
+// The meaning of kind flags from `typedoc`:
+// https://github.com/TypeStrong/typedoc/blob/2953b0148253589448176881a7acb46090f941bd/src/lib/output/themes/default/assets/typedoc/Application.ts#L36
+const KIND_MODULE = 2
+const KIND_CLASS = 128
+const KIND_INTERFACE = 256
+const KIND_CONSTRUCTOR = 512
+const KIND_METHOD = 2048
+const KIND_TYPE_LITERAL = 65536
+
 /**
  *
  * New versions of `typedoc` added the variant property, so this is a quick and
@@ -205,7 +214,7 @@ function normalizeComment(original: TypedocComment | Comment | undefined): Comme
     return original
   }
 
-  let comment: Comment = {}
+  const comment: Comment = {}
 
   if ('summary' in original) {
     comment.shortText = original.summary.map((part) => part.text).join('')
@@ -218,13 +227,6 @@ function normalizeComment(original: TypedocComment | Comment | undefined): Comme
   return comment
 }
 
-// The meaning of kind flags from `typedoc`:
-// https://github.com/TypeStrong/typedoc/blob/2953b0148253589448176881a7acb46090f941bd/src/lib/output/themes/default/assets/typedoc/Application.ts#L36
-const KIND_CLASS = 128
-const KIND_CONSTRUCTOR = 512
-const KIND_METHOD = 2048
-const KIND_TYPE_LITERAL = 65536
-
 export function parseTypeSpec() {
   const modules = (typeSpec.children ?? []).map(parseMod)
   return modules as Array<ModuleTypes>
@@ -294,7 +296,7 @@ function parseModInternal(
       node.children?.forEach((child: any) => parseModInternal(child, map, updatedPath, res))
       return
     case 'declaration':
-      if (node.kind === KIND_CLASS) {
+      if (node.kind === KIND_CLASS || node.kind === KIND_MODULE) {
         updatedPath = [...currentPath, node.name]
         node.children?.forEach((child: any) => parseModInternal(child, map, updatedPath, res))
       } else if (node.kind === KIND_CONSTRUCTOR) {
@@ -540,6 +542,8 @@ function parseReferenceType(type: any, map: Map<number, any>) {
 
     if (maybeType) {
       return maybeType
+    } else if (isNewTypedoc(referenced) && referenced.kind === KIND_INTERFACE) {
+      return parseInterface(referenced, map)
     } else if (isNewTypedoc(referenced) && referenced.kind === KIND_CLASS) {
       // Class is too complicated to display here, just return its name
       return {
@@ -673,7 +677,9 @@ function parseTypeLiteral(type: any, map: Map<number, any>): TypeDetails | undef
   const name = nameOrAnonymous(type)
 
   if ('children' in type.declaration) {
-    const properties = type.declaration.children.map((child: any) => parseTypeInternals(child, map))
+    const properties = type.declaration.children
+      .map((child: any) => parseTypeInternals(child, map))
+      .filter(Boolean)
     return {
       name,
       type: 'object',
@@ -725,7 +731,9 @@ function parseTypeOperatorType(type: any, map: Map<number, any>) {
 }
 
 function parseInterface(type: any, map: Map<number, any>): CustomObjectType {
-  const properties = (type.children ?? []).map((child) => parseTypeInternals(child, map))
+  const properties = (type.children ?? [])
+    .map((child) => parseTypeInternals(child, map))
+    .filter(Boolean)
 
   return {
     type: 'object',
@@ -766,6 +774,10 @@ function parseTypeInternals(elem: any, map: Map<number, any>) {
 
 function parseInternalProperty(elem: any, map: Map<number, any>) {
   const name = nameOrAnonymous(elem)
+  if (!elem.type) {
+    return undefined
+  }
+
   const type = parseType(elem.type, map)
 
   const res = {
diff --git a/apps/docs/features/docs/__snapshots__/Reference.typeSpec.test.ts.snap b/apps/docs/features/docs/__snapshots__/Reference.typeSpec.test.ts.snap
index 534f8f547c727..0eeee322f79b3 100644
--- a/apps/docs/features/docs/__snapshots__/Reference.typeSpec.test.ts.snap
+++ b/apps/docs/features/docs/__snapshots__/Reference.typeSpec.test.ts.snap
@@ -29616,8 +29616,9 @@ exports[`TS type spec parsing > matches snapshot 1`] = `
                 {
                   "name": "transport",
                   "type": {
-                    "type": "nameOnly",
-                    "name": "WebSocketLikeConstructor"
+                    "type": "object",
+                    "name": "WebSocketLikeConstructor",
+                    "properties": []
                   },
                   "isOptional": true
                 },
@@ -30241,8 +30242,253 @@ exports[`TS type spec parsing > matches snapshot 1`] = `
         ],
         "ret": {
           "type": {
-            "type": "nameOnly",
-            "name": "WebSocketLike"
+            "type": "object",
+            "name": "WebSocketLike",
+            "properties": [
+              {
+                "name": "binaryType",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                "isOptional": true
+              },
+              {
+                "name": "bufferedAmount",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                },
+                "isOptional": true
+              },
+              {
+                "name": "CLOSED",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              },
+              {
+                "name": "CLOSING",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              },
+              {
+                "name": "CONNECTING",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              },
+              {
+                "name": "dispatchEvent",
+                "type": {
+                  "type": "function",
+                  "params": [
+                    {
+                      "name": "event",
+                      "type": {
+                        "type": "nameOnly",
+                        "name": "Event"
+                      }
+                    }
+                  ],
+                  "ret": {
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  }
+                },
+                "isOptional": true
+              },
+              {
+                "name": "extensions",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                "isOptional": true
+              },
+              {
+                "name": "onclose",
+                "type": {
+                  "type": "union",
+                  "subTypes": [
+                    {
+                      "type": "literal",
+                      "value": null
+                    },
+                    {
+                      "type": "function",
+                      "params": [
+                        {
+                          "name": "this",
+                          "type": {
+                            "type": "intrinsic",
+                            "name": "any"
+                          }
+                        },
+                        {
+                          "name": "ev",
+                          "type": {
+                            "type": "nameOnly",
+                            "name": "CloseEvent"
+                          }
+                        }
+                      ],
+                      "ret": {
+                        "type": {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              {
+                "name": "onerror",
+                "type": {
+                  "type": "union",
+                  "subTypes": [
+                    {
+                      "type": "literal",
+                      "value": null
+                    },
+                    {
+                      "type": "function",
+                      "params": [
+                        {
+                          "name": "this",
+                          "type": {
+                            "type": "intrinsic",
+                            "name": "any"
+                          }
+                        },
+                        {
+                          "name": "ev",
+                          "type": {
+                            "type": "nameOnly",
+                            "name": "Event"
+                          }
+                        }
+                      ],
+                      "ret": {
+                        "type": {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              {
+                "name": "onmessage",
+                "type": {
+                  "type": "union",
+                  "subTypes": [
+                    {
+                      "type": "literal",
+                      "value": null
+                    },
+                    {
+                      "type": "function",
+                      "params": [
+                        {
+                          "name": "this",
+                          "type": {
+                            "type": "intrinsic",
+                            "name": "any"
+                          }
+                        },
+                        {
+                          "name": "ev",
+                          "type": {
+                            "type": "nameOnly",
+                            "name": "MessageEvent"
+                          }
+                        }
+                      ],
+                      "ret": {
+                        "type": {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              {
+                "name": "onopen",
+                "type": {
+                  "type": "union",
+                  "subTypes": [
+                    {
+                      "type": "literal",
+                      "value": null
+                    },
+                    {
+                      "type": "function",
+                      "params": [
+                        {
+                          "name": "this",
+                          "type": {
+                            "type": "intrinsic",
+                            "name": "any"
+                          }
+                        },
+                        {
+                          "name": "ev",
+                          "type": {
+                            "type": "nameOnly",
+                            "name": "Event"
+                          }
+                        }
+                      ],
+                      "ret": {
+                        "type": {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              {
+                "name": "OPEN",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              },
+              {
+                "name": "protocol",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              },
+              {
+                "name": "readyState",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              },
+              {
+                "name": "url",
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              }
+            ]
           }
         }
       },
diff --git a/apps/studio/components/grid/components/menu/RowContextMenu.tsx b/apps/studio/components/grid/components/menu/RowContextMenu.tsx
index d336e2002d9d2..1e90055e4e2ac 100644
--- a/apps/studio/components/grid/components/menu/RowContextMenu.tsx
+++ b/apps/studio/components/grid/components/menu/RowContextMenu.tsx
@@ -1,12 +1,12 @@
-import { ChevronRight, Clipboard, Edit, Trash } from 'lucide-react'
+import { Clipboard, Edit, Trash } from 'lucide-react'
 import { useCallback } from 'react'
-import { Item, ItemParams, Menu, Separator, Submenu } from 'react-contexify'
+import { Item, ItemParams, Menu } from 'react-contexify'
 import { toast } from 'sonner'
 
 import type { SupaRow } from 'components/grid/types'
 import { useTableEditorStateSnapshot } from 'state/table-editor'
 import { useTableEditorTableStateSnapshot } from 'state/table-editor-table'
-import { copyToClipboard } from 'ui'
+import { copyToClipboard, DialogSectionSeparator } from 'ui'
 import { ROW_CONTEXT_MENU_ID } from '.'
 import { formatClipboardValue } from '../../utils/common'
 
@@ -67,27 +67,20 @@ const RowContextMenu = ({ rows }: RowContextMenuProps) => {
 
   return (
     <Menu id={ROW_CONTEXT_MENU_ID} animation={false} className="!min-w-36">
-      <Submenu
-        label={
-          <div className="flex items-center space-x-2">
-            <Clipboard size={12} />
-            <span className="text-xs">Copy</span>
-          </div>
-        }
-        arrow={<ChevronRight size={12} />}
-      >
-        <Item onClick={onCopyCellContent}>
-          <span className="ml-2 text-xs">Copy cell</span>
-        </Item>
-        <Item onClick={onCopyRowContent}>
-          <span className="ml-2 text-xs">Copy row</span>
-        </Item>
-      </Submenu>
+      <Item onClick={onCopyCellContent}>
+        <Clipboard size={12} />
+        <span className="ml-2 text-xs">Copy cell</span>
+      </Item>
+      <Item onClick={onCopyRowContent}>
+        <Clipboard size={12} />
+        <span className="ml-2 text-xs">Copy row</span>
+      </Item>
+      <DialogSectionSeparator className="my-1.5" />
       <Item onClick={onEditRowClick} hidden={!snap.editable} data="edit">
         <Edit size={12} />
         <span className="ml-2 text-xs">Edit row</span>
       </Item>
-      <Separator />
+      <DialogSectionSeparator className="my-1.5" />
       <Item onClick={onDeleteRow} hidden={!snap.editable} data="delete">
         <Trash size={12} />
         <span className="ml-2 text-xs">Delete row</span>
diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.types.ts b/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.types.ts
index 7781b8ee2f83c..b24a294eebfc5 100644
--- a/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.types.ts
+++ b/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.types.ts
@@ -22,6 +22,8 @@ export interface Provider {
       descriptionOptional?: string
       units?: string
       isSecret?: boolean
+      isPaid?: boolean
+      link?: string
     }
   }
   validationSchema: any // todo: use Yup type
diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx b/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx
index 11fdbf2264f47..2058ae821f71a 100644
--- a/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx
+++ b/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx
@@ -7,6 +7,7 @@ import { Markdown } from 'components/interfaces/Markdown'
 import { DatePicker } from 'components/ui/DatePicker'
 import { BASE_PATH } from 'lib/constants'
 import { Button, Input, InputNumber, Listbox, Toggle } from 'ui'
+import { InfoTooltip } from 'ui-patterns/info-tooltip'
 import type { Enum } from './AuthProvidersForm.types'
 
 interface FormFieldProps {
@@ -223,17 +224,18 @@ const FormField = ({
           id={name}
           name={name}
           disabled={disabled}
-          label={properties.title}
+          label={
+            <div className="flex items-center gap-x-2">
+              <span>{properties.title}</span>
+              {properties.link && (
+                <a href={properties.link} target="_blank" rel="noreferrer noopener">
+                  <InfoTooltip side="bottom">Documentation</InfoTooltip>
+                </a>
+              )}
+            </div>
+          }
           descriptionText={
-            properties.description ? (
-              <ReactMarkdown
-                unwrapDisallowed
-                disallowedElements={['p']}
-                className="form-field-markdown"
-              >
-                {properties.description}
-              </ReactMarkdown>
-            ) : null
+            properties.description ? <Markdown content={properties.description} /> : null
           }
         />
       )
@@ -282,7 +284,7 @@ const FormField = ({
       break
   }
 
-  return <></>
+  return null
 }
 
 export default FormField
diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx b/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx
index 4a142cab825b9..f667edc0cf0fa 100644
--- a/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx
+++ b/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx
@@ -15,6 +15,7 @@ import { useAuthConfigUpdateMutation } from 'data/auth/auth-config-update-mutati
 import { useProjectSettingsV2Query } from 'data/config/project-settings-v2-query'
 import { useCustomDomainsQuery } from 'data/custom-domains/custom-domains-query'
 import { useAsyncCheckPermissions } from 'hooks/misc/useCheckPermissions'
+import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
 import { BASE_PATH } from 'lib/constants'
 import { Button, Form, Input, Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from 'ui'
 import { Admonition } from 'ui-patterns'
@@ -33,6 +34,7 @@ const doubleNegativeKeys = ['SMS_AUTOCONFIRM']
 
 export const ProviderForm = ({ config, provider, isActive }: ProviderFormProps) => {
   const { ref: projectRef } = useParams()
+  const { data: organization } = useSelectedOrganizationQuery()
   const [urlProvider, setUrlProvider] = useQueryState('provider', { defaultValue: '' })
 
   const [open, setOpen] = useState(false)
@@ -62,6 +64,7 @@ export const ProviderForm = ({ config, provider, isActive }: ProviderFormProps)
     )
   }
 
+  const isFreePlan = organization?.plan.id === 'free'
   const { data: settings } = useProjectSettingsV2Query({ projectRef })
   const protocol = settings?.app_config?.protocol ?? 'https'
   const endpoint = settings?.app_config?.endpoint
@@ -163,7 +166,7 @@ export const ProviderForm = ({ config, provider, isActive }: ProviderFormProps)
       </ResourceItem>
 
       <Sheet open={open} onOpenChange={handleOpenChange}>
-        <SheetContent className="flex flex-col gap-0">
+        <SheetContent size="content" className="flex flex-col gap-0">
           <SheetHeader className="shrink-0 flex items-center gap-4">
             <img
               src={`${BASE_PATH}/img/icons/${provider.misc.iconKey}.svg`}
@@ -191,25 +194,37 @@ export const ProviderForm = ({ config, provider, isActive }: ProviderFormProps)
                         title={provider.title}
                         isHookSendSMSEnabled={config.HOOK_SEND_SMS_ENABLED}
                       />
-                      {Object.keys(provider.properties).map((x: string) => (
-                        <FormField
-                          key={x}
-                          name={x}
-                          setFieldValue={setFieldValue}
-                          properties={provider.properties[x]}
-                          formValues={values}
-                          disabled={shouldDisableField(x) || !canUpdateConfig}
-                        />
-                      ))}
+
+                      {Object.keys(provider.properties).map((x: string) => {
+                        const properties = {
+                          ...provider.properties[x],
+                          description:
+                            provider.properties[x].isPaid && isFreePlan
+                              ? `${provider.properties[x].description} Only available on [Pro plan](/org/${organization.slug}/billing?panel=subscriptionPlan) and above.`
+                              : provider.properties[x].description,
+                        }
+                        const isDisabledDueToPlan = properties.isPaid && isFreePlan
+
+                        return (
+                          <FormField
+                            key={x}
+                            name={x}
+                            setFieldValue={setFieldValue}
+                            properties={properties}
+                            formValues={values}
+                            disabled={
+                              shouldDisableField(x) || !canUpdateConfig || isDisabledDueToPlan
+                            }
+                          />
+                        )
+                      })}
 
                       {provider?.misc?.alert && (
                         <Admonition
                           type="warning"
                           title={provider.misc.alert.title}
                           description={
-                            <>
-                              <ReactMarkdown>{provider.misc.alert.description}</ReactMarkdown>
-                            </>
+                            <ReactMarkdown>{provider.misc.alert.description}</ReactMarkdown>
                           }
                         />
                       )}
diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersFormValidation.tsx b/apps/studio/components/interfaces/Auth/AuthProvidersFormValidation.tsx
index 5e530c411ae01..b804e61a7577a 100644
--- a/apps/studio/components/interfaces/Auth/AuthProvidersFormValidation.tsx
+++ b/apps/studio/components/interfaces/Auth/AuthProvidersFormValidation.tsx
@@ -37,6 +37,8 @@ const PROVIDER_EMAIL = {
       description:
         'Rejects the use of known or easy to guess passwords on sign up or password change. Powered by the HaveIBeenPwned.org Pwned Passwords API.',
       type: 'boolean',
+      link: 'https://supabase.com/docs/guides/auth/password-security#password-strength-and-leaked-password-protection',
+      isPaid: true,
     },
     PASSWORD_MIN_LENGTH: {
       title: 'Minimum password length',
diff --git a/apps/studio/components/interfaces/Database/Hooks/FormContents.tsx b/apps/studio/components/interfaces/Database/Hooks/FormContents.tsx
index af0ec2828a732..dbed67dcc9fed 100644
--- a/apps/studio/components/interfaces/Database/Hooks/FormContents.tsx
+++ b/apps/studio/components/interfaces/Database/Hooks/FormContents.tsx
@@ -51,7 +51,7 @@ export const FormContents = ({
   const restUrlTld = restUrl ? new URL(restUrl).hostname.split('.').pop() : 'co'
 
   const { data: keys = [] } = useAPIKeysQuery({ projectRef: ref, reveal: true })
-  const { data: functions = [], isSuccess: isSucessEdgeFunctions } = useEdgeFunctionsQuery({
+  const { data: functions = [], isSuccess: isSuccessEdgeFunctions } = useEdgeFunctionsQuery({
     projectRef: ref,
   })
 
@@ -83,7 +83,7 @@ export const FormContents = ({
   }, [values.function_type])
 
   useEffect(() => {
-    if (!isSucessEdgeFunctions) return
+    if (!isSuccessEdgeFunctions) return
 
     const isEdgeFunctionSelected = isEdgeFunction({ ref, restUrlTld, url: values.http_url })
 
@@ -109,7 +109,7 @@ export const FormContents = ({
       setHttpHeaders(updatedHttpHeaders)
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [values.http_url, isSucessEdgeFunctions])
+  }, [values.http_url, isSuccessEdgeFunctions])
 
   return (
     <div>
diff --git a/apps/studio/components/interfaces/Markdown.tsx b/apps/studio/components/interfaces/Markdown.tsx
index dc688a968d648..e7fa914e363bc 100644
--- a/apps/studio/components/interfaces/Markdown.tsx
+++ b/apps/studio/components/interfaces/Markdown.tsx
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import { InlineLink } from 'components/ui/InlineLink'
 import { ReactMarkdown, ReactMarkdownOptions } from 'react-markdown/lib/react-markdown'
 import remarkGfm from 'remark-gfm'
 
@@ -16,17 +16,7 @@ const Markdown = ({ className, content = '', extLinks = false, ...props }: Props
       remarkPlugins={[remarkGfm]}
       components={{
         h3: ({ children }) => <h3 className="mb-1">{children}</h3>,
-        a: ({ href, children }) => {
-          if (extLinks) {
-            return (
-              <a href={href} target="_blank" rel="noreferrer noopener">
-                {children}
-              </a>
-            )
-          } else {
-            return <Link href={href ?? '/'}>{children}</Link>
-          }
-        },
+        a: ({ href, children }) => <InlineLink href={href ?? '/'}>{children}</InlineLink>,
       }}
       {...props}
       className={cn('prose text-sm', className)}
diff --git a/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx b/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx
index ecaf67bad79ad..c580103e1039a 100644
--- a/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx
+++ b/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx
@@ -14,6 +14,7 @@ import { LOCAL_STORAGE_KEYS } from 'common'
 import { getStripeElementsAppearanceOptions } from 'components/interfaces/Billing/Payment/Payment.utils'
 import { PaymentConfirmation } from 'components/interfaces/Billing/Payment/PaymentConfirmation'
 import SpendCapModal from 'components/interfaces/Billing/SpendCapModal'
+import { InlineLink } from 'components/ui/InlineLink'
 import Panel from 'components/ui/Panel'
 import { useOrganizationCreateMutation } from 'data/organizations/organization-create-mutation'
 import { useOrganizationsQuery } from 'data/organizations/organizations-query'
@@ -571,9 +572,9 @@ const NewOrgForm = ({ onPaymentMethodReset, setupIntent, onPlanSelected }: NewOr
 
       <ConfirmationModal
         size="large"
-        loading={false}
+        loading={newOrgLoading}
         visible={isOrgCreationConfirmationModalVisible}
-        title={<>Confirm organization creation</>}
+        title="Confirm organization creation"
         confirmLabel="Create new organization"
         onCancel={() => setIsOrgCreationConfirmationModalVisible(false)}
         onConfirm={async () => {
@@ -584,13 +585,9 @@ const NewOrgForm = ({ onPaymentMethodReset, setupIntent, onPlanSelected }: NewOr
       >
         <p className="text-sm text-foreground-light">
           Supabase{' '}
-          <Link
-            className="underline"
-            href="/docs/guides/platform/billing-on-supabase"
-            target="_blank"
-          >
+          <InlineLink href="https://supabase.com/docs/guides/platform/billing-on-supabase">
             bills per organization
-          </Link>
+          </InlineLink>
           . If you want to upgrade your existing projects, upgrade your existing organization
           instead.
         </p>
@@ -613,7 +610,7 @@ const NewOrgForm = ({ onPaymentMethodReset, setupIntent, onPlanSelected }: NewOr
                   </div>
                   <div className="text-foreground-light text-xs">
                     {orgProjects.length <= 2 ? (
-                      <span>{orgProjects.join('and ')}</span>
+                      <span>{orgProjects.join(' and ')}</span>
                     ) : (
                       <div>
                         {orgProjects.slice(0, 2).join(', ')} and{' '}
diff --git a/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx b/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx
index 7e4eaeedc4dde..9dbc26c80f05a 100644
--- a/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx
+++ b/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx
@@ -148,23 +148,28 @@ export const RegionSelector = ({
                   value={value.name}
                   className="w-full [&>:nth-child(2)]:w-full"
                 >
-                  <div className="flex flex-row items-center justify-between w-full">
+                  <div className="flex flex-row items-center justify-between w-full gap-x-2">
                     <div className="flex items-center gap-x-3">
                       <img
                         alt="region icon"
                         className="w-5 rounded-sm"
                         src={`${BASE_PATH}/img/regions/${value.code}.svg`}
                       />
-                      <span className="text-foreground">{value.name}</span>
+                      <div className="flex items-center gap-x-2">
+                        <span className="text-foreground">{value.name}</span>
+                        <span className="text-xs text-foreground-lighter font-mono">
+                          {value.code}
+                        </span>
+                      </div>
                     </div>
 
-                    <div>
-                      {recommendedSpecificRegions.has(value.code) && (
+                    {recommendedSpecificRegions.has(value.code) && (
+                      <div>
                         <Badge variant="success" className="mr-1">
                           Recommended
                         </Badge>
-                      )}
-                    </div>
+                      </div>
+                    )}
                   </div>
                 </SelectItem_Shadcn_>
               )
diff --git a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/DeployNewReplicaPanel.tsx b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/DeployNewReplicaPanel.tsx
index d43bd7b0c20dd..e6f55fac5b269 100644
--- a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/DeployNewReplicaPanel.tsx
+++ b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/DeployNewReplicaPanel.tsx
@@ -447,7 +447,10 @@ const DeployNewReplicaPanel = ({
                   />
                 )}
               >
-                {region.name}
+                <p className="flex items-center gap-x-2">
+                  <span>{region.name}</span>
+                  <span className="text-xs text-foreground-lighter font-mono">{region.region}</span>
+                </p>
               </Listbox.Option>
             ))}
           </Listbox>
diff --git a/apps/studio/hooks/misc/useOrganizationRestrictions.ts b/apps/studio/hooks/misc/useOrganizationRestrictions.ts
index 4a1cdf82e06e0..6c34066235be3 100644
--- a/apps/studio/hooks/misc/useOrganizationRestrictions.ts
+++ b/apps/studio/hooks/misc/useOrganizationRestrictions.ts
@@ -6,6 +6,7 @@ import { useOrganizationsQuery } from 'data/organizations/organizations-query'
 import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
 import { useBillingCustomerDataForm } from 'components/interfaces/Organization/BillingSettings/BillingCustomerData/useBillingCustomerDataForm'
 import { useOrganizationCustomerProfileQuery } from 'data/organizations/organization-customer-profile-query'
+import { useIsFeatureEnabled } from './useIsFeatureEnabled'
 
 export type WarningBannerProps = {
   type: 'danger' | 'warning' | 'note'
@@ -23,6 +24,11 @@ export function useOrganizationRestrictions() {
 
   const warnings: WarningBannerProps[] = []
 
+  const billingEnabled = useIsFeatureEnabled('billing:all')
+  if (!billingEnabled) {
+    return { warnings, org }
+  }
+
   const overdueInvoicesFromOtherOrgs = overdueInvoices?.filter(
     (invoice) => invoice.organization_id !== org?.id
   )
diff --git a/apps/www/_blog/2025-09-29-lovable-cloud-launch.mdx b/apps/www/_blog/2025-09-29-lovable-cloud-launch.mdx
new file mode 100644
index 0000000000000..9babccea5f648
--- /dev/null
+++ b/apps/www/_blog/2025-09-29-lovable-cloud-launch.mdx
@@ -0,0 +1,41 @@
+---
+title: 'Lovable Cloud + Supabase: The Default Platform for AI Builders'
+description: Lovable Cloud makes building with AI agents easier than ever, with every project powered by Supabase behind the scenes.
+author: wenbo
+image: 2025-09-lovable-cloud-launch/og.png
+thumb: 2025-09-lovable-cloud-launch/og.png
+categories:
+  - product
+  - lovable
+  - ai
+date: 2025-09-29:08:00
+toc_depth: 2
+---
+
+Yesterday, Lovable announced [**Lovable Cloud**,](https://lovable.dev/cloud) making building with AI agents easier than ever. Every project created in Lovable Cloud is powered by Supabase behind the scenes. That means every AI builder using Lovable is already using Supabase, whether or not they realize it.
+
+Lovable's mission is to abstract away the backend so developers can focus on ideas and execution. Supabase's mission is to provide the most complete Postgres development platform in the world. Together, these two approaches are changing how people build software.
+
+## Why this matters
+
+Supabase has become the default choice for AI builders. Whether it's Lovable Cloud or the next breakthrough product, the pattern is the same: when speed and scale both matter, Supabase is the foundation.
+
+- **Build fast.** AI-assisted development requires instant setup and minimal friction. Supabase delivers that with a fully managed Postgres Database, integrated Auth, Storage, Edge Functions, and Realtime APIs.
+- **Scale with confidence.** AI builders can't afford to stall at prototype stage. Supabase scales from weekend projects to millions of users, with Row Level Security, point-in-time recovery, read replicas, and enterprise compliance baked in.
+- **Stay open and flexible.** Supabase is just Postgres. That means builders aren't locked into proprietary query languages or one-way migrations. They can extend their stack with Foreign Data Wrappers, pgvector, and the broader Postgres ecosystem.
+
+## Lovable Cloud, powered by Supabase
+
+Lovable focuses on simplicity: give developers a clean interface to build AI-powered applications without worrying about infrastructure. Supabase provides that infrastructure. The thousands of projects Lovable launches every day run on Supabase because we provide the security, reliability, and developer experience they need.
+
+- **For developers,** Lovable Cloud offers a polished, AI-first interface. Underneath, Supabase ensures every project has a proven, scalable backend.
+- **For enterprises,** this partnership proves that Supabase is trusted by the fastest-moving innovators. Lovable's growth shows the demand for AI-native development, and Supabase is the platform making it possible.
+
+Supabase is the open-source Postgres development platform trusted by over 4.5 million developers worldwide. Every day, more than 40,000 new databases are launched on Supabase. AI builders like Lovable and Bolt aren't choosing Supabase by accident. They're choosing it because the combination of speed, reliability, and scale is unmatched. Lovable Cloud is another proof point: when the next generation of developer tools launches, Supabase is the default platform that powers them.
+
+## Start building
+
+Whether you're building with Lovable or directly on Supabase, the foundation is the same: a complete Postgres development platform that lets you move fast without compromise.
+
+- [Get started with Supabase →](https://supabase.com/dashboard)
+- [Try Lovable Cloud today →](https://lovable.dev/cloud)
diff --git a/apps/www/public/images/blog/2025-09-lovable-cloud-launch/og.png b/apps/www/public/images/blog/2025-09-lovable-cloud-launch/og.png
new file mode 100644
index 0000000000000..cbf20539bb587
Binary files /dev/null and b/apps/www/public/images/blog/2025-09-lovable-cloud-launch/og.png differ