From 4b94a537e190701284362666c3fbf4a66c6e1547 Mon Sep 17 00:00:00 2001
From: Sebastian Maniak <sebastian@maniak.io>
Date: Sat, 21 Mar 2026 11:34:56 -0400
Subject: [PATCH] Fix telegram example images not displaying

Move telegram.gif and arch.png from src/ to public/images/telegram-bot/
and update img src paths to use absolute paths. Next.js App Router
doesn't serve colocated assets via relative paths in <img> tags.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
---
 .../images}/telegram-bot/arch.png                   | Bin
 .../images}/telegram-bot/telegram.gif               | Bin
 src/app/docs/kagent/examples/telegram-bot/page.mdx  |   4 ++--
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename {src/app/docs/kagent/examples => public/images}/telegram-bot/arch.png (100%)
 rename {src/app/docs/kagent/examples => public/images}/telegram-bot/telegram.gif (100%)

diff --git a/src/app/docs/kagent/examples/telegram-bot/arch.png b/public/images/telegram-bot/arch.png
similarity index 100%
rename from src/app/docs/kagent/examples/telegram-bot/arch.png
rename to public/images/telegram-bot/arch.png
diff --git a/src/app/docs/kagent/examples/telegram-bot/telegram.gif b/public/images/telegram-bot/telegram.gif
similarity index 100%
rename from src/app/docs/kagent/examples/telegram-bot/telegram.gif
rename to public/images/telegram-bot/telegram.gif
diff --git a/src/app/docs/kagent/examples/telegram-bot/page.mdx b/src/app/docs/kagent/examples/telegram-bot/page.mdx
index ce9c120..9b3c978 100644
--- a/src/app/docs/kagent/examples/telegram-bot/page.mdx
+++ b/src/app/docs/kagent/examples/telegram-bot/page.mdx
@@ -22,7 +22,7 @@ No webhooks. No public endpoints. Just polling from inside the cluster.
 
 
 <div style={{ display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }}>
-  <img src="telegram.gif" alt="Telegram Demo" style={{ width: "55%", minWidth: "300px" }} />
+  <img src="/images/telegram-bot/telegram.gif" alt="Telegram Demo" style={{ width: "55%", minWidth: "300px" }} />
 </div>
 
 ## Architecture Overview
@@ -30,7 +30,7 @@ No webhooks. No public endpoints. Just polling from inside the cluster.
 Here’s what we’re building:
 
 <div style={{ display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }}>
-  <img src="arch.png" alt="Architecture" style={{ width: "40%", minWidth: "250px" }} />
+  <img src="/images/telegram-bot/arch.png" alt="Architecture" style={{ width: "40%", minWidth: "250px" }} />
 </div>
 
 ---