Update app.py

app.py

@@ -208,9 +208,6 @@ with gr.Blocks() as demo:
     with gr.Row():
         search_btn = gr.Button("Search")
         refresh_btn = gr.Button("Clear cache")
-    
-    # Hidden textbox to receive URL params from JavaScript
-    url_params_hidden = gr.Textbox(visible=False, elem_id="url_params_hidden")
 
     table = gr.Dataframe(
         headers=[
@@ -227,46 +224,72 @@ with gr.Blocks() as demo:
     json_view = gr.Code(label="Latest entry details", language="json")
     status = gr.Markdown("")
 
-    def parse_url_params_from_js(params_json):
-        """Parse URL parameters passed from JavaScript"""
-        import json
-        try:
-            if params_json:
-                params = json.loads(params_json)
-                print(f"DEBUG: Parsed URL params from JS: {params}")
-                return params.get('repo', ''), params.get('pr', ''), params.get('sha', '')
-        except Exception as e:
-            print(f"DEBUG: Error parsing URL params: {e}")
-        return '', '', ''
-    
     search_btn.click(query, inputs=[repo_box, pr_box, sha_box], outputs=[table, json_view, status])
     refresh_btn.click(refresh_dataset, outputs=status)
     
-    # When page loads, populate fields from URL parameters
-    demo.load(parse_url_params_from_js, inputs=[url_params_hidden], outputs=[repo_box, pr_box, sha_box])
-    
-    # JavaScript to extract URL params and put them in the hidden field
+    # Add JavaScript that runs after Gradio initializes and directly manipulates the components
     gr.HTML("""
     <script>
-    setTimeout(function() {
+    // Wait for Gradio to fully load
+    function populateFromURL() {
         const params = new URLSearchParams(window.location.search);
-        const paramsObj = {
-            repo: params.get('repo') || '',
-            pr: params.get('pr') || '',
-            sha: params.get('sha') || ''
-        };
-        console.log('URL params detected:', paramsObj);
+        const repo = params.get('repo') || '';
+        const pr = params.get('pr') || '';
+        const sha = params.get('sha') || '';
+        
+        console.log('Attempting to populate with:', {repo, pr, sha});
+        
+        if (!repo && !pr && !sha) {
+            console.log('No URL parameters found');
+            return;
+        }
+        
+        // Try multiple selectors to find the inputs
+        const allInputs = document.querySelectorAll('input[type="text"], textarea');
+        console.log('Found ' + allInputs.length + ' input elements');
         
-        // Find the hidden textbox and set its value
-        const hiddenInput = document.querySelector('#url_params_hidden textarea');
-        if (hiddenInput) {
-            hiddenInput.value = JSON.stringify(paramsObj);
-            hiddenInput.dispatchEvent(new Event('input', { bubbles: true }));
-            console.log('Set hidden input value');
-        } else {
-            console.log('Hidden input not found');
+        // Look for inputs by their labels
+        const labels = document.querySelectorAll('label');
+        labels.forEach(label => {
+            const text = label.textContent;
+            const input = label.parentElement?.querySelector('input, textarea');
+            
+            if (text.includes('Repository') && repo && input) {
+                console.log('Setting repository to:', repo);
+                input.value = repo;
+                input.dispatchEvent(new Event('input', {bubbles: true}));
+                input.dispatchEvent(new Event('change', {bubbles: true}));
+            } else if (text.includes('PR number') && pr && input) {
+                console.log('Setting PR to:', pr);
+                input.value = pr;
+                input.dispatchEvent(new Event('input', {bubbles: true}));
+                input.dispatchEvent(new Event('change', {bubbles: true}));
+            } else if (text.includes('Commit SHA') && sha && input) {
+                console.log('Setting SHA to:', sha);
+                input.value = sha;
+                input.dispatchEvent(new Event('input', {bubbles: true}));
+                input.dispatchEvent(new Event('change', {bubbles: true}));
+            }
+        });
+        
+        // Auto-trigger search if we have a PR
+        if (pr) {
+            setTimeout(() => {
+                const buttons = document.querySelectorAll('button');
+                buttons.forEach(btn => {
+                    if (btn.textContent.includes('Search')) {
+                        console.log('Auto-clicking Search button');
+                        btn.click();
+                    }
+                });
+            }, 1000);
         }
-    }, 100);
+    }
+    
+    // Try multiple times as Gradio might take time to initialize
+    setTimeout(populateFromURL, 500);
+    setTimeout(populateFromURL, 1500);
+    setTimeout(populateFromURL, 3000);
     </script>
     """)