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 &#128519;</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 &#128133;</li> <li>Toolbar will get a new <em>Assistant</em> button that has an animated AI icon when hovering it &#128133;</li> </ul> <p>&#9888;&#65039; 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