Chat

ConversationSidebar

Left-rail conversation list with search, pinned items, and unread counts.

Preview

Installation

pnpm add nyxis-ui

Usage

import { ConversationSidebar, type ConversationItem } from 'nyxis-ui';

<ConversationSidebar
  conversations={items}
  activeId={current}
  onSelect={setCurrent}
  onNew={createConversation}
/>;

Anatomy

Search input filters the list by title and snippet (case-insensitive).
pinned items float to the top.
unread counts render as a small numeric badge on the right.
“New conversation” button is hooked up via onNew.