Update app.py

app.py

@@ -20,42 +20,42 @@ with open("mtdna_tool_explainer_updated.html", "r", encoding="utf-8") as f:
     flow_chart = f.read()
 
 # This would go in a separate CSS file or a <style> block in your Gradio app
-        css = """
-        #nps-buttons-container .gr-radio-group {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-            gap: 8px; /* Adjust spacing between buttons */
-        }
-        #nps-buttons-container .gr-radio-input {
-            display: none; /* Hide the default radio circle */
-        }
-        #nps-buttons-container .gr-radio-label {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 40px; /* Adjust button size */
-            height: 40px;
-            border-radius: 8px; /* Adjust border radius for rounded corners */
-            background-color: #38a169; /* Example green color */
-            color: white;
-            font-weight: bold;
-            cursor: pointer;
-            transition: background-color 0.2s ease;
-        }
-        #nps-buttons-container .gr-radio-label:hover {
-            background-color: #2f855a; /* Darker green on hover */
-        }
-        #nps-buttons-container input[type="radio"]:checked + .gr-radio-label {
-            background-color: #1a4f35; /* Even darker green for the selected state */
-            border: 2px solid white; /* Highlight the selected button */
-        }
-        #nps-left-label, #nps-right-label {
-            width: 50%;
-            font-size: 0.9em;
-            color: #666;
-        }
-        """
+css = """
+#nps-buttons-container .gr-radio-group {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    gap: 8px; /* Adjust spacing between buttons */
+}
+#nps-buttons-container .gr-radio-input {
+    display: none; /* Hide the default radio circle */
+}
+#nps-buttons-container .gr-radio-label {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px; /* Adjust button size */
+    height: 40px;
+    border-radius: 8px; /* Adjust border radius for rounded corners */
+    background-color: #38a169; /* Example green color */
+    color: white;
+    font-weight: bold;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+}
+#nps-buttons-container .gr-radio-label:hover {
+    background-color: #2f855a; /* Darker green on hover */
+}
+#nps-buttons-container input[type="radio"]:checked + .gr-radio-label {
+    background-color: #1a4f35; /* Even darker green for the selected state */
+    border: 2px solid white; /* Highlight the selected button */
+}
+#nps-left-label, #nps-right-label {
+    width: 50%;
+    font-size: 0.9em;
+    color: #666;
+}
+"""
 
 with gr.Blocks() as interface:
     # with gr.Tab("CURIOUS ABOUT THIS PRODUCT?"):
@@ -63,7 +63,15 @@ with gr.Blocks() as interface:
     with gr.Tab("🧬 Classifier"):
         gr.Markdown("# 🧬 mtDNA Location Classifier (MVP)")
         #inputMode = gr.Radio(choices=["Single Accession", "Batch Input"], value="Single Accession", label="Choose Input Mode")
-        user_email = gr.Textbox(label="📧 Your email (used to track free quota)")
+        #user_email = gr.Textbox(label="📧 Your email (used to track free quota)")
+            
+        sign_in_button = gr.Button("Sign in to Download")
+        user_email = gr.Textbox(
+            label="📧 Your email (used to track free quota)",
+            visible=False
+        )
+        # The output will be used to display a message to the user
+        output_message = gr.Textbox(visible=False, interactive=False)
         usage_display = gr.Markdown("", visible=False)
     
         # with gr.Group() as single_input_group:
@@ -77,7 +85,7 @@ with gr.Blocks() as interface:
         #     file_upload = gr.File(label="📁 Or Upload CSV/Excel File", file_types=[".csv", ".xlsx"], interactive=True, elem_id="file-upload-box")
         raw_text = gr.Textbox(label="🧚 Input Accession Number(s) (single (KU131308) or comma-separated (e.g., MF362736.1,MF362738.1,KU131308,MW291678))")
         #resume_file = gr.File(label="🗃️ Previously saved Excel output (optional)", file_types=[".xlsx"], interactive=True)
-        gr.HTML("""<a href="https://docs.google.com/spreadsheets/d/1lKqPp17EfHsshJGZRWEpcNOZlGo3F5qU/edit?usp=sharing" download target="_blank">Download Example Excel Format</a>""")
+        gr.HTML("""<a href="https://docs.google.com/spreadsheets/d/1lKqPp17EfHsshJGZRWEpcNOZlGo3F5qU/edit?usp=sharing" download target="_blank">Example Excel Batch Input Format</a>""")
         file_upload = gr.File(label="📁 Or Upload CSV/Excel File", file_types=[".csv", ".xlsx"], interactive=True)
         processed_info = gr.Markdown(visible=False)  # new placeholder for processed list
         
@@ -159,7 +167,10 @@ with gr.Blocks() as interface:
         #         return gr.update(visible=True), gr.update(visible=False)
         #     else:
         #         return gr.update(visible=False), gr.update(visible=True)
-        
+        def show_email_textbox():
+            # Return a gr.update() to make the textbox visible and set the message
+            return gr.update(visible=True), gr.update(value="Give your email to download excel output and 20+ more free samples", visible=True)
+            
         def classify_with_loading():
             return gr.update(value="⏳ Please wait... processing...",visible=True)  # Show processing message
              
@@ -566,7 +577,7 @@ with gr.Blocks() as interface:
                 warning = f"⚠️ Only processing first {limited_acc} accessions."
             else:
                 warning = f"✅ All {total} accessions will be processed."
-            processed_info = warning + "\n" +f"Processed/Input accessions: {', '.join(accessions)}"   
+            processed_info = warning + "\n" +f"Processed accessions: {accessions[0]}...{accessions[-1]}"   
             ### NEW: Hide inputs, show processed_info at start
             yield (
                 make_html_table(all_rows), # output_table
@@ -578,8 +589,8 @@ with gr.Blocks() as interface:
                 gr.update(visible=False), # run_button,
                 gr.update(visible=True),     # show stop button
                 gr.update(visible=True),     # show reset button
-                gr.update(visible=False),    # hide raw_text
-                gr.update(visible=False),    # hide file_upload
+                gr.update(visible=True),    # hide raw_text
+                gr.update(visible=True),    # hide file_upload
                 gr.update(value=processed_info, visible=True),  # processed_info
                 gr.update(visible=False)     # hide NPS modal at start
             )
@@ -673,8 +684,8 @@ with gr.Blocks() as interface:
                             gr.update(visible=False),                          # run_button
                             gr.update(visible=False),                          # stop_button
                             gr.update(visible=True),                           # reset_button
-                            gr.update(visible=False),                          # raw_text
-                            gr.update(visible=False),                          # file_upload
+                            gr.update(visible=True),                          # raw_text
+                            gr.update(visible=True),                          # file_upload
                             gr.update(value=processed_info, visible=False),                # processed_info
                             gr.update(visible=True)                            # NPS modal now visible
                         )
@@ -701,8 +712,8 @@ with gr.Blocks() as interface:
                         gr.update(visible=False),           # run_button
                         gr.update(visible=True),           # stop_button
                         gr.update(visible=True),           # reset_button
-                        gr.update(visible=False),          # hide raw_text
-                        gr.update(visible=False),          # hide file_upload
+                        gr.update(visible=True),          # hide raw_text
+                        gr.update(visible=True),          # hide file_upload
                         gr.update(value=processed_info, visible=True),  # processed_info
                         gr.update(visible=False)           # hide NPS modal at start
                     )
@@ -739,8 +750,8 @@ with gr.Blocks() as interface:
                         gr.update(visible=False),         # run_button
                         gr.update(visible=True),          # stop_button
                         gr.update(visible=True),          # reset_button
-                        gr.update(visible=False),         # raw_text
-                        gr.update(visible=False),         # file_upload
+                        gr.update(visible=True),         # raw_text
+                        gr.update(visible=True),         # file_upload
                         gr.update(value=processed_info, visible=True),  # processed_info
                         gr.update(visible=False)          # hide NPS modal
                     )
@@ -774,8 +785,8 @@ with gr.Blocks() as interface:
                             gr.update(visible=False),                          # run_button
                             gr.update(visible=False),                          # stop_button
                             gr.update(visible=True),                           # reset_button
-                            gr.update(visible=False),                          # raw_text
-                            gr.update(visible=False),                          # file_upload
+                            gr.update(visible=True),                          # raw_text
+                            gr.update(visible=True),                          # file_upload
                             gr.update(value="", visible=False),                # processed_info
                             gr.update(visible=True)                            # NPS modal now visible
                         )
@@ -810,11 +821,11 @@ with gr.Blocks() as interface:
                         "",                                # usage_display
                         "⏳ Processing...",                 # status
                         "\n".join(log_lines),              # progress_box
-                        gr.update(visible=True),           # run_button
+                        gr.update(visible=False),           # run_button
                         gr.update(visible=True),           # stop_button
                         gr.update(visible=True),           # reset_button
-                        gr.update(visible=False),          # hide raw_text
-                        gr.update(visible=False),          # hide file_upload
+                        gr.update(visible=True),          # hide raw_text
+                        gr.update(visible=True),          # hide file_upload
                         gr.update(value=processed_info, visible=True),  # processed_info
                         gr.update(visible=False)           # hide NPS modal at start
                     )
@@ -829,11 +840,11 @@ with gr.Blocks() as interface:
                         "",                                # usage_display
                         "⏳ Processing...",                 # status
                         "\n".join(log_lines),              # progress_box
-                        gr.update(visible=True),           # run_button
+                        gr.update(visible=False),           # run_button
                         gr.update(visible=True),           # stop_button
                         gr.update(visible=True),           # reset_button
-                        gr.update(visible=False),          # hide raw_text
-                        gr.update(visible=False),          # hide file_upload
+                        gr.update(visible=True),          # hide raw_text
+                        gr.update(visible=True),          # hide file_upload
                         gr.update(value=processed_info, visible=True),  # processed_info
                         gr.update(visible=False)           # hide NPS modal at start
                     )
@@ -868,8 +879,8 @@ with gr.Blocks() as interface:
                 gr.update(visible=False),                          # run_button
                 gr.update(visible=False),                          # stop_button
                 gr.update(visible=True),                           # reset_button
-                gr.update(visible=False),                          # raw_text
-                gr.update(visible=False),                          # file_upload
+                gr.update(visible=True),                          # raw_text
+                gr.update(visible=True),                          # file_upload
                 gr.update(value=processed_info, visible=True),                # processed_info
                 gr.update(visible=True)                            # NPS modal now visible
             )
@@ -1104,6 +1115,12 @@ with gr.Blocks() as interface:
         #     queue=True,            # ✅ ensure the queue is used
         #     #every=0.5
         # )
+        # Link the button to the function
+        sign_in_button.click(
+            fn=show_email_textbox,
+            outputs=[user_email, output_message] # The outputs are the components to be updated
+        )
+        
         run_button.click(
             fn=threaded_batch_runner,
             inputs=[file_upload, raw_text, user_email],