To install the C1Chat component in your application, follow these steps:

1

Install the Package

First, you need to install the package that contains the C1Chat component. Run the following command in your terminal:

npm install @thesysai/genui-sdk
2

Import the Component

Once the package is installed, you can import the C1Chat component into your application. Add the following import statement to your JavaScript or TypeScript file:

import { C1Chat } from "@thesysai/genui-sdk";
import "@crayonai/react-ui/styles/index.css";

export default function Home() {
  return <C1Chat apiUrl="/api/chat"/>;
}