ConversationList

Sidebar list of past conversations grouped by recency (Today / Yesterday / Previous 7 days / Older).

Inspired by Claude.ai / ChatGPT / Cursor conversation sidebars.

Preview

What it looks like.

Usage

Drop it into your app.

import { ConversationList } from '@locara/components'

<ConversationList
  items={conversations.map(c => ({
    id: c.id,
    title: c.title,
    preview: c.lastMessage,
    updatedAt: c.updatedAt,
    pinned: c.pinned,
  }))}
  activeId={currentId}
  onSelect={(id) => router.push(`/chat/${id}`)}
  onContextMenu={(id, x, y) => openContextMenu({ id, x, y })}
/>

Or copy the source into your repo: locara add conversation-list