Assistant UI
componentassistant-sidebarsource: ok · hit
Assistant Sidebar
Side panel chat for copilot experiences and inline assistance.
npx shadcn add "https://r.assistant-ui.com/assistant-sidebar.json"free
Where it goes
sidebardashboard-shellchat
Use cases
dashboard
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · light@assistant-ui/react
Registry dependencies
resizablehttps://r.assistant-ui.com/thread.json
Files1 · source cached 10/9/2026, 12:42:54 PM
components/assistant-ui/elements/assistant-sidebar.aui.tsx
import {
ResizableHandle,
ResizablePanel,
ResizablePanelGroup,
} from "@/components/ui/resizable";
import type { FC, PropsWithChildren } from "react";
import { Thread } from "@/components/assistant-ui/elements/thread.aui";
export const AssistantSidebar: FC<PropsWithChildren> = ({ children }) => {
return (
<ResizablePanelGroup orientation="horizontal">
<ResizablePanel>{children}</ResizablePanel>
<ResizableHandle />
<ResizablePanel>
<Thread />
</ResizablePanel>
</ResizablePanelGroup>
);
};