Avoid family grid flash on direct family links

app.py

@@ -1239,6 +1239,19 @@ def browse_html() -> str:
     return directory_html()
 
 
+def loading_html() -> str:
+    return """
+    <main class="packing-shell">
+      <section class="hero-stage">
+        <div class="contain">
+          <h1>Packing Benchmark</h1>
+          <p class="hero-copy">Loading records...</p>
+        </div>
+      </section>
+    </main>
+    """
+
+
 def browse_page_for_request(request: gr.Request):
     try:
         query = dict(request.query_params) if request else {}
@@ -1431,7 +1444,7 @@ THEME = gr.themes.Base()
 with gr.Blocks(title="Packing Benchmark") as demo:
     with gr.Tabs():
         with gr.Tab("Families"):
-            browse_page = gr.HTML(directory_html())
+            browse_page = gr.HTML(loading_html())
 
         with gr.Tab("Family Records"):
             choices = setup_choices()