From bb6efaf1824cd65c074484841992dd8feb46fad1 Mon Sep 17 00:00:00 2001
From: Alexander Nohe <nohe@google.com>
Date: Mon, 18 Aug 2025 10:43:32 -0700
Subject: [PATCH 1/2] Add in YouTube overview to observability

---
 .../docs/docs/observability/getting-started.md    | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/content/docs/docs/observability/getting-started.md b/src/content/docs/docs/observability/getting-started.md
index e35e2d31..34536119 100644
--- a/src/content/docs/docs/observability/getting-started.md
+++ b/src/content/docs/docs/observability/getting-started.md
@@ -19,6 +19,21 @@ Key capabilities of Genkit Monitoring include:
 Setting up Genkit Monitoring requires completing tasks in both your codebase
 and on the Google Cloud Console.
 
+## Video Overview
+
+<div style="position: relative; width: 100%; max-width: 800px; margin: 2rem auto 0;">
+  <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+    <iframe 
+      src="https://www.youtube.com/embed/9zTgJgXTHPQ" 
+      title="Genkit monitoring - Release Notes Deep Dive" 
+      frameborder="0" 
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+      allow="fullscreen"
+      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
+    ></iframe>
+  </div>
+</div>
+
 ## Before you begin
 
 1. If you haven't already, create a Firebase project.

From 5581aba6865a4f278e66ad8d8a285f678cfcaf73 Mon Sep 17 00:00:00 2001
From: Alexander Nohe <nohe@google.com>
Date: Mon, 18 Aug 2025 10:57:32 -0700
Subject: [PATCH 2/2] Fixed layout

---
 .../docs/observability/getting-started.md     | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/content/docs/docs/observability/getting-started.md b/src/content/docs/docs/observability/getting-started.md
index 34536119..1a2daedb 100644
--- a/src/content/docs/docs/observability/getting-started.md
+++ b/src/content/docs/docs/observability/getting-started.md
@@ -2,6 +2,17 @@
 title: Get started with Genkit Monitoring
 description: This quickstart guide explains how to set up Genkit Monitoring for your deployed Genkit features to collect and view real-time telemetry data, including metrics, traces, and production trace exports for evaluations.
 ---
+<div style="float: right; width: 50%; margin: 0.5rem 0 1rem 2rem; position: relative;">
+  <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+    <iframe 
+      src="https://www.youtube.com/embed/9zTgJgXTHPQ" 
+      title="Genkit monitoring - Release Notes Deep Dive" 
+      frameborder="0" 
+      allow="fullscreen"
+      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
+    ></iframe>
+  </div>
+</div>
 
 This quickstart guide describes how to set up Genkit Monitoring for
 your deployed Genkit features, so that you can collect and view real-time
@@ -19,20 +30,7 @@ Key capabilities of Genkit Monitoring include:
 Setting up Genkit Monitoring requires completing tasks in both your codebase
 and on the Google Cloud Console.
 
-## Video Overview
 
-<div style="position: relative; width: 100%; max-width: 800px; margin: 2rem auto 0;">
-  <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
-    <iframe 
-      src="https://www.youtube.com/embed/9zTgJgXTHPQ" 
-      title="Genkit monitoring - Release Notes Deep Dive" 
-      frameborder="0" 
-      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
-      allow="fullscreen"
-      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
-    ></iframe>
-  </div>
-</div>
 
 ## Before you begin