adding you tube processing LLM

app.py

@@ -123,13 +123,6 @@ title = """
 with gr.Blocks(css="""#chatbot {font-size: 14px;min-height: 300px;}""") as demo:
     with gr.Column(elem_id="col-container"):
         gr.HTML(title)
-    
-    with gr.Group():
-        chatbot = gr.Chatbot(height=300)
-    with gr.Row():
-        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")
 
     with gr.Column():
         with gr.Box():
@@ -166,6 +159,15 @@ with gr.Blocks(css="""#chatbot {font-size: 14px;min-height: 300px;}""") as demo:
             load_youtube_bt = gr.Button("Process Youtube Link",).style(full_width = False)
             langchain_status = gr.Textbox(label="Status", placeholder="", interactive = False)
     
+    with gr.Group():
+        chatbot = gr.Chatbot(height=300)
+    
+    with gr.Row():
+        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")
+
+
     load_youtube_bt.click(youtube_chat,inputs= [youtube_link,API_key,LLM_option,temperature,max_new_tokens,char_length],outputs=[langchain_status], queue=False)  
     clean_chat_btn.click(clear_chat, [], chatbot)