docs(docs/user-guides/devcontainers): add screenshot placeholders

mafredri · mafredri · commit 77dd35973fd7 · 2025-12-09T15:07:29.000Z
Add placeholder images to show what dev containers look like in the UI: - Workspace dashboard with discovered dev container (index.md) - Apps bar on dev container agent (customizing-dev-containers.md) - Outdated status with Rebuild button (working-with-dev-containers.md) Refs #21157
diff --git a/docs/user-guides/devcontainers/customizing-dev-containers.md b/docs/user-guides/devcontainers/customizing-dev-containers.md
@@ -84,6 +84,10 @@ appears in `coder ssh` commands and the dashboard (e.g.,
 Control which built-in Coder apps appear for your dev container using
 `displayApps`:
 
+![Placeholder: Dev container agent showing apps bar with terminal, VS Code, SSH helper, and port forwarding buttons](../../images/user-guides/devcontainers/devcontainer-apps-bar.png)
+
+<small>The apps bar on a dev container agent, showing the available display apps.</small>
+
 ```json
 {
   "name": "My Dev Container",
diff --git a/docs/user-guides/devcontainers/index.md b/docs/user-guides/devcontainers/index.md
@@ -67,6 +67,10 @@ Coder automatically discovers dev container configurations in your repositories
 and displays them in your workspace dashboard. From there, you can start a dev
 container with a single click.
 
+![Placeholder: Workspace dashboard showing a discovered dev container with status indicator and Start button](../../images/user-guides/devcontainers/devcontainer-dashboard.png)
+
+<small>Dev container displayed in the workspace dashboard with status and action buttons.</small>
+
 If your template administrator has configured automatic startup (via the
 `coder_devcontainer` Terraform resource or autostart settings), your dev
 container will build and start automatically when the workspace starts.
diff --git a/docs/user-guides/devcontainers/working-with-dev-containers.md b/docs/user-guides/devcontainers/working-with-dev-containers.md
@@ -152,4 +152,8 @@ When you modify your `devcontainer.json`, you need to rebuild the container for
 changes to take effect. Coder detects changes and shows an **Outdated** status
 next to the dev container.
 
+![Placeholder: Dev container agent showing the Outdated status indicator](../../images/user-guides/devcontainers/devcontainer-outdated.png)
+
+<small>The Outdated indicator appears when changes to devcontainer.json are detected.</small>
+
 Click **Rebuild** to recreate your dev container with the updated configuration.
