diff --git a/openhands/static/img/agent-canvas-add-extension.png b/openhands/static/img/agent-canvas-add-extension.png
new file mode 100644
index 00000000..f0a281c1
Binary files /dev/null and b/openhands/static/img/agent-canvas-add-extension.png differ
diff --git a/openhands/usage/agent-canvas/canvas-extensions.mdx b/openhands/usage/agent-canvas/canvas-extensions.mdx
index 9377b2b5..2497ab27 100644
--- a/openhands/usage/agent-canvas/canvas-extensions.mdx
+++ b/openhands/usage/agent-canvas/canvas-extensions.mdx
@@ -37,6 +37,8 @@ If `Customize > Extensions` reports that the feature is unavailable, update the
 
 Open `Customize > Extensions`, then select `Add extension`.
 
+![Agent Canvas Add extension dialog with synthetic source, ref, and repository path fields](/openhands/static/img/agent-canvas-add-extension.png)
+
 <Tabs>
   <Tab title="Git Repository">
     1. Enter the Git source, such as `github:owner/repository`.