adding video examples as Radio and linking to fn

app.py

@@ -142,27 +142,7 @@ with gr.Blocks(css=css) as demo:
         with gr.Column(elem_id="col-container"):
             gr.HTML(title)
 
-    with gr.Column():
-        with gr.Row():
-            LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Select HuggingFace/OpenAI')
-            API_key = gr.Textbox(label="Add API key", type="password",autofocus=True)
-        
-        with gr.Column():
-            with gr.Accordion(label='Advanced options', open=False):
-                max_new_tokens = gr.Slider(
-                    label='Max new tokens',
-                    minimum=2048,
-                    maximum=MAX_NEW_TOKENS,
-                    step=1,
-                    value=DEFAULT_MAX_NEW_TOKENS,
-                    )
-                temperature = gr.Slider(label='Temperature',minimum=0.1,maximum=4.0,step=0.1,value=DEFAULT_TEMPERATURE,)
-                char_length = gr.Slider(label='Max Character',
-                    minimum= DEFAULT_CHAR_LENGTH,
-                    maximum = 5*DEFAULT_CHAR_LENGTH,
-                    step = 500,value= 1500
-                )
-    
+
     with gr.Group():    
         chatbot = gr.Chatbot(height=220)
         examples_set = gr.Radio(label="Examples of some You tube Videos",choices=EXAMPLES)
@@ -172,6 +152,11 @@ with gr.Blocks(css=css) as demo:
         with gr.Row():
             submit_btn = gr.Button(value="Send message", variant="primary", scale = 1)
             clean_chat_btn =  gr.Button("Delete Chat")
+
+    with gr.Column():
+        with gr.Row():
+            LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Select HuggingFace/OpenAI')
+            API_key = gr.Textbox(label="Add API key", type="password",autofocus=True)
                 
     with gr.Column():
             with gr.Box():
@@ -179,6 +164,22 @@ with gr.Blocks(css=css) as demo:
                 with gr.Row():
                     load_youtube_bt = gr.Button("Process Youtube Link",).style(full_width = False)
                     langchain_status = gr.Textbox(label="Status", placeholder="", interactive = False)
+
+            with gr.Column():
+                with gr.Accordion(label='Advanced options', open=False):
+                    max_new_tokens = gr.Slider(
+                        label='Max new tokens',
+                        minimum=2048,
+                        maximum=MAX_NEW_TOKENS,
+                        step=1,
+                        value=DEFAULT_MAX_NEW_TOKENS,
+                        )
+                    temperature = gr.Slider(label='Temperature',minimum=0.1,maximum=4.0,step=0.1,value=DEFAULT_TEMPERATURE,)
+                    char_length = gr.Slider(label='Max Character',
+                        minimum= DEFAULT_CHAR_LENGTH,
+                        maximum = 5*DEFAULT_CHAR_LENGTH,
+                        step = 500,value= 1500
+                    )
     
     examples_set.change(fn=youtube_chat, inputs=[examples_set,API_key,LLM_option,temperature,max_new_tokens,char_length], outputs=[langchain_status])
     youtube_link = examples_set