From 4afc662ff7eb150e7fa85c4fa302e73e6df5358d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jannik=20Maierh=C3=B6fer?= <jannik.maierhoefer@gmail.com>
Date: Tue, 10 Dec 2024 14:45:55 +0100
Subject: [PATCH 1/2] docs: fix video link and edit image

---
 fern/providers/observability/langfuse.mdx | 30 ++++++++++++-----------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/fern/providers/observability/langfuse.mdx b/fern/providers/observability/langfuse.mdx
index 9e62986e8..ba05ad843 100644
--- a/fern/providers/observability/langfuse.mdx
+++ b/fern/providers/observability/langfuse.mdx
@@ -8,16 +8,18 @@ slug: providers/observability/langfuse
 
 Vapi natively integrates with Langfuse, allowing you to send traces directly to Langfuse for enhanced telemetry monitoring. This integration enables you to gain deeper insights into your voice AI applications and improve their performance and reliability.
 
-<iframe
-        src="https://youtu.be/V4ybHNWvu90"
-        title="YouTube video player"
-        frameborder="0"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-        referrerpolicy="strict-origin-when-cross-origin"
-        width="100%"
-        height="400px"
-        allowfullscreen
-/>
+<div>
+  <iframe
+    width="100%"
+    height="315"
+    src="https://www.youtube.com/embed/V4ybHNWvu90?si=_5m1iQTOFm9yRP4W"
+    title="YouTube video player"
+    frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin"
+    allowfullscreen
+  />
+</div>
 
 ## What is Langfuse?
 
@@ -50,8 +52,8 @@ Under the **Observability Providers** section, you'll find an option for **Langf
 
 Click **Save** to update your credentials.
 
-<Frame border className="sm:w-1/2">
-![Vapi Provider Credentials](https://langfuse.com/images/docs/vapi-integration-credentials.png)
+<Frame>
+  <img src="https://langfuse.com/images/docs/vapi-integration-credentials.png" />
 </Frame>
 
 </Step>
@@ -60,8 +62,8 @@ Click **Save** to update your credentials.
 
 Once you've added your credentials, you should start seeing traces in your Langfuse dashboard for every conversation your agents have.
 
-<Frame border>
-![Example trace of Vapi conversation in Langfuse](https://langfuse.com/images/docs/vapi-integration-example-trace.png)
+<Frame>
+  <img src="https://langfuse.com/images/docs/vapi-integration-example-trace.png" />
 </Frame>
 
 Example trace in Langfuse: https://cloud.langfuse.com/project/cloramnkj0002jz088vzn1ja4/traces/50163c14-9784-4cb9-b18e-23e924d0bb66

From 88e873fbe1f79184eeaac054bb02dc00727efac3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jannik=20Maierh=C3=B6fer?= <jannik.maierhoefer@gmail.com>
Date: Tue, 10 Dec 2024 14:47:33 +0100
Subject: [PATCH 2/2] revert image layout edit

---
 fern/providers/observability/langfuse.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/fern/providers/observability/langfuse.mdx b/fern/providers/observability/langfuse.mdx
index ba05ad843..4930febe5 100644
--- a/fern/providers/observability/langfuse.mdx
+++ b/fern/providers/observability/langfuse.mdx
@@ -52,8 +52,8 @@ Under the **Observability Providers** section, you'll find an option for **Langf
 
 Click **Save** to update your credentials.
 
-<Frame>
-  <img src="https://langfuse.com/images/docs/vapi-integration-credentials.png" />
+<Frame border className="sm:w-1/2">
+![Vapi Provider Credentials](https://langfuse.com/images/docs/vapi-integration-credentials.png)
 </Frame>
 
 </Step>
@@ -62,8 +62,8 @@ Click **Save** to update your credentials.
 
 Once you've added your credentials, you should start seeing traces in your Langfuse dashboard for every conversation your agents have.
 
-<Frame>
-  <img src="https://langfuse.com/images/docs/vapi-integration-example-trace.png" />
+<Frame border>
+![Example trace of Vapi conversation in Langfuse](https://langfuse.com/images/docs/vapi-integration-example-trace.png)
 </Frame>
 
 Example trace in Langfuse: https://cloud.langfuse.com/project/cloramnkj0002jz088vzn1ja4/traces/50163c14-9784-4cb9-b18e-23e924d0bb66