npm - @camera.ui/server - Versions diffs - 2.0.15 → 2.0.16 - Mend

@camera.ui/server 2.0.15 → 2.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (651) hide show

package/dist/interface/index.html CHANGED Viewed

@@ -1,6 +1,41 @@
 <!doctype html>
 <html lang="en">
   <head>
+    <script>
+      window.__CUI_BASE__ = '/';
+      window.__CUI_EMBED__ = '';
+      (function () {
+        try {
+          var forced = new URLSearchParams(window.location.search).get('cui_theme');
+          var mode;
+          if (forced === 'dark' || forced === 'light') {
+            mode = forced;
+          } else {
+            var raw = localStorage.getItem('theme');
+            var obj = raw ? JSON.parse(raw) : { theme: 'dark', autoMode: true };
+            mode = obj.autoMode ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : obj.theme;
+          }
+          var el = document.documentElement;
+          el.setAttribute('data-mode', mode);
+          el.classList.add(mode === 'dark' ? 'dark-mode' : 'light-mode');
+          el.style.background = mode === 'dark' ? '#0d0d0d' : '#f8fafc';
+        } catch (e) {}
+      })();
+    </script>
+    <meta name="color-scheme" content="light dark" />
+    <style>
+      #cui-boot {
+        position: fixed;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      #cui-boot svg {
+        width: 200px;
+        height: 200px;
+      }
+    </style>
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -19,7 +54,7 @@
     <meta property="og:type" content="website" />
     <meta property="og:title" content="camera.ui" />
     <meta property="og:description" content="The modern solution for professional video surveillance. Designed for maximum flexibility and user-friendliness." />
-    <meta property="og:image" content="/og-share.png" />
+    <meta property="og:image" content="./og-share.png" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
@@ -27,427 +62,432 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="camera.ui" />
     <meta name="twitter:description" content="The modern solution for professional video surveillance. Designed for maximum flexibility and user-friendliness." />
-    <meta name="twitter:image" content="/og-share.png" />
+    <meta name="twitter:image" content="./og-share.png" />
     <link rel="manifest" href="/manifest.webmanifest" />
     <meta name="theme-color" content="#FFFFFF" />
     <meta name="msapplication-TileColor" content="#fff" />
-    <meta name="msapplication-TileImage" content="/pwa/pwa-144x144.png" />
-    <meta name="msapplication-config" content="/browserconfig.xml" />
+    <meta name="msapplication-TileImage" content="./pwa/pwa-144x144.png" />
+    <meta name="msapplication-config" content="./browserconfig.xml" />
     <!-- <link rel="preload" as="font" href="/fonts/InterVariable.woff2?v=4.1" crossorigin="anonymous" /> -->
-    <link rel="icon" href="/pwa/favicon-64.ico" sizes="any" />
-    <link rel="icon" href="/pwa/logo.svg" type="image/svg+xml" />
-    <link rel="icon" type="image/x-icon" sizes="16x16" href="/pwa/favicon-16.ico" />
-    <link rel="icon" type="image/x-icon" sizes="32x32" href="/pwa/favicon-32.ico" />
-    <link rel="icon" type="image/x-icon" sizes="48x48" href="/pwa/favicon-48.ico" />
+    <link rel="icon" href="./pwa/favicon-64.ico" sizes="any" />
+    <link rel="icon" href="./pwa/logo.svg" type="image/svg+xml" />
+    <link rel="icon" type="image/x-icon" sizes="16x16" href="./pwa/favicon-16.ico" />
+    <link rel="icon" type="image/x-icon" sizes="32x32" href="./pwa/favicon-32.ico" />
+    <link rel="icon" type="image/x-icon" sizes="48x48" href="./pwa/favicon-48.ico" />
-    <link rel="apple-touch-icon" href="/pwa/apple-touch-icon-180x180.png" sizes="180x180" />
-    <link rel="mask-icon" href="/pwa/logo.svg" color="#F1F1F1" />
+    <link rel="apple-touch-icon" href="./pwa/apple-touch-icon-180x180.png" sizes="180x180" />
+    <link rel="mask-icon" href="./pwa/logo.svg" color="#F1F1F1" />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-2048x2732.png"
+      href="./pwa/apple-splash-portrait-light-2048x2732.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2732x2048.png"
+      href="./pwa/apple-splash-landscape-light-2732x2048.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-2048x2732.png"
+      href="./pwa/apple-splash-portrait-dark-2048x2732.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2732x2048.png"
+      href="./pwa/apple-splash-landscape-dark-2732x2048.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2388x1668.png"
+      href="./pwa/apple-splash-landscape-dark-2388x1668.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1668x2388.png"
+      href="./pwa/apple-splash-portrait-light-1668x2388.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1668x2388.png"
+      href="./pwa/apple-splash-portrait-dark-1668x2388.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2388x1668.png"
+      href="./pwa/apple-splash-landscape-light-2388x1668.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2048x1536.png"
+      href="./pwa/apple-splash-landscape-light-2048x1536.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1536x2048.png"
+      href="./pwa/apple-splash-portrait-light-1536x2048.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2048x1536.png"
+      href="./pwa/apple-splash-landscape-dark-2048x1536.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1536x2048.png"
+      href="./pwa/apple-splash-portrait-dark-1536x2048.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1668x2224.png"
+      href="./pwa/apple-splash-portrait-light-1668x2224.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2224x1668.png"
+      href="./pwa/apple-splash-landscape-light-2224x1668.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1668x2224.png"
+      href="./pwa/apple-splash-portrait-dark-1668x2224.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2224x1668.png"
+      href="./pwa/apple-splash-landscape-dark-2224x1668.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1620x2160.png"
+      href="./pwa/apple-splash-portrait-light-1620x2160.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2160x1620.png"
+      href="./pwa/apple-splash-landscape-dark-2160x1620.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2160x1620.png"
+      href="./pwa/apple-splash-landscape-light-2160x1620.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1620x2160.png"
+      href="./pwa/apple-splash-portrait-dark-1620x2160.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2796x1290.png"
+      href="./pwa/apple-splash-landscape-dark-2796x1290.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2796x1290.png"
+      href="./pwa/apple-splash-landscape-light-2796x1290.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1290x2796.png"
+      href="./pwa/apple-splash-portrait-dark-1290x2796.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1290x2796.png"
+      href="./pwa/apple-splash-portrait-light-1290x2796.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2556x1179.png"
+      href="./pwa/apple-splash-landscape-light-2556x1179.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1179x2556.png"
+      href="./pwa/apple-splash-portrait-dark-1179x2556.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1179x2556.png"
+      href="./pwa/apple-splash-portrait-light-1179x2556.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2556x1179.png"
+      href="./pwa/apple-splash-landscape-dark-2556x1179.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2778x1284.png"
+      href="./pwa/apple-splash-landscape-dark-2778x1284.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2532x1170.png"
+      href="./pwa/apple-splash-landscape-dark-2532x1170.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2778x1284.png"
+      href="./pwa/apple-splash-landscape-light-2778x1284.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1284x2778.png"
+      href="./pwa/apple-splash-portrait-light-1284x2778.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1170x2532.png"
+      href="./pwa/apple-splash-portrait-dark-1170x2532.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2532x1170.png"
+      href="./pwa/apple-splash-landscape-light-2532x1170.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1170x2532.png"
+      href="./pwa/apple-splash-portrait-light-1170x2532.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1284x2778.png"
+      href="./pwa/apple-splash-portrait-dark-1284x2778.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2436x1125.png"
+      href="./pwa/apple-splash-landscape-light-2436x1125.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2436x1125.png"
+      href="./pwa/apple-splash-landscape-dark-2436x1125.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1125x2436.png"
+      href="./pwa/apple-splash-portrait-light-1125x2436.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2688x1242.png"
+      href="./pwa/apple-splash-landscape-light-2688x1242.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1125x2436.png"
+      href="./pwa/apple-splash-portrait-dark-1125x2436.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-1792x828.png"
+      href="./pwa/apple-splash-landscape-light-1792x828.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1242x2688.png"
+      href="./pwa/apple-splash-portrait-light-1242x2688.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1242x2688.png"
+      href="./pwa/apple-splash-portrait-dark-1242x2688.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-828x1792.png"
+      href="./pwa/apple-splash-portrait-light-828x1792.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-1792x828.png"
+      href="./pwa/apple-splash-landscape-dark-1792x828.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-828x1792.png"
+      href="./pwa/apple-splash-portrait-dark-828x1792.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2688x1242.png"
+      href="./pwa/apple-splash-landscape-dark-2688x1242.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-750x1334.png"
+      href="./pwa/apple-splash-portrait-light-750x1334.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-1242x2208.png"
+      href="./pwa/apple-splash-portrait-light-1242x2208.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-2208x1242.png"
+      href="./pwa/apple-splash-landscape-dark-2208x1242.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-1334x750.png"
+      href="./pwa/apple-splash-landscape-light-1334x750.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-1242x2208.png"
+      href="./pwa/apple-splash-portrait-dark-1242x2208.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-light-640x1136.png"
+      href="./pwa/apple-splash-portrait-light-640x1136.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-750x1334.png"
+      href="./pwa/apple-splash-portrait-dark-750x1334.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-2208x1242.png"
+      href="./pwa/apple-splash-landscape-light-2208x1242.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-1334x750.png"
+      href="./pwa/apple-splash-landscape-dark-1334x750.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-light-1136x640.png"
+      href="./pwa/apple-splash-landscape-light-1136x640.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-      href="/pwa/apple-splash-landscape-dark-1136x640.png"
+      href="./pwa/apple-splash-landscape-dark-1136x640.png"
     />
     <link
       rel="apple-touch-startup-image"
       media="screen and (prefers-color-scheme: dark) and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-      href="/pwa/apple-splash-portrait-dark-640x1136.png"
-    />
-    <script type="module" crossorigin src="/assets/main-DXE4zBZz.js"></script>
-    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-DAXXjFlN.js">
-    <link rel="modulepreload" crossorigin href="/assets/vendor-BLNgd-x3.js">
-    <link rel="modulepreload" crossorigin href="/assets/vendor-cameraui-C1IKkRDu.js">
-    <link rel="modulepreload" crossorigin href="/assets/vendor-zod-XsuaxHRY.js">
-    <link rel="modulepreload" crossorigin href="/assets/vendor-core-D8HwO28D.js">
-    <link rel="modulepreload" crossorigin href="/assets/vendor-primevue-CpvvTA4S.js">
-    <link rel="modulepreload" crossorigin href="/assets/api-Ci2OPZLb.js">
-    <link rel="modulepreload" crossorigin href="/assets/_plugin-vue_export-helper-BDNMzG2s.js">
-    <link rel="modulepreload" crossorigin href="/assets/ui-Buqvvz5_.js">
-    <link rel="modulepreload" crossorigin href="/assets/useSharedComposables-Dt2kEWWK.js">
-    <link rel="modulepreload" crossorigin href="/assets/close-CmLBRV0p.js">
-    <link rel="modulepreload" crossorigin href="/assets/cog-Btmv5cTa.js">
-    <link rel="modulepreload" crossorigin href="/assets/cog-outline-COxCsaa7.js">
-    <link rel="modulepreload" crossorigin href="/assets/useFileDownload-Cgl2TsAx.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiImage-OMB9QmYG.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiCameraSnapshot-B4j7AOCs.js">
-    <link rel="modulepreload" crossorigin href="/assets/hasPermission-U8rWYs3e.js">
-    <link rel="modulepreload" crossorigin href="/assets/types-C72GH31_.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiAvatar-DC5kBssG.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiMenu-Cu1XcfTo.js">
-    <link rel="modulepreload" crossorigin href="/assets/play-solid-B6TQ0J8_.js">
-    <link rel="modulepreload" crossorigin href="/assets/face-recognition-eRy5sHNg.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiBBoxPlayground-C-ROFu1J.js">
-    <link rel="modulepreload" crossorigin href="/assets/shield-check-BwIO9FNq.js">
-    <link rel="modulepreload" crossorigin href="/assets/motion-sensor-pRMd7Avm.js">
-    <link rel="modulepreload" crossorigin href="/assets/lightbulb-outline-DvCSmwHW.js">
-    <link rel="modulepreload" crossorigin href="/assets/vendor-draggabilly-1XTUOfXs.js">
-    <link rel="modulepreload" crossorigin href="/assets/cameras-DveQuCR0.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiActionButton-3g3d4Hty.js">
-    <link rel="modulepreload" crossorigin href="/assets/copy-16-filled-DO8QJ5jY.js">
-    <link rel="modulepreload" crossorigin href="/assets/shares-CgYXFl_V.js">
-    <link rel="modulepreload" crossorigin href="/assets/useCuiCameraDrawer-CmKK-nWj.js">
-    <link rel="modulepreload" crossorigin href="/assets/useCuiDialog-CsfQVxs9.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiCameraCard-DW0FQ7bq.js">
-    <link rel="modulepreload" crossorigin href="/assets/server-CVqV-aK8.js">
-    <link rel="modulepreload" crossorigin href="/assets/useServerRestart-CWWCuwJk.js">
-    <link rel="modulepreload" crossorigin href="/assets/useBackupRestore-B_L5eacS.js">
-    <link rel="modulepreload" crossorigin href="/assets/useUpdateChannel-C_QBlWej.js">
-    <link rel="modulepreload" crossorigin href="/assets/cloud-outline-CcWcrU1H.js">
-    <link rel="modulepreload" crossorigin href="/assets/instances-D6pOZ9S2.js">
-    <link rel="modulepreload" crossorigin href="/assets/cctv-tzdxhH3J.js">
-    <link rel="modulepreload" crossorigin href="/assets/terminal-BASwIORZ.js">
-    <link rel="modulepreload" crossorigin href="/assets/circular-connection-CU7MCuUc.js">
-    <link rel="modulepreload" crossorigin href="/assets/automation-5ksuCa47.js">
-    <link rel="modulepreload" crossorigin href="/assets/cloud-outline-Buxz0EJ2.js">
-    <link rel="modulepreload" crossorigin href="/assets/bell-C9mIWMWk.js">
-    <link rel="modulepreload" crossorigin href="/assets/bell-outline-Dc2jlnIq.js">
-    <link rel="modulepreload" crossorigin href="/assets/bug-zzM1padE.js">
-    <link rel="modulepreload" crossorigin href="/assets/transit-connection-variant-BbMJgsqX.js">
-    <link rel="modulepreload" crossorigin href="/assets/grid-fill-C4zzGgeI.js">
-    <link rel="modulepreload" crossorigin href="/assets/download-wKmzxMGG.js">
-    <link rel="modulepreload" crossorigin href="/assets/view-grid-CFIWphbe.js">
-    <link rel="modulepreload" crossorigin href="/assets/eventIcons-uRPqE83F.js">
-    <link rel="modulepreload" crossorigin href="/assets/puzzle-filled-D4sL3q0q.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiFloatingButton-BCfFilF6.js">
-    <link rel="modulepreload" crossorigin href="/assets/refresh-rounded-B00F7iZg.js">
-    <link rel="modulepreload" crossorigin href="/assets/check-bBrmKigT.js">
-    <link rel="modulepreload" crossorigin href="/assets/vendor-dnd-DRBhj_4o.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiTopbarSlot-BkbPbFkm.js">
-    <link rel="modulepreload" crossorigin href="/assets/delete-outline-PeGi5HED.js">
-    <link rel="modulepreload" crossorigin href="/assets/github-DMYx-QRV.js">
-    <link rel="modulepreload" crossorigin href="/assets/useBiometricCredentials-XSBauCAw.js">
-    <link rel="modulepreload" crossorigin href="/assets/users.schema-CfQ1Ms-E.js">
-    <link rel="modulepreload" crossorigin href="/assets/routerState-jp8ZOkH0.js">
-    <link rel="modulepreload" crossorigin href="/assets/router-F1vxbpmr.js">
-    <link rel="modulepreload" crossorigin href="/assets/chevron-down-DHv255ZG.js">
-    <link rel="modulepreload" crossorigin href="/assets/power-U-0IYm8S.js">
-    <link rel="modulepreload" crossorigin href="/assets/api-Q22IOG4a.js">
-    <link rel="modulepreload" crossorigin href="/assets/theme-CeTMD7iy.js">
-    <link rel="modulepreload" crossorigin href="/assets/trash2-D2pzjkdI.js">
-    <link rel="modulepreload" crossorigin href="/assets/notifications-Dfc5JraF.js">
-    <link rel="modulepreload" crossorigin href="/assets/microphone-BOOe4oV_.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiSchema-CdXvzvH_.js">
-    <link rel="modulepreload" crossorigin href="/assets/plugins-F8HC_aub.js">
-    <link rel="modulepreload" crossorigin href="/assets/PluginSchema-BejWv56L.js">
-    <link rel="modulepreload" crossorigin href="/assets/information-outline-CHe_6DI5.js">
-    <link rel="modulepreload" crossorigin href="/assets/trash-can-outline-B2dODnEo.js">
-    <link rel="modulepreload" crossorigin href="/assets/plus-7Bv7p-4I.js">
-    <link rel="modulepreload" crossorigin href="/assets/cameras.schema-DBLOCGJX.js">
-    <link rel="modulepreload" crossorigin href="/assets/cctv-Dsa9GjK0.js">
-    <link rel="modulepreload" crossorigin href="/assets/delete-CtYWBBjD.js">
-    <link rel="modulepreload" crossorigin href="/assets/useStreamStatus-GuRUKQIO.js">
-    <link rel="modulepreload" crossorigin href="/assets/bell-ring-AbG0SUiu.js">
-    <link rel="modulepreload" crossorigin href="/assets/home-BJNZT_YD.js">
-    <link rel="modulepreload" crossorigin href="/assets/arrow-right-outline-Dr-uFrTL.js">
-    <link rel="modulepreload" crossorigin href="/assets/CuiDataTable-BCji83l4.js">
-    <link rel="stylesheet" crossorigin href="/assets/api-C-AZSdHz.css">
-    <link rel="stylesheet" crossorigin href="/assets/CuiImage-BM4g6edi.css">
-    <link rel="stylesheet" crossorigin href="/assets/CuiAvatar-BtMXnhxd.css">
-    <link rel="stylesheet" crossorigin href="/assets/CuiMenu-BWUfWLQP.css">
-    <link rel="stylesheet" crossorigin href="/assets/CuiBBoxPlayground-EFkdOBvq.css">
-    <link rel="stylesheet" crossorigin href="/assets/CuiCameraCard-BxGmxXxZ.css">
-    <link rel="stylesheet" crossorigin href="/assets/view-grid-CWZLWCco.css">
-    <link rel="stylesheet" crossorigin href="/assets/eventIcons-2hVCNchU.css">
-    <link rel="stylesheet" crossorigin href="/assets/router-DZjA6qEF.css">
-    <link rel="stylesheet" crossorigin href="/assets/CuiSchema--yMBD996.css">
-    <link rel="stylesheet" crossorigin href="/assets/CuiDataTable-W68cyoLf.css">
-    <link rel="stylesheet" crossorigin href="/assets/main-xpYSWHxw.css">
-  <link rel="manifest" href="/manifest.webmanifest"></head>
+      href="./pwa/apple-splash-portrait-dark-640x1136.png"
+    />
+    <script type="module" crossorigin src="./assets/main-BL1KwJfI.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-DAXXjFlN.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-CdGy-Xet.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-cameraui-CoNnWBOZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-zod-BaT-dXMv.js">
+    <link rel="modulepreload" crossorigin href="./assets/types-CaTe8DZQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/lightbulb-outline-BGFG7wv-.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-core-C3HwU-b4.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-primevue-C9GUqb3A.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-dnd-BN6m9rq8.js">
+    <link rel="modulepreload" crossorigin href="./assets/close-BCRtoBTk.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-draggabilly-BLoTmI_a.js">
+    <link rel="modulepreload" crossorigin href="./assets/api-C0gnicQm.js">
+    <link rel="modulepreload" crossorigin href="./assets/server-CbcqB7XD.js">
+    <link rel="modulepreload" crossorigin href="./assets/useServerRestart-i775C31r.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBackupRestore-CH0Ef30o.js">
+    <link rel="modulepreload" crossorigin href="./assets/chevron-down-BiRUJ9SO.js">
+    <link rel="modulepreload" crossorigin href="./assets/power-BfcMaKbx.js">
+    <link rel="modulepreload" crossorigin href="./assets/api-BRgblL6q.js">
+    <link rel="modulepreload" crossorigin href="./assets/theme-DbnzixCd.js">
+    <link rel="modulepreload" crossorigin href="./assets/trash2-M6P7YvkH.js">
+    <link rel="modulepreload" crossorigin href="./assets/notifications-BJiG7174.js">
+    <link rel="modulepreload" crossorigin href="./assets/microphone-Dp5Yhz6Z.js">
+    <link rel="modulepreload" crossorigin href="./assets/CuiSchema-DMm2Giz1.js">
+    <link rel="modulepreload" crossorigin href="./assets/plugins-BlciwIm6.js">
+    <link rel="modulepreload" crossorigin href="./assets/PluginSchema-CYgK5llZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/trash-can-outline-PQys0L3O.js">
+    <link rel="modulepreload" crossorigin href="./assets/information-outline-CjhiKBjG.js">
+    <link rel="modulepreload" crossorigin href="./assets/plus-C6l_Q-mY.js">
+    <link rel="modulepreload" crossorigin href="./assets/cameras.schema-Cpe1mfEm.js">
+    <link rel="modulepreload" crossorigin href="./assets/cctv-CdDfBHME.js">
+    <link rel="modulepreload" crossorigin href="./assets/delete-Dvdp44LT.js">
+    <link rel="modulepreload" crossorigin href="./assets/useStreamStatus-42S4V3vs.js">
+    <link rel="modulepreload" crossorigin href="./assets/bell-ring-D0h1GDrU.js">
+    <link rel="modulepreload" crossorigin href="./assets/home-C5hRJg9h.js">
+    <link rel="modulepreload" crossorigin href="./assets/arrow-right-outline-BrpH6MGt.js">
+    <link rel="modulepreload" crossorigin href="./assets/CuiDataTable-DKf8iX28.js">
+    <link rel="stylesheet" crossorigin href="./assets/api-Ct6LuJao.css">
+    <link rel="stylesheet" crossorigin href="./assets/CuiSchema--yMBD996.css">
+    <link rel="stylesheet" crossorigin href="./assets/CuiDataTable-W68cyoLf.css">
+    <link rel="stylesheet" crossorigin href="./assets/main-DbPnvfcp.css">
+  <link rel="manifest" href="./manifest.webmanifest"></head>
   <body>
-    <div id="app" class="app"></div>
+    <div id="app" class="app">
+      <div id="cui-boot">
+        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-40 -30 300 300">
+          <defs>
+            <style>
+              .cls-3-1 {
+                fill: url(#dark_wine);
+              }
+              .cls-3-2 {
+                fill: url(#light_wine);
+              }
+              .cls-3-4 {
+                fill: #c5c6c8;
+              }
+              .cls-3-5 {
+                fill: #1a1e21;
+                stroke: #3a3a3a;
+                stroke-width: 2px;
+              }
+              .cls-3-6 {
+                fill: #fff;
+              }
+            </style>
+            <linearGradient id="dark_wine" x1="220.57" y1="310.8" x2="220.57" y2="211.98" gradientUnits="userSpaceOnUse">
+              <stop offset="0" stop-color="#730000" />
+              <stop offset="0.49" stop-color="#a51733" />
+            </linearGradient>
+            <linearGradient id="light_wine" x1="246.27" y1="349.71" x2="246.27" y2="233" gradientUnits="userSpaceOnUse">
+              <stop offset="0" stop-color="#f44a6b" />
+              <stop offset="0.28" stop-color="#df294c" />
+            </linearGradient>
+          </defs>
+          <g id="CameraUI_U">
+            <path
+              class="cls-3-1"
+              d="M180.26,271.6s7.57,16,14.11,23.42a45.43,45.43,0,0,0,16.38,11.86,49.46,49.46,0,0,0,21.42,3.87c9.42-.46,20.55-3.87,29.24-11.86-3.9,2.5-9.87,5.1-15.9,4.77a25.66,25.66,0,0,1-18.39-9.09c-9.38-10.31-7.61-28.35-7.74-32.68-.35-11.43.77-21.92-1.76-36.2-.47-2.63-1.79-5.18-4.55-8-1.84-1.86-8.41-5.75-13.43-5.74-7.3,0-12.94,3.71-15.38,7.84-2,3.41-3.06,4.22-4.22,25.08a215.27,215.27,0,0,0,.22,26.76Z"
+              transform="translate(-132.71 -151.63)"
+            />
+            <path
+              class="cls-3-2"
+              d="M277.33,241.73a16.41,16.41,0,0,1,4.05-4.91c4.17-3.39,9-3.66,10.92-3.81a19.67,19.67,0,0,1,12.53,4.58c1.2,1,6.12,5.58,7.13,17.29.74,8.51,3.31,65.93-37,87.13-4.23,2.22-18,9.26-35.67,7.39a62.35,62.35,0,0,1-20.79-6.11,65.68,65.68,0,0,1-18.9-14.24c-20.2-21.66-19.35-57.45-19.35-57.45s7.57,16,14.11,23.42a45.43,45.43,0,0,0,16.38,11.86,49.46,49.46,0,0,0,21.42,3.87c11.66-.57,25.92-5.64,35-18.33C276.73,278.93,271.67,252.64,277.33,241.73Z"
+              transform="translate(-132.71 -151.63)"
+            />
+          </g>
+          <g id="CameraUI_Lens">
+            <g id="lens">
+              <circle class="cls-3-4" cx="159.13" cy="58.39" r="18.66" />
+              <path class="cls-3-5" d="M302.85,210.44a11,11,0,1,1-22,0c0-6.08,4.93-11.86,11-11.86S302.85,204.36,302.85,210.44Z" transform="translate(-132.71 -151.63)" />
+              <g id="reflections">
+                <ellipse class="cls-3-6" cx="174.36" cy="53.69" rx="1.84" ry="1.42" />
+                <ellipse class="cls-3-6" cx="174.36" cy="57.08" rx="1.84" ry="1.42" />
+                <ellipse class="cls-3-6" cx="174.36" cy="60.46" rx="1.84" ry="1.42" />
+                <circle class="cls-3-6" cx="164.09" cy="63.77" r="1.66" />
+                <path
+                  class="cls-3-6"
+                  d="M289.83,201c-1.07-.88-5.52,3.09-6.3,5.43a1.52,1.52,0,0,0,0,1.26c.43.69,1.72.61,2.18.53,2.68-.43,4.72-4.08,4.8-4.36A3.18,3.18,0,0,0,289.83,201Z"
+                  transform="translate(-132.71 -151.63)"
+                />
+              </g>
+            </g>
+          </g>
+        </svg>
+      </div>
+    </div>
   </body>
 </html>