Chat kit integrated as Chatbot

API
1

I built a small use case informational chatbot widget using chat kit and deployed it over AWS Lambda, and so I have some questions about it. Is there any developer that has experience with it? I need some favour.

Need help hiding ChatKit header! :sos_button:

ChatKit keeps showing conversation titles (e.g., ā€œUnderstanding Arbitration Basicsā€) in a header element. Iā€™ve tried:

  • CSS with !important

  • JavaScript querySelectorAll + setProperty

  • MutationObserver + setInterval

HTML structure:

<header class="Blm7w" id="chatkit-header">
  <div class="d091K">
    <div class="Q8u4H">Understanding Arbitration Basics</div>
  </div>
</header>

None of my approaches work - the header keeps reappearing. Is there a ChatKit config to disable headers, or a better way to force-hide dynamic elements?

React + @openai/chatkit-react