PWA-Reload sauber: nur bei App-Oeffnen oder Dashboard-Klick, niemals bei Eingaben; version.txt im Build, SW v4, Carousel 4 Icons, Kalender ohne Komma

frontend/public/sw.js

@@ -1,47 +1,44 @@
-// Service Worker – index.html immer frisch vom Server, Assets gecacht
-const CACHE_NAME = 'dickendock-v3';
+// Service Worker v4 – garantiert frische index.html, Auto-Reload bei neuem Build
+const VERSION = 'v4';
+const CACHE_NAME = 'dickendock-' + VERSION;
 
 self.addEventListener('install', () => {
-  self.skipWaiting();
+  self.skipWaiting(); // neuen SW sofort übernehmen
 });
 
 self.addEventListener('activate', e => {
-  e.waitUntil(
-    caches.keys()
-      .then(keys => Promise.all(keys.map(k => caches.delete(k))))
-      .then(() => self.clients.claim())
-  );
+  e.waitUntil((async () => {
+    // alte Caches löschen
+    const keys = await caches.keys();
+    await Promise.all(keys.map(k => caches.delete(k)));
+    await self.clients.claim();
+    // allen offenen Clients sagen: neue Version aktiv → reload
+    const clients = await self.clients.matchAll({ type: 'window' });
+    clients.forEach(c => c.postMessage({ type: 'SW_ACTIVATED', version: VERSION }));
+  })());
 });
 
 self.addEventListener('fetch', e => {
   const url = new URL(e.request.url);
 
-  // API: immer Netzwerk
+  // API immer direkt ans Netz
   if (url.pathname.startsWith('/api/')) {
     e.respondWith(fetch(e.request));
     return;
   }
 
-  // HTML-Navigation: immer frisch vom Server, nie aus Cache
+  // HTML-Navigation: IMMER frisch vom Netzwerk, niemals aus Cache
+  // (Vite-Bundles haben Hash im Namen → neue index.html lädt neue Bundles)
   if (e.request.mode === 'navigate') {
     e.respondWith(
-      fetch(e.request, { cache: 'no-store' })
+      fetch(e.request, { cache: 'reload' })  // 'reload' = HTTP-Cache komplett umgehen
         .catch(() => caches.match('/index.html'))
     );
     return;
   }
 
-  // Statische Assets (JS/CSS mit Hash): Network-first, Cache als Fallback
-  e.respondWith(
-    fetch(e.request)
-      .then(res => {
-        if (res.ok) {
-          caches.open(CACHE_NAME).then(c => c.put(e.request, res.clone()));
-        }
-        return res;
-      })
-      .catch(() => caches.match(e.request))
-  );
+  // Restliche Assets: einfach durchreichen
+  e.respondWith(fetch(e.request).catch(() => caches.match(e.request)));
 });
 
 self.addEventListener('message', e => {