expand collapse

app.py

@@ -134,9 +134,19 @@ def create_ui():
                 status_class = "status-success" if passed else "status-error"
                 status_icon = "✓" if passed else "✗"
                 
+                # Use direct inline JavaScript manipulation instead of a function call
                 html += f'''
                 <div class="validation-step" id="step-{i}">
-                    <div class="step-header" onclick="toggleDetails('{i}')">
+                    <div class="step-header" onclick="
+                        var details = document.getElementById('details-{i}');
+                        var arrow = document.getElementById('arrow-{i}');
+                        if(details.style.display === 'none') {{
+                            details.style.display = 'block';
+                            arrow.classList.add('arrow-down');
+                        }} else {{
+                            details.style.display = 'none';
+                            arrow.classList.remove('arrow-down');
+                        }}">
                         <div class="step-left">
                             <div class="step-status {status_class}">{status_icon}</div>
                             <div class="step-title">{test_name}</div>
@@ -151,23 +161,7 @@ def create_ui():
             
             html += '</div>'
             
-            html += '''
-            <script>
-            function toggleDetails(id) {
-                const details = document.getElementById('details-' + id);
-                const arrow = document.getElementById('arrow-' + id);
-                
-                if (details.style.display === 'none') {
-                    details.style.display = 'block';
-                    arrow.classList.add('arrow-down');
-                } else {
-                    details.style.display = 'none';
-                    arrow.classList.remove('arrow-down');
-                }
-            }
-            </script>
-            '''
-            
+            # No separate JavaScript function needed
             return gr.update(value=html, visible=True)
         
         file_input.change(on_file_upload, inputs=file_input, outputs=[upload_progress, validation_results])