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

run.ipynb

@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: change_vs_input"]}, {"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", "os.mkdir('files')\n", "!wget -q -O files/world.mp4 https://github.com/gradio-app/gradio/raw/main/demo/change_vs_input/files/world.mp4"]}, {"cell_type": "code", "execution_count": null, "id": "44380577570523278879349135829904343037", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "from gradio.media import get_image, get_audio, get_video\n", "\n", "with gr.Blocks() as demo:\n", "    set_button = gr.Button(\"Set Values\")\n", "    with gr.Row():\n", "        with gr.Column(min_width=200):\n", "            gr.Markdown(\"# Enter Here\")\n", "            text = gr.Textbox()\n", "            num = gr.Number()\n", "            slider = gr.Slider()\n", "            checkbox = gr.Checkbox()\n", "            checkbox_group = gr.CheckboxGroup([\"a\", \"b\", \"c\"])\n", "            radio = gr.Radio([\"a\", \"b\", \"c\"])\n", "            dropdown = gr.Dropdown([\"a\", \"b\", \"c\"])\n", "            colorpicker = gr.ColorPicker()\n", "            code = gr.Code()\n", "            dataframe = gr.Dataframe()\n", "            image = gr.Image(elem_id=\"image-original\")\n", "            audio = gr.Audio(elem_id=\"audio-original\")\n", "            video = gr.Video(elem_id=\"video-original\")\n", "\n", "        with gr.Column(min_width=200):\n", "            gr.Markdown(\"# ON:INPUT/UPLOAD\")\n", "            text_in = gr.Textbox()\n", "            num_in = gr.Number()\n", "            slider_in = gr.Slider()\n", "            checkbox_in = gr.Checkbox()\n", "            checkbox_group_in = gr.CheckboxGroup([\"a\", \"b\", \"c\"])\n", "            radio_in = gr.Radio([\"a\", \"b\", \"c\"])\n", "            dropdown_in = gr.Dropdown([\"a\", \"b\", \"c\"])\n", "            colorpicker_in = gr.ColorPicker()\n", "            code_in = gr.Code()\n", "            dataframe_in = gr.Dataframe()\n", "            image_up = gr.Image(elem_id=\"image-upload\")\n", "            audio_up = gr.Audio(elem_id=\"audio-upload\")\n", "            video_up = gr.Video(elem_id=\"video-upload\")\n", "\n", "        with gr.Column(min_width=200):\n", "            gr.Markdown(\"# ON:CHANGE\")\n", "            text_ch = gr.Textbox()\n", "            num_ch = gr.Number()\n", "            slider_ch = gr.Slider()\n", "            checkbox_ch = gr.Checkbox()\n", "            checkbox_group_ch = gr.CheckboxGroup([\"a\", \"b\", \"c\"])\n", "            radio_ch = gr.Radio([\"a\", \"b\", \"c\"])\n", "            dropdown_ch = gr.Dropdown([\"a\", \"b\", \"c\"])\n", "            colorpicker_ch = gr.ColorPicker()\n", "            code_ch = gr.Code()\n", "            dataframe_ch = gr.Dataframe()\n", "            image_ch = gr.Image(elem_id=\"image-change\")\n", "            audio_ch = gr.Audio(elem_id=\"audio-change\")\n", "            video_ch = gr.Video(elem_id=\"video-change\")\n", "\n", "        with gr.Column(min_width=200):\n", "            gr.Markdown(\"# ON:CHANGE x2\")\n", "            text_ch2 = gr.Textbox()\n", "            num_ch2 = gr.Number()\n", "            slider_ch2 = gr.Slider()\n", "            checkbox_ch2 = gr.Checkbox()\n", "            checkbox_group_ch2 = gr.CheckboxGroup([\"a\", \"b\", \"c\"])\n", "            radio_ch2 = gr.Radio([\"a\", \"b\", \"c\"])\n", "            dropdown_ch2 = gr.Dropdown([\"a\", \"b\", \"c\"])\n", "            colorpicker_ch2 = gr.ColorPicker()\n", "            code_ch2 = gr.Code()\n", "            dataframe_ch2 = gr.Dataframe()\n", "            image_ch2 = gr.Image(elem_id=\"image-change-2\")\n", "            audio_ch2 = gr.Audio(elem_id=\"audio-change-2\")\n", "            video_ch2 = gr.Video(elem_id=\"video-change-2\")\n", "\n", "    counter = gr.Number(label=\"Change counter\")\n", "\n", "    lion = get_image(\"lion.jpg\")\n", "    cantina = get_audio(\"cantina.wav\")\n", "    world = get_video(\"world.mp4\")\n", "\n", "    set_button.click(\n", "        lambda: [\"asdf\", 555, 12, True, [\"a\", \"c\"], \"b\", \"b\", \"#FF0000\", \"import gradio as gr\", [[\"a\", \"b\", \"c\", \"d\"], [\"1\", \"2\", \"3\", \"4\"]], lion, cantina, world],\n", "        None,\n", "        [text, num, slider, checkbox, checkbox_group, radio, dropdown, colorpicker, code, dataframe, image, audio, video])\n", "\n", "    text.input(lambda x:x, text, text_in)\n", "    num.input(lambda x:x, num, num_in)\n", "    slider.input(lambda x:x, slider, slider_in)\n", "    checkbox.input(lambda x:x, checkbox, checkbox_in)\n", "    checkbox_group.input(lambda x:x, checkbox_group, checkbox_group_in)\n", "    radio.input(lambda x:x, radio, radio_in)\n", "    dropdown.input(lambda x:x, dropdown, dropdown_in)\n", "    colorpicker.input(lambda x:x, colorpicker, colorpicker_in)\n", "    code.input(lambda x:x, code, code_in)\n", "    dataframe.input(lambda x:x, dataframe, dataframe_in)\n", "    image.upload(lambda x:x, image, image_up)\n", "    audio.upload(lambda x:x, audio, audio_up)\n", "    video.upload(lambda x:x, video, video_up)\n", "\n", "    text.change(lambda x,y:(x,y+1), [text, counter], [text_ch, counter])\n", "    num.change(lambda x,y:(x, y+1), [num, counter], [num_ch, counter])\n", "    slider.change(lambda x,y:(x, y+1), [slider, counter], [slider_ch, counter])\n", "    checkbox.change(lambda x,y:(x, y+1), [checkbox, counter], [checkbox_ch, counter])\n", "    checkbox_group.change(lambda x,y:(x, y+1), [checkbox_group, counter], [checkbox_group_ch, counter])\n", "    radio.change(lambda x,y:(x, y+1), [radio, counter], [radio_ch, counter])\n", "    dropdown.change(lambda x,y:(x, y+1), [dropdown, counter], [dropdown_ch, counter])\n", "    colorpicker.change(lambda x,y:(x, y+1), [colorpicker, counter], [colorpicker_ch, counter])\n", "    code.change(lambda x,y:(x, y+1), [code, counter], [code_ch, counter])\n", "    dataframe.change(lambda x,y:(x, y+1), [dataframe, counter], [dataframe_ch, counter])\n", "    image.change(lambda x,y:(x, y+1), [image, counter], [image_ch, counter])\n", "    audio.change(lambda x,y:(x, y+1), [audio, counter], [audio_ch, counter])\n", "    video.change(lambda x,y:(x, y+1), [video, counter], [video_ch, counter])\n", "\n", "    text_ch.change(lambda x:x, text_ch, text_ch2)\n", "    num_ch.change(lambda x:x, num_ch, num_ch2)\n", "    slider_ch.change(lambda x:x, slider_ch, slider_ch2)\n", "    checkbox_ch.change(lambda x:x, checkbox_ch, checkbox_ch2)\n", "    checkbox_group_ch.change(lambda x:x, checkbox_group_ch, checkbox_group_ch2)\n", "    radio_ch.change(lambda x:x, radio_ch, radio_ch2)\n", "    dropdown_ch.change(lambda x:x, dropdown_ch, dropdown_ch2)\n", "    colorpicker_ch.change(lambda x:x, colorpicker_ch, colorpicker_ch2)\n", "    code_ch.change(lambda x:x, code_ch, code_ch2)\n", "    dataframe_ch.change(lambda x:x, dataframe_ch, dataframe_ch2)\n", "    image_ch.change(lambda x:x, image_ch, image_ch2)\n", "    audio_ch.change(lambda x:x, audio_ch, audio_ch2)\n", "    video_ch.change(lambda x:x, video_ch, video_ch2)\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: change_vs_input"]}, {"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", "os.mkdir('files')\n", "!wget -q -O files/world.mp4 https://github.com/gradio-app/gradio/raw/main/demo/change_vs_input/files/world.mp4"]}, {"cell_type": "code", "execution_count": null, "id": "44380577570523278879349135829904343037", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "from gradio.media import get_image, get_audio, get_video, MEDIA_PATHS\n", "\n", "\n", "with gr.Blocks() as demo:\n", "    set_button = gr.Button(\"Set Values\")\n", "    counter = gr.Number(label=\"Change counter\")\n", "    with gr.Row():\n", "        gr.Markdown(\"# Enter Here\")\n", "        gr.Markdown(\"# ON:INPUT/UPLOAD\")\n", "        gr.Markdown(\"# ON:CHANGE\")\n", "        gr.Markdown(\"# ON:CHANGE x2\")\n", "    with gr.Row():\n", "        text = gr.Textbox(label=\"TB Input\")\n", "        text_in = gr.Textbox(label=\"Textbox Input Event\")\n", "        text_ch = gr.Textbox(label=\"Textbox Change Event\")\n", "        text_ch2 = gr.Textbox(label=\"Textbox Change Event x2\")\n", "    with gr.Row():\n", "        num = gr.Number()\n", "        num_in = gr.Number()\n", "        num_ch = gr.Number()\n", "        num_ch2 = gr.Number()\n", "    with gr.Row():\n", "        slider = gr.Slider()\n", "        slider_in = gr.Slider()\n", "        slider_ch = gr.Slider()\n", "        slider_ch2 = gr.Slider()\n", "    with gr.Row():\n", "        checkbox = gr.Checkbox(label=\"CB Input\")\n", "        checkbox_in = gr.Checkbox(label=\"Checkbox Input Event\")\n", "        checkbox_ch = gr.Checkbox(label=\"Checkbox Change Event\")\n", "        checkbox_ch2 = gr.Checkbox(label=\"Checkbox Change Event x2\")\n", "    with gr.Row():\n", "        checkbox_group = gr.CheckboxGroup([\"a\", \"b\", \"c\"], label=\"CBG Input\")\n", "        checkbox_group_in = gr.CheckboxGroup([\"a\", \"b\", \"c\"], label=\"CheckboxGroup Input Event\")\n", "        checkbox_group_ch = gr.CheckboxGroup([\"a\", \"b\", \"c\"], label=\"CheckboxGroup Change Event\")\n", "        checkbox_group_ch2 = gr.CheckboxGroup([\"a\", \"b\", \"c\"], label=\"CheckboxGroup Change Event x2\")\n", "    with gr.Row():\n", "        radio = gr.Radio([\"a\", \"b\", \"c\"], label=\"Radio Input\")\n", "        radio_in = gr.Radio([\"a\", \"b\", \"c\"], label=\"Radio Input Event\")\n", "        radio_ch = gr.Radio([\"a\", \"b\", \"c\"], label=\"Radio Change Event\")\n", "        radio_ch2 = gr.Radio([\"a\", \"b\", \"c\"], label=\"Radio Change Event x2\")\n", "    with gr.Row():\n", "        dropdown = gr.Dropdown([\"a\", \"b\", \"c\"], label=\"DD Input\")\n", "        dropdown_in = gr.Dropdown([\"a\", \"b\", \"c\"], label=\"Dropdown Input Event\")\n", "        dropdown_ch = gr.Dropdown([\"a\", \"b\", \"c\"], label=\"Dropdown Change Event\")\n", "        dropdown_ch2 = gr.Dropdown([\"a\", \"b\", \"c\"], label=\"Dropdown Change Event x2\")\n", "    with gr.Row():\n", "        colorpicker = gr.ColorPicker()\n", "        colorpicker_in = gr.ColorPicker()\n", "        colorpicker_ch = gr.ColorPicker()\n", "        colorpicker_ch2 = gr.ColorPicker()\n", "    with gr.Row():\n", "        code = gr.Code()\n", "        code_in = gr.Code()\n", "        code_ch = gr.Code()\n", "        code_ch2 = gr.Code()\n", "    with gr.Row():\n", "        dataframe = gr.Dataframe()\n", "        dataframe_in = gr.Dataframe()\n", "        dataframe_ch = gr.Dataframe()\n", "        dataframe_ch2 = gr.Dataframe()\n", "    with gr.Row():\n", "        image = gr.Image(elem_id=\"image-original\")\n", "        image_up = gr.Image(elem_id=\"image-upload\")\n", "        image_ch = gr.Image(elem_id=\"image-change\")\n", "        image_ch2 = gr.Image(elem_id=\"image-change-2\")\n", "    with gr.Row():\n", "        audio = gr.Audio(elem_id=\"audio-original\")\n", "        audio_up = gr.Audio(elem_id=\"audio-upload\")\n", "        audio_ch = gr.Audio(elem_id=\"audio-change\")\n", "        audio_ch2 = gr.Audio(elem_id=\"audio-change-2\")\n", "    with gr.Row():\n", "        video = gr.Video(elem_id=\"video-original\")\n", "        video_up = gr.Video(elem_id=\"video-upload\")\n", "        video_ch = gr.Video(elem_id=\"video-change\")\n", "        video_ch2 = gr.Video(elem_id=\"video-change-2\")\n", "\n", "    lion = get_image(\"lion.jpg\")\n", "    cantina = get_audio(\"cantina.wav\")\n", "    world = get_video(\"world.mp4\")\n", "\n", "    set_button.click(\n", "        lambda: [\n", "            \"asdf\",\n", "            555,\n", "            12,\n", "            True,\n", "            [\"a\", \"c\"],\n", "            \"b\",\n", "            \"b\",\n", "            \"#FF0000\",\n", "            \"import gradio as gr\",\n", "            [[\"a\", \"b\", \"c\", \"d\"], [\"1\", \"2\", \"3\", \"4\"]],\n", "            lion,\n", "            cantina,\n", "            world,\n", "        ],\n", "        None,\n", "        [\n", "            text,\n", "            num,\n", "            slider,\n", "            checkbox,\n", "            checkbox_group,\n", "            radio,\n", "            dropdown,\n", "            colorpicker,\n", "            code,\n", "            dataframe,\n", "            image,\n", "            audio,\n", "            video,\n", "        ],\n", "    )\n", "\n", "    text.input(lambda x: x, text, text_in)\n", "    num.input(lambda x: x, num, num_in)\n", "    slider.input(lambda x: x, slider, slider_in)\n", "    checkbox.input(lambda x: x, checkbox, checkbox_in)\n", "    checkbox_group.input(lambda x: x, checkbox_group, checkbox_group_in)\n", "    radio.input(lambda x: x, radio, radio_in)\n", "    dropdown.input(lambda x: x, dropdown, dropdown_in)\n", "    colorpicker.input(lambda x: x, colorpicker, colorpicker_in)\n", "    code.input(lambda x: x, code, code_in)\n", "    dataframe.input(lambda x: x, dataframe, dataframe_in)\n", "    image.upload(lambda x: x, image, image_up)\n", "    audio.upload(lambda x: x, audio, audio_up)\n", "    video.upload(lambda x: x, video, video_up)\n", "\n", "    text.change(lambda x, y: (x, y + 1), [text, counter], [text_ch, counter])\n", "    num.change(lambda x, y: (x, y + 1), [num, counter], [num_ch, counter])\n", "    slider.change(lambda x, y: (x, y + 1), [slider, counter], [slider_ch, counter])\n", "    checkbox.change(\n", "        lambda x, y: (x, y + 1), [checkbox, counter], [checkbox_ch, counter]\n", "    )\n", "    checkbox_group.change(\n", "        lambda x, y: (x, y + 1), [checkbox_group, counter], [checkbox_group_ch, counter]\n", "    )\n", "    radio.change(lambda x, y: (x, y + 1), [radio, counter], [radio_ch, counter])\n", "    dropdown.change(\n", "        lambda x, y: (x, y + 1), [dropdown, counter], [dropdown_ch, counter]\n", "    )\n", "    colorpicker.change(\n", "        lambda x, y: (x, y + 1), [colorpicker, counter], [colorpicker_ch, counter]\n", "    )\n", "    code.change(lambda x, y: (x, y + 1), [code, counter], [code_ch, counter])\n", "    dataframe.change(\n", "        lambda x, y: (x, y + 1), [dataframe, counter], [dataframe_ch, counter]\n", "    )\n", "    image.change(lambda x, y: (x, y + 1), [image, counter], [image_ch, counter])\n", "    audio.change(lambda x, y: (x, y + 1), [audio, counter], [audio_ch, counter])\n", "    video.change(lambda x, y: (x, y + 1), [video, counter], [video_ch, counter])\n", "\n", "    text_ch.change(lambda x: x, text_ch, text_ch2)\n", "    num_ch.change(lambda x: x, num_ch, num_ch2)\n", "    slider_ch.change(lambda x: x, slider_ch, slider_ch2)\n", "    checkbox_ch.change(lambda x: x, checkbox_ch, checkbox_ch2)\n", "    checkbox_group_ch.change(lambda x: x, checkbox_group_ch, checkbox_group_ch2)\n", "    radio_ch.change(lambda x: x, radio_ch, radio_ch2)\n", "    dropdown_ch.change(lambda x: x, dropdown_ch, dropdown_ch2)\n", "    colorpicker_ch.change(lambda x: x, colorpicker_ch, colorpicker_ch2)\n", "    code_ch.change(lambda x: x, code_ch, code_ch2)\n", "    dataframe_ch.change(lambda x: x, dataframe_ch, dataframe_ch2)\n", "    image_ch.change(lambda x: x, image_ch, image_ch2)\n", "    audio_ch.change(lambda x: x, audio_ch, audio_ch2)\n", "    video_ch.change(lambda x: x, video_ch, video_ch2)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch(allowed_paths=MEDIA_PATHS)\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -1,125 +1,170 @@
 import gradio as gr
-from gradio.media import get_image, get_audio, get_video
+from gradio.media import get_image, get_audio, get_video, MEDIA_PATHS
+
 
 with gr.Blocks() as demo:
     set_button = gr.Button("Set Values")
-    with gr.Row():
-        with gr.Column(min_width=200):
-            gr.Markdown("# Enter Here")
-            text = gr.Textbox()
-            num = gr.Number()
-            slider = gr.Slider()
-            checkbox = gr.Checkbox()
-            checkbox_group = gr.CheckboxGroup(["a", "b", "c"])
-            radio = gr.Radio(["a", "b", "c"])
-            dropdown = gr.Dropdown(["a", "b", "c"])
-            colorpicker = gr.ColorPicker()
-            code = gr.Code()
-            dataframe = gr.Dataframe()
-            image = gr.Image(elem_id="image-original")
-            audio = gr.Audio(elem_id="audio-original")
-            video = gr.Video(elem_id="video-original")
-
-        with gr.Column(min_width=200):
-            gr.Markdown("# ON:INPUT/UPLOAD")
-            text_in = gr.Textbox()
-            num_in = gr.Number()
-            slider_in = gr.Slider()
-            checkbox_in = gr.Checkbox()
-            checkbox_group_in = gr.CheckboxGroup(["a", "b", "c"])
-            radio_in = gr.Radio(["a", "b", "c"])
-            dropdown_in = gr.Dropdown(["a", "b", "c"])
-            colorpicker_in = gr.ColorPicker()
-            code_in = gr.Code()
-            dataframe_in = gr.Dataframe()
-            image_up = gr.Image(elem_id="image-upload")
-            audio_up = gr.Audio(elem_id="audio-upload")
-            video_up = gr.Video(elem_id="video-upload")
-
-        with gr.Column(min_width=200):
-            gr.Markdown("# ON:CHANGE")
-            text_ch = gr.Textbox()
-            num_ch = gr.Number()
-            slider_ch = gr.Slider()
-            checkbox_ch = gr.Checkbox()
-            checkbox_group_ch = gr.CheckboxGroup(["a", "b", "c"])
-            radio_ch = gr.Radio(["a", "b", "c"])
-            dropdown_ch = gr.Dropdown(["a", "b", "c"])
-            colorpicker_ch = gr.ColorPicker()
-            code_ch = gr.Code()
-            dataframe_ch = gr.Dataframe()
-            image_ch = gr.Image(elem_id="image-change")
-            audio_ch = gr.Audio(elem_id="audio-change")
-            video_ch = gr.Video(elem_id="video-change")
-
-        with gr.Column(min_width=200):
-            gr.Markdown("# ON:CHANGE x2")
-            text_ch2 = gr.Textbox()
-            num_ch2 = gr.Number()
-            slider_ch2 = gr.Slider()
-            checkbox_ch2 = gr.Checkbox()
-            checkbox_group_ch2 = gr.CheckboxGroup(["a", "b", "c"])
-            radio_ch2 = gr.Radio(["a", "b", "c"])
-            dropdown_ch2 = gr.Dropdown(["a", "b", "c"])
-            colorpicker_ch2 = gr.ColorPicker()
-            code_ch2 = gr.Code()
-            dataframe_ch2 = gr.Dataframe()
-            image_ch2 = gr.Image(elem_id="image-change-2")
-            audio_ch2 = gr.Audio(elem_id="audio-change-2")
-            video_ch2 = gr.Video(elem_id="video-change-2")
-
     counter = gr.Number(label="Change counter")
+    with gr.Row():
+        gr.Markdown("# Enter Here")
+        gr.Markdown("# ON:INPUT/UPLOAD")
+        gr.Markdown("# ON:CHANGE")
+        gr.Markdown("# ON:CHANGE x2")
+    with gr.Row():
+        text = gr.Textbox(label="TB Input")
+        text_in = gr.Textbox(label="Textbox Input Event")
+        text_ch = gr.Textbox(label="Textbox Change Event")
+        text_ch2 = gr.Textbox(label="Textbox Change Event x2")
+    with gr.Row():
+        num = gr.Number()
+        num_in = gr.Number()
+        num_ch = gr.Number()
+        num_ch2 = gr.Number()
+    with gr.Row():
+        slider = gr.Slider()
+        slider_in = gr.Slider()
+        slider_ch = gr.Slider()
+        slider_ch2 = gr.Slider()
+    with gr.Row():
+        checkbox = gr.Checkbox(label="CB Input")
+        checkbox_in = gr.Checkbox(label="Checkbox Input Event")
+        checkbox_ch = gr.Checkbox(label="Checkbox Change Event")
+        checkbox_ch2 = gr.Checkbox(label="Checkbox Change Event x2")
+    with gr.Row():
+        checkbox_group = gr.CheckboxGroup(["a", "b", "c"], label="CBG Input")
+        checkbox_group_in = gr.CheckboxGroup(["a", "b", "c"], label="CheckboxGroup Input Event")
+        checkbox_group_ch = gr.CheckboxGroup(["a", "b", "c"], label="CheckboxGroup Change Event")
+        checkbox_group_ch2 = gr.CheckboxGroup(["a", "b", "c"], label="CheckboxGroup Change Event x2")
+    with gr.Row():
+        radio = gr.Radio(["a", "b", "c"], label="Radio Input")
+        radio_in = gr.Radio(["a", "b", "c"], label="Radio Input Event")
+        radio_ch = gr.Radio(["a", "b", "c"], label="Radio Change Event")
+        radio_ch2 = gr.Radio(["a", "b", "c"], label="Radio Change Event x2")
+    with gr.Row():
+        dropdown = gr.Dropdown(["a", "b", "c"], label="DD Input")
+        dropdown_in = gr.Dropdown(["a", "b", "c"], label="Dropdown Input Event")
+        dropdown_ch = gr.Dropdown(["a", "b", "c"], label="Dropdown Change Event")
+        dropdown_ch2 = gr.Dropdown(["a", "b", "c"], label="Dropdown Change Event x2")
+    with gr.Row():
+        colorpicker = gr.ColorPicker()
+        colorpicker_in = gr.ColorPicker()
+        colorpicker_ch = gr.ColorPicker()
+        colorpicker_ch2 = gr.ColorPicker()
+    with gr.Row():
+        code = gr.Code()
+        code_in = gr.Code()
+        code_ch = gr.Code()
+        code_ch2 = gr.Code()
+    with gr.Row():
+        dataframe = gr.Dataframe()
+        dataframe_in = gr.Dataframe()
+        dataframe_ch = gr.Dataframe()
+        dataframe_ch2 = gr.Dataframe()
+    with gr.Row():
+        image = gr.Image(elem_id="image-original")
+        image_up = gr.Image(elem_id="image-upload")
+        image_ch = gr.Image(elem_id="image-change")
+        image_ch2 = gr.Image(elem_id="image-change-2")
+    with gr.Row():
+        audio = gr.Audio(elem_id="audio-original")
+        audio_up = gr.Audio(elem_id="audio-upload")
+        audio_ch = gr.Audio(elem_id="audio-change")
+        audio_ch2 = gr.Audio(elem_id="audio-change-2")
+    with gr.Row():
+        video = gr.Video(elem_id="video-original")
+        video_up = gr.Video(elem_id="video-upload")
+        video_ch = gr.Video(elem_id="video-change")
+        video_ch2 = gr.Video(elem_id="video-change-2")
 
     lion = get_image("lion.jpg")
     cantina = get_audio("cantina.wav")
     world = get_video("world.mp4")
 
     set_button.click(
-        lambda: ["asdf", 555, 12, True, ["a", "c"], "b", "b", "#FF0000", "import gradio as gr", [["a", "b", "c", "d"], ["1", "2", "3", "4"]], lion, cantina, world],
+        lambda: [
+            "asdf",
+            555,
+            12,
+            True,
+            ["a", "c"],
+            "b",
+            "b",
+            "#FF0000",
+            "import gradio as gr",
+            [["a", "b", "c", "d"], ["1", "2", "3", "4"]],
+            lion,
+            cantina,
+            world,
+        ],
         None,
-        [text, num, slider, checkbox, checkbox_group, radio, dropdown, colorpicker, code, dataframe, image, audio, video])
+        [
+            text,
+            num,
+            slider,
+            checkbox,
+            checkbox_group,
+            radio,
+            dropdown,
+            colorpicker,
+            code,
+            dataframe,
+            image,
+            audio,
+            video,
+        ],
+    )
 
-    text.input(lambda x:x, text, text_in)
-    num.input(lambda x:x, num, num_in)
-    slider.input(lambda x:x, slider, slider_in)
-    checkbox.input(lambda x:x, checkbox, checkbox_in)
-    checkbox_group.input(lambda x:x, checkbox_group, checkbox_group_in)
-    radio.input(lambda x:x, radio, radio_in)
-    dropdown.input(lambda x:x, dropdown, dropdown_in)
-    colorpicker.input(lambda x:x, colorpicker, colorpicker_in)
-    code.input(lambda x:x, code, code_in)
-    dataframe.input(lambda x:x, dataframe, dataframe_in)
-    image.upload(lambda x:x, image, image_up)
-    audio.upload(lambda x:x, audio, audio_up)
-    video.upload(lambda x:x, video, video_up)
+    text.input(lambda x: x, text, text_in)
+    num.input(lambda x: x, num, num_in)
+    slider.input(lambda x: x, slider, slider_in)
+    checkbox.input(lambda x: x, checkbox, checkbox_in)
+    checkbox_group.input(lambda x: x, checkbox_group, checkbox_group_in)
+    radio.input(lambda x: x, radio, radio_in)
+    dropdown.input(lambda x: x, dropdown, dropdown_in)
+    colorpicker.input(lambda x: x, colorpicker, colorpicker_in)
+    code.input(lambda x: x, code, code_in)
+    dataframe.input(lambda x: x, dataframe, dataframe_in)
+    image.upload(lambda x: x, image, image_up)
+    audio.upload(lambda x: x, audio, audio_up)
+    video.upload(lambda x: x, video, video_up)
 
-    text.change(lambda x,y:(x,y+1), [text, counter], [text_ch, counter])
-    num.change(lambda x,y:(x, y+1), [num, counter], [num_ch, counter])
-    slider.change(lambda x,y:(x, y+1), [slider, counter], [slider_ch, counter])
-    checkbox.change(lambda x,y:(x, y+1), [checkbox, counter], [checkbox_ch, counter])
-    checkbox_group.change(lambda x,y:(x, y+1), [checkbox_group, counter], [checkbox_group_ch, counter])
-    radio.change(lambda x,y:(x, y+1), [radio, counter], [radio_ch, counter])
-    dropdown.change(lambda x,y:(x, y+1), [dropdown, counter], [dropdown_ch, counter])
-    colorpicker.change(lambda x,y:(x, y+1), [colorpicker, counter], [colorpicker_ch, counter])
-    code.change(lambda x,y:(x, y+1), [code, counter], [code_ch, counter])
-    dataframe.change(lambda x,y:(x, y+1), [dataframe, counter], [dataframe_ch, counter])
-    image.change(lambda x,y:(x, y+1), [image, counter], [image_ch, counter])
-    audio.change(lambda x,y:(x, y+1), [audio, counter], [audio_ch, counter])
-    video.change(lambda x,y:(x, y+1), [video, counter], [video_ch, counter])
+    text.change(lambda x, y: (x, y + 1), [text, counter], [text_ch, counter])
+    num.change(lambda x, y: (x, y + 1), [num, counter], [num_ch, counter])
+    slider.change(lambda x, y: (x, y + 1), [slider, counter], [slider_ch, counter])
+    checkbox.change(
+        lambda x, y: (x, y + 1), [checkbox, counter], [checkbox_ch, counter]
+    )
+    checkbox_group.change(
+        lambda x, y: (x, y + 1), [checkbox_group, counter], [checkbox_group_ch, counter]
+    )
+    radio.change(lambda x, y: (x, y + 1), [radio, counter], [radio_ch, counter])
+    dropdown.change(
+        lambda x, y: (x, y + 1), [dropdown, counter], [dropdown_ch, counter]
+    )
+    colorpicker.change(
+        lambda x, y: (x, y + 1), [colorpicker, counter], [colorpicker_ch, counter]
+    )
+    code.change(lambda x, y: (x, y + 1), [code, counter], [code_ch, counter])
+    dataframe.change(
+        lambda x, y: (x, y + 1), [dataframe, counter], [dataframe_ch, counter]
+    )
+    image.change(lambda x, y: (x, y + 1), [image, counter], [image_ch, counter])
+    audio.change(lambda x, y: (x, y + 1), [audio, counter], [audio_ch, counter])
+    video.change(lambda x, y: (x, y + 1), [video, counter], [video_ch, counter])
 
-    text_ch.change(lambda x:x, text_ch, text_ch2)
-    num_ch.change(lambda x:x, num_ch, num_ch2)
-    slider_ch.change(lambda x:x, slider_ch, slider_ch2)
-    checkbox_ch.change(lambda x:x, checkbox_ch, checkbox_ch2)
-    checkbox_group_ch.change(lambda x:x, checkbox_group_ch, checkbox_group_ch2)
-    radio_ch.change(lambda x:x, radio_ch, radio_ch2)
-    dropdown_ch.change(lambda x:x, dropdown_ch, dropdown_ch2)
-    colorpicker_ch.change(lambda x:x, colorpicker_ch, colorpicker_ch2)
-    code_ch.change(lambda x:x, code_ch, code_ch2)
-    dataframe_ch.change(lambda x:x, dataframe_ch, dataframe_ch2)
-    image_ch.change(lambda x:x, image_ch, image_ch2)
-    audio_ch.change(lambda x:x, audio_ch, audio_ch2)
-    video_ch.change(lambda x:x, video_ch, video_ch2)
+    text_ch.change(lambda x: x, text_ch, text_ch2)
+    num_ch.change(lambda x: x, num_ch, num_ch2)
+    slider_ch.change(lambda x: x, slider_ch, slider_ch2)
+    checkbox_ch.change(lambda x: x, checkbox_ch, checkbox_ch2)
+    checkbox_group_ch.change(lambda x: x, checkbox_group_ch, checkbox_group_ch2)
+    radio_ch.change(lambda x: x, radio_ch, radio_ch2)
+    dropdown_ch.change(lambda x: x, dropdown_ch, dropdown_ch2)
+    colorpicker_ch.change(lambda x: x, colorpicker_ch, colorpicker_ch2)
+    code_ch.change(lambda x: x, code_ch, code_ch2)
+    dataframe_ch.change(lambda x: x, dataframe_ch, dataframe_ch2)
+    image_ch.change(lambda x: x, image_ch, image_ch2)
+    audio_ch.change(lambda x: x, audio_ch, audio_ch2)
+    video_ch.change(lambda x: x, video_ch, video_ch2)
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(allowed_paths=MEDIA_PATHS)