> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brewit.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed chat agent

> Embed your Brewit.ai Chat Agent into your application to provide a seamless data interaction experience.

<Tip>
  **Embed Your Chat Agent** We provide a simple way to embed Brewit.ai's Chat
  Agent into your application, allowing your customers to interact with their
  data seamlessly.
</Tip>

## Get Started

You will need to create [API keys](/api-reference/introduction) first to embed the chat agent into your application.

<Steps>
  <Step title="Generate JWT">
    Use your API keys to generate a JWT token. This token will be used to
    authenticate the user and provide access to the chat agent. Check out the
    API doc [here](/api-reference/auth/generate-jwt).
  </Step>

  <Step title="Embed Chat Agent">
    Use the JWT token to embed the chat agent into your application. You can
    find the **workspace\_id** and **resource\_id** under the developer section in
    your data source page.

    <CodeGroup>
      ```typescript iframe theme={null}
      <iframe src='https://app.brewit.ai/embed/chat?jwt={YOUR_JWT_TOKEN}&workspace_id={WORKSPACE_ID}&resource_id={RESOURCE_ID}' />
      ```
    </CodeGroup>
  </Step>
</Steps>

<Note>
  The minimum height and width of the iframe should be 350x350 pixels.
</Note>

## Examples

| Platform  | Github Link                                                                                          |
| --------- | ---------------------------------------------------------------------------------------------------- |
| React     | WIP                                                                                                  |
| Streamlit | [https://github.com/DeLiquid/embed-demo-streamlit](https://github.com/DeLiquid/embed-demo-streamlit) |