Preview-vs-save flow, interactive recreate checkbox, top status message

app.py

@@ -119,7 +119,7 @@ def lookup_participant(username: str):
 def on_load(profile: gr.OAuthProfile | None):
     """Runs on page load. Drives which panel is shown, pre-fills the form, and — if the user
     already generated a certificate — shows it and reveals the 'Recreate' control."""
-    hidden_cb = gr.update(visible=False, value=False, interactive=True)
+    reset_cb = gr.update(value=False)   # never toggle the checkbox's own visibility (keeps it interactive)
 
     if profile is None:
         return (
@@ -131,7 +131,7 @@ def on_load(profile: gr.OAuthProfile | None):
             "",                                  # data_status
             None,                                # certificate_image
             None,                                # certificate_file
-            hidden_cb,                           # recreate_checkbox
+            reset_cb,                            # recreate_checkbox
             "",                                  # generation_status
         )
 
@@ -145,7 +145,7 @@ def on_load(profile: gr.OAuthProfile | None):
             gr.update(visible=False),
             gr.update(visible=True),
             "", gr.update(value="", visible=True), "",
-            None, None, hidden_cb, "",
+            None, None, reset_cb, "",
         )
 
     name_value = full_name or profile_name
@@ -176,10 +176,10 @@ def on_load(profile: gr.OAuthProfile | None):
             "- Want to **replace** your saved copy? Tick **Recreate certificate** below, then generate. "
             "There's one certificate per participant, so the new one overwrites the old."
         )
-        cb = gr.update(visible=True, value=False, interactive=True)
+        cb = reset_cb
     else:
         gen_status = ""
-        cb = gr.update(visible=False, value=False, interactive=True)
+        cb = reset_cb
 
     return (
         f"Signed in as **{username}**.",
@@ -207,7 +207,7 @@ def generate_linkedin_url(participant_name, project_name):
 # ----------------------------------------------------------------------------- generate
 def create_certificate(participant_name, project_name, recreate,
                        oauth_token: gr.OAuthToken | None, profile: gr.OAuthProfile | None):
-    hide_cb = gr.update(visible=False, interactive=True)
+    hide_cb = gr.update(value=False)
     if profile is None:
         return None, None, "❌ Please sign in first to generate your certificate.", "", hide_cb
 
@@ -245,9 +245,9 @@ def create_certificate(participant_name, project_name, recreate,
         client = get_gradio_client()
         image_path = client.predict(html_file=handle_file(html_path), api_name="/predict")[0]
     except Exception as e:
-        return None, None, f"❌ Error generating certificate image: {e}", "", gr.update(visible=bool(existing_path), interactive=True)
+        return None, None, f"❌ Error generating certificate image: {e}", "", gr.update(value=False)
 
-    show_cb = gr.update(visible=True, value=False, interactive=True)
+    show_cb = gr.update(value=False)
     linkedin_url = generate_linkedin_url(participant_name, project_name)
 
     # Decide what happens to the SAVED copy in the dataset.
@@ -321,8 +321,9 @@ button.primary, .bs-generate button{background:var(--forest) !important;border:2
 .bs-contact a{color:var(--forest);font-weight:700;}
 .bs-linkedin{display:inline-block;background:var(--ink);color:var(--paper) !important;text-decoration:none;
   font-weight:800;padding:11px 20px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--amber);}
-input, textarea{border-radius:0 !important;border:2px solid var(--ink) !important;
-  background:#fff !important;font-family:'Spline Sans Mono',monospace !important;}
+input:not([type='checkbox']):not([type='radio']), textarea{border-radius:0 !important;
+  border:2px solid var(--ink) !important;background:#fff !important;
+  font-family:'Spline Sans Mono',monospace !important;}
 footer{display:none !important;}
 """
 
@@ -384,7 +385,8 @@ with gr.Blocks(title="Build Small — Certificate Generator") as demo:
         )
         recreate_checkbox = gr.Checkbox(
             label="Recreate certificate — replace the copy saved in our records",
-            value=False, visible=False, interactive=True,
+            info="Only matters once you already have a saved certificate — tick it to overwrite the stored copy.",
+            value=False, visible=True, interactive=True,
         )
         with gr.Row(elem_classes=["bs-generate"]):
             generate_btn = gr.Button("Generate my certificate", variant="primary", size="lg")