janhq
diff --git a/‎web-app/index.html‎
Lines changed: 68 additions & 0 deletions b/‎web-app/index.html‎
Lines changed: 68 additions & 0 deletions
diff --git a/‎web-app/package.json‎
Lines changed: 1 addition & 1 deletion b/‎web-app/package.json‎
Lines changed: 1 addition & 1 deletion
@@ -21,8 +21,76 @@
     />
     <title>Jan</title>
     <!-- INJECT_GOOGLE_ANALYTICS -->
+    <style>
+      #initial-loader {
+        position: fixed;
+        inset: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+        background: hsl(var(--background, 0 0% 100%));
+        z-index: 9999;
+        opacity: 1;
+        transition: opacity 0.3s ease-in-out;
+      }
+
+      /* Light mode (default) */
+      @media (prefers-color-scheme: light) {
+        #initial-loader {
+          background: rgb(255, 255, 255);
+        }
+      }
+
+      /* Dark mode */
+      @media (prefers-color-scheme: dark) {
+        #initial-loader {
+          background: rgb(25, 25, 25);
+        }
+      }
+
+      #initial-loader img {
+        width: 5rem;
+        height: 5rem;
+        animation: wave 2s ease-in-out infinite;
+        transform-origin: 70% 70%;
+      }
+
+      @keyframes wave {
+        0%,
+        100% {
+          transform: rotate(0deg);
+        }
+        10%,
+        30% {
+          transform: rotate(14deg);
+        }
+        20% {
+          transform: rotate(-8deg);
+        }
+        40%,
+        60% {
+          transform: rotate(14deg);
+        }
+        50% {
+          transform: rotate(-8deg);
+        }
+        70% {
+          transform: rotate(0deg);
+        }
+      }
+
+      .loaded #initial-loader {
+        opacity: 0;
+        pointer-events: none;
+      }
+    </style>
   </head>
   <body>
+    <div id="initial-loader">
+      <img src="/images/jan-logo.png" alt="Jan Logo" />
+    </div>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 
@@ -44,7 +44,7 @@
     "@tauri-apps/plugin-deep-link": "2.4.3",
     "@tauri-apps/plugin-dialog": "2.2.2",
     "@tauri-apps/plugin-http": "2.5.0",
-    "@tauri-apps/plugin-opener": "2.3.0",
+    "@tauri-apps/plugin-opener": "2.5.2",
     "@tauri-apps/plugin-os": "2.2.1",
     "@tauri-apps/plugin-updater": "2.8.1",
     "@types/react-syntax-highlighter": "15.5.13",