Chatbot Page UI Improvement.

[Biswas-Samrat]

I am exploring the Codebase and the website, and in my opinion, the UI of the "/chatbot" Page needs a significant improvement
The Chatbot Page looks outdated. The UI needs a refresh and a modern look. I am very interested in improving the "/chatbot" Page UI.

The Change I want to make

1. Color Palette and Visual Style
2. Update the Primary Action Button
3. Typography and Layout
4. Chat Interface Specifics (Modern Chat Look)
5. Update the Text Input Box
6. Auto Scrolling While Chatting

@robvanderveer @northdpole
Assign this Issue to me, and Please Share your Thoughts on the issue

[DEMOCODE675]

Hi! 👋
I’d to take this issue as my first contribution.
Since Semantic-UI is outdated, I’d like to start by setting up Tailwind CSS (v4.1) and restyling page
Please let me know if that’s okay, I can start implementation on UI
Thank you!

[northdpole]

Hey, changing CSS framework isn't a bad idea. Wanna start a new ticket especially for that and do that first before we tackle the chatbot page specifically?

…

On Fri, 28 Nov 2025, 09:21 priyanshu, ***@***.***> wrote: *DEMOCODE675* left a comment (OWASP/OpenCRE#642) <#642 (comment)> Hi! 👋 I’d to take this issue as my first contribution. Since Semantic-UI is outdated, I’d like to start by setting up Tailwind CSS (v4.1) and restyling page Please let me know if that’s okay, I can start implementation on UI Thank you! — Reply to this email directly, view it on GitHub <#642 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAMCRHSCVLTX4ZO5TBFLXIT37AHZ3AVCNFSM6AAAAACNFUADAOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTKOBYGUYTIMJSGI> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[Biswas-Samrat]

Hi! Thanks for the guidance!
Sure — I will create a separate issue for migrating from Semantic-UI to TailwindCSS and work on that first.
After the framework migration is complete, I will continue with the /chatbot UI redesign in the original issue.

Please assign the new issue to me.
Thank you!

[whileds]

Hi! I went through the issue and the proposed UI improvements.
I’d like to contribute to this task.

My plan:

->Review the current Semantic-UI implementation.

->>Create a separate branch focused on migrating the page to TailwindCSS (as suggested)

->After the migration is stable, start improving the chatbot UI — updating colors, layout, input box, and overall modern look.

Let me know if this workflow aligns with the team’s expectations.
Thank you!