adding video examples as Radio

app.py

@@ -20,6 +20,11 @@ DEFAULT_MAX_NEW_TOKENS = 2048
 MAX_INPUT_TOKEN_LENGTH = 4000
 DEFAULT_CHAR_LENGTH = 1000
 
+EXAMPLES = ["https://www.youtube.com/watch?v=aircAruvnKk&ab_channel=3Blue1Brown",
+            "https://www.youtube.com/watch?v=5p248yoa3oE&ab_channel=StanfordOnline",
+            "https://www.youtube.com/watch?v=Ilg3gGewQ5U" ]
+
+
 def loading_file():
     return "Loading..."
 
@@ -147,17 +152,16 @@ with gr.Blocks(css=css) as demo:
         chatbot = gr.Chatbot(height=250)
     
     with gr.Row():
+        question = gr.Textbox(label="Type your question !",lines=1).style(full_width=True)
         with gr.Box():
-            question = gr.Textbox(label="Type your question !",lines=1).style(full_width=True)
             submit_btn = gr.Button(value="Send message", variant="primary", scale = 1)
             clean_chat_btn =  gr.Button("Delete Chat")
-        
-        examples_set = gr.Radio(label="Examples of some You tube Video ",choices=["https://www.youtube.com/watch?v=aircAruvnKk&ab_channel=3Blue1Brown",
-                "https://www.youtube.com/watch?v=5p248yoa3oE&ab_channel=StanfordOnline","https://www.youtube.com/watch?v=Ilg3gGewQ5U" ])
-
+                
     with gr.Column():
             with gr.Box():
                 youtube_link = gr.Textbox(label="Add your you tube Link",text_align='left',autofocus=True)
+                examples_set = gr.Radio(label="Examples of some You tube Videos",
+                                choices=EXAMPLES)
                 with gr.Row():
                     load_youtube_bt = gr.Button("Process Youtube Link",).style(full_width = False)
                     langchain_status = gr.Textbox(label="Status", placeholder="", interactive = False)