ADD: sites and architecture module

platform/static/css/style.css

@@ -558,6 +558,7 @@ a.sidebar-brand-link {
   transition: background 0.15s, color 0.15s;
 }
 .modal-close:hover { background: rgba(239,68,68,0.12); color: #ef4444; }
+.modal-body { padding: 20px 24px 24px; }
 .audit-footer {
   display: flex; gap: 8px; margin-top: 18px; padding-top: 14px;
   border-top: 1px solid #1e2330;

platform/static/js/platform.js

@@ -603,8 +603,16 @@ function pollRestore() {
 function refreshAll() {
   const btn = document.querySelector('.icon-btn');
   if (btn) btn.classList.add('spinning');
-  Promise.all([checkServerStatus(), refreshSystemMetrics(), refreshContainerStats(), refreshSidebarNavBadges()])
-    .finally(() => { if (btn) btn.classList.remove('spinning'); });
+  const extras = [];
+  if (typeof window.loadSites === 'function') extras.push(window.loadSites(false));
+  if (typeof window.loadArchitecture === 'function') extras.push(window.loadArchitecture());
+  Promise.all([
+    checkServerStatus(),
+    refreshSystemMetrics(),
+    refreshContainerStats(),
+    refreshSidebarNavBadges(),
+    ...extras,
+  ]).finally(() => { if (btn) btn.classList.remove('spinning'); });
 }
 
 document.addEventListener('DOMContentLoaded', () => {