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:

apiUrl
string
optional

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.

threadManager
ThreadManager
optional

Manager for handling thread-related operations and state. The easiest way to create this is through the useThreadManager hook.

threadListManager
ThreadListManager
optional

Manager for handling thread list operations and state. The easiest way to create this is through the useThreadListManager hook.

processMessage
(params: ProcessMessageParams) => Promise<Response>
optional

Function to process messages and handle the conversation flow.

type
'copilot' | 'standalone'
optional
deprecated

Deprecated: Use formFactor instead. Defines the display type of the chat component.

formFactor
'full-page' | 'side-panel'
optional

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
ThemeProps
optional

Theme configuration object for customizing the appearance of the chat component.

agentName
string
optional

The name of the AI agent that will be displayed in the chat interface.

logoUrl
string
optional

URL for the agent’s logo image. This is displayed alongside the agent’s messages in the chat.

scrollVariant
'once' | 'user-message-anchor' | 'always'
optional

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.