Chatbot / Events/ Feedback
Use thumbs up/down to provide feedback on the chatbot response.
from h2o_wave import main, app, Q, ui, data
@app('/demo')
async def serve(q: Q):
if not q.client.initialized:
q.page['example'] = ui.chatbot_card(
box='1 1 5 5',
data=data(fields='content from_user', t='list'),
name='chatbot',
events=['feedback']
)
q.page['feedback'] = ui.form_card(
box='1 6 5 2',
items=[
ui.text_xl('Feedback'),
ui.text(name='text', content='No feedback yet.'),
]
)
q.client.initialized = True
if q.args.chatbot:
# Append user message.
q.page['example'].data += [q.args.chatbot, True]
# Append bot response.
q.page['example'].data += ['I am a fake chatbot. Sorry, I cannot help you.', False]
# Handle feedback event.
elif q.events.chatbot and q.events.chatbot.feedback:
# Process the feedback.
q.page['feedback'].text.content = f'{q.events.chatbot.feedback}'
await q.page.save()