Copilot
The sidebar assistant layout for in-app chat experiences.
The Copilot component renders a chat sidebar next to your app content.
import { Copilot } from "@openuidev/react-ui";
export function App() {
return (
<div className="flex h-screen w-full">
<main className="flex-1">{/* Your app */}</main>
<Copilot apiUrl="/api/chat" agentName="Assistant" />
</div>
);
}Common configuration
<Copilot
apiUrl="/api/chat"
threadApiUrl="/api/threads"
agentName="Support Assistant"
logoUrl="/logo.png"
/>