field order

app.py

@@ -39,16 +39,10 @@ def create_ui():
         3. If records can be generated within a reasonable time
         """)
         
-        # Create containers for validation results - moved up for cleaner flow
-        validation_results = gr.HTML(visible=False)
-        upload_progress = gr.HTML(
-            """<div class="progress-container">
-                 <div class="progress-status">Ready for validation</div>
-               </div>""", visible=True)
-        
         # Track the active tab for conditional UI updates
         active_tab = gr.State("upload")  # Default to upload tab
         
+        # Move the tabs before the validation results
         with gr.Tabs() as tabs:
             with gr.TabItem("Upload File", id="upload_tab"):
                 file_input = gr.File(label="Upload Croissant JSON-LD File", file_types=[".json", ".jsonld"])
@@ -61,6 +55,13 @@ def create_ui():
                 )
                 fetch_btn = gr.Button("Fetch and Validate", variant="primary")
         
+        # Create containers for validation results - moved below inputs for better flow
+        upload_progress = gr.HTML(
+            """<div class="progress-container">
+                 <div class="progress-status">Ready for validation</div>
+               </div>""", visible=True)
+        validation_results = gr.HTML(visible=False)
+        
         # Define CSS for the validation UI - improved for dark mode compatibility
         gr.HTML("""
         <style>