Fixed base import.

packages/client/index.html

@@ -21,30 +21,30 @@
       href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
       rel="stylesheet"
     />
-    <link rel="icon" type="image/svg+xml" href="/assets/HomePanelIcon.svg" />
+    <link rel="icon" type="image/svg+xml" href="./assets/HomePanelIcon.svg" />
     <link
       rel="icon"
       type="image/png"
       sizes="128x128"
-      href="/assets/HomePanelIcon128.png"
+      href="./assets/HomePanelIcon128.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="512x512"
-      href="/assets/HomePanelIcon512.png"
+      href="./assets/HomePanelIcon512.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="128x128"
-      href="/assets/HomePanelIcon128.png"
+      href="./assets/HomePanelIcon128.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="512x512"
-      href="/assets/HomePanelIcon512.png"
+      href="./assets/HomePanelIcon512.png"
     />
-    <link rel="manifest" href="/manifest.json" />
+    <link rel="manifest" href="./manifest.json" />
 
     <style>
       html {
@@ -73,7 +73,7 @@
       }
     </style>
     <title>Home Panel</title>
-    <script src="/polyfills.js"></script>
+    <script src="./polyfills.js"></script>
     <script>
       document.addEventListener("touchmove", function (e) {
         if (e.touches.length > 1) e.preventDefault();
@@ -93,10 +93,10 @@
     <div id="root">
       <div class="loading-container">
         <div class="loading-spinner">
-          <img src="/spinner.gif" alt="Loading..." />
+          <img src="./spinner.gif" alt="Loading..." />
         </div>
       </div>
     </div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="./src/main.jsx"></script>
   </body>
 </html>

packages/client/vite.config.js

@@ -11,6 +11,8 @@ const __dirname = path.dirname(__filename);
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  // Use relative paths for assets - required for Home Assistant ingress
+  base: "./",
   resolve: {
     alias: {
       "@contexts": path.resolve(__dirname, "./src/contexts"),