AI Sidebar

A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware labels.

View on beui.dev View Source

Live Preview

Live

Workspace

Agent workspace

Draft

Selected resource

Review resource sidebar interaction details

Keep the resource tree predictable while files move between projects, labels overflow, and folders expand around the current selection.

Interaction notes

Folders only reveal their contents.
Files can be selected, moved, or renamed.
Rejected moves return to their previous location.

Installation & Files

Installation

pnpm dlx shadcn@latest add @beui/ai-sidebar

Component Files (1)

components/agents/ai-sidebar.tsx

Component Details

Category: AI Agents
Component Slug: ai-sidebar
Published: 8/2/2026
Last Updated: 9/26/2026

About This Catalog

This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.