A I Chat Interface - Copy this Html, Tailwind Component to your project
Implement a responsive minimalist chat website, which contains a toggleable sidebar. when closed only icons to be shown and when opened it should show icons and nav names. The central part must have some writing and a chat text area below it and submit button. once submitted, the writing above must vanish and it should use the central part for chat. there should also be a right toggle hidden. should be enabled only on clicking chat's references option on chat bubble. give interface in chat bubble it should have plain bubble for user and ai should respond it with gradient of linear gradient(90.3deg,#773cce .28%,#3a70ef 99.78%); make the theme toggleable to dark and white. menu should have a dashboard navigation which contains prompts in cards view with icon name and short description, chat history to be disabled for now but to be present in sidebar nav. at the end of sidebar below u should first have toggle theme icon dark to light, it should be fuly functional, and below that you should have + New Chat button. Make ui more professional, and sidebar to be togglable and center part to be resizable accordingly. make it responsive. It should also have the bubble faces for each chat. a human face and for bot, give a animated gif. i will change it later. the second one looks more better but can you make it more fluent? also The central part must have some writing like welcome and then some text and some feature boxes and then the type your message text area. writings must vanish with fade transition and 80% of central part must be occupied with chat interface. leaving right side to have the toggleable references one, opens only when chat bubble has options of learn more. copy text must be given for every chat response. dashboard with prompt cards is missing add it as i said cards with heading icon short description grid of cards. chart history make it little dull as its disabled for now. new chat should show below toggle theme. all sidebar and central part should be smooth and tiles.also Dude dashboard should navigate to central part of view where chat is there on top of it it should have the cards not inside sidebar. use central area whenever dashboard is clicked or prompts is clicked. also change my central area to first have some welcome writings and then after that some features with boxes. then i should have the textarea. once typed something, writings of central area should disappear. +new chat should take you to chat page. where you have that writings and all. make chat bubble like looks where icon is separated from chat bubble. give two nice icons for user and ai. next is leave user to not have chat bubble and only user icon and text beside them. conversation must be scrollable. learn more should open references. and dark/light mode should get applied everywhere even in references. +new chat or any button like send should have theme colors of gradient i gave. icons of left nav should be of same color as gradient i gave. make sure its mobile responsive the sidenav, it should take full width right in mobile and close. take time but give everything. it should be tilesof toggleable sidebar which is fully responsive.
