New Component: Streamlit-chat, a new way to create chatbots

[luqmannur.ai]

Hi, Thanks for the chat interface library.

Currently I am facing issue on how to include media into the bot response as the behaviour of respond I dont quite understand. What I want is to include the image below the bot response, instead it goes outside the chat container

[Filip]

Hi @luqmannur.ai
How did you change the user icon?

[yashppawar]

message(message, 
            is_user=False, 
            avatar_style="adventurer", # change this for different user icon
            seed=123, # or the seed for different user icons
)

supported styles - https://avatars.dicebear.com/styles

[yashppawar]

sorry it does not support media

[morispolanco]

How do I change the avatars, if I only have

“from streamlit_chat import message”

in my streamlit_app.py?

[yashppawar]

You just have to provide values for the avatar_style and seed parameters (of message() to change the avatar…

[morispolanco]

Where are ‘avatar_style’ and ‘seed’?

[morispolanco]

Found avatar_style in message

[morispolanco]

Now, how do I change the bot avatar?

[yashppawar]

Is it ImportError?

[Armin-Techlaw]

Thanks Yashppawar, it’s resolved now.

[Armin-Techlaw]

Any update on when hitting ‘enter’, then it clears the input box?
And any update on better workaround for having the chatbox at the bottom of the page. Someone previously mentioned they’re working on it.

Thank you so much for this amazing component. I love it!!!

[anbang]

Hi, still no support for ‘\n’ and html ?
can you help me to solve this problem…

[LamisGhoualmi00]

Great component, I made my chatbot with Streamlit-Chat, openAI, GPT-3. Link https://lamisghoualmi-lamis-chatbot-chatbotmain-rrztp4.streamlit.app/

[yashppawar]

@anbang

Hi, still no support for ‘\n’ and html ?

sorry for very late reply, but I believe you are looking for ‘<br>’ in tag HTML (break, which adds a new line)

@LamisGhoualmi00

Great component, I made my chatbot with Streamlit-Chat, openAI, GPT-3.

Thank you very much @LamisGhoualmi00 !!

[Max]

@yashppawar, could you provide an example for the syntax to get a line break inside of a message? i’ve tried \n, <br> (including wrapping a tags around it) but nothing seems to work. The
tags just display in-line and \n seem to just be ignored. Is there some escape char needed?

[jincandeng]

@yashppawar I meet the same question about new line in message

[yashppawar]

@Max

in-line and \n seem to just be ignored

sorry @Max and @jincandeng, I checked it and it does not support a new line, react disables all the HTML tags inside the text…

[Manish_Gupta]

Hi @yashppawar , anyway I can let user edit the response generated by the chat? Looking for some testing, but it doesn’t support editing and user feedback. Any suggestion? I tried the edit button etc but not working.

[yashsri8]

Hi @yashppawar is there a way I can edit the chat avatars and the placement of text box?