fix(shell-docs): remove hardcoded langgraph-python from main docs MDX

samjulien · samjulien · commit b37a3043e6bb · 2026-04-21T17:35:01.000-07:00
Strip snippet_framework: langgraph-python from frontmatter and
integration="langgraph-python" from all InlineDemo tags in the
main docs tree (27 files). On framework-scoped pages frameworkOverride
drives Snippet and InlineDemo; on unscoped pages FrameworkGuardedContent
already hides the body until a framework is selected, so no default
is needed.
diff --git a/showcase/shell-docs/src/content/docs/agentic-chat-ui.mdx b/showcase/shell-docs/src/content/docs/agentic-chat-ui.mdx
@@ -3,7 +3,6 @@ title: Chat Components
 icon: "lucide/MessageSquare"
 description: Customizable, drop-in components for building AI-powered chat interfaces
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: agentic-chat
 ---
 
@@ -22,7 +21,7 @@ They handle streaming, generative UI, and deep customization — so you can focu
   muted
 />
 
-<InlineDemo integration="langgraph-python" demo="agentic-chat" />
+<InlineDemo demo="agentic-chat" />
 
 ## What it looks like in code
 
diff --git a/showcase/shell-docs/src/content/docs/custom-look-and-feel/css.mdx b/showcase/shell-docs/src/content/docs/custom-look-and-feel/css.mdx
@@ -3,7 +3,6 @@ title: "CSS Customization"
 icon: "lucide/Palette"
 description: "Theme CopilotKit components via CSS variables and class overrides."
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: chat-customization-css
 ---
 
@@ -21,7 +20,7 @@ If you need to change behavior — not just look — see
 [slots](/custom-look-and-feel/slots) or
 [fully headless UI](/custom-look-and-feel/headless-ui).
 
-<InlineDemo integration="langgraph-python" demo="chat-customization-css" />
+<InlineDemo demo="chat-customization-css" />
 
 ## Scoping the theme
 
diff --git a/showcase/shell-docs/src/content/docs/custom-look-and-feel/headless-ui.mdx b/showcase/shell-docs/src/content/docs/custom-look-and-feel/headless-ui.mdx
@@ -3,7 +3,6 @@ title: "Fully Headless UI"
 description: "Build any UI — chat or not — on top of the CopilotKit primitives with zero UI opinions."
 icon: "lucide/Settings"
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: headless-complete
 ---
 
@@ -20,7 +19,7 @@ Use headless UI when:
 - You're building a **non-chat surface** that still talks to an agent (a dashboard, a canvas, an inspector) and want `useRenderToolCall` / `useRenderActivityMessage` on their own.
 - You want to render generative UI primitives outside of a chat entirely.
 
-<InlineDemo integration="langgraph-python" demo="headless-complete" />
+<InlineDemo demo="headless-complete" />
 
 ## The core hooks
 
diff --git a/showcase/shell-docs/src/content/docs/custom-look-and-feel/reasoning-messages.mdx b/showcase/shell-docs/src/content/docs/custom-look-and-feel/reasoning-messages.mdx
@@ -2,7 +2,6 @@
 title: Reasoning Messages
 icon: "lucide/Brain"
 description: "Customize how reasoning (thinking) tokens from models like o1, o3, and o4-mini are displayed."
-snippet_framework: langgraph-python
 snippet_cell: agentic-chat-reasoning
 ---
 
@@ -28,7 +27,7 @@ built-in card that:
 No extra configuration is needed — if your model emits reasoning tokens,
 the card appears automatically.
 
-<InlineDemo integration="langgraph-python" demo="reasoning-default-render" />
+<InlineDemo demo="reasoning-default-render" />
 
 <Snippet
   cell="reasoning-default-render"
@@ -159,7 +158,7 @@ slot props. Your component receives the same top-level props as the built-in one
 | `messages` | `Message[]` | All messages in the conversation |
 | `isRunning` | `boolean` | Whether the agent is currently running |
 
-<InlineDemo integration="langgraph-python" demo="agentic-chat-reasoning" />
+<InlineDemo demo="agentic-chat-reasoning" />
 
 <Snippet region="reasoning-block-render" title="frontend/src/app/page.tsx — custom reasoning slot" />
 
diff --git a/showcase/shell-docs/src/content/docs/custom-look-and-feel/slots.mdx b/showcase/shell-docs/src/content/docs/custom-look-and-feel/slots.mdx
@@ -3,7 +3,6 @@ title: "Slots (Subcomponents)"
 icon: "lucide/Brush"
 description: "Customize any part of the chat UI by overriding individual sub-components via slots."
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: chat-slots
 ---
 
@@ -17,7 +16,7 @@ Every CopilotKit chat component is built from composable **slots** — named sub
 
 Slots are recursive — you can drill into nested sub-components at any depth.
 
-<InlineDemo integration="langgraph-python" demo="chat-slots" />
+<InlineDemo demo="chat-slots" />
 
 ## What it looks like in code
 
diff --git a/showcase/shell-docs/src/content/docs/frontend-tools.mdx b/showcase/shell-docs/src/content/docs/frontend-tools.mdx
@@ -3,7 +3,6 @@ title: Frontend Tools
 icon: "lucide/Wrench"
 description: Let your agent interact with and update your application's UI.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: frontend-tools
 ---
 
@@ -20,7 +19,7 @@ This page covers the "agent drives the UI" shape of frontend tools. (The same
 primitive also powers Generative UI and Human-in-the-loop — see those pages
 for interaction patterns.)
 
-<InlineDemo integration="langgraph-python" demo="frontend-tools" />
+<InlineDemo demo="frontend-tools" />
 
 ## When should I use this?
 
diff --git a/showcase/shell-docs/src/content/docs/generative-ui/a2ui/dynamic-schema.mdx b/showcase/shell-docs/src/content/docs/generative-ui/a2ui/dynamic-schema.mdx
@@ -3,7 +3,6 @@ title: "Dynamic Schema A2UI"
 icon: "lucide/Sparkles"
 description: "LLM-generated A2UI — a secondary LLM creates both the schema and data from any prompt."
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: declarative-gen-ui
 ---
 
@@ -12,7 +11,7 @@ UI — schema, data, and layout — based on the conversation context.
 It's the most flexible A2UI flavor: the agent can render any UI for
 any request without pre-defined schemas.
 
-<InlineDemo integration="langgraph-python" demo="declarative-gen-ui" />
+<InlineDemo demo="declarative-gen-ui" />
 
 ## How it works
 
diff --git a/showcase/shell-docs/src/content/docs/generative-ui/a2ui/fixed-schema.mdx b/showcase/shell-docs/src/content/docs/generative-ui/a2ui/fixed-schema.mdx
@@ -3,7 +3,6 @@ title: "Fixed Schema A2UI"
 icon: "lucide/FileJson"
 description: "Pre-defined A2UI schema with dynamic data. The fastest approach — no LLM schema generation needed."
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: a2ui-fixed-schema
 ---
 
@@ -13,7 +12,7 @@ save it as JSON next to your agent. The agent tool only provides the
 *data* — the surface appears instantly when the tool returns because
 nothing has to be generated at runtime.
 
-<InlineDemo integration="langgraph-python" demo="a2ui-fixed-schema" />
+<InlineDemo demo="a2ui-fixed-schema" />
 
 ## How it works
 
diff --git a/showcase/shell-docs/src/content/docs/generative-ui/mcp-apps.mdx b/showcase/shell-docs/src/content/docs/generative-ui/mcp-apps.mdx
@@ -2,7 +2,6 @@
 title: "MCP Apps"
 icon: "lucide/Monitor"
 description: "Render interactive UI components from MCP servers directly in your chat interface."
-snippet_framework: langgraph-python
 snippet_cell: mcp-apps
 ---
 
@@ -20,7 +19,7 @@ Key benefits:
 - **Secure sandboxing** — content runs in isolated iframes
 - **Thread persistence** — MCP Apps are stored in conversation history and restored on reconnect
 
-<InlineDemo integration="langgraph-python" demo="mcp-apps" />
+<InlineDemo demo="mcp-apps" />
 
 ## Wire the runtime to your MCP server(s)
 
diff --git a/showcase/shell-docs/src/content/docs/generative-ui/open-generative-ui.mdx b/showcase/shell-docs/src/content/docs/generative-ui/open-generative-ui.mdx
@@ -2,7 +2,6 @@
 title: "Open Generative UI"
 icon: "lucide/Code"
 description: "Let agents generate fully interactive HTML/CSS/JS UIs that stream live into the chat."
-snippet_framework: langgraph-python
 snippet_cell: open-gen-ui
 ---
 
@@ -21,7 +20,7 @@ Key benefits:
 - **Secure sandboxing** — content runs in an isolated iframe without same-origin access
 - **Sandbox functions** — optionally expose host functions to the generated UI for two-way communication
 
-<InlineDemo integration="langgraph-python" demo="open-gen-ui" />
+<InlineDemo demo="open-gen-ui" />
 
 ## Minimal setup
 
@@ -52,7 +51,7 @@ Sandbox functions let the generated UI call back into your host application
 push items into your cart, or a data view can ask the host to fetch data the
 iframe can't reach directly.
 
-<InlineDemo integration="langgraph-python" demo="open-gen-ui-advanced" />
+<InlineDemo demo="open-gen-ui-advanced" />
 
 ### Runtime is unchanged
 
diff --git a/showcase/shell-docs/src/content/docs/generative-ui/reasoning.mdx b/showcase/shell-docs/src/content/docs/generative-ui/reasoning.mdx
@@ -3,7 +3,6 @@ title: Reasoning
 icon: "lucide/Brain"
 description: Surface the agent's thinking chain in the chat — default or fully custom.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: agentic-chat-reasoning
 ---
 
@@ -20,7 +19,7 @@ Reasoning isn't a custom-renderer plumb-in — it's a dedicated message type
 on the chat view. You can either accept the built-in rendering or override
 the `reasoningMessage` slot with your own component.
 
-<InlineDemo integration="langgraph-python" demo="agentic-chat-reasoning" />
+<InlineDemo demo="agentic-chat-reasoning" />
 
 ## When should I use this?
 
@@ -51,7 +50,7 @@ appears automatically:
   title="frontend/src/app/page.tsx — default reasoning"
 />
 
-<InlineDemo integration="langgraph-python" demo="reasoning-default-render" />
+<InlineDemo demo="reasoning-default-render" />
 
 ## Custom reasoning rendering
 
diff --git a/showcase/shell-docs/src/content/docs/generative-ui/tool-based.mdx b/showcase/shell-docs/src/content/docs/generative-ui/tool-based.mdx
@@ -3,7 +3,6 @@ title: Tool-based Generative UI
 icon: "lucide/LayoutDashboard"
 description: Let your agent render rich React components directly in the chat by calling them as tools.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: gen-ui-tool-based
 ---
 
@@ -20,7 +19,7 @@ real backend tool in a custom UI — tool-based GenUI is the component. There
 is no handler, no user interaction, no server-side execution. The agent
 decides when to show it, populates the data, and CopilotKit paints it.
 
-<InlineDemo integration="langgraph-python" demo="gen-ui-tool-based" />
+<InlineDemo demo="gen-ui-tool-based" />
 
 ## When should I use this?
 
diff --git a/showcase/shell-docs/src/content/docs/generative-ui/tool-rendering.mdx b/showcase/shell-docs/src/content/docs/generative-ui/tool-rendering.mdx
@@ -3,7 +3,6 @@ title: Tool Rendering
 icon: "lucide/Server"
 description: Render your agent's tool calls with custom UI components.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: tool-rendering
 ---
 
@@ -16,7 +15,7 @@ a branded card for the call — arguments, live status, and the eventual
 result. This is the **Generative UI** variant CopilotKit calls **tool
 rendering**.
 
-<InlineDemo integration="langgraph-python" demo="tool-rendering" />
+<InlineDemo demo="tool-rendering" />
 
 ## When should I use this?
 
@@ -44,7 +43,7 @@ invisible — the user only sees the assistant's final text summary.
   title="frontend/src/app/page.tsx — useDefaultRenderTool()"
 />
 
-<InlineDemo integration="langgraph-python" demo="tool-rendering-default-catchall" />
+<InlineDemo demo="tool-rendering-default-catchall" />
 
 ## Custom catch-all
 
@@ -59,7 +58,7 @@ tool call, named or not:
   title="frontend/src/app/page.tsx — custom wildcard renderer"
 />
 
-<InlineDemo integration="langgraph-python" demo="tool-rendering-custom-catchall" />
+<InlineDemo demo="tool-rendering-custom-catchall" />
 
 ## Per-tool renderers
 
diff --git a/showcase/shell-docs/src/content/docs/headless.mdx b/showcase/shell-docs/src/content/docs/headless.mdx
@@ -3,7 +3,6 @@ title: Headless UI
 icon: "lucide/Code"
 description: Build fully custom chat interfaces with complete rendering control via hooks.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: headless-complete
 ---
 
diff --git a/showcase/shell-docs/src/content/docs/human-in-the-loop.mdx b/showcase/shell-docs/src/content/docs/human-in-the-loop.mdx
@@ -3,7 +3,6 @@ title: Human-in-the-Loop
 icon: "lucide/User"
 description: Allow your agent and users to collaborate on complex tasks.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: hitl-in-chat
 ---
 
@@ -70,7 +69,7 @@ calendar API, or anything else:
 
 <Snippet region="time-slots" title="frontend/src/app/page.tsx — candidate slots" />
 
-<InlineDemo integration="langgraph-python" demo="hitl-in-chat" />
+<InlineDemo demo="hitl-in-chat" />
 
 ## Pattern 2 — `useInterrupt` (graph-paused)
 
@@ -82,7 +81,7 @@ answer. CopilotKit's `useInterrupt` hook is the render contract.
 See the [`useInterrupt` deep dive](./human-in-the-loop/useInterrupt) for
 the full walkthrough, including the backend tool and render-prop wiring.
 
-<InlineDemo integration="langgraph-python" demo="gen-ui-interrupt" />
+<InlineDemo demo="gen-ui-interrupt" />
 
 ## Going headless
 
diff --git a/showcase/shell-docs/src/content/docs/human-in-the-loop/headless.mdx b/showcase/shell-docs/src/content/docs/human-in-the-loop/headless.mdx
@@ -3,7 +3,6 @@ title: Headless interrupts
 icon: "lucide/SquareDashedBottomCode"
 description: Resolve LangGraph interrupts from any UI, without a useInterrupt render slot.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: interrupt-headless
 ---
 
@@ -20,7 +19,7 @@ any shape you like (plain button grid, form, modal, keyboard shortcut
 — it's all yours), and resolves `langgraph.interrupt(...)` without
 mounting a chat at all.
 
-<InlineDemo integration="langgraph-python" demo="interrupt-headless" />
+<InlineDemo demo="interrupt-headless" />
 
 ## When should I use this?
 
diff --git a/showcase/shell-docs/src/content/docs/human-in-the-loop/useInterrupt.mdx b/showcase/shell-docs/src/content/docs/human-in-the-loop/useInterrupt.mdx
@@ -3,7 +3,6 @@ title: useInterrupt (LangGraph)
 icon: "lucide/CirclePause"
 description: Pause an agent run with LangGraph's interrupt() and resolve it from the client via a render prop.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: gen-ui-interrupt
 ---
 
@@ -19,7 +18,7 @@ CopilotKit's `useInterrupt` is the frontend half of that contract: it
 subscribes to the paused run, renders whatever component you give it,
 and calls the agent back with the user's answer.
 
-<InlineDemo integration="langgraph-python" demo="gen-ui-interrupt" />
+<InlineDemo demo="gen-ui-interrupt" />
 
 ## When should I use this?
 
diff --git a/showcase/shell-docs/src/content/docs/multi-agent/subagents.mdx b/showcase/shell-docs/src/content/docs/multi-agent/subagents.mdx
@@ -3,7 +3,6 @@ title: Sub-Agents
 description: Decompose work across multiple specialized agents with a visible delegation log.
 icon: "lucide/Users"
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: subagents
 ---
 
@@ -19,7 +18,7 @@ This is fundamentally the same shape as tool-calling — but each "tool"
 is itself a full-blown agent with its own system prompt and (often) its
 own tools, memory, and model.
 
-<InlineDemo integration="langgraph-python" demo="subagents" />
+<InlineDemo demo="subagents" />
 
 ## When should I use this?
 
diff --git a/showcase/shell-docs/src/content/docs/prebuilt-components/chat.mdx b/showcase/shell-docs/src/content/docs/prebuilt-components/chat.mdx
@@ -3,7 +3,6 @@ title: "CopilotChat"
 icon: "lucide/MessageSquare"
 description: "Inline chat component you can place anywhere and size as needed."
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: agentic-chat
 ---
 
@@ -27,7 +26,7 @@ Use `<CopilotChat>` when you want:
 For a collapsible docked chat, use [CopilotSidebar](/prebuilt-components/sidebar).
 For a floating bubble that overlays content, use [CopilotPopup](/prebuilt-components/popup).
 
-<InlineDemo integration="langgraph-python" demo="agentic-chat" />
+<InlineDemo demo="agentic-chat" />
 
 <img
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/copilotchat-example.gif"
diff --git a/showcase/shell-docs/src/content/docs/prebuilt-components/index.mdx b/showcase/shell-docs/src/content/docs/prebuilt-components/index.mdx
@@ -3,7 +3,6 @@ title: Prebuilt Components
 icon: "lucide/MessageSquare"
 description: Drop-in chat components with a full customization ladder — from pure CSS to fully headless.
 hideTOC: true
-snippet_framework: langgraph-python
 snippet_cell: agentic-chat
 ---
 
@@ -21,7 +20,7 @@ CopilotKit ships three prebuilt chat surfaces — [**CopilotChat**](/prebuilt-co
   muted
 />
 
-<InlineDemo integration="langgraph-python" demo="agentic-chat" />
+<InlineDemo demo="agentic-chat" />
 
 ## The customization ladder
 
diff --git a/showcase/shell-docs/src/content/docs/prebuilt-components/popup.mdx b/showcase/shell-docs/src/content/docs/prebuilt-components/popup.mdx
diff --git a/showcase/shell-docs/src/content/docs/prebuilt-components/sidebar.mdx b/showcase/shell-docs/src/content/docs/prebuilt-components/sidebar.mdx
diff --git a/showcase/shell-docs/src/content/docs/programmatic-control.mdx b/showcase/shell-docs/src/content/docs/programmatic-control.mdx
diff --git a/showcase/shell-docs/src/content/docs/quickstart.mdx b/showcase/shell-docs/src/content/docs/quickstart.mdx
diff --git a/showcase/shell-docs/src/content/docs/shared-state.mdx b/showcase/shell-docs/src/content/docs/shared-state.mdx
diff --git a/showcase/shell-docs/src/content/docs/shared-state/agent-readonly.mdx b/showcase/shell-docs/src/content/docs/shared-state/agent-readonly.mdx
diff --git a/showcase/shell-docs/src/content/docs/shared-state/streaming.mdx b/showcase/shell-docs/src/content/docs/shared-state/streaming.mdx
