Addind Chat functions to QA retrival chain

app.py

@@ -127,6 +127,14 @@ with gr.Blocks(css=css) 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.Row():
             LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Large Language Model Selection',info='LLM Service')
@@ -146,14 +154,6 @@ with gr.Blocks(css=css) as demo:
                     step = 500,value= 1500
                 )
     
-    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():
             youtube_link = gr.Textbox(label="Add your you tube Link",text_align='left',autofocus=True)
             with gr.Box():