Changes to Tutorial Video section (#189)

* docs: Update Vertex AI provider auth methods

* docs: add 'Custom Modes in Roo Code' tutorial video

* docs: add custom modes video and embed in page

* docs: update tutorial videos list

---------

authored: Sannidhya Sah <[email protected]>

Author: SannidhyaSah

docs/features/custom-modes.md docs/features/custom-modes.mdxdocs/features/custom-modes.md renamed to docs/features/custom-modes.mdx

@@ -2,6 +2,24 @@
 
 Roo Code allows you to create **custom modes** to tailor Roo's behavior to specific tasks or workflows. Custom modes can be either **global** (available across all projects) or **project-specific** (defined within a single project).
 
+<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden' }}>
+  <iframe
+    src="https://www.youtube.com/embed/qgqceCuhlRA"
+    style={{
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+    }}
+    frameBorder="0"
+    allow="autoplay; encrypted-media"
+    allowFullScreen
+  ></iframe>
+</div>
+
+<br />
+
 :::tip Sticky Models for Efficient Workflow
 Each mode—including custom ones—features **Sticky Models**. This means Roo Code automatically remembers and selects the last model you used with a particular mode. This lets you assign different preferred models to different tasks without constant reconfiguration, as Roo switches between models when you change modes.
 :::

docs/tutorial-videos.json

@@ -1,72 +1,12 @@
 {
   "videos": [
     {
-      "id": "dqW9snH6yK4",
-      "title": "RooCode + Free Manus / Grok-3 / Claude : This NEW UPGRADE Makes ROO CODE AMAZING!"
+      "id": "qgqceCuhlRA",
+      "title": "Custom Modes in Roo Code | Official Tutorial "
     },
     {
-      "id": "g9sq25ECJMQ",
-      "title": "Roo-Code v3.8 UPDATE: The Best FREE Autonomous AI Coding Agent Just Got BETTER!"
-    },
-    {
-      "id": "mwJx5QI2c0o",
-      "title": "You’re Overpaying for AI Coding | Roo Code System Prompt Override"
-    },
-    {
-      "id": "fu93FmBnv4Y",
-      "title": "RooCode (New Upgrades) + 3.7 Sonnet: The NEW POWER-STEERING MODE, DEBUG MODE & More is AMAZING!"
-    },
-    {
-      "id": "Y9JoWcyp0FY",
-      "title": "PERFECT VSCode Setup: Sonnet 3.7 + Roo-Code (15X Faster Coding!)"
-    },
-    {
-      "id": "r5T3h0BOiWw",
-      "title": "Roo Code is AMAZING - AI VSCode Extension (better than Cursor?)"
-    },
-    {
-      "id": "IzjdJfvfnfM",
-      "title": "Is Roo Code the Ultimate Coding Hack?"
-    },
-    {
-      "id": "PE-0P6SAZYc",
-      "title": "RooCode v3.3 UPDATE: Fully FREE Autonomous AI Coding Agent! (FREE API, Checkpoints, Markdown)"
-    },
-    {
-      "id": "rg_g3BPv4uQ",
-      "title": "5 Must-Know Roo Code Features That Make It Better Than Cline (Save 50% on Tokens!)"
-    },
-    {
-      "id": "9p_1OISs7o0",
-      "title": "RooCode (Upgraded): I'm FINALLY SWITCHING AWAY from CLINE! This is the MOST CUSTOMIZABLE AI Coder!"
-    },
-    {
-      "id": "2Frayo_8ovQ",
-      "title": "Deepseek-R1 + RooCode: BEST AI Coding Agent! Develop a Full-stack App Without Writing ANY Code!"
-    },
-    {
-      "id": "KsUjPlRPsPc",
-      "title": "Roo-Cline 3.1: Code Faster Than Ever with This Game-Changing Update"
-    },
-    {
-      "id": "r-cbg5ON60Q",
-      "title": "Setting Up RooCline With LMStudio and Ollama Phi4"
-    },
-    {
-      "id": "V5ZdznleO6s",
-      "title": "Build a Web App with Roo Cline & Claude 3.5 Sonnet"
-    },
-    {
-      "id": "IVTcZYg_ylI",
-      "title": "RooCline: The Cline Fork That's Faster, Smarter, and Better!"
-    },
-    {
-      "id": "a5mCvQoDB2g",
-      "title": "FREE AI Coder Beats Cursor & Bolt.New?"
-    },
-    {
-      "id": "9I_xjb30WHg",
-      "title": "Roo-Cline is Cline but Better | AI in Large Codebases"
+      "id": "Mcq3r1EPZ-4",
+      "title": "Installing Roo Code in VS Code"
     }
   ]
 }