Copilot Compose
Copilot's parchment stage with the gradient ring composer and suggestion pills.
What can I help with?
Chat to find answers, create content, and complete tasks with AI.
Copilot is AI. It can make mistakes. Check important info.
Interactive preview — type a prompt, open the model menu, and toggle tools. The stage follows your container width and theme.
About this stage
The Copilot compose is a copy-paste block, not a package component. Copy the file or install it with the shadcn CLI, then edit it like any other file in your project. It is assembled entirely from Agent UI primitives and owns draft text, model selection, and tool-toggle state through ComposeProvider, renders its layout inside ComposeShell, and uses the shared model menu and send control. That means the stage is not a screenshot: it is the same file the code tab shows, built from the same primitives you use in production.
Models in the stage
| Model | ID | Provider |
|---|---|---|
| Copilot | copilot | Microsoft |
| Copilot Think Deeper | copilot-think | Microsoft |
| Copilot Quick | copilot-quick | Microsoft |
What is included
- Brand-accurate stage layout
- Working prompt composer
- Model menu with selection state
- Tool toggles and suggestion pills
- Keyboard and screen-reader support
- Responsive container queries