Update app.py

app.py

@@ -51,8 +51,9 @@ with gr.Blocks(title="Audit Q&A", css= "style.css", theme=theme,elem_id = "main-
     # main tab where chat interaction happens
     # ---------------------------------------------------------------------------------------------
     with gr.Tab("AuditQ&A"):
-
+        
         with gr.Row(elem_id="chatbot-row"):
+            # chatbot output screen
             with gr.Column(scale=2):
                 chatbot = gr.Chatbot(
                     value=[(None,init_prompt)],
@@ -64,19 +65,51 @@ with gr.Blocks(title="Audit Q&A", css= "style.css", theme=theme,elem_id = "main-
 
 
                 with gr.Row(elem_id = "input-message"):
-                    textbox=gr.Textbox(placeholder="Ask me anything here!",show_label=False,scale=7,lines = 1,interactive = True,elem_id="input-textbox")
+                    textbox=gr.Textbox(placeholder="Ask me anything here!",show_label=False,scale=7,
+                                       lines = 1,interactive = True,elem_id="input-textbox")
 
             # second column with playground area for user to select values
             with gr.Column(scale=1, variant="panel",elem_id = "right-panel"):
                 # creating tabs on right panel
                 with gr.Tabs() as tabs:
+                    ################## tab for REPORTS SELECTION ##########
                     with gr.Tab("Reports",elem_id = "tab-config",id = 2):
                         gr.Markdown("Reminder: To get better results select the specific report/reports")
 
+                    ############### tab for Question selection ###############
                     with gr.TabItem("Examples",elem_id = "tab-examples",id = 0):
-                        gr.Markdown("Reminder: To get better results select the specific report/reports")
-
+                        examples_hidden = gr.Textbox(visible = False)
+
+                        # getting defualt key value to display
+                        first_key = list(QUESTIONS.keys())[0]
+                        # create the question category dropdown
+                        dropdown_samples = gr.Dropdown(QUESTIONS.keys(),value = first_key,
+                                                       interactive = True,show_label = True,
+                                                       label = "Select a category of sample questions",
+                                                       elem_id = "dropdown-samples")
+                        
+                        
+                        # iterate through the questions list
+                        samples = []
+                        for i,key in enumerate(QUESTIONS.keys()):
+                            examples_visible = True if i == 0 else False
+                            with gr.Row(visible = examples_visible) as group_examples:
+                                examples_questions = gr.Examples(
+                                    QUESTIONS[key],
+                                    [examples_hidden],
+                                    examples_per_page=8,
+                                    run_on_click=False,
+                                    elem_id=f"examples{i}",
+                                    api_name=f"examples{i}",
+                                    # label = "Click on the example question or enter your own",
+                                    # cache_examples=True,
+                                )
+                            
+                            samples.append(group_examples)
+                    ########## tab for Sources reporting #################
                     with gr.Tab("Sources",elem_id = "tab-citations",id = 1):
+                        sources_textbox = gr.HTML(show_label=False, elem_id="sources-textbox")
+                        docs_textbox = gr.State("")
                         gr.Markdown("Reminder: To get better results select the specific report/reports")