chore: add other pm install options, cleanup

Author: goosewin

fern/customization/custom-transcriber.mdx

@@ -63,8 +63,26 @@ You'll learn how to:
     mkdir vapi-custom-transcriber
     cd vapi-custom-transcriber
     npm init -y
+    ```
+    
+    <CodeBlocks>
+    ```bash title="npm"
     npm install ws express dotenv @deepgram/sdk
     ```
+
+    ```bash title="yarn"
+    yarn add ws express dotenv @deepgram/sdk
+    ```
+
+    ```bash title="pnpm"
+    pnpm add ws express dotenv @deepgram/sdk
+    ```
+
+    ```bash title="bun"
+    bun add ws express dotenv @deepgram/sdk
+    ```
+    </CodeBlocks>
+    
     Create a `.env` file with the following content:
     ```env
     DEEPGRAM_API_KEY=your_deepgram_api_key

fern/examples/outbound-call-python.mdx

@@ -33,13 +33,27 @@ Make outbound calls programmatically using various SDKs and languages. This guid
       Dashboard calls are great for testing and one-off calls. Use the API for automated outbound campaigns.
     </Note>
   </Tab>
-  <Tab title="Web SDK + TypeScript">
+  <Tab title="TypeScript (Web SDK)">
     Create browser-based voice interactions (note: Web SDK doesn't make phone calls to external numbers):
 
-    ```bash
+    <CodeBlocks>
+    ```bash title="npm"
     npm install @vapi-ai/web
     ```
 
+    ```bash title="yarn"
+    yarn add @vapi-ai/web
+    ```
+
+    ```bash title="pnpm"
+    pnpm add @vapi-ai/web
+    ```
+
+    ```bash title="bun"
+    bun add @vapi-ai/web
+    ```
+    </CodeBlocks>
+
     ```typescript
     import Vapi from '@vapi-ai/web';
 
@@ -104,13 +118,27 @@ Make outbound calls programmatically using various SDKs and languages. This guid
       Web SDK creates browser-based voice interactions. For phone calls to external numbers, use Server SDK APIs.
     </Note>
   </Tab>
-  <Tab title="Server SDK + TypeScript">
+  <Tab title="TypeScript (Server SDK)">
     First install the TypeScript SDK:
 
-    ```bash
+    <CodeBlocks>
+    ```bash title="npm"
     npm install @vapi-ai/server-sdk
     ```
 
+    ```bash title="yarn"
+    yarn add @vapi-ai/server-sdk
+    ```
+
+    ```bash title="pnpm"
+    pnpm add @vapi-ai/server-sdk
+    ```
+
+    ```bash title="bun"
+    bun add @vapi-ai/server-sdk
+    ```
+    </CodeBlocks>
+
     ```typescript
     import { Vapi } from "@vapi-ai/server-sdk";
 
@@ -171,7 +199,7 @@ Make outbound calls programmatically using various SDKs and languages. This guid
       .catch(error => console.error("Failed to initiate call:", error));
     ```
   </Tab>
-  <Tab title="Server SDK + Python">
+  <Tab title="Python (Server SDK)">
     First install the Python SDK:
 
     ```bash
@@ -271,7 +299,7 @@ Make outbound calls programmatically using various SDKs and languages. This guid
          }'
     ```
   </Tab>
-  <Tab title="Web SDK + TypeScript">
+  <Tab title="TypeScript (Web SDK)">
     Monitor outbound calls in real-time:
 
     ```typescript
@@ -477,158 +505,4 @@ Make outbound calls programmatically using various SDKs and languages. This guid
     });
     ```
   </Tab>
-
-  <Tab title="Webhook Integration (Python)">
-    ```python
-    from flask import Flask, request, jsonify
-    import requests
-    from typing import Dict, Any
-
-    app = Flask(__name__)
-
-    class VapiWebhookHandler:
-        def __init__(self, api_key: str):
-            self.api_key = api_key
-            self.base_url = "https://api.vapi.ai"
-
-        def verify_webhook(self, payload: Dict[str, Any]) -> bool:
-            # Add your webhook verification logic here
-            # This could include signature verification
-            return True
-
-        def handle_call_status_update(self, webhook_data: Dict[str, Any]) -> None:
-            call_id = webhook_data.get('call', {}).get('id')
-            status = webhook_data.get('call', {}).get('status')
-            
-            print(f"Call {call_id} status updated to: {status}")
-            
-            if status == 'ended':
-                self.process_completed_call(call_id)
-
-        def process_completed_call(self, call_id: str) -> None:
-            # Get call details and analysis
-            headers = {"Authorization": f"Bearer {self.api_key}"}
-            response = requests.get(
-                f"{self.base_url}/call/{call_id}",
-                headers=headers
-            )
-            
-            if response.status_code == 200:
-                call_data = response.json()
-                
-                # Process call analysis
-                if 'analysis' in call_data:
-                    self.save_call_analytics(call_data)
-                    
-                # Trigger follow-up actions
-                self.trigger_followup_actions(call_data)
-
-        def save_call_analytics(self, call_data: Dict[str, Any]) -> None:
-            # Save analytics to your database
-            analytics = {
-                'call_id': call_data['id'],
-                'duration': call_data.get('endedAt', 0) - call_data.get('startedAt', 0),
-                'summary': call_data.get('analysis', {}).get('summary'),
-                'success_score': call_data.get('analysis', {}).get('successEvaluation'),
-                'customer': call_data.get('customer', {})
-            }
-            
-            print(f"Saving analytics: {analytics}")
-            # Your database save logic here
-
-        def trigger_followup_actions(self, call_data: Dict[str, Any]) -> None:
-            # Send follow-up emails, create CRM records, etc.
-            customer = call_data.get('customer', {})
-            
-            if customer.get('number'):
-                print(f"Triggering follow-up for {customer['number']}")
-                # Your follow-up logic here
-
-    # Initialize webhook handler
-    webhook_handler = VapiWebhookHandler("YOUR_API_KEY")
-
-    @app.route('/webhook/vapi', methods=['POST'])
-    def handle_vapi_webhook():
-        try:
-            webhook_data = request.json
-            
-            # Verify webhook authenticity
-            if not webhook_handler.verify_webhook(webhook_data):
-                return jsonify({'error': 'Invalid webhook'}), 401
-            
-            # Handle different webhook types
-            webhook_type = webhook_data.get('type')
-            
-            if webhook_type == 'call-status':
-                webhook_handler.handle_call_status_update(webhook_data)
-            elif webhook_type == 'call-ended':
-                call_id = webhook_data.get('call', {}).get('id')
-                webhook_handler.process_completed_call(call_id)
-            
-            return jsonify({'status': 'success'}), 200
-            
-        except Exception as e:
-            print(f"Webhook error: {str(e)}")
-            return jsonify({'error': 'Webhook processing failed'}), 500
-
-    if __name__ == '__main__':
-        app.run(debug=True, port=8000)
-    ```
-  </Tab>
 </Tabs>
-
-## Common Use Cases
-
-### Sales Outreach
-```python
-# Automated sales follow-up calls
-sales_assistant = {
-    "firstMessage": "Hi {{customer.name}}, this is Sarah from TechCorp. I'm following up on your recent inquiry about our software solutions.",
-    "model": {
-        "provider": "openai",
-        "model": "gpt-4",
-        "messages": [
-            {
-                "role": "system", 
-                "content": "You are a sales representative. Be friendly, informative, and focus on understanding the customer's needs. If they show interest, offer to schedule a demo."
-            }
-        ]
-    }
-}
-```
-
-### Customer Support
-```python
-# Proactive customer support calls
-support_assistant = {
-    "firstMessage": "Hello {{customer.name}}, this is Alex from CustomerCare. I'm calling to follow up on your recent support ticket #{{ticket_id}}.",
-    "model": {
-        "provider": "anthropic",
-        "model": "claude-3-sonnet-20240229", 
-        "messages": [
-            {
-                "role": "system",
-                "content": "You are a customer support agent. Be empathetic, solution-focused, and ensure customer satisfaction. Always confirm if their issue has been resolved."
-            }
-        ]
-    }
-}
-```
-
-### Appointment Reminders
-```python
-# Automated appointment confirmation
-reminder_assistant = {
-    "firstMessage": "Hi {{customer.name}}, this is a reminder about your appointment with Dr. {{doctor.name}} tomorrow at {{appointment.time}}.",
-    "model": {
-        "provider": "openai",
-        "model": "gpt-3.5-turbo",
-        "messages": [
-            {
-                "role": "system",
-                "content": "You are an appointment reminder system. Confirm the appointment, offer to reschedule if needed, and provide any necessary preparation instructions."
-            }
-        ]
-    }
-}
-```

fern/snippets/sdks/web/install-web-sdk.mdx

@@ -1,10 +1,19 @@
 Install the package with your preferred package manager.
 
-```bash
-# with npm
+<CodeBlocks>
+```bash title="npm"
 npm install @vapi-ai/web
-# with yarn
+```
+
+```bash title="yarn"
 yarn add @vapi-ai/web
-# with pnpm
+```
+
+```bash title="pnpm"
 pnpm add @vapi-ai/web
 ```
+
+```bash title="bun"
+bun add @vapi-ai/web
+```
+</CodeBlocks>

fern/workflows/examples/lead-qualification.mdx

@@ -68,10 +68,10 @@ Before building the workflow, create the necessary tools in your dashboard:
 
 <Steps>
   <Step title="Navigate to Tools">
-    In your Vapi dashboard, click **Tools** in the left sidebar.
+    In your Vapi dashboard, click `Tools` in the left sidebar.
   </Step>
   <Step title="Create Lead Lookup Tool">
-    Click **Create Tool** and configure:
+    Click `Create Tool` and configure:
     - **Tool Name**: "Lead Lookup"
     - **Tool Type**: "Function"
     - **Function Name**: `lookup_lead`
@@ -132,7 +132,7 @@ Before building the workflow, create the necessary tools in your dashboard:
     - Click `Create Workflow`.
     - Enter workflow name: `TechFlow Sales Qualification Workflow`.
     - Select the default template (includes Call Start node).
-    - Click "Create Workflow".
+    - Click `Create Workflow`.
   </Step>
 </Steps>