update

app.py

@@ -960,6 +960,18 @@ centered_col_css = """
     width: 100% !important;          /* Occupy full width of its column */
     white-space: normal !important;  /* Allow text to wrap onto multiple lines */
 }
+#txagent-demo-btn {
+    background-color: #4CAF50 !important;
+    color: white !important;
+    border-color: #4CAF50 !important;
+    margin-top: 10px !important;
+}
+#api-key-btn {
+    background-color: #FF9800 !important;
+    color: white !important;
+    border-color: #FF9800 !important;
+    margin-top: 10px !important;
+}
 .criteria-radio-score-label [role="radiogroup"],
 .criteria-radio-score-label .gr-radio-group,
 .criteria-radio-score-label .flex {
@@ -1021,11 +1033,38 @@ with gr.Blocks(css=centered_col_css) as demo:
     with gr.Column(visible=True, elem_id="page-1") as page_minus1:
         gr.HTML("""
         <div>
-            <h1>TxAgent Portal: AI Evaluation and Crowdsourcing of Therapeutic Questions</h1>
+            <h1>TxAgent: An AI Agent for Therapeutics</h1>
         </div>
         """)
-        # with gr.Row(elem_classes=["center-row"]):
-        # 第一行：并排放两个按钮
+        # Add TxAgent demo and API key buttons
+        with gr.Column(scale=1):
+            api_key_btn = gr.Button(
+                value="Request Access",
+                variant="secondary", 
+                size="lg",
+                elem_id="api-key-btn"
+            )
+        with gr.Column(scale=1):
+            txagent_demo_btn = gr.Button(
+                value="Access TxAgent",
+                variant="secondary",
+                size="lg",
+                elem_id="txagent-demo-btn"
+            )
+
+            gr.Markdown(
+                """
+                For live access to TxAgent, you can:
+                - Access TxAgent if you have an account.
+                - Request access if you do not have an account yet.
+
+                We look forward to your feedback!
+                """
+            )
+        
+        # Add extra white space between sections
+        gr.HTML("<br>")
+        
         with gr.Column(scale=1):
             participate_eval_btn = gr.Button(
                 value="Evaluate TxAgent",
@@ -1044,27 +1083,32 @@ with gr.Blocks(css=centered_col_css) as demo:
                 Thank you for helping improve TxAgent!
                 """
             )
-        with gr.Column(scale=1):
-            submit_questions_btn = gr.Button(
-                value="Submit Your Therapeutic Questions",
-                variant="primary",
-                size="lg",
-                elem_id="submit-btn"
-            )
+
+
+
+
+        # with gr.Column(scale=1):
+        #     submit_questions_btn = gr.Button(
+        #         value="Submit Your Therapeutic Questions",
+        #         variant="primary",
+        #         size="lg",
+        #         elem_id="submit-btn"
+        #     )
 
         # with gr.Row(elem_classes=["center-row"]):
             # 第二行：分别放两段说明文字
-        with gr.Column(scale=1):
-            gr.Markdown(
-                """
-                By submitting therapeutic questions, you will:
-                - Help identify edge cases and blind spots for AI models.
-                - Help extend AI models to reason in new domains.
-                - Directly shape future model improvements.
+        # with gr.Column(scale=1):
+        #     gr.Markdown(
+        #         """
+        #         By submitting therapeutic questions, you will:
+        #         - Help identify edge cases and blind spots for AI models.
+        #         - Help extend AI models to reason in new domains.
+        #         - Directly shape future model improvements.
+
+        #         We look forward to seeing your feedback!
+        #         """
+        #     )
 
-                We look forward to seeing your feedback!
-                """
-            )
 
             # Add contact information in Markdown format
             contact_info_markdown = """
@@ -1081,11 +1125,29 @@ with gr.Blocks(css=centered_col_css) as demo:
         # For the Google Form button, we'll use JavaScript to open a new tab.
         # The URL for the Google Form should be replaced with the actual link.
         google_form_url = "https://forms.gle/pYvyvEQQwS5gdupQA"
-        submit_questions_btn.click(
+        # submit_questions_btn.click(
+        #     fn=None,
+        #     inputs=None,
+        #     outputs=None,
+        #     js=f"() => {{ window.open('{google_form_url}', '_blank'); }}"
+        # )
+        
+        # TxAgent demo button click handler
+        txagent_demo_url = "https://txagent.curebench.ai/"
+        txagent_demo_btn.click(
+            fn=None,
+            inputs=None,
+            outputs=None,
+            js=f"() => {{ window.open('{txagent_demo_url}', '_blank'); }}"
+        )
+        
+        # API key application button click handler  
+        api_key_url = "https://docs.google.com/forms/d/e/1FAIpQLScEFhgT1X0wOkpWjEOMGpvhDFyIfoSMzJZ2HA9o0F0BaNcQPw/viewform?usp=dialog"
+        api_key_btn.click(
             fn=None,
             inputs=None,
             outputs=None,
-            js=f"() => {{ window.open('{google_form_url}', '_blank'); }}"
+            js=f"() => {{ window.open('{api_key_url}', '_blank'); }}"
         )
 
     # Page 0: Welcome / Informational page.