05/18 Enhanced codes and functionalities 7

app/templates/vault/index.html

@@ -119,6 +119,7 @@
         >
           <span class="sidebar-icon">🛡️</span>
           <span class="sidebar-label">Security</span>
+          <span id="security-badge" class="sidebar-badge hidden"></span>
         </li>
         <li
           class="sidebar-item"
@@ -208,6 +209,9 @@
 
   <!-- ── Main ───────────────────────────────────────────────────── -->
   <main class="vault-main">
+    <!-- Health notification banner — shown when background checks find issues -->
+    <div id="health-banner" class="health-banner hidden" role="alert"></div>
+
     <!-- Vault view -->
     <div id="view-vault">
       <header class="vault-header">
@@ -1238,4 +1242,4 @@
 <script src="{{ url_for('static', filename='js/auth.js') }}"></script>
 <script src="{{ url_for('static', filename='js/sharing.js') }}"></script>
 <script src="{{ url_for('static', filename='js/vault.js') }}"></script>
-{% endblock %}
+{% endblock %}