Add a typing dots (...) animation to chat tab

This commit is contained in:
oobabooga 2023-08-28 13:50:36 -07:00
parent 57e9ded00c
commit 558e918fd6
3 changed files with 78 additions and 6 deletions

View file

@ -24,6 +24,7 @@ def create_ui():
shared.gradio['display'] = gr.HTML(value=chat_html_wrapper({'internal': [], 'visible': []}, shared.settings['name1'], shared.settings['name2'], 'chat', 'cai-chat'))
shared.gradio['textbox'] = gr.Textbox(label='', placeholder='Send a message', elem_id='chat-input')
shared.gradio['show_controls'] = gr.Checkbox(value=shared.settings['show_controls'], label='Show controls (Ctrl+S)', elem_id='show-controls')
shared.gradio['typing-dots'] = gr.HTML(value='<div class="typing"><span></span><span class="dot1"></span><span class="dot2"></span></div>', label='typing', elem_id='typing-container')
with gr.Row():
shared.gradio['Stop'] = gr.Button('Stop', elem_id='stop')