Update app.py

app.py

@@ -217,7 +217,14 @@ def get_genomic_context(sequence, is_coding):
 # ==============================
 def gradio_inference(dna_sequence, run_mapping):
     if len(dna_sequence.strip()) < 10:
-        yield ("<div style='color: #dc3545; font-size: 1.15em;'>❌ Sequence too short! Please enter at least 10 base pairs.</div>", "", "", "")
+        error_html = f"""
+        <div style="border: 1px solid #dc3545; border-radius: 8px; padding: 15px; margin-bottom: 15px;">
+            <h3 style="margin-top: 0; margin-bottom: 10px; color: #dc3545;">❌ Classification Summary</h3>
+            <div style="font-size: 1.15em;">Sequence too short! Please enter at least 10 base pairs.</div>
+        </div>
+        """
+        # Updated the placeholder text here as well!
+        yield (error_html, "<div style='border: 1px solid #4b5563; border-radius: 8px; padding: 15px; margin-bottom: 15px;'><h3 style='margin-top: 0; margin-bottom: 10px;'>📊 Internal Pipeline Statistics</h3><div style='color: #9ca3af; font-style: italic;'>Results will appear here...</div></div>", "", "")
         return
 
     # Run AI Models (GPU)
@@ -326,11 +333,27 @@ with gr.Blocks(theme=gr.themes.Soft(), title="🧬 The Genomic Oracle 🧬", css
             dna_input = gr.Textbox(label="Enter DNA Sequence", placeholder="e.g., ATGCGATCGATCGATCG...", lines=10)
             run_mapping_cb = gr.Checkbox(value=False, label="Query NCBI BLAST for spatial mapping (Takes 1–3 mins)")
             submit_btn = gr.Button("🚀 Initialize Deep Scan", elem_id="scan_btn")
-        
+
         with gr.Column(scale=1):
-            # Swapped from Textbox to HTML to allow our custom bolding and sizing!
-            output_summary = gr.HTML()
-            stats_panel = gr.HTML()
+            # 🎨 Create default placeholder HTML so the boxes are visible on startup!
+            default_summary = """
+            <div style="border: 1px solid #4b5563; border-radius: 8px; padding: 15px; margin-bottom: 15px;">
+                <h3 style="margin-top: 0; margin-bottom: 10px;">✅ Classification Summary</h3>
+                <div style="color: #9ca3af; font-style: italic;">Results will appear here...</div>
+            </div>
+            """
+            
+            default_stats = """
+            <div style="border: 1px solid #4b5563; border-radius: 8px; padding: 15px; margin-bottom: 15px;">
+                <h3 style="margin-top: 0; margin-bottom: 10px;">📊 Internal Pipeline Statistics</h3>
+                <div style="color: #9ca3af; font-style: italic;">Results will appear here...</div>
+            </div>
+            """
+
+            # Pass the default HTML into the components
+            output_summary = gr.HTML(value=default_summary)
+            stats_panel = gr.HTML(value=default_stats)
+            
             mapping_section = gr.Accordion("Genomic Context (BLAST/Ensembl)", open=False)
             with mapping_section:
                 context_output = gr.Textbox(label="Mapping Results", lines=5, placeholder="Results will appear here...")