ComponentReactregistry:ui

AI Conversation Tree

conversation-tree

Visualize branching conversations with a tree structure. Shows node types (user, assistant, system, tool), expandable branches, active path highlighting, and click-to-navigate functionality.

@elements Registry JSON

This item declares no source files.

Notes from the author

A compound component for visualizing conversation branches. Ideal for chat UIs with edit/regenerate features. Use AiConversationTree as root with AiConversationTreeHeader, AiConversationTreeContent, and AiConversationTreePreview sub-components. Supports controlled activeNodeId and onNodeSelect callback.

Install

npx shadcn@latest add @elements/conversation-tree

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Component
Framework: React
Files: 0 · 11.1 KB
Preview: Unavailable

npm dependencies

lucide-react

This item belongs to @elements. Registry Index indexes and previews it; check the registry's license before use.