Add toolbox spaces and recover from stale asset bundles

website/index.html

@@ -11,6 +11,33 @@
     <title>Sokko G</title>
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
     <link rel="alternate icon" href="/favicon.ico" sizes="any" />
+    <script>
+      (() => {
+        const recoveryParameter = "_asset-recovery";
+
+        function reloadWithFreshAssets() {
+          const recoveryUrl = new URL(window.location.href);
+          if (recoveryUrl.searchParams.has(recoveryParameter)) return;
+          recoveryUrl.searchParams.set(recoveryParameter, Date.now().toString());
+          window.location.replace(recoveryUrl);
+        }
+
+        window.addEventListener("error", (event) => {
+          const resource = event.target;
+          if (!(resource instanceof HTMLScriptElement) || resource.type !== "module") return;
+
+          const resourceUrl = new URL(resource.src, window.location.href);
+          if (resourceUrl.origin === window.location.origin && resourceUrl.pathname.startsWith("/assets/")) {
+            reloadWithFreshAssets();
+          }
+        }, true);
+
+        window.addEventListener("vite:preloadError", (event) => {
+          event.preventDefault();
+          reloadWithFreshAssets();
+        });
+      })();
+    </script>
   </head>
   <body>
     <div id="app"></div>