Aurora ChatSidebar

1"use client"
2 
3import * as React from "react"
4import { Ellipsis, MessageSquareText, Plus, Search } from "lucide-react"
5 
6import { cn } from "@/lib/utils"
7 
8// Styles: registry/aurora/styles/aurora-components.css (@layer aurora-components).
9 
10/* -------------------------------------------------------------------------- */
11/*  Types                                                                     */
12/* -------------------------------------------------------------------------- */
13 
14export interface ChatSidebarThread {
15  /** Stable identifier used for selection state. */
16  id: string
17  /** Conversation title shown in the rail. */
18  title: React.ReactNode
19  /** Bucket label this thread belongs to (e.g. "Today"). Threads are grouped by bucket in source order. */
20  bucket: string
21  /** Optional plain-text value used for search filtering when `title` is rich markup. */
22  searchText?: string
23}
24 
25export interface ChatSidebarUser {
26  /** Display name shown in the footer. */
27  name: React.ReactNode
28  /** Initials rendered in the avatar disc. */
29  initials: string
30  /** Plan / subtitle line under the name. */
31  plan?: React.ReactNode
32}
33 
34export interface ChatSidebarProps
35  extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
36  /** Brand content for the top row (icon + wordmark). */
37  brand?: React.ReactNode
38  /** Conversation threads, grouped by their `bucket` in first-seen order. */
39  threads?: ChatSidebarThread[]
40  /** Initially-active thread id (uncontrolled). */
41  defaultActiveId?: string
42  /** Controlled active thread id. */
43  activeId?: string
44  /** Fired when a thread is chosen. */
45  onSelectThread?: (id: string) => void
46  /** Fired when the New chat button is pressed. */
47  onNewChat?: () => void
48  /** Placeholder for the search input. */
49  searchPlaceholder?: string
50  /** Controlled search query shown in the search input. */
51  searchValue?: string
52  /** Initial search query for uncontrolled usage. */
53  defaultSearchValue?: string
54  /** Fired whenever the search query changes. */
55  onSearchValueChange?: (value: string) => void
56  /** Optional message rendered when no conversations match the current search. */
57  emptyMessage?: React.ReactNode
58  /** Footer user descriptor. */
59  user?: ChatSidebarUser
60  /** Fired when the account menu button is pressed. */
61  onOpenAccountMenu?: () => void
62}
63 
64/* -------------------------------------------------------------------------- */
65/*  Component                                                                 */
66// … truncated