reorganize configuration tab

app.py

@@ -218,7 +218,7 @@ def demo():
             """
         )
 
-        with gr.Tab("Configure the chatbot"):
+        with gr.Tab("Chatbot configuration"):
             with gr.Row():
                 document = gr.Files(
                     height=100,
@@ -230,84 +230,90 @@ def demo():
                 # upload_btn = gr.UploadButton("Loading document...", height=100, file_count="multiple", file_types=["pdf"], scale=1)
 
             with gr.Row():
-                db_btn = gr.Radio(
-                    ["ChromaDB"],
-                    label="Vector database type",
-                    value="ChromaDB",
-                    type="index",
-                    info="Choose your vector database",
-                )
-            with gr.Accordion("Advanced options - Document text splitter", open=False):
                 with gr.Row():
-                    slider_chunk_size = gr.Slider(
-                        minimum=100,
-                        maximum=1000,
-                        value=600,
-                        step=20,
-                        label="Chunk size",
-                        info="Chunk size",
-                        interactive=True,
+                    db_btn = gr.Radio(
+                        ["ChromaDB"],
+                        label="Vector database type",
+                        value="ChromaDB",
+                        type="index",
+                        info="Choose your vector database",
                     )
+                with gr.Accordion(
+                    "Advanced options - Document text splitter", open=False
+                ):
+                    with gr.Row():
+                        slider_chunk_size = gr.Slider(
+                            minimum=100,
+                            maximum=1000,
+                            value=600,
+                            step=20,
+                            label="Chunk size",
+                            info="Chunk size",
+                            interactive=True,
+                        )
+                    with gr.Row():
+                        slider_chunk_overlap = gr.Slider(
+                            minimum=10,
+                            maximum=200,
+                            value=40,
+                            step=10,
+                            label="Chunk overlap",
+                            info="Chunk overlap",
+                            interactive=True,
+                        )
                 with gr.Row():
-                    slider_chunk_overlap = gr.Slider(
-                        minimum=10,
-                        maximum=200,
-                        value=40,
-                        step=10,
-                        label="Chunk overlap",
-                        info="Chunk overlap",
-                        interactive=True,
-                    )
+                    db_btn = gr.Button("Generate vector database")
             with gr.Row():
                 db_progress = gr.Textbox(
-                    label="Vector database initialization", value="None"
+                    label="Vector database initialization", value="0% Configure the DB"
                 )
-            with gr.Row():
-                db_btn = gr.Button("Generate vector database")
 
             with gr.Row():
-                llm_btn = gr.Radio(
-                    list_llm_simple,
-                    label="LLM models",
-                    value=list_llm_simple[0],
-                    type="index",
-                    info="Choose your LLM model",
-                )
-            with gr.Accordion("Advanced options - LLM model", open=False):
                 with gr.Row():
-                    slider_temperature = gr.Slider(
-                        minimum=0.01,
-                        maximum=1.0,
-                        value=0.7,
-                        step=0.1,
-                        label="Temperature",
-                        info="Model temperature",
-                        interactive=True,
+                    llm_btn = gr.Radio(
+                        list_llm_simple,
+                        label="LLM models",
+                        value=list_llm_simple[0],
+                        type="index",
+                        info="Choose your LLM model",
                     )
+                with gr.Accordion("Advanced options - LLM model", open=False):
+                    with gr.Row():
+                        slider_temperature = gr.Slider(
+                            minimum=0.01,
+                            maximum=1.0,
+                            value=0.7,
+                            step=0.1,
+                            label="Temperature",
+                            info="Model temperature",
+                            interactive=True,
+                        )
+                    with gr.Row():
+                        slider_maxtokens = gr.Slider(
+                            minimum=224,
+                            maximum=4096,
+                            value=1024,
+                            step=32,
+                            label="Max Tokens",
+                            info="Model max tokens",
+                            interactive=True,
+                        )
+                    with gr.Row():
+                        slider_topk = gr.Slider(
+                            minimum=1,
+                            maximum=10,
+                            value=3,
+                            step=1,
+                            label="top-k samples",
+                            info="Model top-k samples",
+                            interactive=True,
+                        )
                 with gr.Row():
-                    slider_maxtokens = gr.Slider(
-                        minimum=224,
-                        maximum=4096,
-                        value=1024,
-                        step=32,
-                        label="Max Tokens",
-                        info="Model max tokens",
-                        interactive=True,
-                    )
-                with gr.Row():
-                    slider_topk = gr.Slider(
-                        minimum=1,
-                        maximum=10,
-                        value=3,
-                        step=1,
-                        label="top-k samples",
-                        info="Model top-k samples",
-                        interactive=True,
-                    )
+                    qachain_btn = gr.Button("Initialize Question Answering chain")
             with gr.Row():
-                llm_progress = gr.Textbox(value="None", label="QA chain initialization")
-            with gr.Row():
-                qachain_btn = gr.Button("Initialize Question Answering chain")
+                llm_progress = gr.Textbox(
+                    value="None", label="0% Configure the QA chain"
+                )
 
         with gr.Tab("Chatbot"):
             chatbot = gr.Chatbot(height=300)