new code

src/interface.py

@@ -2,52 +2,52 @@ import gradio as gr
 
 # Gradio application setup
 def create_demo():
-
     with gr.Blocks(title="LLAMA 3 Rag on Fly", theme="Monochrome") as demo:
         # App Description
         gr.Markdown(
             """
             ## LLAMA 3 Rag on Fly App
 
-            This application allows you to experiment with a LLAMA 3 model for RAG powered Chatbot. 
-            You can adjust various parameters to control the model's output. 
+            This application allows you to experiment with a LLAMA 3 model for RAG powered Chatbot.             
+            You can adjust various parameters to control the model's output.             
             """
         )
-        with gr.Column(scale=-0.75):
-            with gr.Row():
-                chat_history = gr.Chatbot(value=[], elem_id='chatbot', height=480)
-                show_img = gr.Image(label='Overview', height=480)
-
-                # Sliders in the Rightmost Column
-                with gr.Column(scale=0.25):
-                    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=0, maximum=100, value=50, label="Chunk Overlap Percentage", elem_id='slider2'
-                        )
-
-                    with gr.Row():
-                        slider_temp = gr.Slider(
-                            minimum=0, maximum=1, value=0.5, label="Model Temperature", elem_id='slider3'
-                        )
-
-
-                    with gr.Row():
-                        slider_k = gr.Slider(
-                            minimum=1, maximum=5, value=2, label="Max Chunks in Context", elem_id='slider2'
-                        )
-
 
+        with gr.Row():
+            # Chatbot and Image Column (75% space)
+            with gr.Column(scale=0.75):
+                with gr.Row():
+                    chat_history = gr.Chatbot(value=[], elem_id='chatbot', height=480)
+                with gr.Row():
+                    show_img = gr.Image(label='Overview', height=480)
+
+            # Sliders Column (25% space)
+            with gr.Column(scale=0.25):
+                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=0, maximum=100, value=50, label="Chunk Overlap Percentage", elem_id='slider2'
+                    )
+                with gr.Row():
+                    slider_temp = gr.Slider(
+                        minimum=0, maximum=1, value=0.5, label="Model Temperature", elem_id='slider3'
+                    )
+                with gr.Row():
+                    slider_k = gr.Slider(
+                        minimum=1, maximum=5, value=2, label="Max Chunks in Context", elem_id='slider2'
+                    )
+
+        # Input and Submit Button Row
         with gr.Row():
             with gr.Column(scale=0.60):
                 text_input = gr.Textbox(
                     show_label=False,
                     placeholder="Type here to ask your PDF",
-                container=False)
+                    container=False
+                )
             with gr.Column(scale=0.20):
                 submit_button = gr.Button('Send')
             with gr.Column(scale=0.20):