report

app.py

@@ -70,19 +70,23 @@ def create_ui():
         with gr.Group():
             # Validation results
             validation_results = gr.HTML(visible=False)
-            with gr.Row():
-                report_text = gr.Textbox(
-                    label="Detailed Report", 
-                    visible=False,
-                    show_copy_button=True,
-                    lines=10
-                )
-                report_md = gr.File(
-                    label="Download Report",
-                    visible=False,
-                    file_types=[".md"]
-                )
-        
+            validation_progress = gr.HTML(visible=False)
+            
+            # Collapsible report section
+            with gr.Accordion("Full validation report as markdown file", visible=False) as report_group:
+                with gr.Column():
+                    report_md = gr.File(
+                        label="Download Report",
+                        visible=True,
+                        file_types=[".md"]
+                    )
+                    report_text = gr.Textbox(
+                        label="Report Content", 
+                        visible=True,
+                        show_copy_button=True,
+                        lines=10
+                    )
+
         # Define CSS for the validation UI
         gr.HTML("""
         <style>
@@ -180,6 +184,32 @@ def create_ui():
         .arrow-down {
             transform: rotate(90deg);
         }
+
+        /* Loading animation */
+        .loading-spinner {
+            display: inline-block;
+            width: 20px;
+            height: 20px;
+            border: 3px solid rgba(0, 0, 0, 0.1);
+            border-radius: 50%;
+            border-top-color: var(--primary-500);
+            animation: spin 1s ease-in-out infinite;
+            margin-right: 10px;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+
+        .validation-progress {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 10px;
+            margin: 10px 0;
+            background-color: var(--background-fill-secondary);
+            border-radius: 8px;
+        }
         </style>
         """)
         
@@ -281,32 +311,73 @@ def create_ui():
         
         def on_validate(file):
             if file is None:
-                return [gr.update(visible=False)] * 3
+                return [
+                    gr.update(visible=False),  # validation_results
+                    gr.update(visible=False),  # validation_progress
+                    gr.update(visible=False),  # report_group
+                    None,  # report_text
+                    None   # report_md
+                ]
+            
+            # Show progress indicator
+            progress_html = """
+            <div class="validation-progress">
+                <div class="loading-spinner"></div>
+                <span>Validating file...</span>
+            </div>
+            """
+            
+            yield [
+                gr.update(visible=False),  # validation_results
+                gr.update(visible=True, value=progress_html),  # validation_progress
+                gr.update(visible=False),  # report_group
+                None,  # report_text
+                None   # report_md
+            ]
             
             # Process the file and get results
             results, report = process_file(file)
             
-            # Save report to file
+            # Extract dataset name from the JSON for the report filename
+            try:
+                with open(file.name, 'r') as f:
+                    json_data = json.load(f)
+                dataset_name = json_data.get('name', 'unnamed')
+            except:
+                dataset_name = 'unnamed'
+            
+            # Save report to file with new naming convention
+            report_filename = f"report_croissant-validation_{dataset_name}.md"
             if report:
-                report_path = "validation_report.md"
-                with open(report_path, "w") as f:
+                with open(report_filename, "w") as f:
                     f.write(report)
             
+            # Return final state
             return [
-                build_results_html(results),
-                gr.update(visible=True, value=report) if report else gr.update(visible=False),
-                gr.update(visible=True, value="validation_report.md") if report else gr.update(visible=False)
+                build_results_html(results),  # validation_results
+                gr.update(visible=False),  # validation_progress
+                gr.update(visible=True) if report else gr.update(visible=False),  # report_group
+                report if report else None,  # report_text
+                report_filename if report else None  # report_md
             ]
         
         # Connect UI events to functions
         tabs.select(on_tab_change, None, [active_tab, upload_progress, validation_results])
-        file_input.change(on_file_upload, inputs=file_input, outputs=[upload_progress, validation_results])
+        file_input.change(
+            on_file_upload,
+            inputs=file_input,
+            outputs=[upload_progress, validation_results]
+        )
         validate_btn.click(
             on_validate,
             inputs=file_input,
-            outputs=[validation_results, report_text, report_md]
+            outputs=[validation_results, validation_progress, report_group, report_text, report_md]
+        )
+        fetch_btn.click(
+            fetch_from_url,
+            inputs=url_input,
+            outputs=[upload_progress, validation_results]
         )
-        fetch_btn.click(fetch_from_url, inputs=url_input, outputs=[upload_progress, validation_results])
         
         # Footer
         gr.HTML("""