Update app.py

app.py

@@ -278,8 +278,8 @@ def ask_question(message, history):
 
 # ----------- Gradio UI -------------
 with gr.Blocks(theme='shivi/calm_seafoam', title="📄 Insurance Policy AIdvisor") as demo:
-    gr.Markdown("# Welcome to the Insurance Policy AIdvisor App")
-    gr.Markdown("## Upload policy and converse")
+    gr.Markdown("# Insurance Policy AIdvisor App")
+    gr.Markdown("### Upload policy and converse")
     with gr.Tab("📄 Upload PDF"):
         gr.Markdown("### Upload a PDF. And Intellignet Automation Processng will automatically processing it using ABBYY Vantage, ChromaDB and LangChain")
         pdf_file = gr.File(label="📤 Upload a PDF", file_types=[".pdf"])
@@ -294,32 +294,32 @@ with gr.Blocks(theme='shivi/calm_seafoam', title="📄 Insurance Policy AIdvisor
         )
 
     with gr.Tab("💬 Chatbot"):
-        gr.Markdown("### Ask about the policy and get advice.")
-        chat = gr.ChatInterface(fn=ask_question,
-                                title = "🤖 AIdvisor",
-                                chatbot=gr.Chatbot(
-                                        avatar_images=(
-                                                        "https://em-content.zobj.net/source/twitter/141/parrot_1f99c.png",  # User
-                                                        "https://em-content.zobj.net/source/twitter/141/robot-face_1f916.png"  # Bot
+        with gr.Row():
+            with gr.Column():
+                with gr.Tab("System Design"):
+                gr.Image(value="https://cdn-lfs-us-1.hf.co/repos/e7/a4/e7a47f46296d94e3b4603984b1dee0c0d5919d87bf9aedc813e32ca2ac1ecdc9/a73905a03d47428d1ae7168eaff7def74cc450658f7fa8afca72d1ca2793259e?response-content-disposition=inline%3B+filename*%3DUTF-8%27%27AIdvisor_devcon.png%3B+filename%3D%22AIdvisor_devcon.png%22%3B&response-content-type=image%2Fpng&Expires=1751715808&Policy=eyJTdGF0ZW1lbnQiOlt7IkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc1MTcxNTgwOH19LCJSZXNvdXJjZSI6Imh0dHBzOi8vY2RuLWxmcy11cy0xLmhmLmNvL3JlcG9zL2U3L2E0L2U3YTQ3ZjQ2Mjk2ZDk0ZTNiNDYwMzk4NGIxZGVlMGMwZDU5MTlkODdiZjlhZWRjODEzZTMyY2EyYWMxZWNkYzkvYTczOTA1YTAzZDQ3NDI4ZDFhZTcxNjhlYWZmN2RlZjc0Y2M0NTA2NThmN2ZhOGFmY2E3MmQxY2EyNzkzMjU5ZT9yZXNwb25zZS1jb250ZW50LWRpc3Bvc2l0aW9uPSomcmVzcG9uc2UtY29udGVudC10eXBlPSoifV19&Signature=LBkX6L3dFqkI2ZtI2dmP6HixmNiNPTkaDFCyL5fVi8VD8FBtiSYGgMLtc-txKZagZlvICE9F6mqLGevwVCg%7Eqex6nNwBV8dvN1i4uZt%7EbttNEtiSBqGYS3jZ3rUPzELU9WSL2KKbR4btWSC2ZBjIFav8MaUM5ypJyHikmlMAh-Z7LCvRiIf-YkyZC-IboJs-DrqcAm3j%7EvpdDMWI24pvIZrd9lGIynzkG%7E9pr555vUaD4NOKQmxS25O8X17390pDC2mApZdILpVvq1RkdiHdSqr1nQHMB6YmI3sXN5hv7Z%7EFHK%7ELggkaqPrmSa2paCULBruk79gVnEXwZXC4yAQxYg__&Key-Pair-Id=K24J24Z295AEI9")
+            with gr.Column():
+                chat = gr.ChatInterface(fn=ask_question,
+                                        title = "🤖 AIdvisor",
+                                        chatbot=gr.Chatbot(
+                                                avatar_images=(
+                                                                "https://em-content.zobj.net/source/twitter/141/parrot_1f99c.png",  # User
+                                                                "https://em-content.zobj.net/source/twitter/141/robot-face_1f916.png"  # Bot
+                                                )
                                         )
-                                )
-               )
-
-        gr.Examples(
-            examples=[
-                "In what forms are the certificate avalaible?",
-                "How many employees should enroll if the member is to not contribute premium?",
-                "Can insurer contest this policy?",
-                "when can insurer make changes to the policy?",
-                "I gave incorrect age in the policy, what to do now?",
-                "Can the data I filled in the application form to get the insurance policy be used against me?"
-            ],
-            inputs=chat.textbox
-        )
-
-    with gr.Tab("System Design"):
-        gr.Image(value="https://cdn-lfs-us-1.hf.co/repos/e7/a4/e7a47f46296d94e3b4603984b1dee0c0d5919d87bf9aedc813e32ca2ac1ecdc9/a73905a03d47428d1ae7168eaff7def74cc450658f7fa8afca72d1ca2793259e?response-content-disposition=inline%3B+filename*%3DUTF-8%27%27AIdvisor_devcon.png%3B+filename%3D%22AIdvisor_devcon.png%22%3B&response-content-type=image%2Fpng&Expires=1751715808&Policy=eyJTdGF0ZW1lbnQiOlt7IkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc1MTcxNTgwOH19LCJSZXNvdXJjZSI6Imh0dHBzOi8vY2RuLWxmcy11cy0xLmhmLmNvL3JlcG9zL2U3L2E0L2U3YTQ3ZjQ2Mjk2ZDk0ZTNiNDYwMzk4NGIxZGVlMGMwZDU5MTlkODdiZjlhZWRjODEzZTMyY2EyYWMxZWNkYzkvYTczOTA1YTAzZDQ3NDI4ZDFhZTcxNjhlYWZmN2RlZjc0Y2M0NTA2NThmN2ZhOGFmY2E3MmQxY2EyNzkzMjU5ZT9yZXNwb25zZS1jb250ZW50LWRpc3Bvc2l0aW9uPSomcmVzcG9uc2UtY29udGVudC10eXBlPSoifV19&Signature=LBkX6L3dFqkI2ZtI2dmP6HixmNiNPTkaDFCyL5fVi8VD8FBtiSYGgMLtc-txKZagZlvICE9F6mqLGevwVCg%7Eqex6nNwBV8dvN1i4uZt%7EbttNEtiSBqGYS3jZ3rUPzELU9WSL2KKbR4btWSC2ZBjIFav8MaUM5ypJyHikmlMAh-Z7LCvRiIf-YkyZC-IboJs-DrqcAm3j%7EvpdDMWI24pvIZrd9lGIynzkG%7E9pr555vUaD4NOKQmxS25O8X17390pDC2mApZdILpVvq1RkdiHdSqr1nQHMB6YmI3sXN5hv7Z%7EFHK%7ELggkaqPrmSa2paCULBruk79gVnEXwZXC4yAQxYg__&Key-Pair-Id=K24J24Z295AEI9")
-
+                       )
+
+                gr.Examples(
+                    examples=[
+                        "In what forms are the certificate avalaible?",
+                        "How many employees should enroll if the member is to not contribute premium?",
+                        "Can insurer contest this policy?",
+                        "when can insurer make changes to the policy?",
+                        "I gave incorrect age in the policy, what to do now?",
+                        "Can the data I filled in the application form to get the insurance policy be used against me?"
+                    ],
+                    inputs=chat.textbox
+                )
     with gr.Tab("UML-System Diagram"):
         gr.Markdown("[![](https://mermaid.ink/img/pako:eNrtVl1v2jAU_SuWn1qJIkIIhUirRGEgHrZVDCZ1QkImMcFqYme2s41V_e-7jhOapKnW91VIwbHP_b7HuY84ECHFPlb0R0Z5QGeMRJIkW45QSqRmAUsJ12i5mk3WiKh8sWyebhSV5tD8N88WkoRMbJbmvFw3MakUAVVql4aHnQhyVcvZXRM12e9Pp2-wIhE1kMnt7f09KjaaYEV1lu7gANYGmy_mJNBCnprY6VGKhMxuDbBcNzErqiWjP22cq8misrEWIn7ha83wlptzkmnBs2RvcyRpoJGM9hd9x-mg50ev27805wh9FpqimB40Eoc8tb7NPprH4peF2LJc3dw0U-ijTRoLEiISx-huNlcW30y0kaym1UeTTB_BYxYQME54iCKqkRYPlL9VQ4kIRZAloOriwGLaQeqBxfGOhUVwtWJetUagJeEKKsYEBzkrFguRog34B1FZPA2RgBqwhIpMW9BbvISwzh7uJFVZrNVF3eJlqe0NvipNdKbQh9IrxiPj1tlHq4rysC36NoVle6HCt9ezX-l0H301LyCTC5MYEdt-RrbKiFaTC6j0rEjJa_ZeGGwINI2UdPJhlfGHvKM-AgXCsB1_ZhUISGp6UJY77QIT60YBNsSclCEX2X4mmucBx_JHf_APouU3GvCmwrV8y5gsb7EzxwBnIee7rjW_a8miqFD7ZboqAdAq7-R8J-f_Sc6cesCLY869Ar-4WyO366F1JveiRmHn2jWfySE83N6rFK4Q1HB2Kjh4qIjpnCqVG1w2ezADqWdYjc6FbzUY-sX00dQhSYs6TlqTZT7CJvpyUkCV6aFeCNinkjJorbwkReHOA0pTcQVT0Vhxd1Vt0MK5etx2E3Cp4Iq2BG4vxDnj0LGygMGlg7Ji2MsraX64gyPJQuxrmdEOTqhMiHnFjwa2xXB3JXSLfViG9EDAry3e8icQg5HpuxBJKSlFFh2xfyCxgrcsDaF7irn0DAGrVE5FxjX2R6NcBfYf8W_sX426o6HrjLzr_nDoek5v3MEn2HaHTtfz-uOB43g9Z-iNnzr4T27V6Q561-7A7Q9H7ngwuO71O5iGDEbFT3Y4zmfkp7_uT8Ws?type=png)](https://mermaid.live/edit#pako:eNrtVl1v2jAU_SuWn1qJIkIIhUirRGEgHrZVDCZ1QkImMcFqYme2s41V_e-7jhOapKnW91VIwbHP_b7HuY84ECHFPlb0R0Z5QGeMRJIkW45QSqRmAUsJ12i5mk3WiKh8sWyebhSV5tD8N88WkoRMbJbmvFw3MakUAVVql4aHnQhyVcvZXRM12e9Pp2-wIhE1kMnt7f09KjaaYEV1lu7gANYGmy_mJNBCnprY6VGKhMxuDbBcNzErqiWjP22cq8misrEWIn7ha83wlptzkmnBs2RvcyRpoJGM9hd9x-mg50ev27805wh9FpqimB40Eoc8tb7NPprH4peF2LJc3dw0U-ijTRoLEiISx-huNlcW30y0kaym1UeTTB_BYxYQME54iCKqkRYPlL9VQ4kIRZAloOriwGLaQeqBxfGOhUVwtWJetUagJeEKKsYEBzkrFguRog34B1FZPA2RgBqwhIpMW9BbvISwzh7uJFVZrNVF3eJlqe0NvipNdKbQh9IrxiPj1tlHq4rysC36NoVle6HCt9ezX-l0H301LyCTC5MYEdt-RrbKiFaTC6j0rEjJa_ZeGGwINI2UdPJhlfGHvKM-AgXCsB1_ZhUISGp6UJY77QIT60YBNsSclCEX2X4mmucBx_JHf_APouU3GvCmwrV8y5gsb7EzxwBnIee7rjW_a8miqFD7ZboqAdAq7-R8J-f_Sc6cesCLY869Ar-4WyO366F1JveiRmHn2jWfySE83N6rFK4Q1HB2Kjh4qIjpnCqVG1w2ezADqWdYjc6FbzUY-sX00dQhSYs6TlqTZT7CJvpyUkCV6aFeCNinkjJorbwkReHOA0pTcQVT0Vhxd1Vt0MK5etx2E3Cp4Iq2BG4vxDnj0LGygMGlg7Ji2MsraX64gyPJQuxrmdEOTqhMiHnFjwa2xXB3JXSLfViG9EDAry3e8icQg5HpuxBJKSlFFh2xfyCxgrcsDaF7irn0DAGrVE5FxjX2R6NcBfYf8W_sX426o6HrjLzr_nDoek5v3MEn2HaHTtfz-uOB43g9Z-iNnzr4T27V6Q561-7A7Q9H7ngwuO71O5iGDEbFT3Y4zmfkp7_uT8Ws)")