image resolution

Author: chdeskur

fern/api-reference/integrating-with-twilio.mdx

@@ -202,7 +202,7 @@ ngrok http 5000
 
 Copy the ngrok domain (without https://) to use in your environment variables.
 
-<img height="200" src="./images/ngrok.png" />
+<img src="./images/ngrok.png" />
 
 
 ## Update your environment variables
@@ -227,7 +227,7 @@ In the “A call comes in” section, enter the full URL to your application (ma
 
 E.g. https://*******ngrok.app/call/incoming
 
-<img height="200" src="./images/twilio.png" />
+<img src="./images/twilio.png" />
 
 ## Make a phone call
 Make a call to your number. You should hear a message using the ElevenLabs voice.

fern/conversational-ai/customization/byollm.mdx

@@ -12,19 +12,19 @@ To integrate a custom OpenAI key, create a secret containing your OPENAI_API_KEY
 <Steps>
   <Step>
     Navigate to the "Secrets" page and select "Add Secret"
-    <img height="200" src="../../developer-guides/images/byollm_1.webp" />
+    <img src="../../developer-guides/images/byollm_1.webp" />
   </Step>
   <Step>
     Choose "Custom LLM" from the dropdown menu.
-    <img height="200" src="../../developer-guides/images/byollm_2.webp" />
+    <img src="../../developer-guides/images/byollm_2.webp" />
   </Step>
   <Step>
     Enter the URL, your model, and the secret you created.
-    <img height="200" src="../../developer-guides/images/byollm_3.webp" />
+    <img src="../../developer-guides/images/byollm_3.webp" />
   </Step>
   <Step>
     Set "Custom LLM extra body" to true.
-    <img height="200" src="../../developer-guides/images/byollm_7.webp" />
+    <img src="../../developer-guides/images/byollm_7.webp" />
   </Step>
 </Steps>
 
@@ -96,7 +96,7 @@ if __name__ == "__main__":
 
 Run this code or your own server code.
 
-<img height="200" src="../../developer-guides/images/byollm_4.webp" />
+<img src="../../developer-guides/images/byollm_4.webp" />
 
 ### Setting Up a Public URL for Your Server
 
@@ -106,14 +106,14 @@ To make your server accessible, create a public URL using a tunneling tool like
 ngrok http --url=<Your url>.ngrok.app 8013
 ```
 
-<img height="200" src="../../developer-guides/images/byollm_5.webp" />
+<img src="../../developer-guides/images/byollm_5.webp" />
 
 ### Configuring Elevenlabs CustomLLM
 
 Now let's make the changes in Elevenlabs
 
-<img height="200" src="../../developer-guides/images/byollm_6.webp" />
-<img height="200" src="../../developer-guides/images/byollm_7.webp" />
+<img src="../../developer-guides/images/byollm_6.webp" />
+<img src="../../developer-guides/images/byollm_7.webp" />
 
 Direct your server URL to ngrok endpoint, setup "Limit token usage" to 5000 and set "Custom LLM extra body" to true.
 

fern/conversational-ai/customization/knowledge-base.mdx

@@ -51,11 +51,11 @@ There are 3 options to enhance your conversational agent's knowledge:
 ## Best Practices
 
 <CardGroup cols={2}>
-  <Card title="Content Quality" icon="duotone star">
+  <Card title="Content Quality">
     Provide clear, well-structured information that's relevant to your agent's
     purpose
   </Card>
-  <Card title="Size Management" icon="duotone hard-drive">
+  <Card title="Size Management">
     Break large documents into smaller, focused pieces for better processing
   </Card>
 </CardGroup>

fern/conversational-ai/customization/tools.mdx

@@ -10,16 +10,16 @@ slug: conversational-ai/customization/tools
 Tools allow you to make external function calls to third party apps so you can get real-time information. You might use tools to:
 
 <CardGroup>
-  <Card title="Calendar Management" icon="duotone calendar">
+  <Card title="Calendar Management" icon="regular calendar">
     Schedule appointments and manage availability on someone's calendar
   </Card>
-  <Card title="Restaurant Bookings" icon="duotone utensils">
+  <Card title="Restaurant Bookings" icon="regular utensils">
     Book restaurant reservations and manage dining arrangements
   </Card>
-  <Card title="CRM Integration" icon="duotone users">
+  <Card title="CRM Integration" icon="regular users">
     Create or update customer records in a CRM system
   </Card>
-  <Card title="Inventory Lookup" icon="duotone box">
+  <Card title="Inventory Lookup" icon="regular box">
     Get inventory data to make product recommendations
   </Card>
 </CardGroup>
@@ -43,14 +43,14 @@ Before we proceed with creating our Tools, we will first create a Secret to secu
 
 You can find Secrets within the Conversational AI Dashboard in the Agent subnav.
 
-<img height="200" src="../images/bearer-secret.webp" />
+<img src="../images/bearer-secret.webp" />
 
 ### Webhooks
 
 Next, look for "Tools" in the "Agent" subnav. Add a new Tool to configure your webhook. For our AI receptionist, we created two Tools to interact with the Cal.com API:
 
 <AccordionGroup>
-  <Accordion title="Get Available Slots" icon="duotone calendar-check">
+  <Accordion title="Get Available Slots" icon="regular calendar-check">
     This tool allows the AI receptionist to check calendar availability. It can answer questions like "When is Sam available to meet tomorrow?" or "Is Sam free at 10:30am on Tuesday?"
 
         ```bash
@@ -64,7 +64,7 @@ Next, look for "Tools" in the "Agent" subnav. Add a new Tool to configure your w
 
   </Accordion>
 
-  <Accordion title="Book Meeting" icon="duotone calendar-plus">
+  <Accordion title="Book Meeting" icon="regular calendar-plus">
     This tool handles the actual meeting booking once a suitable time has been selected.
 
         ```bash
@@ -101,7 +101,7 @@ We configured that as follows:
 | Secret | Bearer          | Bearer (the secret key we defined earlier) |
 
 <Frame>
-  <img height="200" src="../images/headers.webp" />
+  <img src="../images/headers.webp" />
 </Frame>
 
 ### Path Parameters
@@ -113,7 +113,7 @@ Our AI receptionist does not call for Path Parameters so we will not be defining
 
 Get and Delete requests typically have query parameters while Post and Patch do not. Our Get_Available_Slots tool relies on a Get request that requires the following query parameters: startTime, endTime, eventTypeId, eventTypeSlug, and duration.
 
-<img height="200" src="../images/cal-get-slots.webp" />
+<img src="../images/cal-get-slots.webp" />
 
 In our Description for each, we define a prompt that our Conversational Agent will use to extract the relevant information from the call transcript using an LLM.
 
@@ -132,7 +132,7 @@ Event type IDs can differ. Use the [find event types endpoint](https://cal.com/d
 
 Post and Patch requests typically have body parameters while Get and Delete do not. Our Book_Meeting tool is a Post request and requires the following Body Parameters: startTime, eventTypeId, attendee.
 
-<img height="200" src="../images/cal-book-meeting.webp" />
+<img src="../images/cal-book-meeting.webp" />
 
 In our Description for each, we define a prompt that our Conversational Agent will use to extract the relevant information from the call transcript using an LLM.
 

fern/conversational-ai/docs/introduction.mdx

@@ -46,20 +46,20 @@ Need more? Upgrade to a [paid plan](https://elevenlabs.io/pricing) instantly - n
 Companies and creators use our Conversational AI orchestration platform to create:
 
 <CardGroup cols={2}>
-  <Card title="Customer Service Representatives" icon="headset">
+  <Card title="Customer Service Representatives" icon="regular headset">
     AI agents trained on company help documentation that can handle complex
     customer queries, troubleshoot issues, and provide 24/7 support in multiple
     languages.
   </Card>
-  <Card title="Virtual Assistants" icon="calendar-check">
+  <Card title="Virtual Assistants" icon="regular calendar-check">
     Personal AI helpers that manage scheduling, set reminders, look up
     information, and help users stay organized throughout their day.
   </Card>
-  <Card title="Retail Support" icon="shop">
+  <Card title="Retail Support" icon="regular shop">
     Shopping assistants that help customers find products, provide personalized
     recommendations, track orders, and answer product-specific questions.
   </Card>
-  <Card title="Personalized Learning" icon="book-open">
+  <Card title="Personalized Learning" icon="regular book-open">
     1-1 AI tutors that help students learn new topics and deepen their
     understanding. Enhance reading comprehension by speaking with books and
     [articles](https://elevenlabs.io/blog/time-brings-conversational-ai-to-journalism).

fern/conversational-ai/guides/conversational-ai-twilio.mdx

@@ -27,15 +27,15 @@ Before integrating with Twilio, you'll need to configure your agent to use the c
     2. Go to the Voice Section 
     3. Select "μ-law 8000 Hz" from the dropdown
 
-    <img height="200" src="../../developer-guides/images/twilio_3.webp" />
+    <img src="../../developer-guides/images/twilio_3.webp" />
   </Step>
 
   <Step title="Set Input Format">
     1. Navigate to your agent settings
     2. Go to the Advanced Section
     3. Select "μ-law 8000 Hz" for the input format
 
-    <img height="200" src="../../developer-guides/images/twilio_4.webp" />
+    <img src="../../developer-guides/images/twilio_4.webp" />
   </Step>
 </Steps>
 
@@ -480,7 +480,7 @@ Before integrating with Twilio, you'll need to configure your agent to use the c
     ```bash
     ngrok http --url=<your-url-here> 8000
     ```
-    <img height="200" src="../../developer-guides/images/twilio_1.webp" />
+    <img src="../../developer-guides/images/twilio_1.webp" />
   </Step>
 
   <Step title="Configure Twilio">
@@ -491,7 +491,7 @@ Before integrating with Twilio, you'll need to configure your agent to use the c
        `https://your-ngrok-url.ngrok.app/incoming-call-eleven`
     5. Set the HTTP method to POST
 
-    <img height="200" src="../../developer-guides/images/twilio_2.webp" />
+    <img src="../../developer-guides/images/twilio_2.webp" />
   </Step>
 </Steps>
 

fern/developer-guides/integrating-with-twilio.mdx

@@ -204,7 +204,7 @@ ngrok http 5000
 
 Copy the ngrok domain (without https://) to use in your environment variables.
 
-<img height="200" src="../api-reference/images/ngrok.webp" />
+<img src="../api-reference/images/ngrok.webp" />
 
 
 ## Update your environment variables
@@ -229,7 +229,7 @@ In the “A call comes in” section, enter the full URL to your application (ma
 
 E.g. https://*******ngrok.app/call/incoming
 
-<img height="200" src="../api-reference/images/twilio.webp" />
+<img src="../api-reference/images/twilio.webp" />
 
 ## Make a phone call
 Make a call to your number. You should hear a message using the ElevenLabs voice.

fern/docs.yml

@@ -271,47 +271,47 @@ navigation:
       - section: Overview
         contents:
           - page: Quickstart
-            icon: duotone rocket
+            icon: regular rocket
             path: developer-guides/quickstart.mdx
           - page: Specifying Server Location
-            icon: duotone globe
+            icon: regular globe
             path: developer-guides/specifying-server-location.mdx
           - page: Reducing Latency
-            icon: duotone gauge-high
+            icon: regular gauge-high
             path: developer-guides/reducing-latency.mdx
           - page: Models
-            icon: duotone cube
+            icon: regular cube
             path: developer-guides/models.mdx
       - section: Text to Speech
         contents:
           - page: How to Use Text-to-Speech
-            icon: duotone waveform
+            icon: regular waveform
             path: developer-guides/how-to-use-tts-with-streaming.mdx
           - page: Streaming Text-to-Speech
-            icon: duotone plug
+            icon: regular plug
             path: developer-guides/how-to-use-websocket.mdx
           - page: Combine Multiple Generations
-            icon: duotone merge
+            icon: regular merge
             path: developer-guides/how-to-use-request-stitching.mdx
           - page: How to Use Pronunciation Dictionaries
-            icon: duotone language
+            icon: regular language
             path: developer-guides/how-to-use-pronunciation-dictionaries.mdx
           - page: Integrating with Twilio
-            icon: duotone phone
+            icon: regular phone
             path: developer-guides/integrating-with-twilio.mdx
       - section: Text to Sound Effects
         contents:
           - page: How to Use the Text to Sound Effects API
-            icon: duotone volume
+            icon: regular volume
             path: developer-guides/how-to-use-text-to-sound-effects.mdx
       - section: Dubbing
         contents:
           - page: How to Dub a Video
-            icon: duotone video
+            icon: regular video
             path: developer-guides/how-to-dub-a-video.mdx
-      - page: Project Examples
+      - link: Project Examples
         icon: brands github
-        path: developer-guides/github-examples.mdx
+        href: https://github.com/elevenlabs/elevenlabs-examples
   - tab: conversational
     layout:
       - page: Introduction
@@ -322,7 +322,7 @@ navigation:
             icon: duotone comments
             path: conversational-ai/docs/agent-setup.mdx
           - section: Build a Conversational App
-            icon: duotone browser
+            icon: regular browser
             contents:
               - page: Next.JS
                 icon: brands react
@@ -331,24 +331,24 @@ navigation:
                 icon: brands js
                 path: conversational-ai/guides/conversational-ai-guide-vite.mdx
           - page: Twilio Integration
-            icon: duotone phone
+            icon: regular phone
             path: conversational-ai/guides/conversational-ai-twilio.mdx
       - section: Customization
         contents:
           - page: Tools
-            icon: duotone toolbox
+            icon: regular toolbox
             path: conversational-ai/customization/tools.mdx
           - page: Client Tools
-            icon: duotone webhook
+            icon: regular webhook
             path: conversational-ai/customization/client-tools.mdx
           - page: Integrate Your Own Model
-            icon: duotone brain-circuit
+            icon: regular brain-circuit
             path: conversational-ai/customization/byollm.mdx
           - page: Knowledge Base
-            icon: duotone book
+            icon: regular book
             path: conversational-ai/customization/knowledge-base.mdx
           - page: Dynamic Conversation
-            icon: duotone sliders
+            icon: regular sliders
             path: conversational-ai/customization/conversation-configuration.mdx
       - section: Libraries & SDKs
         contents:

fern/overview.mdx

@@ -23,7 +23,7 @@ slug: welcome-to-elevenlabs
         title="Quickstart"
         href="/docs/developer-guides/quickstart"
       >
-      <img height="200" src="https://eleven-public-cdn.elevenlabs.io/payloadcms/jg7niztnfon-elevenlabs-voice-cloning-precise-control.jpg" width="240" />
+      <img src="https://eleven-public-cdn.elevenlabs.io/payloadcms/jg7niztnfon-elevenlabs-voice-cloning-precise-control.jpg" width="240" />
 
       Launch your first project in minutes with step-by-step guidance.
       </Card>

fern/product/audio-native/audio-native-react.mdx

@@ -25,7 +25,7 @@ First, you'll need to create and customize your player, whitelist your url, and
 Once you've gone through the setup, you should see a page like this:
 
 <Frame>
-  <img height="200" src="../../product/audio-native/images/an-1-newUI.webp" />
+  <img src="../../product/audio-native/images/an-1-newUI.webp" />
 </Frame>
 
 This is the code snippet that is used to embed Audio Native on a normal website such as Wordpress, Ghost, or Webflow. However, you can't use this snippet directly in React.
@@ -164,7 +164,7 @@ This is why, if we were to just paste the Audio Native code snippet into our Rea
 Before you can use this component, you'll need to retrieve your public user ID from the code snippet. Go back to https://elevenlabs.io/audio-native, and in the code snippet, copy the property called `publicuserid`.
 
 <Frame>
-  <img height="200" src="../../product/audio-native/images/an-2-newUI.webp" />
+  <img src="../../product/audio-native/images/an-2-newUI.webp" />
 </Frame>
 
 This public user ID is used to identify your Audio Native project.
@@ -194,7 +194,7 @@ export default function Page() {
 Start your development server, if you haven't already, and view the page. You should see something similar to the following, stating that the URL is not allowed. (If you don't see anything, please see the Troubleshooting section below to perform a hard refresh)
 
 <Frame>
-  <img height="200" src="../../product/audio-native/images/an_url_not_allowed.webp" />
+  <img src="../../product/audio-native/images/an_url_not_allowed.webp" />
 </Frame>
 
 ### Troubleshooting