MCP Apps let tool calls return interactive UI components that render directly in chat—dashboards, forms, visualizations, and multi-step workflows. Discover how this first official MCP extension creates richer human-agent collaboration. We'll also cover the latest MCP updates in VS Code.

https://aka.ms/vscode/109 
https://aka.ms/vscode/insiders
https://aka.ms/vscode/live
https://aka.ms/vscode/109blog
https://aka.ms/awesome-copilot

Visual Studio Code is a lightweight and powerful code editor developed by Microsoft, offering built-in support for multiple programming languages, debugging, and extensions. From this resource developers can learn about VSCode's features, extensions, and customization options to enhance their coding productivity and workflow.

Visual Studio Code

A live demo session covering advanced MCP (Model Context Protocol) features beyond basic tool calls, including resources, async tasks, elicitation (form-based user input during agent loops), sampling (MCP servers making their own LLM requests), and the newly introduced MCP Apps. MCP Apps allow interactive UI components to be embedded directly in chat, enabling rich human-in-the-loop interactions such as drag-and-drop list ordering, CPU flame graph visualization, and a color picker that pauses the agent loop until user input is confirmed. Demos are shown inside VS Code using GitHub Copilot, with examples including a portfolio site builder, PR review prioritization, and benchmark analysis.

VSCLive004