Update app.py

app.py

@@ -460,6 +460,15 @@ with gr.Blocks(title="🤖 Dox the Data Professional's Guide 🤖"#,
                 #     )
                 #     example_buttons.append(btn)
 
+                gr.Markdown("### 💡 Example Questions", elem_classes="example-button")
+                examples = gr.Examples(
+                    examples=example_questions,
+                    inputs=question,
+                    outputs=[chatbot, question],
+                    fn=run_example,
+                    cache_examples=False
+                )
+
                 gr.HTML(
                     """
                     <hr>
@@ -487,30 +496,30 @@ with gr.Blocks(title="🤖 Dox the Data Professional's Guide 🤖"#,
                     elem_id="question_box"
                 )
 
-                with gr.Row():
-                    submit_btn = gr.Button(
-                        "🙋 Ask Dox a question:",
-                        variant="primary",
-                        elem_classes=["primary-action"]
-                    )
+                # with gr.Row():
+                #     submit_btn = gr.Button(
+                #         "🙋 Ask Dox a question:",
+                #         variant="primary",
+                #         elem_classes=["primary-action"]
+                #     )
 
                 with gr.Row():
                     ask_btn = gr.Button("Submit 📤", variant="primary", elem_classes="primary-action")
                     clear_btn = gr.Button("🧹 Clear Chat", elem_classes="clear-action")
                 # A section for example questions.
-                gr.Markdown("### 💡 Example Questions", elem_classes="component")
-                examples = gr.Examples(
-                    examples=example_questions,
-                    inputs=question,
-                    outputs=[chatbot, question],
-                    fn=run_example,
-                    cache_examples=False
-                )
+                # gr.Markdown("### 💡 Example Questions", elem_classes="example-button")
+                # examples = gr.Examples(
+                #     examples=example_questions,
+                #     inputs=question,
+                #     outputs=[chatbot, question],
+                #     fn=run_example,
+                #     cache_examples=False
+                # )
 
                 # 👍👎 Feedback buttons
                 with gr.Row():
-                    thumbs_up = gr.Button("👍 Helpful", elem_classes="component")
-                    thumbs_down = gr.Button("👎 Not Helpful", elem_classes="component")
+                    thumbs_up = gr.Button("👍 Helpful", elem_classes="clear-action")
+                    thumbs_down = gr.Button("👎 Not Helpful", elem_classes="clear-action")
                  
                 # Hidden feedback box (only appears on 👎)
                 feedback_box = gr.Textbox(
@@ -518,16 +527,16 @@ with gr.Blocks(title="🤖 Dox the Data Professional's Guide 🤖"#,
                     visible=False
                 )
                  
-                submit_feedback_btn = gr.Button("📝 Submit Feedback", visible=False, elem_classes="component")
-                feedback_status = gr.Markdown("", elem_classes="component")
+                submit_feedback_btn = gr.Button("📝 Submit Feedback", visible=False, elem_classes="clear-action")
+                feedback_status = gr.Markdown("", elem_classes="clear-action")
             # RIGHT-SIDE COLUMN: for the PDF preview.
             with gr.Column(scale=3):
-                gr.Markdown("### 📄 Referenced PDF Document (🌐 Empty for Web Results)", elem_classes="component")
+                gr.Markdown("### 📄 Referenced PDF Document (🌐 Empty for Web Results)", elem_classes="clear-action")
                 #gr.Markdown(" 🌐 Empty by default", elem_classes="component")
                 # A hidden state to store the PDF link found in the agent's response.
                 link_state = gr.State()
                 # A markdown component to show PDF loading status.
-                pdf_status = gr.Markdown(visible=False, elem_classes="component")
+                pdf_status = gr.Markdown(visible=False, elem_classes="clear-action")
                 # An image component to display the PDF preview.
                 output_image = gr.Image(
                     label="⬇️ Cheat Sheet Preview",