diff --git a/app/en/operate/deploy/architecture/page.mdx b/app/en/operate/deploy/architecture/page.mdx
index 3d70df922..fcf328934 100644
--- a/app/en/operate/deploy/architecture/page.mdx
+++ b/app/en/operate/deploy/architecture/page.mdx
@@ -31,18 +31,18 @@ The diagram below shows a complete deployment: the Kubernetes clusters that run
 <figure className="my-6">
   <a
     className="group block cursor-zoom-in overflow-hidden rounded-xl border border-neutral-300 bg-white p-4 shadow-sm ring-1 ring-black/5 transition hover:border-neutral-400 hover:shadow-md md:p-6 dark:bg-neutral-300"
-    href="/images/architecture/arcade-reference-topology.png"
+    href="/images/architecture/arcade-reference-topology.jpg"
     rel="noopener"
     target="_blank"
     title="Open the full-size topology diagram"
   >
     <Image
-      alt="Arcade reference topology diagram: agents and tool developers reach the ingress gateway, which fronts the Kubernetes clusters running the Engine, Coordinator, Experience API, dashboard, and workers; egress gateways reach identity providers, telemetry, and connected services; PostgreSQL, Redis, and blob storage sit in the data tier below"
+      alt="Arcade reference topology diagram: agents and tool developers reach the ingress gateway, which fronts the application plane Kubernetes cluster running the Coordinator, Engine, Usage, dashboard, Experience API, embedding and search services, and OpenFGA, alongside a worker plane cluster running Arcade workers and custom MCP servers; egress gateways reach identity providers, telemetry, container registries, and connected services; PostgreSQL, Redis, and blob storage sit in the data tier below. A key marks the tool calling hot path and the arcade deploy path"
       className="h-auto w-full dark:brightness-[0.83]"
-      height={5362}
+      height={4280}
       sizes="(max-width: 768px) 100vw, 800px"
-      src="/images/architecture/arcade-reference-topology.png"
-      width={9772}
+      src="/images/architecture/arcade-reference-topology.jpg"
+      width={7800}
     />
   </a>
   <figcaption className="mt-3 text-center text-neutral-600 text-sm dark:text-neutral-400">
diff --git a/public/images/architecture/arcade-reference-topology.jpg b/public/images/architecture/arcade-reference-topology.jpg
new file mode 100644
index 000000000..edf6d788f
Binary files /dev/null and b/public/images/architecture/arcade-reference-topology.jpg differ
diff --git a/public/images/architecture/arcade-reference-topology.png b/public/images/architecture/arcade-reference-topology.png
deleted file mode 100644
index a898931d1..000000000
Binary files a/public/images/architecture/arcade-reference-topology.png and /dev/null differ