Update app.py

app.py

@@ -62,29 +62,32 @@ rag_chain = (
     | StrOutputParser()
 )
 
-# Define the Gradio app
-def rag_chain_response(question):
-    response = rag_chain.invoke(question)
-    return response
+# Function to handle chatbot interaction
+def rag_chain_response(messages):
+    # Extract the last user message
+    user_message = messages[-1][0]
+    
+    # Generate a response using the RAG chain
+    response = rag_chain.invoke(user_message)
+    
+    # Append response to the chat
+    messages.append((user_message, response))
+    return messages
 
+# Define the Gradio app
 with gr.Blocks(theme="rawrsor1/Everforest") as app:
-    with gr.Row():
-        with gr.Column(scale=1):
-            user_input = gr.Textbox(
-                placeholder="Type your question here...",
-                label="Your Question",
-                lines=2,
-                max_lines=2,
-            )
-        with gr.Column(scale=2):
-            response_output = gr.Textbox(
-                lines=10,
-                max_lines=10,
-            )
-    with gr.Row():
-        submit_btn = gr.Button("Submit")
+    
+    
+    chatbot = gr.Chatbot([], elem_id="RADAR", bubble_full_width=False)
+    question_input = gr.Textbox(label="Ask a Question", placeholder="Type your question here...")
+    submit_btn = gr.Button("Submit")
+    
+    # Set up interaction
     submit_btn.click(
-        rag_chain_response, inputs=user_input, outputs=response_output
+        rag_chain_response,  # Function to handle input and generate response
+        inputs=[chatbot],    # Pass current conversation state
+        outputs=[chatbot]    # Update conversation state
     )
 
+# Launch the Gradio app
 app.launch(show_error=True)