Spaces:
Sleeping
Sleeping
feat: Show user message immediately before bot response
Browse filesUX improvement: User input now displays instantly
β¨ Enhancement:
- Use generator (yield) to show user message immediately
- First yield: Display user message right after input
- Second yield: Add bot response when generation completes
- Improves perceived responsiveness
π― User Experience:
- Before: User message appears only after bot response (slow)
- After: User message appears instantly (fast)
- Better feedback during bot response generation
π Implementation:
- Changed submit() to generator function
- First yield: history + user message
- Second yield: history + user message + bot response
π€ Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
app.py
CHANGED
|
@@ -224,10 +224,14 @@ with gr.Blocks(title="π€ Llama-2-Ko Chatbot") as demo:
|
|
| 224 |
clear = gr.Button("ποΈ λν μ΄κΈ°ν", size="sm")
|
| 225 |
|
| 226 |
def submit(message, history):
|
| 227 |
-
#
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 231 |
|
| 232 |
btn.click(submit, [msg, chatbot], [chatbot, msg])
|
| 233 |
msg.submit(submit, [msg, chatbot], [chatbot, msg])
|
|
|
|
| 224 |
clear = gr.Button("ποΈ λν μ΄κΈ°ν", size="sm")
|
| 225 |
|
| 226 |
def submit(message, history):
|
| 227 |
+
# Immediately show user message
|
| 228 |
+
updated_history = history + [{"role": "user", "content": message}]
|
| 229 |
+
# Return updated history first (shows user message immediately)
|
| 230 |
+
# Then generate bot response
|
| 231 |
+
yield updated_history, ""
|
| 232 |
+
# Generate and add bot response
|
| 233 |
+
final_history = chat_wrapper(message, history)
|
| 234 |
+
yield final_history, ""
|
| 235 |
|
| 236 |
btn.click(submit, [msg, chatbot], [chatbot, msg])
|
| 237 |
msg.submit(submit, [msg, chatbot], [chatbot, msg])
|