docs(genie): add screenshots for Space ID and GenieChat

README.md

@@ -32,10 +32,10 @@ AppKit's power comes from its plugin system. Each plugin adds a focused capabili
 ### Available now
 
 - **Analytics Plugin** — Query your Lakehouse data directly from your app. Define SQL queries as files, execute them against Databricks SQL Warehouses, and get automatic caching, parameterization, and on-behalf-of user execution out of the box. Perfect for building apps that surface insights from your Lakehouse.
+- **Genie Plugin** — Conversational AI interface powered by Databricks AI/BI Genie. Let users ask natural language questions against your data and get answers with automatic chart inference and visualization.
 
 ### Coming soon
 
-- **Genie Plugin** — Conversational AI interface powered by Databricks Genie
 - **Files Plugin** — Browse, upload, and manage files in Unity Catalog Volumes
 - **Lakebase Plugin** — OLTP database operations with automatic OAuth token management
 - ...and this is just the beginning.

docs/docs/plugins/genie.md

@@ -48,6 +48,16 @@ genie({
 
 If you omit `spaces`, the plugin reads `DATABRICKS_GENIE_SPACE_ID` from the environment and registers it under the `default` alias.
 
+### Finding your Genie Space ID
+
+You can find the Space ID from the **About** tab on your Genie space page in Databricks:
+
+<div style={{maxWidth: 400}}>
+
+![Genie Space ID in the About tab](./assets/genie-space-id.png)
+
+</div>
+
 ## Environment variables
 
 | Variable | Description |
@@ -117,6 +127,8 @@ The `@databricks/appkit-ui` package provides ready-to-use React components for G
 
 A full-featured chat interface that handles streaming, history, and reconnection:
 
+![GenieChat component](./assets/genie-chat.png)
+
 ```tsx
 import { GenieChat } from "@databricks/appkit-ui/react";