Provide updated UI for AI Chatbot module
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3531279. -->
Reported by: [yannickoo](https://www.drupal.org/user/531118)
Related to !738
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>The current chatbot looks a bit old school and we should provide a new modern UI so users don't have the feeling to use an old version of MSN Messenger 😇</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>During Drupal Dev Days Leuven we came up with the idea of a sidebar chatbot that slides in. To show or hide the chatbot a new button called "<em>Assistant</em>" will be added to the toolbar.</p>
<p><img src="https://www.drupal.org/files/issues/2025-06-20/Screenshot%202025-06-20%20at%2012.47.01.png" width="500"></p>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<ul>
<li>Remove current chatbot wrapping template so we can rebuild it</li>
<li>Add new style for Deep Chat</li>
<li>Provide extra JavaScript to show/hide sidebar</li>
<li>Implement JavaScript for making the chatbot resizable</li>
<li>Add <em>Expand</em> button which sets chatbot to a specific width so users don't need to resize manually</li>
<li>Let site administrators choose a chat assistant they want to add into the toolbar</li>
</ul>
<h3 id="summary-ui-changes">User interface changes</h3>
<ul>
<li>The default chatbot will have a fresh an modern UI 💅</li>
<li>Toolbar will get a new <em>Assistant</em> button that has an animated AI icon when hovering it 💅</li>
</ul>
<p>⚠️ All of the remaining tasks are currently in progress and merge requests will be provided soon</p>
<h3 id="summary-ui-changes">Follow up tasks</h3>
<ul>
<li>Bring this to user testing to make sure the button to open the chatbot is easy for people to find compared to the existing chatbot</li>
</ul>
> Related issue: [Issue #3533631](https://www.drupal.org/node/3533631)
issue