Update: Refactor the ChatbotHeader component to be more flexible and declarative

[rohitkrai03]

Description

The current ChatbotHeader component takes in props to render the layout. But if we want the component to be flexible for the users, we need to split the component into a more composable API where users can decide which part of the header to and how to control it.

Possible APIs

The header can be divided into three parts, the left side can have the menu, middle part can have branding or title and the right part could have a dropdown for model selector and kebab menu with actions. The components could be created in a way that users should be able to customise the dropdown items and kebab menu actions but they should not be able to change what to render completely.

• ChatbotHeader
  • ChatbotHeaderMenu
  • ChatbotHeaderTitle
  • ChatbotHeaderDropdown
  • ChatbotHeaderActions

[github-actions]

🎉 This issue has been resolved in version 2.0.0-alpha.13 🎉

The release is available on:

• GitHub release
• npm package (@alpha dist-tag)

Your semantic-release bot 📦🚀