new code

src/app.py

@@ -1,11 +1,11 @@
 from interface import create_demo
 from pdfchatbot import PDFChatBot
 
-demo, chat_history, show_img, txt, submit_button, uploaded_pdf, slider1 = create_demo()
+demo, chat_history, show_img, txt, submit_button, uploaded_pdf, slider_chunk_size = create_demo()
 
 pdf_chatbot = PDFChatBot()
 with demo:
-    uploaded_pdf.upload(pdf_chatbot.render_file, inputs=[uploaded_pdf,slider1], outputs=[show_img])
+    uploaded_pdf.upload(pdf_chatbot.render_file, inputs=[uploaded_pdf,slider_chunk_size], outputs=[show_img])
 
     submit_button.click(pdf_chatbot.add_text, inputs=[chat_history, txt], outputs=[chat_history], queue=False).\
         success(pdf_chatbot.generate_response, inputs=[chat_history, txt, uploaded_pdf], outputs=[chat_history,txt]).\

src/interface.py

@@ -2,24 +2,24 @@ import gradio as gr
 
 # Gradio application setup
 def create_demo():
-    # JavaScript to disable the slider after the upload button is pressed
-    javascript = """
-    document.querySelector('input[type=file]').addEventListener('change', function() {
-        if (this.files.length > 0) {
-            document.getElementById('slider1').setAttribute('disabled', true);
-        }
-    });
-    """
 
-    with gr.Blocks(title="RAG Chatbot Q&A", theme="Soft", js=javascript) as demo:
+    with gr.Blocks(title="RAG Chatbot Q&A", theme="Soft") as demo:
         with gr.Column():
             with gr.Row():
                 chat_history = gr.Chatbot(value=[], elem_id='chatbot', height=680)
                 show_img = gr.Image(label='Overview', height=680)
 
-        with gr.Row():
-            with gr.Column():  # Adjust scale as needed
-                slider1 = gr.Slider(minimum=256, maximum=1024, value=256, label="Chunk Size", elem_id='slider1')
+        with gr.Column():
+            with gr.Row():
+                slider_chunk_size = gr.Slider(minimum=256, maximum=1024, value=256, label="Chunk Size", elem_id='slider1')
+            with gr.Row():
+                slider_overlap_percentage = gr.Slider(minimum=256, maximum=1024, value=256, label="Chunk Overlap Percentage", elem_id='slider2')
+        with gr.Column():
+            with gr.Row():
+                slider_temp = gr.Slider(minimum=256, maximum=1024, value=256, label="Model Temperature", elem_id='slider3')
+            with gr.Row():
+                slider_k = gr.Slider(minimum=256, maximum=1024, value=256, label="Max Chunks in Context", elem_id='slider2')
+
         with gr.Row():
             with gr.Column(scale=0.60):
                 text_input = gr.Textbox(
@@ -31,9 +31,9 @@ def create_demo():
             with gr.Column(scale=0.20):
                 uploaded_pdf = gr.UploadButton("📁 Upload PDF", file_types=[".pdf"], elem_id='upload_pdf')
 
-    return demo, chat_history, show_img, text_input, submit_button, uploaded_pdf, slider1
+    return demo, chat_history, show_img, text_input, submit_button, uploaded_pdf, slider_chunk_size,slider_overlap_percentage,slider_temp,slider_k
 
 if __name__ == '__main__':
-    demo, chatbot, show_img, text_input, submit_button, uploaded_pdf, slider1 = create_demo()
+    demo, chatbot, show_img, text_input, submit_button, uploaded_pdf, slider_chunk_size,slider_overlap_percentage,slider_temp,slider_k = create_demo()
     demo.queue()
     demo.launch()