Chat

ConversationFork

Tree visualisation of branched conversations — regenerations and edits.

Preview

Installation

pnpm add nyxis-ui

Usage

import { ConversationFork, type ForkNode } from 'nyxis-ui';

<ConversationFork
  root={tree}
  activeLeafId={currentBranchLeafId}
  onSelect={(id) => switchBranch(id)}
/>;

Anatomy

Each node is a single message; children are forks created by regenerating or editing a turn.
Active branch is highlighted from root to the leaf marked by activeLeafId.
Click a node to switch the current view to that branch.