Start button timer added

app.py

@@ -20,24 +20,6 @@ gc   = service_account_from_dict(info)
 ws   = gc.open_by_key("1lfhomrFnhmRIxQvdJZr-7gASA3sONBT_mblHNreMKvc").sheet1
 
 
-# no start timer function needed here, since we start it on first Fake? click
-# (or Retry, which resets it)
-# def start_timer(state):
-#     # only set once
-#     if state is None:
-#         state = {}
-#     if "timer_start" not in state:
-#         state["timer_start"] = datetime.now().isoformat()
-#     return state
-
-
-def click_timer(is_checked, state):
-    # if they check any Fake? box and timer isn't running yet, start it
-    if state is None:
-        state = {}
-    if is_checked and "timer_start" not in state:
-        state["timer_start"] = datetime.now().isoformat()
-    return state
 
 def record_run(name, session_start, attempt_num, elapsed_sec, familiarity, correct_count, wrong_list):
     """
@@ -62,18 +44,6 @@ def get_new_grid(state=None):
       - Leave timer_start unset on initial load (so they must click Start or first Fake?)
     """
 
-    # # 1) Initialize or preserve only attempts/wrongs and any existing timer
-    # if state is None or "attempts" not in state:
-    #     attempts = []
-    #     wrongs   = []
-    #     # do NOT set timer_start here—that only comes from the checkbox
-    # else:
-    #     attempts = state["attempts"]
-    #     wrongs   = state["wrongs"]
-    # # preserve timer_start if previously set
-    # timer_start = state.get("timer_start") if state else None
-
-    # 1) Preserve attempt_count or start at 0
     attempt_count = (state or {}).get("attempt_count", 0)
 
 
@@ -91,23 +61,14 @@ def get_new_grid(state=None):
     thumbs = [np.array(Image.open(p).convert("RGB")) for p in paths]
     resets = [False] * 16
 
-    # # 3) Build the updated state
-    # new_state = {
-    #     "session_start": session_start,
-    #     "attempts": attempts,
-    #     "wrongs": wrongs,
-    #     "paths": paths,
-    #     "truth": truth
-    # }
 
     new_state = {
         "paths": paths,
         "truth": truth,
-        "attempt_count": attempt_count ,  # increment attempt count
+        "attempt_count": attempt_count ,  # increment attempt count,
+        "timer_start":   datetime.now().isoformat()
     }
-    # Reset timer on Retry (state exists); leave unset on first load (state is None)
-    if state is not None:
-        new_state["timer_start"] = datetime.now().isoformat()
+
 
     return (*thumbs, *resets, new_state)
 
@@ -163,7 +124,6 @@ def evaluate(
 
     return (*bordered, state, summary)
 
-
 with gr.Blocks(fill_width=True) as demo:
     # Terms & Conditions gate
     terms_cb = gr.Checkbox(
@@ -181,50 +141,58 @@ with gr.Blocks(fill_width=True) as demo:
         #         Familiarity slider (1=first time, 10=expert)
         familiarity = gr.Slider(
             minimum=1, maximum=10, step=1, value=1,
-            label="How familiar are you with P. aeruginosa patterns? 1: first time seeing these 10: Have worked with these patterns before",
+            label="How familiar are you with P. aeruginosa patterns? 1: First time seeing these 10: Have worked with these patterns before",
             interactive=True
         )
         state     = gr.State(None)
 
-        # start_cb  = gr.Checkbox(label="Timer starts now", interactive=True)
-        # start_cb.change(fn=start_timer, inputs=[state], outputs=[state])
-
-   
-
-        image_components = []
-        checkbox_components = []
-        for row in range(4):
-            with gr.Row():
-                for col in range(4):
-                    idx = row * 4 + col
-                    with gr.Column(min_width=200, scale=1):
-                        img = gr.Image(type="numpy", interactive=False, show_label=False)
-                        cb  = gr.Checkbox(label="Fake?", elem_id=f"cb_{idx}")
-                    image_components.append(img)
-                    checkbox_components.append(cb)
-
-        # if they forget the box, start timer on first Fake? checkbox click
-        for cb in checkbox_components:
-            cb.change(fn=click_timer, inputs=[cb, state], outputs=[state])
-
-        submit_btn  = gr.Button("Submit")
-        retry_btn  = gr.Button("Retry")
-        score_out  = gr.Textbox(label="Score & Time", interactive=False)
-
-        demo.load(
-            fn=get_new_grid,
-            inputs=[state],
-            outputs=[*image_components, *checkbox_components, state]
-        )
-        retry_btn.click(
+        # Add a Start button that WILL load images and start the timer
+        start_btn = gr.Button("Start")
+
+        # Now wrap the grid + controls in a hidden Column
+        with gr.Column(visible=False) as grid_ui:
+
+            image_components = []
+            checkbox_components = []
+            for row in range(4):
+                with gr.Row():
+                    for col in range(4):
+                        idx = row * 4 + col
+                        with gr.Column(min_width=200, scale=1):
+                            img = gr.Image(type="numpy", interactive=False, show_label=False)
+                            cb  = gr.Checkbox(label="Fake?", elem_id=f"cb_{idx}")
+                        image_components.append(img)
+                        checkbox_components.append(cb)
+
+
+           
+
+            submit_btn  = gr.Button("Submit")
+            retry_btn  = gr.Button("Retry")
+            score_out  = gr.Textbox(label="Score & Time", interactive=False)
+
+           
+           
+            retry_btn.click(
+                fn=get_new_grid,
+                inputs=[state],
+                outputs=[*image_components, *checkbox_components, state]
+            )
+            submit_btn.click(
+                fn=evaluate,
+                inputs=[*checkbox_components, state,user_name, familiarity],
+                outputs=[*image_components, state,score_out]
+            )
+            # Wire start_btn to both load the grid _and_ reveal it
+        start_btn.click(
             fn=get_new_grid,
             inputs=[state],
             outputs=[*image_components, *checkbox_components, state]
         )
-        submit_btn.click(
-            fn=evaluate,
-            inputs=[*checkbox_components, state,user_name, familiarity],
-            outputs=[*image_components, state,score_out]
+        start_btn.click(
+            fn=lambda _: gr.update(visible=True),
+            inputs=[],
+            outputs=[grid_ui]
         )