Update app.py

app.py

@@ -1199,20 +1199,52 @@ def create_ui() -> gr.Blocks:
             ],
             js="""(repo_id) => { 
                 console.log('DEBUG: JS called with repo_id:', repo_id);
+                console.log('DEBUG: repo_id type:', typeof repo_id);
+                
+                // Try multiple ways to get the repo_id
+                let actualRepoId = repo_id;
+                
+                // Check if repo_id is valid
+                if (!actualRepoId || actualRepoId === 'None' || actualRepoId === null || actualRepoId === 'null') {
+                    console.log('DEBUG: repo_id is null/undefined, trying alternatives...');
+                    
+                    // Try to get from global variable
+                    if (window.selectedRepoId) {
+                        actualRepoId = window.selectedRepoId;
+                        console.log('DEBUG: Found repo_id in global variable:', actualRepoId);
+                    }
+                    
+                    // Try to get from the modal text input
+                    if (!actualRepoId) {
+                        const modalTextboxes = document.querySelectorAll('label:contains("Selected Repository") + textarea, label:contains("Selected Repository") + input');
+                        console.log('DEBUG: Found modal textboxes:', modalTextboxes.length);
+                        modalTextboxes.forEach((input, index) => {
+                            console.log('DEBUG: Modal input', index, 'value:', input.value);
+                            if (input.value && input.value.trim()) {
+                                actualRepoId = input.value.trim();
+                            }
+                        });
+                    }
+                }
+                
+                console.log('DEBUG: Final repo_id to use:', actualRepoId);
+                
                 setTimeout(() => { 
                     window.scrollTo({top: 0, behavior: 'smooth'}); 
                     window.dispatchEvent(new Event('repoExplorerNavigation'));
                     
-                    // Try to find and set the repo explorer input
-                    const inputs = document.querySelectorAll('input[placeholder*="microsoft/DialoGPT-medium"], input[placeholder*="Repository ID"]');
-                    console.log('DEBUG: Found inputs:', inputs.length);
+                    // Find and set the repo explorer input
+                    const inputs = document.querySelectorAll('input[placeholder*="microsoft/DialoGPT-medium"], input[placeholder*="Repository ID"], label:contains("Repository ID") + input');
+                    console.log('DEBUG: Found repo explorer inputs:', inputs.length);
                     inputs.forEach((input, index) => {
-                        console.log('DEBUG: Setting input', index, 'to value:', repo_id);
-                        input.value = repo_id || '';
-                        input.dispatchEvent(new Event('input', { bubbles: true }));
-                        input.dispatchEvent(new Event('change', { bubbles: true }));
+                        console.log('DEBUG: Setting repo explorer input', index, 'to value:', actualRepoId);
+                        if (actualRepoId) {
+                            input.value = actualRepoId;
+                            input.dispatchEvent(new Event('input', { bubbles: true }));
+                            input.dispatchEvent(new Event('change', { bubbles: true }));
+                        }
                     });
-                }, 200); 
+                }, 300); 
             }"""
         )
         cancel_modal_btn.click(
@@ -1230,14 +1262,44 @@ def create_ui() -> gr.Blocks:
         df_output.select(
             fn=handle_dataframe_select,
             inputs=[df_output],
-            outputs=[selected_repo_display, repo_action_modal, tabs, expanded_content_title, expanded_content_text, text_expansion_modal]
+            outputs=[selected_repo_display, repo_action_modal, tabs, expanded_content_title, expanded_content_text, text_expansion_modal],
+            js="""(evt, df) => {
+                console.log('DEBUG: Dataframe selection event:', evt);
+                if (evt && evt.index && evt.index.length >= 2) {
+                    const row = evt.index[0];
+                    const col = evt.index[1];
+                    console.log('DEBUG: Selected row', row, 'col', col);
+                    
+                    // Store selected repo_id globally for backup
+                    if (col === 0 && df && df.length > row) {
+                        const repoId = df[row][0];
+                        console.log('DEBUG: Storing global repo_id:', repoId);
+                        window.selectedRepoId = repoId;
+                    }
+                }
+            }"""
         )
         
         # Add selection event for top repositories dataframe too
         top_repos_df.select(
             fn=handle_dataframe_select,
             inputs=[top_repos_df],
-            outputs=[selected_repo_display, repo_action_modal, tabs, expanded_content_title, expanded_content_text, text_expansion_modal]
+            outputs=[selected_repo_display, repo_action_modal, tabs, expanded_content_title, expanded_content_text, text_expansion_modal],
+            js="""(evt, df) => {
+                console.log('DEBUG: Top repos dataframe selection event:', evt);
+                if (evt && evt.index && evt.index.length >= 2) {
+                    const row = evt.index[0];
+                    const col = evt.index[1];
+                    console.log('DEBUG: Selected row', row, 'col', col);
+                    
+                    // Store selected repo_id globally for backup
+                    if (col === 0 && df && df.length > row) {
+                        const repoId = df[row][0];
+                        console.log('DEBUG: Storing global repo_id:', repoId);
+                        window.selectedRepoId = repoId;
+                    }
+                }
+            }"""
         )
         
         # Reset button event