Skip to content

Commit 05ebaaf

Browse files
johnprgjohnprg
authored
Docs/mcp apps launch update (CopilotKit#3067)
update what's new to highlight MCP apps and Deep Agents
1 parent 358763c commit 05ebaaf

11 files changed

Lines changed: 122 additions & 21 deletions

File tree

‎docs/components/layout/banners.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ export function Banners() {
2020
const bannerContent = [
2121
{
2222
icon: <Rocket className="w-5 h-5 hidden md:block flex-shrink-0" />,
23-
mobileText: "A2UI Launched: Full CopilotKit support at launch!",
24-
desktopText: "A2UI Launched: CopilotKit has partnered with Google to deliver full support in both CopilotKit and AG-UI!",
25-
buttonText: "Check it out",
26-
href: "/whats-new/a2ui-launch"
23+
mobileText: "CopilotKit fully supports MCP Apps!",
24+
desktopText: "Bring MCP Apps interaction to your users with CopilotKit!",
25+
buttonText: "See What's New",
26+
href: "/whats-new/mcp-apps-support"
2727
},
2828
{
2929
icon: <Sparkles className="w-5 h-5 hidden md:block flex-shrink-0" />,
@@ -197,27 +197,27 @@ export function V150Banner() {
197197
)
198198
}
199199

200-
export function A2UILaunchBanner() {
200+
export function MCPAppsLaunchBanner() {
201201
return (
202202
<div className="w-full px-1 mt-1 xl:px-2 xl:mt-2">
203-
<Banner className="w-full text-foreground bg-secondary/80 backdrop-blur-sm border border-border rounded-2xl py-1.5 md:py-2" id="a2ui-launch-banner">
203+
<Banner className="w-full text-foreground bg-secondary/80 backdrop-blur-sm border border-border rounded-2xl py-1.5 md:py-2" id="mcp-apps-launch-banner">
204204
<div className="flex flex-row items-center justify-center gap-1.5 md:gap-3 w-full px-1 md:px-4">
205205
<div className="flex items-center gap-1.5 md:gap-2 flex-shrink min-w-0">
206206
<Rocket className="w-5 h-5 hidden md:block flex-shrink-0" />
207207
{/* Short text for mobile (below 768px) */}
208208
<p className="text-xs md:text-base font-normal md:hidden font-sans" style={{ fontWeight: 400 }}>
209-
A2UI Launch: Full CopilotKit support at launch!
209+
Use MCP Apps with CopilotKit and AG-UI
210210
</p>
211211
{/* Full text for desktop (768px and above) */}
212212
<p className="text-sm sm:text-base font-normal hidden md:block font-sans" style={{ fontWeight: 400 }}>
213-
A2UI Launch: CopilotKit has partnered with Google to deliver full support at launch in both CopilotKit and AG-UI!
213+
Use MCP Apps with CopilotKit and AG-UI
214214
</p>
215215
</div>
216216
<Link
217-
href="/whats-new/a2ui-launch"
217+
href="/whats-new/mcp-apps-support"
218218
className="text-indigo-800 dark:text-indigo-300 ring-1 ring-indigo-200 dark:ring-indigo-900 text-xs md:text-sm items-center bg-gradient-to-r from-indigo-200/50 to-purple-200/80 dark:from-indigo-900/40 dark:to-purple-900/50 flex px-2 py-0.5 md:px-4 md:py-1 no-underline whitespace-nowrap transition-all duration-100 hover:ring-2 hover:ring-indigo-400 hover:dark:text-indigo-200 rounded-lg flex-shrink-0"
219219
>
220-
Check it out
220+
See What's New
221221
</Link>
222222
</div>
223223
</Banner>

‎docs/content/docs/(root)/whats-new/a2a-mcp-handshake.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: "A2A and MCP Handshake"
33
icon: "lucide/Handshake"
44
description: "AG-UI handshakes enable seamless protocol interoperability"
5+
hideTOC: true
56
---
67

78
# A2A and MCP Handshake

‎docs/content/docs/(root)/whats-new/a2ui-launch.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: "A2UI Launches with full AG-UI Support"
33
icon: "lucide/Rocket"
44
description: "CopilotKit launches with full A2UI compatibility as a Google launch partner"
5+
hideTOC: true
56
---
67

78
## A2UI Launch — Full Compatibility

‎docs/content/docs/(root)/whats-new/generative-ui-spec-support.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: "Generative UI Spec Support"
33
icon: "lucide/Sparkles"
44
description: "CopilotKit now supports all major Generative UI specifications"
5+
hideTOC: true
56
---
67
import GenerativeUISpecsOverview from "@/snippets/shared/generative-ui-specs-overview.mdx"
78

‎docs/content/docs/(root)/whats-new/index.mdx‎

Lines changed: 18 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,23 @@
11
---
2-
title: "Recent Updates - Dec 15, 2025"
2+
title: "Recent Updates"
33
icon: "lucide/Sparkles"
44
description: "Latest updates, features, and announcements from CopilotKit"
55
---
66
import { Callout } from "fumadocs-ui/components/callout"
77

8-
## A2UI Launches Today!
8+
## January 22, 2025
9+
10+
### Full MCP Apps Support!
11+
CopilotKit and AG-UI make MCP Apps usable inside real, user-facing applications. [More →](/whats-new/mcp-apps-support)
12+
13+
### LangGraph Deep Agents now compatible with CopilotKit!
14+
Leverage LangGraph Deep Agents to build sophisticated agentic applications with CopilotKit. [More →](/whats-new/langgraph-deep-agents)
15+
16+
<br />
17+
<br />
18+
## December 15, 2025
19+
20+
### A2UI Launches Today!
921

1022
<div className="flex flex-col md:flex-row gap-6 items-start">
1123
<div className="flex-1">
@@ -22,19 +34,19 @@ Confused about "A2UI" and "AG-UI"? That's understandable! Despite the naming sim
2234
</div>
2335
</div>
2436

25-
## CopilotKit v1.50
37+
### CopilotKit v1.50
2638

2739
CopilotKit v1.50 is now available, with brand new interfaces, streamlined internals, and no breaking changes. [More →](/whats-new/v1-50)
2840

29-
## Generative UI Spec Support
41+
### Generative UI Spec Support
3042

3143
CopilotKit now supports all major Generative UI specifications - A2UI, Open-JSON-UI, and MCP Apps. [More →](/whats-new/generative-ui-spec-support)
3244

33-
## A2A and MCP Handshake
45+
### A2A and MCP Handshake
3446

3547
AG-UI now includes handshakes with both A2A and MCP protocols, enabling seamless interoperability across the full agentic stack. [More →](/whats-new/a2a-mcp-handshake)
3648

37-
## Stay Updated
49+
### Stay Updated
3850

3951
import { SignUpSection } from "@/components/react/signup-section";
4052

‎docs/content/docs/(root)/whats-new/langgraph-deep-agents.mdx‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
title: "LangGraph Deep Agents in CopilotKit"
3+
icon: "lucide/Rocket"
4+
description: "Leverage LangGraph Deep Agents to build sophisticated agentic applications with CopilotKit."
5+
hideTOC: true
6+
---
7+
import Image from "next/image"
8+
9+
## What are Deep Agents?
10+
11+
They go beyond basic agents. They can plan multi-step workflows, manage their own file systems for context, spawn subagents for specialized tasks, and maintain long-term memory across sessions.
12+
13+
## Deep Agents in Your App Through CopilotKit
14+
15+
<div className="flex flex-col md:flex-row gap-6 items-start">
16+
<div className="flex-1">
17+
<Image
18+
src="/images/deep-agents.jpeg"
19+
alt="Deep Agents"
20+
width={400}
21+
height={300}
22+
className="rounded-lg shadow-lg"
23+
/>
24+
</div>
25+
<div className="flex-1">
26+
27+
CopilotKit brings your Deep Agents to the frontend. Users can see the agent's thought process, interact with subagents as they spawn, and collaborate with the agent in real-time. It bridges the gap between powerful backend agents and actual user experience.
28+
29+
### Get Started
30+
31+
- [Deep Agents Guide](/langgraph/deep-agents)
32+
33+
</div>
34+
</div>
35+
36+
37+
38+
39+
40+
41+
42+
43+
44+

‎docs/content/docs/(root)/whats-new/mcp-apps-support.mdx‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
title: "Full MCP Apps Support"
3+
icon: "lucide/Rocket"
4+
description: "CopilotKit and AG-UI make MCP Apps usable inside real, user-facing applications."
5+
hideTOC: true
6+
---
7+
8+
## CopilotKit Launches Full MCP Apps Support
9+
10+
<div className="flex flex-col md:flex-row gap-6 items-start">
11+
<div className="flex-1">
12+
<a href="https://web-app-production-9af6.up.railway.app/" target="_blank" rel="noopener noreferrer">
13+
<video
14+
src="/videos/mcp-apps-demo.mp4"
15+
autoPlay
16+
loop
17+
muted
18+
playsInline
19+
className="w-full rounded-lg shadow-lg cursor-pointer"
20+
/>
21+
</a>
22+
</div>
23+
<div className="flex-1">
24+
25+
### CopilotKit: Your App + MCP Apps
26+
27+
CopilotKit and AG-UI bring MCP apps into your application — where you control UX, permissions, workflows, and agent behavior — instead of confining them to first-party AI chat experiences.
28+
29+
Using MCP Apps through CopilotKit lets your app move beyond text-only copilots and become an interactive, agent-driven product where tools can ask users for input, confirmation, and decisions at the exact moment they matter.
30+
31+
### Get Started
32+
33+
- [MCP Apps Overview](/generative-ui-specs/mcp-apps)
34+
- [Generative UI Specs](/generative-ui-specs)
35+
36+
</div>
37+
</div>
38+
39+
40+
41+
42+

‎docs/content/docs/(root)/whats-new/meta.json‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
{
2-
"title": "Updates - Dec 15, 2025",
2+
"title": "Updates - Jan 22, 2025",
33
"pages": [
4-
"a2ui-launch",
5-
"v1-50",
6-
"generative-ui-spec-support",
7-
"a2a-mcp-handshake"
4+
"mcp-apps-support",
5+
"langgraph-deep-agents",
6+
"v1-50"
87
]
98
}
109

‎docs/content/docs/(root)/whats-new/v1-50.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: "CopilotKit v1.50"
33
icon: "lucide/Rocket"
44
description: "Brand new interfaces, streamlined internals, and no breaking changes"
5+
hideTOC: true
56
---
67
import { Badge } from "@/components/ui/badge";
78
import { V150SignupLink } from "@/components/react/v150-signup-link";

‎docs/public/images/deep-agents.jpeg‎

41.9 KB
Loading

0 commit comments

Comments
 (0)