Chat History

Past conversations beside a chat, newest first, grouped by day (Today, Yesterday, Previous 7 days, Previous 30 days, Older).

ComponentsAgent interfaces

Previous: PopoverNext: Chat Message

The snippet an agent gets

ChatHistory.tsx
import { ChatHistory } from '@basiiik/ui';<ChatHistory items={[{ id: 'a', title: 'Confirm-delete dialog', updatedAt: new Date() }]} />

From get_component_snippet, with the required props filled in from the spec. Every snippet is type-checked against the library before it ships.

  • Example values were filled in for the required prop items: replace them with your own.
  • Values in braces are your own variables, handlers or data, such as const [open, setOpen] = useState(false).
  • Default and Empty follow items; the open conversation follows activeId; Hover and Focused are CSS.
  • Storybook: Agents/Chat history.