Chat Component
React component for building conversational AI interfaces with C1’s chat functionality.
The C1Chat
component is a React component that allows you to build conversational AI interfaces with C1. It renders a full chat interface
with a sidebar, composer, user and agent messages. You can customize the C1Chat
component to your needs through the following props:
The API endpoint URL that handles the API calls made with each user message. If provided, the C1Chat
component automatically handles
the API calls to the backend. If not provided, you will need to manually implement and pass the threadManager
and threadListManager
.
Manager for handling thread-related operations and state. The easiest way to create this is through the useThreadManager
hook.
Manager for handling thread list operations and state. The easiest way to create this is through the useThreadListManager
hook.
Function to process messages and handle the conversation flow.
Deprecated: Use formFactor
instead. Defines the display type of the chat component.
Defines the form factor and layout of the chat component. Use ‘full-page’ for a standalone chat interface or ‘side-panel’ for a sidebar-style layout.
Theme configuration object for customizing the appearance of the chat component.
The name of the AI agent that will be displayed in the chat interface.
URL for the agent’s logo image. This is displayed alongside the agent’s messages in the chat.
Controls the scrolling behavior of the chat interface. ‘once’ scrolls once per interaction, ‘user-message-anchor’ anchors to user messages, and ‘always’ maintains continuous scrolling.