cohere, descope and gemini integration docs

Author: Tom Gotsman

assets/ai_builder/integrations/descope.webp

@@ -19,7 +19,7 @@ The **Anthropic Integration** allows your app to use [Anthropic’s Claude model
 
 ## Step 2: Configure the Integration in Your App
 
-1. Go to **Integrations → Add Anthropic Integration** in your app settings.
+1. Go to **Integrations → Add Anthropic** in your app settings.
 2. Paste your **Anthropic API Key** in the input field.
 3. Click **Connect** to validate and save your integration.
 

assets/ai_builder/integrations/descope_2.webp

@@ -19,7 +19,7 @@ The **Cartesia Integration** allows your app to generate **high-quality, realist
 
 ## Step 2: Configure the Integration in Your App
 
-1. Open your app and go to **Integrations → Add Cartesia Integration**.  
+1. Open your app and go to **Integrations → Add Cartesia**.  
 2. Paste your **Cartesia API Key** in the input field.  
 3. Click **Connect** to validate and save your integration.  
 

assets/ai_builder/integrations/descope_new_tab.webp

@@ -0,0 +1,34 @@
+---
+tags: AI
+description: Add Cohere’s language models for text generation, classification, retrieval, embeddings, and more.
+---
+# Cohere Integration
+
+The **Cohere Integration** allows your app to use [Cohere’s](https://cohere.com) state-of-the-art language models for natural language understanding and generation. Once connected, your app can power search, summarization, embeddings, classification, and conversational AI features directly from workflows and triggers.
+
+
+## Step 1: Obtain a Cohere API Key
+
+1. Go to the [Cohere Dashboard](https://dashboard.cohere.com/).  
+2. Log in or create an account.  
+3. Navigate to **API Keys** in your account settings.  
+4. Click **Create Key**, give it a descriptive name (e.g., “AI Builder”), and copy the key.  
+   - **Example:** `kY9y0xxxxxxxxxxxxxxxxxxxxxxxxxxx`
+
+
+## Step 2: Configure the Integration in Your App
+
+1. Go to **Integrations → Add Cohere** in your app settings.  
+2. Paste your **Cohere API Key** in the input field.  
+3. Click **Connect** to validate and save your integration.  
+
+Once connected, your app can access Cohere’s endpoints for language tasks like embeddings, classification, chat, and more.
+
+
+## Step 3: Notes
+
+- **Secure API Access:** Keep your Cohere API key private — do not hardcode it in public repositories.  
+- **Environment separation:** Use different keys for development, staging, and production environments.  
+- **Performance:** Cohere’s models support fast inference for production-ready experiences.  
+- **Observability:** Use the Cohere dashboard to monitor usage, quotas, and request logs.
+

docs/ai_builder/integrations/anthropic.md

@@ -0,0 +1,75 @@
+---
+tags: Authentication
+description: Add Descope’s identity and authentication platform to your apps to manage user sign-in, onboarding, MFA, SSO, and flows with ease.
+---
+# Descope Integration
+
+The **Descope Integration** enables your app to leverage Descope’s full Customer Identity & Access Management (CIAM) features—visual authentication flows, identity management, SSO, MFA, tenant isolation, and more. Once set up, you can orchestrate secure user journeys across your application with minimal coding.
+
+
+```md alert warning
+# You must open your app in a new tab from the builder to test the Descope integration.
+
+![Open new tab to test Descope](/ai_builder/integrations/descope_new_tab.webp)
+```
+
+## What You Can Do
+
+With Descope Integration, your app can:
+- Handle user sign-up, login, and passwordless flows seamlessly  
+- Enable multifactor authentication (MFA), passkeys, and social login  
+- Support single sign-on (SSO) via OIDC/SAML  
+- Manage users, roles, tenants, and permissions via management APIs  
+- Orchestrate onboarding, branding, and multi-tenant flows via drag-and-drop workflows  
+- Sync user data with tools like HubSpot or Segment via built-in connectors
+
+
+## Step 1: Obtain Descope Credentials
+
+```python exec
+import reflex as rx
+from reflex_image_zoom import image_zoom
+```
+
+```python eval
+rx.el.div(
+    image_zoom(
+        rx.image(
+            src="/ai_builder/integrations/descope.webp",
+            class_name="p-2 rounded-md h-auto",
+            border=f"0.81px solid {rx.color('slate', 5)}",
+        ),
+        class_name="rounded-md overflow-hidden",
+    ),
+    class_name="w-full flex flex-col rounded-md cursor-pointer",
+)
+```
+
+1. Log in to the **Descope Console** (or sign up).
+2. Create your first Project. 
+3. Go to the Project page under Settings.
+4. Copy the `Project ID`.
+
+
+## Step 2: Configure the Integration in Your App
+
+1. In your app’s settings or integration dashboard, select **Add Descope**.  
+2. Enter your **PROJECT_ID**.  
+3. (Optional) Pick a **DESCOPE_FLOW_ID** (e.g. “sign-up-or-login”) and **SESSION_SECRET_KEY** or press the Clipboard Copy to use default values.  
+4. Click **Connect** to validate credentials and enable Descope features.
+
+```python eval
+rx.el.div(
+    image_zoom(
+        rx.image(
+            src="/ai_builder/integrations/descope_2.webp",
+            class_name="p-2 rounded-md h-auto",
+            border=f"0.81px solid {rx.color('slate', 5)}",
+        ),
+        class_name="rounded-md overflow-hidden",
+    ),
+    class_name="w-full flex flex-col rounded-md cursor-pointer",
+)
+```
+
+

docs/ai_builder/integrations/cartesia.md

@@ -0,0 +1,30 @@
+---
+tags: AI
+description: Connect your apps to Google’s Gemini models for advanced AI capabilities.
+---
+# Gemini Integration
+
+The **Gemini Integration** allows your app to use [Google’s Gemini models](https://aistudio.google.com/) for text generation, reasoning, multimodal analysis, and other advanced AI capabilities. Once connected, you can call Gemini directly from your workflows, UI actions, or automated triggers.
+
+## Step 1: Obtain a Gemini API Key
+
+1. Go to [Google AI Studio](https://aistudio.google.com/).
+2. Navigate to **Get API Key** or create a new key for your project.
+3. Copy the generated key.
+
+   * **Example:** `AIzaSyDxxxxxxxxxxxxxxxxxxxxxxxxxxxxx`
+
+## Step 2: Configure the Integration in Your App
+
+1. Go to **Integrations → Add Gemini** in your app settings.  
+2. Paste your **Gemini API Key** in the input field.  
+3. Click **Connect** to validate and save your integration.
+
+Once connected, your app can use Gemini for AI-powered features across workflows and components.
+
+## Step 3: Notes
+
+* **Keep your key secure:** Do not hardcode your Gemini API key in public code repositories.  
+* **Use environment-specific keys:** Separate dev, staging, and production keys help manage access and security.  
+* **Secure API access:** The key allows your app to interact with Gemini endpoints securely and efficiently.
+```