diff --git a/src/app.html b/src/app.html
index cc92d60..75069bd 100644
--- a/src/app.html
+++ b/src/app.html
@@ -38,6 +38,7 @@
 <body data-sveltekit-preload-data="hover">
 	<div style="display: contents">%sveltekit.body%</div>
 	<script src="https://ibelem.github.io/onnxruntime-web-dist/1.16/web/dist/ort.js"></script>
+	<script src="./coi-serviceworker.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/lib/assets/css/global.css b/src/lib/assets/css/global.css
index 8e96bd0..35d74b6 100644
--- a/src/lib/assets/css/global.css
+++ b/src/lib/assets/css/global.css
@@ -817,6 +817,10 @@ padding: 2px 4px 2px 4px;
     margin-top: 4px;
   }
 
+  #webnn_npu {
+    margin-top: 0px;
+  }
+
   .group .block label {
     margin-left: 0px;
     width: 52px;
@@ -850,7 +854,7 @@ padding: 2px 4px 2px 4px;
 
   .config .models label {
     margin: 0px 4px 0px 0px;
-    width: 96px;
+    width: 94px;
   }
 
   .result .q div.m {
diff --git a/src/lib/components/ConfigDataTypes.svelte b/src/lib/components/ConfigDataTypes.svelte
index b7d8541..e4600a2 100644
--- a/src/lib/components/ConfigDataTypes.svelte
+++ b/src/lib/components/ConfigDataTypes.svelte
@@ -130,7 +130,7 @@
 
 {#if dataTypes}
 	<div class="title">
-		<label class="" title="Toggle data types">
+		<label class="" title="Toggle operand types">
 			<input type="checkbox" on:change={() => toggleDataTypes()} />
 			Operand Type
 		</label>
diff --git a/src/lib/components/ConfigModels.svelte b/src/lib/components/ConfigModels.svelte
index 5567612..c16227e 100644
--- a/src/lib/components/ConfigModels.svelte
+++ b/src/lib/components/ConfigModels.svelte
@@ -414,7 +414,7 @@
 </script>
 
 <div class="title">
-	<label class="" title="Toggle data types">
+	<label class="" title="Toggle operand types">
 		<input type="checkbox" on:change={() => toggleDataTypes()} />
 		Operand Type
 	</label>
diff --git a/src/lib/components/Results.svelte b/src/lib/components/Results.svelte
index 2768567..196cf52 100644
--- a/src/lib/components/Results.svelte
+++ b/src/lib/components/Results.svelte
@@ -63,7 +63,7 @@
 		<div class="q title _{selectedBackends.length}">
 			<div class="m">Model</div>
 			<div class="mt">Model Type</div>
-			<div class="dt">Data Type</div>
+			<div class="dt">Operand Type</div>
 			{#if selectedBackends && selectedBackends.length > 0}
 				{#each selectedBackends as backend}
 					<div class="backend">
diff --git a/static/coi-serviceworker.js b/static/coi-serviceworker.js
new file mode 100644
index 0000000..af2caf1
--- /dev/null
+++ b/static/coi-serviceworker.js
@@ -0,0 +1,118 @@
+/*! coi-serviceworker v0.1.7 - Guido Zuidhof and contributors, licensed under MIT */
+let coepCredentialless = false;
+if (typeof window === 'undefined') {
+    self.addEventListener("install", () => self.skipWaiting());
+    self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
+
+    self.addEventListener("message", (ev) => {
+        if (!ev.data) {
+            return;
+        } else if (ev.data.type === "deregister") {
+            self.registration
+                .unregister()
+                .then(() => {
+                    return self.clients.matchAll();
+                })
+                .then(clients => {
+                    clients.forEach((client) => client.navigate(client.url));
+                });
+        } else if (ev.data.type === "coepCredentialless") {
+            coepCredentialless = ev.data.value;
+        }
+    });
+
+    self.addEventListener("fetch", function (event) {
+        const r = event.request;
+        if (r.cache === "only-if-cached" && r.mode !== "same-origin") {
+            return;
+        }
+
+        const request = (coepCredentialless && r.mode === "no-cors")
+            ? new Request(r, {
+                credentials: "omit",
+            })
+            : r;
+        event.respondWith(
+            fetch(request)
+                .then((response) => {
+                    if (response.status === 0) {
+                        return response;
+                    }
+
+                    const newHeaders = new Headers(response.headers);
+                    newHeaders.set("Cross-Origin-Embedder-Policy",
+                        coepCredentialless ? "credentialless" : "require-corp"
+                    );
+                    if (!coepCredentialless) {
+                        newHeaders.set("Cross-Origin-Resource-Policy", "cross-origin");
+                    }
+                    newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");
+
+                    return new Response(response.body, {
+                        status: response.status,
+                        statusText: response.statusText,
+                        headers: newHeaders,
+                    });
+                })
+                .catch((e) => console.error(e))
+        );
+    });
+
+} else {
+    (() => {
+        // You can customize the behavior of this script through a global `coi` variable.
+        const coi = {
+            shouldRegister: () => true,
+            shouldDeregister: () => false,
+            coepCredentialless: () => (window.chrome !== undefined || window.netscape !== undefined),
+            doReload: () => window.location.reload(),
+            quiet: false,
+            ...window.coi
+        };
+
+        const n = navigator;
+
+        if (n.serviceWorker && n.serviceWorker.controller) {
+            n.serviceWorker.controller.postMessage({
+                type: "coepCredentialless",
+                value: coi.coepCredentialless(),
+            });
+
+            if (coi.shouldDeregister()) {
+                n.serviceWorker.controller.postMessage({ type: "deregister" });
+            }
+        }
+
+        // If we're already coi: do nothing. Perhaps it's due to this script doing its job, or COOP/COEP are
+        // already set from the origin server. Also if the browser has no notion of crossOriginIsolated, just give up here.
+        if (window.crossOriginIsolated !== false || !coi.shouldRegister()) return;
+
+        if (!window.isSecureContext) {
+            !coi.quiet && console.log("COOP/COEP Service Worker not registered, a secure context is required.");
+            return;
+        }
+
+        // In some environments (e.g. Chrome incognito mode) this won't be available
+        if (n.serviceWorker) {
+            n.serviceWorker.register(window.document.currentScript.src).then(
+                (registration) => {
+                    !coi.quiet && console.log("COOP/COEP Service Worker registered", registration.scope);
+
+                    registration.addEventListener("updatefound", () => {
+                        !coi.quiet && console.log("Reloading page to make use of updated COOP/COEP Service Worker.");
+                        coi.doReload();
+                    });
+
+                    // If the registration is active, but it's not controlling the page
+                    if (registration.active && !n.serviceWorker.controller) {
+                        !coi.quiet && console.log("Reloading page to make use of COOP/COEP Service Worker.");
+                        coi.doReload();
+                    }
+                },
+                (err) => {
+                    !coi.quiet && console.error("COOP/COEP Service Worker failed to register:", err);
+                }
+            );
+        }
+    })();
+}
diff --git a/static/coi-serviceworker.min.js b/static/coi-serviceworker.min.js
new file mode 100644
index 0000000..e79fce1
--- /dev/null
+++ b/static/coi-serviceworker.min.js
@@ -0,0 +1,2 @@
+/*! coi-serviceworker v0.1.7 - Guido Zuidhof and contributors, licensed under MIT */
+let coepCredentialless=!1;"undefined"==typeof window?(self.addEventListener("install",(()=>self.skipWaiting())),self.addEventListener("activate",(e=>e.waitUntil(self.clients.claim()))),self.addEventListener("message",(e=>{e.data&&("deregister"===e.data.type?self.registration.unregister().then((()=>self.clients.matchAll())).then((e=>{e.forEach((e=>e.navigate(e.url)))})):"coepCredentialless"===e.data.type&&(coepCredentialless=e.data.value))})),self.addEventListener("fetch",(function(e){const r=e.request;if("only-if-cached"===r.cache&&"same-origin"!==r.mode)return;const s=coepCredentialless&&"no-cors"===r.mode?new Request(r,{credentials:"omit"}):r;e.respondWith(fetch(s).then((e=>{if(0===e.status)return e;const r=new Headers(e.headers);return r.set("Cross-Origin-Embedder-Policy",coepCredentialless?"credentialless":"require-corp"),coepCredentialless||r.set("Cross-Origin-Resource-Policy","cross-origin"),r.set("Cross-Origin-Opener-Policy","same-origin"),new Response(e.body,{status:e.status,statusText:e.statusText,headers:r})})).catch((e=>console.error(e))))}))):(()=>{const e={shouldRegister:()=>!0,shouldDeregister:()=>!1,coepCredentialless:()=>(window.chrome!==undefined||window.netscape!==undefined),doReload:()=>window.location.reload(),quiet:!1,...window.coi},r=navigator;r.serviceWorker&&r.serviceWorker.controller&&(r.serviceWorker.controller.postMessage({type:"coepCredentialless",value:e.coepCredentialless()}),e.shouldDeregister()&&r.serviceWorker.controller.postMessage({type:"deregister"})),!1===window.crossOriginIsolated&&e.shouldRegister()&&(window.isSecureContext?r.serviceWorker&&r.serviceWorker.register(window.document.currentScript.src).then((s=>{!e.quiet&&console.log("COOP/COEP Service Worker registered",s.scope),s.addEventListener("updatefound",(()=>{!e.quiet&&console.log("Reloading page to make use of updated COOP/COEP Service Worker."),e.doReload()})),s.active&&!r.serviceWorker.controller&&(!e.quiet&&console.log("Reloading page to make use of COOP/COEP Service Worker."),e.doReload())}),(r=>{!e.quiet&&console.error("COOP/COEP Service Worker failed to register:",r)})):!e.quiet&&console.log("COOP/COEP Service Worker not registered, a secure context is required."))})();
diff --git a/vite.config.ts b/vite.config.ts
index f65df50..6e69f8c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,6 +9,7 @@ export default defineConfig({
 		cors: true,
 		headers: {
 			"Cache-Control": "max-age=31536000,immutable",
+			"Access-Control-Allow-Origin": "*",
 			"Cross-Origin-Opener-Policy": "same-origin",
 			"Cross-Origin-Embedder-Policy": "require-corp"
 		}
