chat drin

public/js/modules/caldav.js

@@ -175,6 +175,8 @@ $('caldav-sync-now')?.addEventListener('click', () => triggerSync());
 export async function triggerSync() {
     const btn = $('cal-sync');
     if (btn) btn.style.opacity = '0.5';
+    const headerIcon = $('header-sync-icon');
+    if (headerIcon) headerIcon.classList.add('card-spinner');
     if (syncStatus) { syncStatus.textContent = 'syncing...'; syncStatus.style.color = 'var(--t-dim)'; }
 
     const res = await fetch('api/caldav/sync', {
@@ -184,6 +186,7 @@ export async function triggerSync() {
     if (btn) btn.style.opacity = '';
 
     // Also poll relay
+    // (header spinner stays on until the relay poll completes too — see end)
     const relayRes = await fetch('api/relay/poll', {
         method: 'POST', headers: { 'X-CSRF-Token': getCsrf() },
     }).then(r => r.ok ? r.json() : null).catch(() => null);
@@ -202,6 +205,7 @@ export async function triggerSync() {
     } else {
         if (syncStatus) { syncStatus.textContent = res.error || 'sync failed'; syncStatus.style.color = 'var(--t-danger)'; }
     }
+    if (headerIcon) headerIcon.classList.remove('card-spinner');
 }
 
 function showLog(log) {
@@ -283,6 +287,7 @@ export async function loadRelaySettings() {
 
 $('cal-caldav-settings')?.addEventListener('click', openCaldavSettings);
 $('cal-sync')?.addEventListener('click', () => triggerSync());
+$('header-sync')?.addEventListener('click', () => triggerSync());
 
 // Auto-sync throttle
 let lastAutoSync = 0;