@@ -80,6 +80,8 @@ examples/v1/next-pages-router/next.config.mjs
 examples/v1/research-canvas/next.config.mjs
 examples/v1/state-machine/next.config.mjs
 examples/v1/travel/next.config.mjs
+examples/v2/a2ui-markdown/next.config.mjs
+examples/v2/generative-ui-shop/vite.config.ts
 examples/v2/interrupts-langgraph/apps/web/next.config.ts
 examples/v2/next-pages-router/next.config.mjs
 examples/v2/react-router/vite.config.ts
 
@@ -0,0 +1,8 @@
+# Required by the built-in agent (and by the LangGraph agent in ./agent).
+OPENAI_API_KEY=
+
+# Optional: model for the built-in agent (provider/model).
+# COPILOTKIT_MODEL=openai/gpt-5.4
+
+# Optional: where the LangGraph Python agent listens (see ./agent).
+# LANGGRAPH_AGENT_URL=http://localhost:8011/copilotkit
@@ -0,0 +1,7 @@
+.next
+next-env.d.ts
+.env.local
+agent/.venv
+agent/.env
+*.tsbuildinfo
+__pycache__
@@ -0,0 +1,89 @@
+# Generative UI example
+
+A Next.js app where the agent renders interactive surfaces inline in the chat.
+The surfaces use the standard components (`standardUI`). The provider turns
+generative UI on with one prop:
+
+```tsx
+<CopilotKitProvider
+  runtimeUrl="/api/copilotkit"
+  useSingleEndpoint={false}
+  generativeUI={{ ui: standardUI, transport: "markdown" }}
+>
+```
+
+## Setup
+
+1. Install the dependencies. Run this command from the repo root:
+
+   ```bash
+   pnpm install
+   ```
+
+2. Build the CopilotKit packages. Run this command from the repo root:
+
+   ```bash
+   pnpm nx run-many -t build --projects=@copilotkit/react-core,@copilotkit/runtime
+   ```
+
+3. Copy the env file, then set `OPENAI_API_KEY` in `.env.local`:
+
+   ```bash
+   cp examples/v2/a2ui-markdown/.env.example examples/v2/a2ui-markdown/.env.local
+   ```
+
+## Run
+
+Start the app with the built-in agent:
+
+```bash
+pnpm --filter @copilotkit/example-a2ui-markdown example-dev
+```
+
+Open `http://localhost:3011` and click a suggestion below the chat.
+
+The page has two surfaces outside the chat: `dashboard` and `notes`. The first
+three suggestions render into them:
+
+1. "Dashboard on the page" fills `dashboard`.
+2. "Checklist in the notes" fills `notes`.
+3. "Update the dashboard" changes the dashboard in place, in a later reply.
+
+To use the LangGraph Python agent in [`agent/`](./agent), you need `uv`. In a
+second terminal, run these commands from `examples/v2/a2ui-markdown`:
+
+```bash
+pnpm install:agent
+pnpm dev:agent                     # serves http://localhost:8011/copilotkit
+```
+
+Then open `http://localhost:3011/?agent=langgraph`.
+
+## URL parameters
+
+The links in the page header set these parameters:
+
+| Parameter             | What it does                                                                     |
+| --------------------- | -------------------------------------------------------------------------------- |
+| `?transport=markdown` | The default. The agent writes the operations in ` ```a2ui ` fences in its reply. |
+| `?transport=tool`     | The agent calls the `render_ui` tool. The runtime streams the surfaces.          |
+| `?agent=langgraph`    | The chat talks to the LangGraph Python agent instead of the built-in agent.      |
+
+Neither agent has code for generative UI. With the markdown transport, the
+provider sends the component schema and the fence guideline as context. With
+the tool transport, the runtime (`generativeUI: true` in
+`app/api/copilotkit/[[...slug]]/route.ts`) gives the agent the `render_ui`
+tool.
+
+## The `/catalog` page
+
+Open `http://localhost:3011/catalog` to see every standard component. Each
+sample shows:
+
+- The live surface.
+- The description and props that the model sees.
+- The operations that render the sample.
+
+The page needs no model and no API key. A scripted agent streams the
+surfaces in the browser (`app/catalog/catalog-agent.ts`). If a component has
+no sample, the page names it at the top.
@@ -0,0 +1,25 @@
+# Generative UI LangGraph agent
+
+A LangGraph (Python) chat agent served over AG-UI at
+`http://localhost:8011/copilotkit`. The Next.js app in the parent directory
+talks to it when you open `http://localhost:3011/?agent=langgraph`.
+
+The graph is a single model node (`create_agent` with no tools) plus
+`CopilotKitMiddleware`. The middleware adds the context that CopilotKit sends
+(the component schema and the ` ```a2ui ` fence guideline) to the system
+prompt. With `?transport=tool`, the middleware binds the `render_ui` tool that
+the runtime adds. The agent has no code for generative UI.
+
+## Run
+
+```bash
+cp ../.env.example .env   # set OPENAI_API_KEY
+uv sync
+uv run main.py
+```
+
+Environment variables:
+
+- `OPENAI_API_KEY` (required)
+- `OPENAI_MODEL` (default `gpt-5.4`)
+- `PORT` (default `8011`)
@@ -0,0 +1,48 @@
+"""Server"""
+
+import os
+
+from dotenv import load_dotenv
+
+load_dotenv()  # pylint: disable=wrong-import-position
+
+import uvicorn
+from ag_ui_langgraph import add_langgraph_fastapi_endpoint
+from copilotkit import LangGraphAGUIAgent
+from fastapi import FastAPI
+
+from src.agent import graph
+
+app = FastAPI()
+add_langgraph_fastapi_endpoint(
+    app=app,
+    agent=LangGraphAGUIAgent(
+        name="langgraph",
+        description="A chat agent that renders generative UI surfaces.",
+        graph=graph,
+    ),
+    path="/copilotkit",
+)
+
+
+def main():
+    """Run the uvicorn server."""
+    port = int(os.getenv("PORT", "8011"))
+    uvicorn.run(
+        "main:app",
+        host="localhost",
+        port=port,
+        reload=True,
+        reload_dirs=(
+            ["."]
+            + (
+                ["../../../../sdk-python/copilotkit"]
+                if os.path.exists("../../../../sdk-python/copilotkit")
+                else []
+            )
+        ),
+    )
+
+
+if __name__ == "__main__":
+    main()
@@ -0,0 +1,17 @@
+[project]
+name = "a2ui-markdown-agent"
+version = "0.1.0"
+description = "LangGraph agent for the CopilotKit A2UI markdown-mode example"
+readme = "README.md"
+requires-python = ">=3.12,<3.14"
+dependencies = [
+  "ag-ui-langgraph",
+  "copilotkit",
+  "fastapi",
+  "langchain",
+  "langchain-core",
+  "langchain-openai",
+  "langgraph",
+  "python-dotenv",
+  "uvicorn",
+]
@@ -0,0 +1,32 @@
+"""Generative UI chat agent.
+
+A single model node with no tools of its own. With the markdown transport the
+CopilotKit provider sends the component schema and the ```a2ui fence guideline
+as context entries. ``LangGraphAGUIAgent`` places them in
+``state["copilotkit"]["context"]`` and ``CopilotKitMiddleware`` appends them to
+the system prompt as "App Context" on every model call, so the model knows
+which components it may use and how to write the fences. With the tool
+transport the runtime adds the render_ui tool, and ``CopilotKitMiddleware``
+binds it like any frontend tool. Nothing in this file is specific to
+generative UI beyond the one-line prompt.
+"""
+
+import os
+
+from copilotkit import CopilotKitMiddleware
+from langchain.agents import create_agent
+from langchain_openai import ChatOpenAI
+from langgraph.checkpoint.memory import MemorySaver
+
+SYSTEM_PROMPT = (
+    "You are a helpful assistant. When a visual, interactive answer helps, "
+    "render it with generative UI as described in your App Context."
+)
+
+graph = create_agent(
+    model=ChatOpenAI(model=os.getenv("OPENAI_MODEL", "gpt-5.4"), streaming=True),
+    tools=[],
+    middleware=[CopilotKitMiddleware()],
+    system_prompt=SYSTEM_PROMPT,
+    checkpointer=MemorySaver(),
+)