Upload folder using huggingface_hub

README.md

@@ -5,7 +5,7 @@ emoji: 🔥
 colorFrom: indigo
 colorTo: indigo
 sdk: gradio
-sdk_version: 5.49.1
+sdk_version: 6.0.0
 app_file: run.py
 pinned: false
 hf_oauth: true

requirements.txt

@@ -1,2 +1,2 @@
-gradio-client @ git+https://github.com/gradio-app/gradio@e05eb8df38a4ca20993e94ca4e209cf8110bb677#subdirectory=client/python
-https://gradio-pypi-previews.s3.amazonaws.com/e05eb8df38a4ca20993e94ca4e209cf8110bb677/gradio-5.49.1-py3-none-any.whl
+gradio-client @ git+https://github.com/gradio-app/gradio@d007e6cf617baba5c62e49ec2b7ce278aa863a79#subdirectory=client/python
+https://gradio-pypi-previews.s3.amazonaws.com/d007e6cf617baba5c62e49ec2b7ce278aa863a79/gradio-6.0.0-py3-none-any.whl

run.ipynb

@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: chatbot_core_components_simple"]}, {"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": ["# Downloading files from the demo repo\n", "import os\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/chatbot_core_components_simple/messages_testcase.py"]}, {"cell_type": "code", "execution_count": null, "id": "44380577570523278879349135829904343037", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "import random\n", "\n", "# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, video, & model3d). Plus shows support for streaming text.\n", "\n", "color_map = {\n", "    \"harmful\": \"crimson\",\n", "    \"neutral\": \"gray\",\n", "    \"beneficial\": \"green\",\n", "}\n", "\n", "def html_src(harm_level):\n", "    return f\"\"\"\n", "<div style=\"display: flex; gap: 5px;\">\n", "  <div style=\"background-color: {color_map[harm_level]}; padding: 2px; border-radius: 5px;\">\n", "  {harm_level}\n", "  </div>\n", "</div>\n", "\"\"\"\n", "\n", "def print_like_dislike(x: gr.LikeData):\n", "    print(x.index, x.value, x.liked)\n", "\n", "def add_message(history, message):\n", "    for x in message[\"files\"]:\n", "        history.append(((x,), None))\n", "    if message[\"text\"] is not None:\n", "        history.append((message[\"text\"], None))\n", "    return history, gr.MultimodalTextbox(value=None, interactive=False)\n", "\n", "def bot(history, response_type):\n", "    if response_type == \"gallery\":\n", "        history[-1][1] = gr.Gallery(\n", "            [\n", "                \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png\",\n", "                \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png\",\n", "            ]\n", "        )\n", "    elif response_type == \"image\":\n", "        history[-1][1] = gr.Image(\n", "            \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png\"\n", "        )\n", "    elif response_type == \"video\":\n", "        history[-1][1] = gr.Video(\n", "            \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4\",\n", "            label=\"test\"\n", "        )\n", "    elif response_type == \"audio\":\n", "        history[-1][1] = gr.Audio(\n", "            \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/audio_sample.wav\"\n", "        )\n", "    elif response_type == \"html\":\n", "        history[-1][1] = gr.HTML(\n", "            html_src(random.choice([\"harmful\", \"neutral\", \"beneficial\"]))\n", "        )\n", "    elif response_type == \"model3d\":\n", "        history[-1][1] = gr.Model3D(\n", "           \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/models3d/Fox.gltf\"\n", "        )\n", "    else:\n", "        history[-1][1] = \"Cool!\"\n", "    return history\n", "\n", "with gr.Blocks(fill_height=True) as demo:\n", "    chatbot = gr.Chatbot(\n", "        elem_id=\"chatbot\",\n", "        bubble_full_width=False,\n", "        scale=1,\n", "    )\n", "    response_type = gr.Radio(\n", "        [\n", "            \"image\",\n", "            \"text\",\n", "            \"gallery\",\n", "            \"video\",\n", "            \"audio\",\n", "            \"html\",\n", "            \"model3d\",\n", "        ],\n", "        value=\"text\",\n", "        label=\"Response Type\",\n", "    )\n", "\n", "    chat_input = gr.MultimodalTextbox(\n", "        interactive=True,\n", "        placeholder=\"Enter message or upload file...\",\n", "        show_label=False,\n", "    )\n", "\n", "    chat_msg = chat_input.submit(\n", "        add_message, [chatbot, chat_input], [chatbot, chat_input]\n", "    )\n", "    bot_msg = chat_msg.then(\n", "        bot, [chatbot, response_type], chatbot, api_name=\"bot_response\"\n", "    )\n", "    bot_msg.then(lambda: gr.MultimodalTextbox(interactive=True), None, [chat_input])\n", "\n", "    chatbot.like(print_like_dislike, None, None)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
+{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: chatbot_core_components_simple"]}, {"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", "import random\n", "\n", "# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.\n", "\n", "color_map = {\n", "    \"harmful\": \"crimson\",\n", "    \"neutral\": \"gray\",\n", "    \"beneficial\": \"green\",\n", "}\n", "\n", "def html_src(harm_level):\n", "    return f\"\"\"\n", "<div style=\"display: flex; gap: 5px;padding: 2px 4px;margin-top: -40px\">\n", "  <div style=\"background-color: {color_map[harm_level]}; padding: 2px; border-radius: 5px;\">\n", "  {harm_level}\n", "  </div>\n", "</div>\n", "\"\"\"\n", "\n", "def print_like_dislike(x: gr.LikeData):\n", "    print(x.index, x.value, x.liked)\n", "\n", "def add_message(history, message):\n", "    for x in message[\"files\"]:\n", "        history.append({\"role\": \"user\", \"content\": {\"path\": x}})\n", "    if message[\"text\"] is not None:\n", "        history.append({\"role\": \"user\", \"content\": message['text']})\n", "    return history, gr.MultimodalTextbox(value=None, interactive=False)\n", "\n", "def bot(history, response_type):\n", "    if response_type == \"gallery\":\n", "        msg = {\"role\": \"assistant\",\n", "               \"content\": gr.Gallery(\n", "            [\n", "                \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png\",\n", "                \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png\",\n", "            ])\n", "        }\n", "    elif response_type == \"image\":\n", "        msg = {\"role\": \"assistant\",\n", "               \"content\": gr.Image(\n", "                   \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png\"\n", "               )\n", "        }\n", "    elif response_type == \"video\":\n", "        msg = {\"role\": \"assistant\",\n", "               \"content\": gr.Video(\"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4\",\n", "                                   label=\"test\")\n", "        }\n", "    elif response_type == \"audio\":\n", "        msg = {\"role\": \"assistant\",\n", "               \"content\": gr.Audio(\"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/audio_sample.wav\")\n", "        }\n", "    elif response_type == \"html\":\n", "       msg = {\"role\": \"assistant\",\n", "              \"content\": gr.HTML(\n", "            html_src(random.choice([\"harmful\", \"neutral\", \"beneficial\"]))\n", "            )\n", "       }\n", "    elif response_type == \"model3d\":\n", "        msg = {\"role\": \"assistant\", \"content\": gr.Model3D(\n", "           \"https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/models3d/Fox.gltf\"\n", "        )}\n", "    else:\n", "        msg = {\"role\": \"assistant\", \"content\": \"Cool!\"}\n", "    history.append(msg)\n", "    return history\n", "\n", "with gr.Blocks(fill_height=True) as demo:\n", "    chatbot = gr.Chatbot(\n", "        elem_id=\"chatbot\",\n", "        scale=1,\n", "    )\n", "    response_type = gr.Radio(\n", "        [\n", "            \"image\",\n", "            \"text\",\n", "            \"gallery\",\n", "            \"video\",\n", "            \"audio\",\n", "            \"html\",\n", "            \"model3d\",\n", "        ],\n", "        value=\"text\",\n", "        label=\"Response Type\",\n", "    )\n", "\n", "    chat_input = gr.MultimodalTextbox(\n", "        interactive=True,\n", "        placeholder=\"Enter message or upload file...\",\n", "        show_label=False,\n", "    )\n", "\n", "    chat_msg = chat_input.submit(\n", "        add_message, [chatbot, chat_input], [chatbot, chat_input]\n", "    )\n", "    bot_msg = chat_msg.then(\n", "        bot, [chatbot, response_type], chatbot, api_name=\"bot_response\"\n", "    )\n", "    bot_msg.then(lambda: gr.MultimodalTextbox(interactive=True), None, [chat_input])\n", "\n", "    chatbot.like(print_like_dislike, None, None)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -1,7 +1,7 @@
 import gradio as gr
 import random
 
-# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, video, & model3d). Plus shows support for streaming text.
+# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.
 
 color_map = {
     "harmful": "crimson",
@@ -11,7 +11,7 @@ color_map = {
 
 def html_src(harm_level):
     return f"""
-<div style="display: flex; gap: 5px;">
+<div style="display: flex; gap: 5px;padding: 2px 4px;margin-top: -40px">
   <div style="background-color: {color_map[harm_level]}; padding: 2px; border-radius: 5px;">
   {harm_level}
   </div>
@@ -23,48 +23,53 @@ def print_like_dislike(x: gr.LikeData):
 
 def add_message(history, message):
     for x in message["files"]:
-        history.append(((x,), None))
+        history.append({"role": "user", "content": {"path": x}})
     if message["text"] is not None:
-        history.append((message["text"], None))
+        history.append({"role": "user", "content": message['text']})
     return history, gr.MultimodalTextbox(value=None, interactive=False)
 
 def bot(history, response_type):
     if response_type == "gallery":
-        history[-1][1] = gr.Gallery(
+        msg = {"role": "assistant",
+               "content": gr.Gallery(
             [
                 "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png",
                 "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png",
-            ]
-        )
+            ])
+        }
     elif response_type == "image":
-        history[-1][1] = gr.Image(
-            "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png"
-        )
+        msg = {"role": "assistant",
+               "content": gr.Image(
+                   "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png"
+               )
+        }
     elif response_type == "video":
-        history[-1][1] = gr.Video(
-            "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4",
-            label="test"
-        )
+        msg = {"role": "assistant",
+               "content": gr.Video("https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4",
+                                   label="test")
+        }
     elif response_type == "audio":
-        history[-1][1] = gr.Audio(
-            "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/audio_sample.wav"
-        )
+        msg = {"role": "assistant",
+               "content": gr.Audio("https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/audio_sample.wav")
+        }
     elif response_type == "html":
-        history[-1][1] = gr.HTML(
+       msg = {"role": "assistant",
+              "content": gr.HTML(
             html_src(random.choice(["harmful", "neutral", "beneficial"]))
-        )
+            )
+       }
     elif response_type == "model3d":
-        history[-1][1] = gr.Model3D(
+        msg = {"role": "assistant", "content": gr.Model3D(
            "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/models3d/Fox.gltf"
-        )
+        )}
     else:
-        history[-1][1] = "Cool!"
+        msg = {"role": "assistant", "content": "Cool!"}
+    history.append(msg)
     return history
 
 with gr.Blocks(fill_height=True) as demo:
     chatbot = gr.Chatbot(
         elem_id="chatbot",
-        bubble_full_width=False,
         scale=1,
     )
     response_type = gr.Radio(