Add Hugging Face Space demo for UltraData Math Parser

app.py

@@ -85,20 +85,9 @@ def format_output(result: dict) -> tuple:
             "",
             "",
             "",
-            "",
         )
     
-    # Build metadata string
-    metadata = f"""📊 **Parsing Statistics**
-- **Title**: {result['title'] or 'N/A'}
-- **Text Length**: {result['text_length']} characters
-- **XPath Match**: {result['xp_num']}
-- **Fallback Strategy**: {result['fallback_strategy']}
-- **Forum Assembled**: {'✅ Yes' if result['forum_assembled'] else '❌ No'}
-"""
-    
     return (
-        metadata,
         result.get("title", ""),
         result.get("html", ""),
         result.get("text", ""),
@@ -281,6 +270,32 @@ footer {
 label {
     color: #cbd5e1 !important;
 }
+
+/* Fixed height textbox with scrollbar */
+.gr-textbox textarea {
+    max-height: 350px !important;
+    overflow-y: auto !important;
+    resize: none !important;
+}
+
+/* Custom scrollbar styling */
+.gr-textbox textarea::-webkit-scrollbar {
+    width: 8px;
+}
+
+.gr-textbox textarea::-webkit-scrollbar-track {
+    background: rgba(30, 30, 60, 0.4);
+    border-radius: 4px;
+}
+
+.gr-textbox textarea::-webkit-scrollbar-thumb {
+    background: rgba(124, 58, 237, 0.6);
+    border-radius: 4px;
+}
+
+.gr-textbox textarea::-webkit-scrollbar-thumb:hover {
+    background: rgba(124, 58, 237, 0.8);
+}
 """
 
 # Build Gradio interface
@@ -336,11 +351,6 @@ with gr.Blocks(css=custom_css, title="UltraData Math Parser") as demo:
         with gr.Column(scale=1):
             gr.HTML('<div class="section-header">📤 Output</div>')
             
-            metadata_output = gr.Markdown(
-                label="Parsing Statistics",
-                elem_classes=["output-box"],
-            )
-            
             title_output = gr.Textbox(
                 label="Extracted Title",
                 lines=1,
@@ -351,16 +361,20 @@ with gr.Blocks(css=custom_css, title="UltraData Math Parser") as demo:
                 with gr.TabItem("📝 Raw HTML"):
                     html_output = gr.Textbox(
                         label="Extracted HTML",
-                        lines=12,
-                        max_lines=20,
+                        lines=15,
+                        max_lines=15,
                         interactive=False,
+                        autoscroll=False,
+                        show_copy_button=True,
                     )
                 with gr.TabItem("📄 Plain Text"):
                     text_output = gr.Textbox(
                         label="Plain Text (w3m rendered)",
-                        lines=12,
-                        max_lines=20,
+                        lines=15,
+                        max_lines=15,
                         interactive=False,
+                        autoscroll=False,
+                        show_copy_button=True,
                     )
                 with gr.TabItem("👁️ Preview"):
                     preview_output = gr.HTML(
@@ -371,15 +385,15 @@ with gr.Blocks(css=custom_css, title="UltraData Math Parser") as demo:
     parse_btn.click(
         fn=process_input,
         inputs=[html_input, base_url_input, process_math, include_tables, enable_forum, html_type],
-        outputs=[metadata_output, title_output, html_output, text_output, preview_output],
+        outputs=[title_output, html_output, text_output, preview_output],
     )
     
     def clear_all():
-        return "", "", "", "", "", "", ""
+        return "", "", "", "", "", ""
     
     clear_btn.click(
         fn=clear_all,
-        outputs=[html_input, base_url_input, metadata_output, title_output, html_output, text_output, preview_output],
+        outputs=[html_input, base_url_input, title_output, html_output, text_output, preview_output],
     )
     
     # Footer info