Mustt use inter font, and i need made by kaiiddo after brand name. And use pointer courser for icon hover. And for user info must show first user logo always show they first latter. And after show they name and versions. And make don't use alert bar, and icons. Make default span tag after the input area.
Please add admin, user and etc role. Please create unique logo for my Brand Stromgo AI. Current this is admin so after user name show admin span text. Now for input area show atteched icons and send icon button. And i need this span in center of bottom "StromgoAI can make mistakes, so Dubbl-check its response!"
I need unique Icons logo for my ai create, and Admin text must be small and span tiny after show user name. Add close side bar icons which use in deepseek close side menu bar icons need.
Now use Power Blitz icons for my AI. But add extra radius. And i need close side bar icons in left side bar. At Right side of logo. And all the role are show between user name and plan name between with small font size with span text.
Remove Admin role, now in the Right side of brand name show 3 line. Now when user send any message then must show Chat bubbles are used to show one line of conversation and all its data, including the author logo, author name, etc. make sure this is user message always show in Right side. And also make like this AI response in left side. First show loading Animation after 3-5 secound show ai response, always show one response "Hi there! I am StromgoAI made by kaiiddo. How can i assist you Today?"
Remove blitz power emoji and logo. There is poor design of chat bubbles components, here is example but don't include time and date "<div class="chat chat-start">
<div class="chat-image avatar">
<div class="w-10 rounded-full">
<img
alt="Tailwind CSS chat bubble component"
src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" />
</div>
</div>
<div class="chat-header">
Obi-Wan Kenobi
<time class="text-xs opacity-50">12:45</time>
</div>
<div class="chat-bubble">You were the Chosen One!</div>
<div class="chat-footer opacity-50">Delivered</div>
</div>
<div class="chat chat-end">
<div class="chat-image avatar">
<div class="w-10 rounded-full">
<img
alt="Tailwind CSS chat bubble component"
src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" />
</div>
</div>
<div class="chat-header">
Anakin
<time class="text-xs opacity-50">12:46</time>
</div>
<div class="chat-bubble">I hate you!</div>
<div class="chat-footer opacity-50">Seen at 12:46</div>
</div>" and show user logo latter and for ai show ai first latter as AI logo.
And please use app.js for javascript I cre file Don't use internal js.
I need input box in bottom alway sticky. And i like your chat bubble style "Hi there! I am StromgoAI made by kaiiddo. How can i assist you Today? " Please use this style in user chat bubble message also. And show "S" latter in AI response logo with center in circle. When user send any message then show ai response else don't show. still user message in left side. I need Right side with chat bubble components styling.
Why are you not understand? I need input area in last of bottom. Don't change they position, make always sticky can't be moving. And currently don't show any AI Initialise message, when user send any message then after show AI Initialise response.
Hm now good, but still you not show user logo latter with circle and user name, and slso with ai response with they latter logo. And fix input area stylings and input field margins and they Width and etc.
Use this for user and ai Avtar logo "<div class="chat-image avatar"><div class="w-10 rounded-full"><img alt="Tailwind CSS chat bubble component" src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" /></div></div>" and still you make poor input field of input area, i need full max Width and styling. You totally make poor input area. Please make good. And show this Loading dots "<span className="loading loading-dots loading-lg"></span>"
Remove input area box and add new, i need atteched icons after show input box after show send icons. Make sure after inputs box show small span footer with small font size "StromgoAI can make mistakes, So Double-Check its response!" And remove image and show Insted of user avtar icons show user first latter in center. Also with ai response show ai first latter for avtart logo. Please add margins from user to right side small margin and for ai response add left side margins for chat bubbles components.
Please make light gray hr line border line. And please, make black main colour insted of blue. And add hover in attech and send icons. Add black background color of send message with radius and make white send icon. And in Click on input make 1px soild gray active. For chat bubbles remove chat avtar image, and latter and also chat header in user and ai response both.
Please make black color of new conversation also. And add there is no margin in left and Right sise of user and au response please add.
Wow good, please add black background in button of new conversation. Please add hover effect in atteched icon. Please add margins top of user message. Now there is one more bug, only scroll chat-container only. Don't scroll left side and etc.
Comments
Post a Comment