diff --git a/README.md b/README.md
index 2f8221f..deb5c67 100644
--- a/README.md
+++ b/README.md
@@ -42,4 +42,6 @@ v0.28: downloadable attachments & file sizes
 v0.29: update v0.27 was a mistake
 v0.30: sune html tab
 v0.31: html is functional 🌐
+v0.32: custom sw.js
+v0.33: sw wip
 ```
diff --git a/docs/sw.js b/docs/sw.js
index 4d3dc58..b07eb62 100644
--- a/docs/sw.js
+++ b/docs/sw.js
@@ -1 +1,334 @@
-if(!self.define){let e,i={};const t=(t,n)=>(t=new URL(t+".js",n).href,i[t]||new Promise(i=>{if("document"in self){const e=document.createElement("script");e.src=t,e.onload=i,document.head.appendChild(e)}else e=t,importScripts(t),i()}).then(()=>{let e=i[t];if(!e)throw new Error(`Module ${t} didn’t register its module`);return e}));self.define=(n,r)=>{const s=e||("document"in self?document.currentScript.src:"")||location.href;if(i[s])return;let o={};const c=e=>t(e,s),d={module:{uri:s},exports:o,require:c};i[s]=Promise.all(n.map(e=>d[e]||c(e))).then(e=>(r(...e),o))}}define(["./workbox-5ffe50d4"],function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"index.html",revision:"91527abb70887d6e7c52a125ccf0f5fd"},{url:"registerSW.js",revision:"1872c500de691dce40960bb85481de07"},{url:"manifest.webmanifest",revision:"7a6c5c6ab9cb5d3605d21df44c6b17a2"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))});
+try {
+  importScripts("https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js");
+} catch (e) {
+}
+const TARGET_SUBSTRING = "openrouter.ai/api/v1/chat/completions";
+const THREADS_KEY = "threads_v1";
+const SAVE_BYTES_THRESHOLD = 6 * 1024;
+const SAVE_TIME_THRESHOLD = 800;
+const BROADCAST_THROTTLE_MS = 600;
+const gid = () => Math.random().toString(36).slice(2, 9) + "-" + Date.now().toString(36);
+const now = () => Date.now();
+let lfAvailable = typeof localforage !== "undefined";
+let lfLoadError = lfAvailable ? null : "localforage not loaded (importScripts failed or blocked)";
+async function broadcast(msg) {
+  try {
+    const clients = await self.clients.matchAll({ includeUncontrolled: true, type: "window" });
+    for (const c of clients) {
+      try {
+        c.postMessage(msg);
+      } catch (_) {
+      }
+    }
+  } catch (_) {
+  }
+}
+function logDebug(text) {
+  try {
+    console.log("[sw] " + text);
+  } catch {
+  }
+  broadcast({ type: "sw-debug-log", ts: now(), text: String(text) });
+}
+function sanitizeForIDB(v) {
+  try {
+    return JSON.parse(JSON.stringify(v));
+  } catch (e) {
+    try {
+      if (!Array.isArray(v)) return [];
+      return v.map((t) => ({
+        id: t && t.id,
+        title: t && t.title,
+        updatedAt: t && t.updatedAt,
+        messages: Array.isArray(t && t.messages) ? t.messages.map((m) => ({ id: m && m.id, role: m && m.role, content: String(m && m.content || "") })) : []
+      }));
+    } catch (_) {
+      return [];
+    }
+  }
+}
+async function writeThreadsViaLocalForage(threadsArr) {
+  if (!lfAvailable) throw new Error("localforage unavailable: " + lfLoadError);
+  const safeVal = sanitizeForIDB(threadsArr || []);
+  try {
+    await localforage.setItem(THREADS_KEY, safeVal);
+    return { ok: true, method: "localforage.setItem", storedAs: "object" };
+  } catch (err1) {
+    try {
+      await localforage.setItem(THREADS_KEY, JSON.stringify(safeVal));
+      return { ok: true, method: "localforage.setItem(stringified)", storedAs: "string" };
+    } catch (err2) {
+      throw new Error("setItem failed: " + (err2 && err2.message ? err2.message : String(err1)));
+    }
+  }
+}
+async function readThreadsViaLocalForage() {
+  if (!lfAvailable) throw new Error("localforage unavailable: " + lfLoadError);
+  try {
+    const v = await localforage.getItem(THREADS_KEY);
+    if (typeof v === "string") {
+      try {
+        const parsed = JSON.parse(v);
+        return Array.isArray(parsed) ? parsed : [];
+      } catch {
+        return [];
+      }
+    }
+    return Array.isArray(v) ? v : [];
+  } catch (err) {
+    throw err;
+  }
+}
+function pickLastThread(threads) {
+  if (!threads || threads.length === 0) return null;
+  const sorted = [...threads].sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0));
+  return sorted[0];
+}
+function upsertAssistantInThreadObj(threadObj, streamId, text) {
+  threadObj.updatedAt = now();
+  threadObj.messages = threadObj.messages || [];
+  for (let i = threadObj.messages.length - 1; i >= 0; i--) {
+    const m = threadObj.messages[i];
+    if (m && m.sw_streamId === streamId) {
+      m.content = text;
+      m.contentParts = [{ type: "text", text }];
+      m.updatedAt = now();
+      m._sw_savedAt = now();
+      return threadObj;
+    }
+  }
+  const msg = {
+    id: "swmsg-" + gid(),
+    role: "assistant",
+    content: text,
+    contentParts: [{ type: "text", text }],
+    kind: "assistant",
+    sw_saved: true,
+    sw_streamId: streamId,
+    createdAt: now(),
+    updatedAt: now(),
+    _sw_savedAt: now()
+  };
+  threadObj.messages.push(msg);
+  return threadObj;
+}
+async function flushToLastThreadUsingLF(streamId, accumulated, meta) {
+  try {
+    const threads = await readThreadsViaLocalForage();
+    let thread = pickLastThread(threads);
+    const createdAt = now();
+    if (!thread) {
+      thread = { id: "sw-thread-" + gid(), title: "Missed while backgrounded", pinned: false, updatedAt: createdAt, messages: [] };
+      threads.unshift(thread);
+    }
+    upsertAssistantInThreadObj(thread, streamId, accumulated);
+    const writeRes = await writeThreadsViaLocalForage(threads);
+    return { ok: true, threadId: thread.id, writeRes };
+  } catch (err) {
+    return { ok: false, error: String(err && err.message ? err.message : err) };
+  }
+}
+self.addEventListener("install", (ev) => {
+  self.skipWaiting();
+});
+self.addEventListener("activate", (ev) => {
+  ev.waitUntil(self.clients.claim());
+});
+const state = { totalIntercepted: 0, activeStreams: {}, lastStream: null };
+self.addEventListener("fetch", (event) => {
+  try {
+    const url = String(event.request.url || "");
+    if (!url.includes(TARGET_SUBSTRING)) return;
+    event.respondWith((async () => {
+      const upstream = await fetch(event.request);
+      if (!upstream || !upstream.body) return upstream;
+      const streamId = "sw-" + gid();
+      const meta = { url, startedAt: now(), bytes: 0, status: "started" };
+      state.totalIntercepted = (state.totalIntercepted || 0) + 1;
+      state.activeStreams[streamId] = meta;
+      broadcast({ type: "sw-intercept-start", streamId, meta });
+      const [clientStream, swStream] = upstream.body.tee();
+      const saveTask = (async () => {
+        const reader = swStream.getReader();
+        const decoder = new TextDecoder("utf-8");
+        let acc = "";
+        let sinceBytes = 0;
+        let lastSaveAt = 0;
+        let lastBroadcastAt = 0;
+        async function maybeFlush(force = false) {
+          const nowMs = now();
+          if (!force && sinceBytes < SAVE_BYTES_THRESHOLD && nowMs - lastSaveAt < SAVE_TIME_THRESHOLD) return;
+          const res = await flushToLastThreadUsingLF(streamId, acc, { bytes: meta.bytes });
+          lastSaveAt = nowMs;
+          sinceBytes = 0;
+          if (res.ok) {
+            const now2 = Date.now();
+            if (now2 - lastBroadcastAt > BROADCAST_THROTTLE_MS) {
+              lastBroadcastAt = now2;
+              broadcast({ type: "sw-intercept-progress", streamId, meta: { bytes: meta.bytes, savedAt: lastSaveAt, snippet: acc.slice(-1024), threadId: res.threadId, writeRes: res.writeRes } });
+            }
+          } else {
+            broadcast({ type: "sw-intercept-error", streamId, meta: { error: res.error } });
+          }
+        }
+        try {
+          while (true) {
+            const { value, done } = await reader.read();
+            if (done) break;
+            let chunk = "";
+            try {
+              chunk = decoder.decode(value, { stream: true });
+            } catch (e) {
+              chunk = "";
+            }
+            acc += chunk;
+            const bytes = value ? value.byteLength || 0 : chunk.length;
+            meta.bytes += bytes;
+            sinceBytes += bytes;
+            await maybeFlush(false);
+          }
+          await maybeFlush(true);
+          meta.status = "finished";
+          meta.endedAt = now();
+          state.lastStream = { streamId, url: meta.url, startedAt: meta.startedAt, endedAt: meta.endedAt, totalBytes: meta.bytes };
+          delete state.activeStreams[streamId];
+          broadcast({ type: "sw-intercept-end", streamId, meta: { totalBytes: meta.bytes, endedAt: meta.endedAt } });
+        } catch (err) {
+          meta.status = "error";
+          meta.error = String(err && err.message ? err.message : err);
+          delete state.activeStreams[streamId];
+          broadcast({ type: "sw-intercept-error", streamId, meta: { error: meta.error } });
+        }
+      })();
+      event.waitUntil(saveTask);
+      return new Response(clientStream, {
+        status: upstream.status,
+        statusText: upstream.statusText,
+        headers: upstream.headers
+      });
+    })());
+  } catch (err) {
+    logDebug("fetch handler top-level error: " + (err && err.message ? err.message : String(err)));
+  }
+});
+self.addEventListener("message", (event) => {
+  const data = event.data || {};
+  (async () => {
+    try {
+      if (data && data.type === "PING") {
+        if (event.ports && event.ports[0]) event.ports[0].postMessage({ type: "PONG", ts: now(), ok: true });
+        else broadcast({ type: "PONG", ts: now(), ok: true });
+        return;
+      }
+      if (data && data.type === "PING_STATUS") {
+        const reply = { type: "PONG_STATUS", ts: now(), lfAvailable, lfLoadError, totalIntercepted: state.totalIntercepted || 0, lastStream: state.lastStream || null };
+        if (event.ports && event.ports[0]) event.ports[0].postMessage(reply);
+        else broadcast(reply);
+        return;
+      }
+      if (data && data.type === "TEST_WRITE") {
+        if (!lfAvailable) {
+          const res = { type: "TEST_WRITE_RESULT", ok: false, error: "localforage unavailable: " + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res);
+          else broadcast(res);
+          return;
+        }
+        try {
+          const threads = await readThreadsViaLocalForage();
+          const tid = "sw-test-" + gid();
+          const nowMs = now();
+          const t = { id: tid, title: "SW test " + new Date(nowMs).toISOString(), pinned: false, updatedAt: nowMs, messages: [{ id: "swtest-" + gid(), role: "assistant", content: "sw test write @ " + new Date(nowMs).toISOString(), contentParts: [{ type: "text", text: "sw test write" }], createdAt: nowMs, updatedAt: nowMs }] };
+          threads.unshift(t);
+          const writeRes = await writeThreadsViaLocalForage(threads);
+          const out = { type: "TEST_WRITE_RESULT", ok: true, tid, writeRes };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        } catch (err) {
+          const out = { type: "TEST_WRITE_RESULT", ok: false, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        }
+        return;
+      }
+      if (data && data.type === "READ_KEY") {
+        const key = data.key || THREADS_KEY;
+        if (!lfAvailable) {
+          const res = { type: "READ_KEY_RESULT", ok: false, key, error: "localforage unavailable: " + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res);
+          else broadcast(res);
+          return;
+        }
+        try {
+          const val = await localforage.getItem(key);
+          const parsed = typeof val === "string" ? (() => {
+            try {
+              return JSON.parse(val);
+            } catch {
+              return val;
+            }
+          })() : val;
+          const out = { type: "READ_KEY_RESULT", ok: true, key, value: parsed };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        } catch (err) {
+          const out = { type: "READ_KEY_RESULT", ok: false, key, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        }
+        return;
+      }
+      if (data && data.type === "LIST_SW_SAVED") {
+        if (!lfAvailable) {
+          const res = { type: "LIST_SW_SAVED_RESULT", ok: false, error: "localforage unavailable: " + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res);
+          else broadcast(res);
+          return;
+        }
+        try {
+          const threads = await readThreadsViaLocalForage();
+          const found = [];
+          for (const t of threads || []) {
+            for (const m of t.messages || []) {
+              if (m && m.sw_streamId) found.push({ threadId: t.id, threadTitle: t.title, messageId: m.id, sw_streamId: m.sw_streamId, snippet: (m.content || "").slice(0, 200), updatedAt: m.updatedAt });
+            }
+          }
+          const out = { type: "LIST_SW_SAVED_RESULT", ok: true, found };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        } catch (err) {
+          const out = { type: "LIST_SW_SAVED_RESULT", ok: false, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        }
+        return;
+      }
+      if (data && data.type === "CLEAR_TESTS") {
+        if (!lfAvailable) {
+          const res = { type: "CLEAR_TESTS_RESULT", ok: false, error: "localforage unavailable: " + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res);
+          else broadcast(res);
+          return;
+        }
+        try {
+          const threads = await readThreadsViaLocalForage();
+          const before = threads.length;
+          const cleaned = threads.filter((t) => !(t.id && String(t.id).startsWith("sw-test-")));
+          await writeThreadsViaLocalForage(cleaned);
+          const removed = before - cleaned.length;
+          const out = { type: "CLEAR_TESTS_RESULT", ok: true, removed };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        } catch (err) {
+          const out = { type: "CLEAR_TESTS_RESULT", ok: false, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out);
+          else broadcast(out);
+        }
+        return;
+      }
+    } catch (err) {
+      const r = { type: "SW_ERROR", error: String(err && err.message ? err.message : err) };
+      if (event.ports && event.ports[0]) event.ports[0].postMessage(r);
+      else broadcast(r);
+    }
+  })();
+});
diff --git a/docs/workbox-5ffe50d4.js b/docs/workbox-5ffe50d4.js
deleted file mode 100644
index 91e4520..0000000
--- a/docs/workbox-5ffe50d4.js
+++ /dev/null
@@ -1 +0,0 @@
-define(["exports"],function(t){"use strict";try{self["workbox:core:7.2.0"]&&_()}catch(t){}const e=(t,...e)=>{let s=t;return e.length>0&&(s+=` :: ${JSON.stringify(e)}`),s};class s extends Error{constructor(t,s){super(e(t,s)),this.name=t,this.details=s}}try{self["workbox:routing:7.2.0"]&&_()}catch(t){}const n=t=>t&&"object"==typeof t?t:{handle:t};class i{constructor(t,e,s="GET"){this.handler=n(e),this.match=t,this.method=s}setCatchHandler(t){this.catchHandler=n(t)}}class r extends i{constructor(t,e,s){super(({url:e})=>{const s=t.exec(e.href);if(s&&(e.origin===location.origin||0===s.index))return s.slice(1)},e,s)}}class o{constructor(){this.t=new Map,this.i=new Map}get routes(){return this.t}addFetchListener(){self.addEventListener("fetch",t=>{const{request:e}=t,s=this.handleRequest({request:e,event:t});s&&t.respondWith(s)})}addCacheListener(){self.addEventListener("message",t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,s=Promise.all(e.urlsToCache.map(e=>{"string"==typeof e&&(e=[e]);const s=new Request(...e);return this.handleRequest({request:s,event:t})}));t.waitUntil(s),t.ports&&t.ports[0]&&s.then(()=>t.ports[0].postMessage(!0))}})}handleRequest({request:t,event:e}){const s=new URL(t.url,location.href);if(!s.protocol.startsWith("http"))return;const n=s.origin===location.origin,{params:i,route:r}=this.findMatchingRoute({event:e,request:t,sameOrigin:n,url:s});let o=r&&r.handler;const c=t.method;if(!o&&this.i.has(c)&&(o=this.i.get(c)),!o)return;let a;try{a=o.handle({url:s,request:t,event:e,params:i})}catch(t){a=Promise.reject(t)}const h=r&&r.catchHandler;return a instanceof Promise&&(this.o||h)&&(a=a.catch(async n=>{if(h)try{return await h.handle({url:s,request:t,event:e,params:i})}catch(t){t instanceof Error&&(n=t)}if(this.o)return this.o.handle({url:s,request:t,event:e});throw n})),a}findMatchingRoute({url:t,sameOrigin:e,request:s,event:n}){const i=this.t.get(s.method)||[];for(const r of i){let i;const o=r.match({url:t,sameOrigin:e,request:s,event:n});if(o)return i=o,(Array.isArray(i)&&0===i.length||o.constructor===Object&&0===Object.keys(o).length||"boolean"==typeof o)&&(i=void 0),{route:r,params:i}}return{}}setDefaultHandler(t,e="GET"){this.i.set(e,n(t))}setCatchHandler(t){this.o=n(t)}registerRoute(t){this.t.has(t.method)||this.t.set(t.method,[]),this.t.get(t.method).push(t)}unregisterRoute(t){if(!this.t.has(t.method))throw new s("unregister-route-but-not-found-with-method",{method:t.method});const e=this.t.get(t.method).indexOf(t);if(!(e>-1))throw new s("unregister-route-route-not-registered");this.t.get(t.method).splice(e,1)}}let c;const a=()=>(c||(c=new o,c.addFetchListener(),c.addCacheListener()),c);function h(t,e,n){let o;if("string"==typeof t){const s=new URL(t,location.href);o=new i(({url:t})=>t.href===s.href,e,n)}else if(t instanceof RegExp)o=new r(t,e,n);else if("function"==typeof t)o=new i(t,e,n);else{if(!(t instanceof i))throw new s("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});o=t}return a().registerRoute(o),o}const u={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},l=t=>[u.prefix,t,u.suffix].filter(t=>t&&t.length>0).join("-"),f=t=>t||l(u.precache),w=t=>t||l(u.runtime);function d(t,e){const s=e();return t.waitUntil(s),s}try{self["workbox:precaching:7.2.0"]&&_()}catch(t){}function p(t){if(!t)throw new s("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location.href);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new s("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location.href);return{cacheKey:t.href,url:t.href}}const i=new URL(n,location.href),r=new URL(n,location.href);return i.searchParams.set("__WB_REVISION__",e),{cacheKey:i.href,url:r.href}}class y{constructor(){this.updatedURLs=[],this.notUpdatedURLs=[],this.handlerWillStart=async({request:t,state:e})=>{e&&(e.originalRequest=t)},this.cachedResponseWillBeUsed=async({event:t,state:e,cachedResponse:s})=>{if("install"===t.type&&e&&e.originalRequest&&e.originalRequest instanceof Request){const t=e.originalRequest.url;s?this.notUpdatedURLs.push(t):this.updatedURLs.push(t)}return s}}}class g{constructor({precacheController:t}){this.cacheKeyWillBeUsed=async({request:t,params:e})=>{const s=(null==e?void 0:e.cacheKey)||this.h.getCacheKeyForURL(t.url);return s?new Request(s,{headers:t.headers}):t},this.h=t}}let R;async function m(t,e){let n=null;if(t.url){n=new URL(t.url).origin}if(n!==self.location.origin)throw new s("cross-origin-copy-response",{origin:n});const i=t.clone(),r={headers:new Headers(i.headers),status:i.status,statusText:i.statusText},o=e?e(r):r,c=function(){if(void 0===R){const t=new Response("");if("body"in t)try{new Response(t.body),R=!0}catch(t){R=!1}R=!1}return R}()?i.body:await i.blob();return new Response(c,o)}function v(t,e){const s=new URL(t);for(const t of e)s.searchParams.delete(t);return s.href}class q{constructor(){this.promise=new Promise((t,e)=>{this.resolve=t,this.reject=e})}}const U=new Set;try{self["workbox:strategies:7.2.0"]&&_()}catch(t){}function L(t){return"string"==typeof t?new Request(t):t}class b{constructor(t,e){this.u={},Object.assign(this,e),this.event=e.event,this.l=t,this.p=new q,this.R=[],this.m=[...t.plugins],this.v=new Map;for(const t of this.m)this.v.set(t,{});this.event.waitUntil(this.p.promise)}async fetch(t){const{event:e}=this;let n=L(t);if("navigate"===n.mode&&e instanceof FetchEvent&&e.preloadResponse){const t=await e.preloadResponse;if(t)return t}const i=this.hasCallback("fetchDidFail")?n.clone():null;try{for(const t of this.iterateCallbacks("requestWillFetch"))n=await t({request:n.clone(),event:e})}catch(t){if(t instanceof Error)throw new s("plugin-error-request-will-fetch",{thrownErrorMessage:t.message})}const r=n.clone();try{let t;t=await fetch(n,"navigate"===n.mode?void 0:this.l.fetchOptions);for(const s of this.iterateCallbacks("fetchDidSucceed"))t=await s({event:e,request:r,response:t});return t}catch(t){throw i&&await this.runCallbacks("fetchDidFail",{error:t,event:e,originalRequest:i.clone(),request:r.clone()}),t}}async fetchAndCachePut(t){const e=await this.fetch(t),s=e.clone();return this.waitUntil(this.cachePut(t,s)),e}async cacheMatch(t){const e=L(t);let s;const{cacheName:n,matchOptions:i}=this.l,r=await this.getCacheKey(e,"read"),o=Object.assign(Object.assign({},i),{cacheName:n});s=await caches.match(r,o);for(const t of this.iterateCallbacks("cachedResponseWillBeUsed"))s=await t({cacheName:n,matchOptions:i,cachedResponse:s,request:r,event:this.event})||void 0;return s}async cachePut(t,e){const n=L(t);var i;await(i=0,new Promise(t=>setTimeout(t,i)));const r=await this.getCacheKey(n,"write");if(!e)throw new s("cache-put-with-no-response",{url:(o=r.url,new URL(String(o),location.href).href.replace(new RegExp(`^${location.origin}`),""))});var o;const c=await this.q(e);if(!c)return!1;const{cacheName:a,matchOptions:h}=this.l,u=await self.caches.open(a),l=this.hasCallback("cacheDidUpdate"),f=l?await async function(t,e,s,n){const i=v(e.url,s);if(e.url===i)return t.match(e,n);const r=Object.assign(Object.assign({},n),{ignoreSearch:!0}),o=await t.keys(e,r);for(const e of o)if(i===v(e.url,s))return t.match(e,n)}(u,r.clone(),["__WB_REVISION__"],h):null;try{await u.put(r,l?c.clone():c)}catch(t){if(t instanceof Error)throw"QuotaExceededError"===t.name&&await async function(){for(const t of U)await t()}(),t}for(const t of this.iterateCallbacks("cacheDidUpdate"))await t({cacheName:a,oldResponse:f,newResponse:c.clone(),request:r,event:this.event});return!0}async getCacheKey(t,e){const s=`${t.url} | ${e}`;if(!this.u[s]){let n=t;for(const t of this.iterateCallbacks("cacheKeyWillBeUsed"))n=L(await t({mode:e,request:n,event:this.event,params:this.params}));this.u[s]=n}return this.u[s]}hasCallback(t){for(const e of this.l.plugins)if(t in e)return!0;return!1}async runCallbacks(t,e){for(const s of this.iterateCallbacks(t))await s(e)}*iterateCallbacks(t){for(const e of this.l.plugins)if("function"==typeof e[t]){const s=this.v.get(e),n=n=>{const i=Object.assign(Object.assign({},n),{state:s});return e[t](i)};yield n}}waitUntil(t){return this.R.push(t),t}async doneWaiting(){let t;for(;t=this.R.shift();)await t}destroy(){this.p.resolve(null)}async q(t){let e=t,s=!1;for(const t of this.iterateCallbacks("cacheWillUpdate"))if(e=await t({request:this.request,response:e,event:this.event})||void 0,s=!0,!e)break;return s||e&&200!==e.status&&(e=void 0),e}}class C{constructor(t={}){this.cacheName=w(t.cacheName),this.plugins=t.plugins||[],this.fetchOptions=t.fetchOptions,this.matchOptions=t.matchOptions}handle(t){const[e]=this.handleAll(t);return e}handleAll(t){t instanceof FetchEvent&&(t={event:t,request:t.request});const e=t.event,s="string"==typeof t.request?new Request(t.request):t.request,n="params"in t?t.params:void 0,i=new b(this,{event:e,request:s,params:n}),r=this.U(i,s,e);return[r,this.L(r,i,s,e)]}async U(t,e,n){let i;await t.runCallbacks("handlerWillStart",{event:n,request:e});try{if(i=await this._(e,t),!i||"error"===i.type)throw new s("no-response",{url:e.url})}catch(s){if(s instanceof Error)for(const r of t.iterateCallbacks("handlerDidError"))if(i=await r({error:s,event:n,request:e}),i)break;if(!i)throw s}for(const s of t.iterateCallbacks("handlerWillRespond"))i=await s({event:n,request:e,response:i});return i}async L(t,e,s,n){let i,r;try{i=await t}catch(r){}try{await e.runCallbacks("handlerDidRespond",{event:n,request:s,response:i}),await e.doneWaiting()}catch(t){t instanceof Error&&(r=t)}if(await e.runCallbacks("handlerDidComplete",{event:n,request:s,response:i,error:r}),e.destroy(),r)throw r}}class E extends C{constructor(t={}){t.cacheName=f(t.cacheName),super(t),this.C=!1!==t.fallbackToNetwork,this.plugins.push(E.copyRedirectedCacheableResponsesPlugin)}async _(t,e){const s=await e.cacheMatch(t);return s||(e.event&&"install"===e.event.type?await this.O(t,e):await this.N(t,e))}async N(t,e){let n;const i=e.params||{};if(!this.C)throw new s("missing-precache-entry",{cacheName:this.cacheName,url:t.url});{const s=i.integrity,r=t.integrity,o=!r||r===s;n=await e.fetch(new Request(t,{integrity:"no-cors"!==t.mode?r||s:void 0})),s&&o&&"no-cors"!==t.mode&&(this.k(),await e.cachePut(t,n.clone()))}return n}async O(t,e){this.k();const n=await e.fetch(t);if(!await e.cachePut(t,n.clone()))throw new s("bad-precaching-response",{url:t.url,status:n.status});return n}k(){let t=null,e=0;for(const[s,n]of this.plugins.entries())n!==E.copyRedirectedCacheableResponsesPlugin&&(n===E.defaultPrecacheCacheabilityPlugin&&(t=s),n.cacheWillUpdate&&e++);0===e?this.plugins.push(E.defaultPrecacheCacheabilityPlugin):e>1&&null!==t&&this.plugins.splice(t,1)}}E.defaultPrecacheCacheabilityPlugin={cacheWillUpdate:async({response:t})=>!t||t.status>=400?null:t},E.copyRedirectedCacheableResponsesPlugin={cacheWillUpdate:async({response:t})=>t.redirected?await m(t):t};class O{constructor({cacheName:t,plugins:e=[],fallbackToNetwork:s=!0}={}){this.K=new Map,this.P=new Map,this.T=new Map,this.l=new E({cacheName:f(t),plugins:[...e,new g({precacheController:this})],fallbackToNetwork:s}),this.install=this.install.bind(this),this.activate=this.activate.bind(this)}get strategy(){return this.l}precache(t){this.addToCacheList(t),this.W||(self.addEventListener("install",this.install),self.addEventListener("activate",this.activate),this.W=!0)}addToCacheList(t){const e=[];for(const n of t){"string"==typeof n?e.push(n):n&&void 0===n.revision&&e.push(n.url);const{cacheKey:t,url:i}=p(n),r="string"!=typeof n&&n.revision?"reload":"default";if(this.K.has(i)&&this.K.get(i)!==t)throw new s("add-to-cache-list-conflicting-entries",{firstEntry:this.K.get(i),secondEntry:t});if("string"!=typeof n&&n.integrity){if(this.T.has(t)&&this.T.get(t)!==n.integrity)throw new s("add-to-cache-list-conflicting-integrities",{url:i});this.T.set(t,n.integrity)}if(this.K.set(i,t),this.P.set(i,r),e.length>0){const t=`Workbox is precaching URLs without revision info: ${e.join(", ")}\nThis is generally NOT safe. Learn more at https://bit.ly/wb-precache`;console.warn(t)}}}install(t){return d(t,async()=>{const e=new y;this.strategy.plugins.push(e);for(const[e,s]of this.K){const n=this.T.get(s),i=this.P.get(e),r=new Request(e,{integrity:n,cache:i,credentials:"same-origin"});await Promise.all(this.strategy.handleAll({params:{cacheKey:s},request:r,event:t}))}const{updatedURLs:s,notUpdatedURLs:n}=e;return{updatedURLs:s,notUpdatedURLs:n}})}activate(t){return d(t,async()=>{const t=await self.caches.open(this.strategy.cacheName),e=await t.keys(),s=new Set(this.K.values()),n=[];for(const i of e)s.has(i.url)||(await t.delete(i),n.push(i.url));return{deletedURLs:n}})}getURLsToCacheKeys(){return this.K}getCachedURLs(){return[...this.K.keys()]}getCacheKeyForURL(t){const e=new URL(t,location.href);return this.K.get(e.href)}getIntegrityForCacheKey(t){return this.T.get(t)}async matchPrecache(t){const e=t instanceof Request?t.url:t,s=this.getCacheKeyForURL(e);if(s){return(await self.caches.open(this.strategy.cacheName)).match(s)}}createHandlerBoundToURL(t){const e=this.getCacheKeyForURL(t);if(!e)throw new s("non-precached-url",{url:t});return s=>(s.request=new Request(t),s.params=Object.assign({cacheKey:e},s.params),this.strategy.handle(s))}}let x;const N=()=>(x||(x=new O),x);class k extends i{constructor(t,e){super(({request:s})=>{const n=t.getURLsToCacheKeys();for(const i of function*(t,{ignoreURLParametersMatching:e=[/^utm_/,/^fbclid$/],directoryIndex:s="index.html",cleanURLs:n=!0,urlManipulation:i}={}){const r=new URL(t,location.href);r.hash="",yield r.href;const o=function(t,e=[]){for(const s of[...t.searchParams.keys()])e.some(t=>t.test(s))&&t.searchParams.delete(s);return t}(r,e);if(yield o.href,s&&o.pathname.endsWith("/")){const t=new URL(o.href);t.pathname+=s,yield t.href}if(n){const t=new URL(o.href);t.pathname+=".html",yield t.href}if(i){const t=i({url:r});for(const e of t)yield e.href}}(s.url,e)){const e=n.get(i);if(e){return{cacheKey:e,integrity:t.getIntegrityForCacheKey(e)}}}},t.strategy)}}t.NavigationRoute=class extends i{constructor(t,{allowlist:e=[/./],denylist:s=[]}={}){super(t=>this.j(t),t),this.M=e,this.S=s}j({url:t,request:e}){if(e&&"navigate"!==e.mode)return!1;const s=t.pathname+t.search;for(const t of this.S)if(t.test(s))return!1;return!!this.M.some(t=>t.test(s))}},t.cleanupOutdatedCaches=function(){self.addEventListener("activate",t=>{const e=f();t.waitUntil((async(t,e="-precache-")=>{const s=(await self.caches.keys()).filter(s=>s.includes(e)&&s.includes(self.registration.scope)&&s!==t);return await Promise.all(s.map(t=>self.caches.delete(t))),s})(e).then(t=>{}))})},t.clientsClaim=function(){self.addEventListener("activate",()=>self.clients.claim())},t.createHandlerBoundToURL=function(t){return N().createHandlerBoundToURL(t)},t.precacheAndRoute=function(t,e){!function(t){N().precache(t)}(t),function(t){const e=N();h(new k(e,t))}(e)},t.registerRoute=h});
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 0000000..0da426d
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,349 @@
+// /sw.js
+// Service worker that uses localforage inside the worker to read/write 'threads_v1'.
+// It tees streaming responses and continuously overwrites the last thread with accumulated assistant text.
+
+try {
+  importScripts('https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js');
+} catch (e) {
+  // importScripts may throw if blocked by CSP — we'll detect later and broadcast error
+}
+
+// Config / constants
+const TARGET_SUBSTRING = 'openrouter.ai/api/v1/chat/completions';
+const THREADS_KEY = 'threads_v1';
+const SAVE_BYTES_THRESHOLD = 6 * 1024;
+const SAVE_TIME_THRESHOLD = 800;
+const BROADCAST_THROTTLE_MS = 600;
+
+const gid = () => Math.random().toString(36).slice(2,9) + '-' + Date.now().toString(36);
+const now = () => Date.now();
+
+let lfAvailable = (typeof localforage !== 'undefined');
+let lfLoadError = lfAvailable ? null : 'localforage not loaded (importScripts failed or blocked)';
+
+async function broadcast(msg) {
+  try {
+    const clients = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' });
+    for (const c of clients) {
+      try { c.postMessage(msg); } catch (_) {}
+    }
+  } catch (_) {}
+}
+
+function logDebug(text) {
+  // console and broadcast
+  try { console.log('[sw] ' + text); } catch {}
+  broadcast({ type: 'sw-debug-log', ts: now(), text: String(text) });
+}
+
+/** sanitize to structured-cloneable value */
+function sanitizeForIDB(v) {
+  try {
+    return JSON.parse(JSON.stringify(v));
+  } catch (e) {
+    // shallow fallback - keep minimal properties
+    try {
+      if (!Array.isArray(v)) return [];
+      return v.map(t => ({
+        id: t && t.id,
+        title: t && t.title,
+        updatedAt: t && t.updatedAt,
+        messages: Array.isArray(t && t.messages) ? t.messages.map(m => ({ id: m && m.id, role: m && m.role, content: String((m && m.content) || '') })) : []
+      }));
+    } catch (_) {
+      return [];
+    }
+  }
+}
+
+/** write threads with localforage.setItem and fallback to string if needed */
+async function writeThreadsViaLocalForage(threadsArr) {
+  if (!lfAvailable) throw new Error('localforage unavailable: ' + lfLoadError);
+  const safeVal = sanitizeForIDB(threadsArr || []);
+  try {
+    await localforage.setItem(THREADS_KEY, safeVal);
+    return { ok: true, method: 'localforage.setItem', storedAs: 'object' };
+  } catch (err1) {
+    // fallback: store as JSON string (always cloneable)
+    try {
+      await localforage.setItem(THREADS_KEY, JSON.stringify(safeVal));
+      return { ok: true, method: 'localforage.setItem(stringified)', storedAs: 'string' };
+    } catch (err2) {
+      // both failed
+      throw new Error('setItem failed: ' + (err2 && err2.message ? err2.message : String(err1)));
+    }
+  }
+}
+
+async function readThreadsViaLocalForage() {
+  if (!lfAvailable) throw new Error('localforage unavailable: ' + lfLoadError);
+  try {
+    const v = await localforage.getItem(THREADS_KEY);
+    // if value is a JSON string (fallback), try parse
+    if (typeof v === 'string') {
+      try { const parsed = JSON.parse(v); return Array.isArray(parsed) ? parsed : []; } catch { return []; }
+    }
+    return Array.isArray(v) ? v : [];
+  } catch (err) {
+    throw err;
+  }
+}
+
+/* pick last thread heuristic (newest updatedAt) */
+function pickLastThread(threads) {
+  if (!threads || threads.length === 0) return null;
+  const sorted = [...threads].sort((a,b) => (b.updatedAt||0) - (a.updatedAt||0));
+  return sorted[0];
+}
+
+/* upsert assistant message with sw_streamId into thread object */
+function upsertAssistantInThreadObj(threadObj, streamId, text) {
+  threadObj.updatedAt = now();
+  threadObj.messages = threadObj.messages || [];
+  for (let i = threadObj.messages.length - 1; i >= 0; i--) {
+    const m = threadObj.messages[i];
+    if (m && m.sw_streamId === streamId) {
+      m.content = text;
+      m.contentParts = [{ type:'text', text }];
+      m.updatedAt = now();
+      m._sw_savedAt = now();
+      return threadObj;
+    }
+  }
+  // append
+  const msg = {
+    id: 'swmsg-' + gid(),
+    role: 'assistant',
+    content: text,
+    contentParts: [{ type:'text', text }],
+    kind: 'assistant',
+    sw_saved: true,
+    sw_streamId: streamId,
+    createdAt: now(),
+    updatedAt: now(),
+    _sw_savedAt: now()
+  };
+  threadObj.messages.push(msg);
+  return threadObj;
+}
+
+/* write helper used while streaming */
+async function flushToLastThreadUsingLF(streamId, accumulated, meta) {
+  // read threads via localforage, update last thread, write back via localforage
+  try {
+    const threads = await readThreadsViaLocalForage();
+    let thread = pickLastThread(threads);
+    const createdAt = now();
+    if (!thread) {
+      thread = { id: 'sw-thread-' + gid(), title: 'Missed while backgrounded', pinned:false, updatedAt: createdAt, messages: [] };
+      threads.unshift(thread);
+    }
+    upsertAssistantInThreadObj(thread, streamId, accumulated);
+    const writeRes = await writeThreadsViaLocalForage(threads);
+    return { ok: true, threadId: thread.id, writeRes };
+  } catch (err) {
+    // propagate error
+    return { ok: false, error: String(err && err.message ? err.message : err) };
+  }
+}
+
+/* lifecycle */
+self.addEventListener('install', ev => { self.skipWaiting(); });
+self.addEventListener('activate', ev => { ev.waitUntil(self.clients.claim()); });
+
+/* in-memory state */
+const state = { totalIntercepted: 0, activeStreams: {}, lastStream: null };
+
+/* fetch handler */
+self.addEventListener('fetch', event => {
+  try {
+    const url = String(event.request.url || '');
+    if (!url.includes(TARGET_SUBSTRING)) return; // not relevant
+    event.respondWith((async () => {
+      const upstream = await fetch(event.request);
+      if (!upstream || !upstream.body) return upstream;
+
+      const streamId = 'sw-' + gid();
+      const meta = { url, startedAt: now(), bytes: 0, status: 'started' };
+      state.totalIntercepted = (state.totalIntercepted || 0) + 1;
+      state.activeStreams[streamId] = meta;
+      broadcast({ type: 'sw-intercept-start', streamId, meta });
+
+      const [clientStream, swStream] = upstream.body.tee();
+
+      const saveTask = (async () => {
+        const reader = swStream.getReader();
+        const decoder = new TextDecoder('utf-8');
+        let acc = '';
+        let sinceBytes = 0;
+        let lastSaveAt = 0;
+        let lastBroadcastAt = 0;
+
+        async function maybeFlush(force = false) {
+          const nowMs = now();
+          if (!force && sinceBytes < SAVE_BYTES_THRESHOLD && (nowMs - lastSaveAt) < SAVE_TIME_THRESHOLD) return;
+          // attempt localforage write
+          const res = await flushToLastThreadUsingLF(streamId, acc, { bytes: meta.bytes });
+          lastSaveAt = nowMs;
+          sinceBytes = 0;
+          if (res.ok) {
+            const now2 = Date.now();
+            if (now2 - lastBroadcastAt > BROADCAST_THROTTLE_MS) {
+              lastBroadcastAt = now2;
+              broadcast({ type:'sw-intercept-progress', streamId, meta: { bytes: meta.bytes, savedAt: lastSaveAt, snippet: acc.slice(-1024), threadId: res.threadId, writeRes: res.writeRes } });
+            }
+          } else {
+            broadcast({ type:'sw-intercept-error', streamId, meta: { error: res.error } });
+          }
+        }
+
+        try {
+          while (true) {
+            const { value, done } = await reader.read();
+            if (done) break;
+            let chunk = '';
+            try { chunk = decoder.decode(value, { stream: true }); } catch (e) { chunk = ''; }
+            acc += chunk;
+            const bytes = value ? (value.byteLength || 0) : chunk.length;
+            meta.bytes += bytes;
+            sinceBytes += bytes;
+            // flush according to thresholds
+            await maybeFlush(false);
+          }
+          // final flush
+          await maybeFlush(true);
+          meta.status = 'finished';
+          meta.endedAt = now();
+          state.lastStream = { streamId, url: meta.url, startedAt: meta.startedAt, endedAt: meta.endedAt, totalBytes: meta.bytes };
+          delete state.activeStreams[streamId];
+          broadcast({ type:'sw-intercept-end', streamId, meta: { totalBytes: meta.bytes, endedAt: meta.endedAt } });
+        } catch (err) {
+          meta.status = 'error';
+          meta.error = String(err && err.message ? err.message : err);
+          delete state.activeStreams[streamId];
+          broadcast({ type:'sw-intercept-error', streamId, meta: { error: meta.error } });
+        }
+      })();
+
+      // keep alive while saving
+      event.waitUntil(saveTask);
+
+      return new Response(clientStream, {
+        status: upstream.status,
+        statusText: upstream.statusText,
+        headers: upstream.headers
+      });
+    })());
+  } catch (err) {
+    logDebug('fetch handler top-level error: ' + (err && err.message ? err.message : String(err)));
+  }
+});
+
+/* message handler for debug commands */
+self.addEventListener('message', event => {
+  const data = event.data || {};
+  (async () => {
+    try {
+      if (data && data.type === 'PING') {
+        if (event.ports && event.ports[0]) event.ports[0].postMessage({ type:'PONG', ts: now(), ok:true });
+        else broadcast({ type:'PONG', ts: now(), ok:true });
+        return;
+      }
+      if (data && data.type === 'PING_STATUS') {
+        const reply = { type:'PONG_STATUS', ts: now(), lfAvailable, lfLoadError, totalIntercepted: state.totalIntercepted||0, lastStream: state.lastStream || null };
+        if (event.ports && event.ports[0]) event.ports[0].postMessage(reply);
+        else broadcast(reply);
+        return;
+      }
+
+      if (data && data.type === 'TEST_WRITE') {
+        if (!lfAvailable) {
+          const res = { type:'TEST_WRITE_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res);
+          return;
+        }
+        try {
+          const threads = await readThreadsViaLocalForage();
+          const tid = 'sw-test-' + gid();
+          const nowMs = now();
+          const t = { id: tid, title: 'SW test ' + new Date(nowMs).toISOString(), pinned:false, updatedAt: nowMs, messages: [ { id:'swtest-'+gid(), role:'assistant', content:'sw test write @ ' + new Date(nowMs).toISOString(), contentParts:[{type:'text',text:'sw test write'}], createdAt: nowMs, updatedAt: nowMs } ] };
+          threads.unshift(t);
+          const writeRes = await writeThreadsViaLocalForage(threads);
+          const out = { type:'TEST_WRITE_RESULT', ok:true, tid, writeRes };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        } catch (err) {
+          const out = { type:'TEST_WRITE_RESULT', ok:false, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        }
+        return;
+      }
+
+      if (data && data.type === 'READ_KEY') {
+        const key = data.key || THREADS_KEY;
+        if (!lfAvailable) {
+          const res = { type:'READ_KEY_RESULT', ok:false, key, error: 'localforage unavailable: ' + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res);
+          return;
+        }
+        try {
+          const val = await localforage.getItem(key);
+          const parsed = (typeof val === 'string') ? ( (() => { try { return JSON.parse(val); } catch { return val; } })() ) : val;
+          const out = { type:'READ_KEY_RESULT', ok:true, key, value: parsed };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        } catch (err) {
+          const out = { type:'READ_KEY_RESULT', ok:false, key, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        }
+        return;
+      }
+
+      if (data && data.type === 'LIST_SW_SAVED') {
+        if (!lfAvailable) {
+          const res = { type:'LIST_SW_SAVED_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res);
+          return;
+        }
+        try {
+          const threads = await readThreadsViaLocalForage();
+          const found = [];
+          for (const t of (threads||[])) {
+            for (const m of (t.messages||[])) {
+              if (m && m.sw_streamId) found.push({ threadId: t.id, threadTitle: t.title, messageId: m.id, sw_streamId: m.sw_streamId, snippet: (m.content||'').slice(0,200), updatedAt: m.updatedAt });
+            }
+          }
+          const out = { type:'LIST_SW_SAVED_RESULT', ok:true, found };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        } catch (err) {
+          const out = { type:'LIST_SW_SAVED_RESULT', ok:false, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        }
+        return;
+      }
+
+      if (data && data.type === 'CLEAR_TESTS') {
+        if (!lfAvailable) {
+          const res = { type:'CLEAR_TESTS_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res);
+          return;
+        }
+        try {
+          const threads = await readThreadsViaLocalForage();
+          const before = threads.length;
+          const cleaned = threads.filter(t => !(t.id && String(t.id).startsWith('sw-test-')));
+          await writeThreadsViaLocalForage(cleaned);
+          const removed = before - cleaned.length;
+          const out = { type:'CLEAR_TESTS_RESULT', ok:true, removed };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        } catch (err) {
+          const out = { type:'CLEAR_TESTS_RESULT', ok:false, error: String(err && err.message ? err.message : err) };
+          if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
+        }
+        return;
+      }
+
+    } catch (err) {
+      const r = { type:'SW_ERROR', error: String(err && err.message ? err.message : err) };
+      if (event.ports && event.ports[0]) event.ports[0].postMessage(r); else broadcast(r);
+    }
+  })();
+});
diff --git a/vite.config.js b/vite.config.js
index 8e53061..d9ac4ee 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,7 +3,10 @@ import { VitePWA } from 'vite-plugin-pwa'
 import { createHtmlPlugin } from 'vite-plugin-html'
 
 const pwa = VitePWA({
+  strategies: 'injectManifest',
   registerType: 'autoUpdate',
+  injectManifest: { injectionPoint: undefined },
+  devOptions: { enabled: true },
   manifest: {
     id: 'https://sune.planetrenox.com/',
     name: 'Sune',