Update app.py

app.py

@@ -83,10 +83,12 @@ st.markdown("""
             font-weight: 600;
         }
         .sidebar-contrast-block {
-            background-color: #2b2b2b !important;  /* Slightly lighter than #1A1A1A */
+            background-color: #2b2b2b !important;
             padding: 1.25rem;
             border-radius: 10px;
             margin-top: 1.5rem;
+}
+
         }
 
 </style>
@@ -222,30 +224,55 @@ if fetch_data:
         def is_incomplete(value):
             return pd.isna(value) or value in ["", "N/A", "null", None]
         
+        
         if not metadata_df.empty:
             incomplete_mask = metadata_df.map(is_incomplete).any(axis=1)
             incomplete_count = incomplete_mask.sum()
             total_fields = metadata_df.size
             filled_fields = (~metadata_df.map(is_incomplete)).sum().sum()
             overall_percent = (filled_fields / total_fields) * 100
-
+        
+            # Field-level completeness
+            completeness = (~metadata_df.map(is_incomplete)).mean() * 100
+            completeness_df = pd.DataFrame({"Field": completeness.index, "Completeness (%)": completeness.values})
+            completeness_table = completeness_df.set_index("Field")
+        
+            # 📊 Sidebar Quick Stats
             stats_html = f"""
-            <div class="sidebar-stats">
-                <h3 style="color: lightgray;">📊 Quick Stats</h3>
+            <div class="sidebar-contrast-block">
+                <h4 style="color: lightgray;">📊 Quick Stats</h4>
                 <p style="color:lightgray;">Total Records: <b>{len(metadata_df)}</b></p>
                 <p style="color:lightgray;">Incomplete Records: <b>{incomplete_count}</b></p>
-                <p style="color:lightgray;">Overall Metadata Completeness: <b>{overall_percent:.1f}%</b></p>
+                <p style="color:lightgray;">Overall Completeness: <b>{overall_percent:.1f}%</b></p>
             </div>
             """
             stats_placeholder.markdown(stats_html, unsafe_allow_html=True)
-    
-            # ✅ Then show this right after
-            with st.sidebar.expander("📊 Field Completeness Breakdown", expanded=True):
+        
+            # 📊 Field Completeness Breakdown (modern expander)
+            with st.sidebar.expander("📋 Field Completeness Breakdown", expanded=True):
                 st.dataframe(
                     completeness_table.style.background_gradient(cmap="Greens").format("{:.1f}%"),
                     use_container_width=True,
                     height=240
                 )
+        
+        # ------------------- Helpful Resources -------------------
+        st.sidebar.markdown("""
+        <div class="sidebar-section">
+          <h3>🔗 Helpful Resources</h3>
+          <div class="sidebar-links">
+            <ul style='padding-left: 1em'>
+              <li><a href="https://www.loc.gov/apis/" target="_blank">LOC API Info</a></li>
+              <li><a href="https://www.loc.gov/" target="_blank">Library of Congress Homepage</a></li>
+              <li><a href="https://www.loc.gov/collections/" target="_blank">LOC Digital Collections</a></li>
+              <li><a href="https://www.loc.gov/marc/" target="_blank">MARC Metadata Standards</a></li>
+              <li><a href="https://labs.loc.gov/about-labs/digital-strategy/" target="_blank">LOC Digital Strategy</a></li>
+            </ul>
+          </div>
+        </div>
+        """, unsafe_allow_html=True)
+
+
 
 
             # Render collapsible green completeness table in sidebar