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: 
import { C1Chat } from "@thesysai/genui-sdk";

<C1Chat
  apiUrl="http://localhost:3000/api/chat"
  ...
/>

​
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.
​
customizeC1
CustomizeC1Props
optional
Provide custom components to override the default components in the C1 UI.