Add enterprise appliance experience Phase 1 foundation

cezen-portal/appliance.html

@@ -292,12 +292,13 @@ async function api(path, opts={}) {
 function renderReadiness(d) {
   readinessData = d;
   const score = d.readiness?.score ?? 0;
-  const status = d.readiness?.status || 'unknown';
+  const status = d.state || d.readiness?.status || 'unavailable';
   const entitlement = d.entitlement || d.license?.entitlement || {};
   document.getElementById('readiness-score').textContent = score + '%';
   const statusEl = document.getElementById('readiness-status');
-  statusEl.textContent = status.replace(/_/g, ' ');
-  statusEl.className = 'pill ' + (status === 'ready' ? 'ok' : status === 'limited' ? 'warn' : 'bad');
+  if (window.CezenExperience) window.CezenExperience.renderState(statusEl, {state: status, severity: d.severity, summary: status.replace(/_/g, ' ')});
+  else statusEl.textContent = status.replace(/_/g, ' ');
+  statusEl.title = window.CezenExperience ? window.CezenExperience.formatFreshness(d.observed_at) : '';
   document.getElementById('license-tier').textContent = d.license?.label || '—';
   document.getElementById('license-position').textContent = `${d.license?.positioning || '—'} · status: ${licenseStatusLabel(entitlement.license_status || d.license?.license_status || 'missing')}`;
 
@@ -457,6 +458,7 @@ function exportReadiness() {
 loadAll();
 </script>
 <script src="auth.js"></script>
+<script src="experience.js?v=1"></script>
 <script src="branding.js?v=3"></script>
 </body>
 </html>