Merge pull request #48 from rdulmina/main

Add GIF for test AI agent api in devant

Author: pcnfernando

en/docs/assets/img/get-started/deploy-your-first-ai-agent/test-agent-in-devant.gif

@@ -85,7 +85,7 @@ This redirects you to the overview page of the AI Agent. Now, let's develop the
 3. Add an appropriate commit message and commit.
 4. Click **Sync Changes** to push the changes to remote.
 5. Go back to the **Design** view using the back arrow on the top left coner.
-5. From the right side panel, click the **View in Devant** to view this integration in Devant.
+6. From the right side panel, click the **View in Devant** to view this integration in Devant.
 
 ## Step 6: Test and Consume AI Agent
 1. Once you push the changes, the overview page of the Devant AI Agent will automatically refresh and show you the **Latest Commit** and automatically builds and shows the **Build Status**.
@@ -95,6 +95,8 @@ This redirects you to the overview page of the AI Agent. Now, let's develop the
 
 2. Once the **Build Status** shows `Build completed`, it will be automatically deployed into the development card.
 3. Send a prompt to test your Math Tutor agent, such as `What is 2343282 * 392011`. Even though typically LLMs are bad at large multiplication, this agent has tool support to give an accurate answer.
+   
+    <a href="{{base_path}}/assets/img/get-started/deploy-your-first-ai-agent/test-agent-in-devant.gif"><img src="{{base_path}}/assets/img/get-started/deploy-your-first-ai-agent/test-agent-in-devant.gif" alt="Ballerina Integrator Icon" width="80%"></a>
 
 4. After successfully testing, you can promote your AI Agent to production by clicking **Promote** button.