Teams AI Library V2 for powering copilot panels in webapps with CopilotKit

Teams AI Library v2 makes it drastically easier to build an agent for Teams. But what if you also want that same agent to show up in your webapp — say, in a Copilot panel — and share functionality between the two?

Thanks to built-in support for MCP Servers in Teams AI Library v2, that’s now straightforward.

In this walkthrough, we’ll add a GetAllTickets MCP Tool to our agent. The goal: when someone asks “what are all the tickets?”, both Teams and our webapp (via CopilotKit) can answer using the same tool.

CopilotKit makes it easy to embed Copilot panels in your webapps — like this one:

Here’s what this looks like in action.

In Teams:
Our agent responds using the GetAllTickets tool.

And in our webapp:
The same tool powers a CopilotKit panel, delivering a consistent experience across both surfaces.

Here’s the full video walk-through:

Read more about MCP support in Teams AI Library v2 here.