Add enterprise appliance experience Phase 1 foundation

cezen-portal/index.html

@@ -817,11 +817,32 @@ async function fetchSystemInfo() {
   }
 }
 
+async function fetchApplianceReadiness() {
+  try {
+    const response = await fetch('/api/system/readiness-report', { credentials: 'include' });
+    if (!response.ok) return;
+    const data = await response.json();
+    const label = document.getElementById('status-overall-label');
+    const checked = document.getElementById('status-last-checked');
+    if (label) {
+      label.textContent = data.customer_impact || (data.state === 'ready' ? 'Appliance ready' : 'Appliance needs attention');
+      label.setAttribute('role', data.severity === 'critical' ? 'alert' : 'status');
+    }
+    if (checked && window.CezenExperience) checked.textContent = window.CezenExperience.formatFreshness(data.observed_at);
+    if (data.next_actions && data.next_actions.length && window.CezenExperience) window.CezenExperience.announce(label.textContent, data.severity === 'critical' ? 'assertive' : 'polite');
+  } catch (e) {
+    /* Existing service checks remain visible when readiness aggregation is unavailable. */
+  }
+}
+
 fetchSystemInfo();
 fetchMetrics();
+fetchApplianceReadiness();
 setInterval(fetchMetrics, 30000);
+setInterval(fetchApplianceReadiness, 30000);
 </script>
 <script src="auth.js"></script>
+<script src="experience.js?v=1"></script>
 <script src="branding.js?v=3"></script>
 <script>
 function renderLocalIcons() {