fix test

app.py

@@ -27,10 +27,10 @@ def on_row_select(df, evt: gr.SelectData):
             return (
                 gr.update(visible=True),  # editing_panel
                 gr.update(value=float(row['Start'])),  # start_time
-                gr.update(value=str(row['Text'])),     # text_input
-                gr.update(value=float(row['End'])),    # end_time
-                gr.update(value=row_idx),              # selected_row_idx
-                gr.update(value="Update Entry")        # save_entry_button
+                gr.update(value=str(row['Text'])),  # text_input
+                gr.update(value=float(row['End'])),  # end_time
+                gr.update(value=row_idx),  # selected_row_idx
+                gr.update(value="Update Entry")  # save_entry_button
             )
     return gr.update(visible=False), "", "", "", -1, "Save Entry"
 
@@ -38,12 +38,12 @@ def on_row_select(df, evt: gr.SelectData):
 def show_add_entry_form():
     """Show editing panel for adding new entry"""
     return (
-        gr.update(visible=True),     # editing_panel
-        gr.update(value=0.0),        # start_time
-        gr.update(value=""),         # text_input
-        gr.update(value=0.0),        # end_time
-        gr.update(value=-1),         # selected_row_idx (-1 means new entry)
-        gr.update(value="Add Entry") # save_entry_button
+        gr.update(visible=True),  # editing_panel
+        gr.update(value=0.0),  # start_time
+        gr.update(value=""),  # text_input
+        gr.update(value=0.0),  # end_time
+        gr.update(value=-1),  # selected_row_idx (-1 means new entry)
+        gr.update(value="Add Entry")  # save_entry_button
     )
 
 
@@ -54,15 +54,15 @@ def save_entry(df, start_time, text, end_time, selected_row_idx, video_id):
     try:
         start_time = float(start_time)
         end_time = float(end_time)
-        
+
         if start_time >= end_time:
             return df, gr.update(visible=True), gr.Warning("Start time must be less than end time")
-        
+
         if not text.strip():
             return df, gr.update(visible=True), gr.Warning("Text cannot be empty")
-        
+
         df_copy = df.copy()
-        
+
         if selected_row_idx == -1:  # Adding new entry
             new_row = pd.DataFrame({
                 'Start': [start_time],
@@ -77,7 +77,7 @@ def save_entry(df, start_time, text, end_time, selected_row_idx, video_id):
                 df_copy.iloc[selected_row_idx] = [start_time, text.strip(), end_time]
                 # Sort by start time
                 df_copy = df_copy.sort_values('Start').reset_index(drop=True)
-        
+
         # Update in database
         save_result = save_captions_to_db(df_copy, video_id, user)
 
@@ -86,7 +86,7 @@ def save_entry(df, start_time, text, end_time, selected_row_idx, video_id):
             gr.update(visible=False),  # Hide panel on success
             gr.Info(f"{save_result}")
         )
-        
+
     except ValueError as e:
         return df, gr.update(visible=True), gr.Warning(f"Invalid time format: {str(e)}")
     except Exception as e:
@@ -113,50 +113,49 @@ def get_next_components():
     except (ValueError, Exception) as e:
         empty_captions = pd.DataFrame(columns=["Start", "Text", "End"])
         return empty_captions, "error"
-    
+
 
 (start_captions, start_video_id) = get_next_components()
 
 with gr.Blocks(css=css, head=yt_init_js, fill_width=True) as main_page:
+    user_state = gr.State("anonymous_user")
+    pointer_state = gr.State(0)
 
-    current_user = gr.Textbox(visible=False, interactive=False)
-    current_video_id = gr.Textbox(value=start_video_id, visible=False, interactive=False)
+    current_video_id = gr.Textbox(value="", visible=False, interactive=False)
     selected_row_idx = gr.Number(value=-1, visible=False)
 
-    main_page.load(get_username, outputs=current_user)  # Disabled when auth is disabled
+    main_page.load(get_username, outputs=user_state)
 
     with gr.Row(variant="panel"):
         with gr.Column(scale=4):
             gr.Markdown("## Caption Editor")
         with gr.Column(scale=4):
-            @gr.render(inputs=current_user)
+            @gr.render(inputs=user_state)
             def check_login(logged_in_user):
-                if logged_in_user is None:
+                if logged_in_user == "anonymous_user":
                     gr.Markdown("Please log in via Hugging Face", rtl=True)
                 else:
-                    gr.Markdown(f"Logged in as {user}", rtl=True)
+                    gr.Markdown(f"Logged in as {logged_in_user}", rtl=True)
         with gr.Column(scale=1, min_width=50):
             gr.LoginButton(value="Log in", logout_value="Log in")
 
     with gr.Row():
         with gr.Column(scale=2, min_width=600):
-            # Video player and "next video button
             video_embed = gr.HTML(value=get_youtube_player_html())
             next_video_button = gr.Button("Next", key="next_video")
         with gr.Column(scale=1, min_width=200):
-            # Read-only DataFrame with add button
-            caption_editor = gr.DataFrame(interactive=False,
-                                          elem_id="tbl",
-                                          value=start_captions,
-                                          datatype=["number", "str", "number"],
-                                          col_count=(3, "fixed"),
-                                          column_widths=["20%", "60%", "20%"],
-                                          headers=["Start", "Text", "End"],
-                                          wrap=True)
+            caption_editor = gr.DataFrame(
+                interactive=False,
+                elem_id="tbl",
+                datatype=["number", "str", "number"],
+                col_count=(3, "fixed"),
+                column_widths=["20%", "60%", "20%"],
+                headers=["Start", "Text", "End"],
+                wrap=True
+            )
             add_entry_button = gr.Button("Add Entry", variant="secondary")
 
     with gr.Row():
-        # Editing panel (initially hidden) - spans full width
         with gr.Group(visible=False) as editing_panel:
             gr.Markdown("### Edit Caption Entry")
             with gr.Row(equal_height=False):
@@ -165,7 +164,6 @@ with gr.Blocks(css=css, head=yt_init_js, fill_width=True) as main_page:
                     insert_start_time_button = gr.Button("Insert Current Time")
                 with gr.Column():
                     text_input = gr.Textbox(label="Caption Text", placeholder="Enter caption text...")
-
                 with gr.Column():
                     end_time_input = gr.Textbox(label="End Time (seconds)", value="0.000", interactive=False)
                     insert_end_time_button = gr.Button("Insert Current Time")
@@ -176,41 +174,47 @@ with gr.Blocks(css=css, head=yt_init_js, fill_width=True) as main_page:
 
     save_result = gr.Markdown()
 
-    # Event handlers
+    main_page.load(
+        fn=get_next_components,
+        outputs=[caption_editor, current_video_id],
+        js="""() => {
+            const checkPlayer = setInterval(() => {
+                if (window.ytPlayer && window.ytPlayer.cueVideoById) {
+                    clearInterval(checkPlayer);
+                    // cue video dynamically once captions arrive
+                }
+            }, 100);
+        }"""
+    )
+
     next_video_button.click(
         fn=get_next_components,
         outputs=[caption_editor, current_video_id]
     )
 
-    # Load video when current_video_id changes
     current_video_id.change(
         fn=None,
         inputs=current_video_id,
         outputs=None,
         js="""(videoId) => {
             if (window.ytPlayer && window.ytPlayer.cueVideoById) {
-                console.log('[Video Load] Calling cueVideoById with:', videoId);
+                console.log('[Video Load] cueVideoById', videoId);
                 window.ytPlayer.cueVideoById(videoId);
-            } else {
-                console.error('[Video Load] Player not ready yet');
             }
         }"""
     )
 
-    # Handle row selection in DataFrame
     caption_editor.select(
         fn=on_row_select,
         inputs=[caption_editor],
         outputs=[editing_panel, start_time_input, text_input, end_time_input, selected_row_idx, save_entry_button]
     )
 
-    # Handle add entry button
     add_entry_button.click(
         fn=show_add_entry_form,
         outputs=[editing_panel, start_time_input, text_input, end_time_input, selected_row_idx, save_entry_button]
     )
 
-    # Handle save entry
     save_entry_button.click(
         fn=save_entry,
         inputs=[caption_editor, start_time_input, text_input, end_time_input,
@@ -218,32 +222,15 @@ with gr.Blocks(css=css, head=yt_init_js, fill_width=True) as main_page:
         outputs=[caption_editor, editing_panel, save_result]
     )
 
-    insert_start_time_button.click(fn=None, inputs=None, outputs=start_time_input,
-      js="() => window.ytPlayer ? +window.ytPlayer.getCurrentTime().toFixed(3) : 0")
-
-    insert_end_time_button.click(fn=None, inputs=None, outputs=end_time_input,
-      js="() => window.ytPlayer ? +window.ytPlayer.getCurrentTime().toFixed(3) : 0")
-
-
-    # Handle cancel
-    cancel_button.click(
-        fn=cancel_edit,
-        outputs=[editing_panel]
+    insert_start_time_button.click(
+        fn=None, inputs=None, outputs=start_time_input,
+        js="() => window.ytPlayer ? +window.ytPlayer.getCurrentTime().toFixed(3) : 0"
     )
-
-    # Load initial video on page load
-    main_page.load(
-        fn=None,
-        inputs=current_video_id,
-        outputs=None,
-        js="""(videoId) => {
-            const checkPlayer = setInterval(() => {
-                if (window.ytPlayer && window.ytPlayer.cueVideoById) {
-                    clearInterval(checkPlayer);
-                    window.ytPlayer.cueVideoById(videoId);
-                }
-            }, 100);
-        }"""
+    insert_end_time_button.click(
+        fn=None, inputs=None, outputs=end_time_input,
+        js="() => window.ytPlayer ? +window.ytPlayer.getCurrentTime().toFixed(3) : 0"
     )
 
-main_page.launch(share=True)
+    cancel_button.click(fn=cancel_edit, outputs=[editing_panel])
+
+main_page.launch(share=True)