opendraft

AI Agents/AI Sidebar

AI Sidebar

Resource tree for agent workspaces: select, expand, drag to move and rename.

Open in Claude Open in ChatGPT

Workspace

Agent workspace

Draft

Selected resource

Review sidebar interaction details

Drag rows to move them between projects, rename from the row menu, and expand folders around the current selection.

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

Installation

$npx shadcn@latest add @opendraft/ai-sidebar

Needs the @opendraft registry in your components.json. See Installation.

Dependencies

Source

The files the install command adds to your project. They're yours to edit.

PreviousImage GenerationNext Chat App