{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: chatbot_editable"]}, {"cell_type": "code", "execution_count": null, "id": "272996653310673477252411125948039410165", "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": "288918539441861185822528903084949547379", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "\n", "with gr.Blocks() as demo:\n", "    with gr.Row():\n", "        chatbot = gr.Chatbot(value=[], editable=\"user\")\n", "    add_message_btn = gr.Button(\"Add Message\")\n", "    add_user_message_btn = gr.Button(\"Add User Message\")\n", "\n", "    with gr.Row():\n", "        concatenated_text1 = gr.Textbox(label=\"Concatenated Chat 1\")\n", "        concatenated_text2 = gr.Textbox(label=\"Concatenated Chat 2\")\n", "        edited_messages = gr.Textbox(label=\"Edited Message\")\n", "\n", "    def add_message(history: list):\n", "        usr_msg = \"I'm a user\"\n", "        bot_msg = \"I'm a bot\"\n", "        history.append({\"role\": \"user\", \"content\": usr_msg})\n", "        history.append({\"role\": \"assistant\", \"content\": bot_msg})\n", "        return history\n", "\n", "    def add_user_message(history: list):\n", "        usr_msg = \"I'm a user\"\n", "        history.append({\"role\": \"user\", \"content\": usr_msg})\n", "        return history\n", "\n", "    add_message_btn.click(add_message, [chatbot], [chatbot])\n", "    add_user_message_btn.click(add_user_message, [chatbot], [chatbot])\n", "    chatbot.change(lambda m: \"|\".join(m[\"content\"][0][\"text\"] for m in m), chatbot, concatenated_text1)\n", "\n", "    def edit_message(edited_message: gr.EditData): # type: ignore\n", "        return f\"from {edited_message.previous_value} to {edited_message.value} at {edited_message.index}\" # type: ignore\n", "\n", "    chatbot.edit(edit_message, None, edited_messages)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}