<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>Wista Clinic Admin Portal</title>
    <meta name="description" content="Wista Clinic Admin Portal" />
    <meta name="author" content="Wista Clinic" />

    <meta property="og:title" content="Wista Clinic Admin Portal" />
    <meta property="og:description" content="Wista Clinic Admin Portal" />
    <meta property="og:type" content="website" />

    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />
    <meta name="theme-color" content="#D4AF37" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Wista Admin" />
    <link rel="apple-touch-icon" href="/images/logo/logo-gold-no-title.webp" />

    <!-- Prevent flash of unstyled content -->
    <script>
      try {
        if (
          localStorage.theme === "dark" ||
          (!("theme" in localStorage) &&
            window.matchMedia("(prefers-color-scheme: dark)").matches)
        ) {
          document.documentElement.classList.add("dark");
        } else {
          document.documentElement.classList.remove("dark");
        }
      } catch (_) {}
    </script>

    <!-- Cache invalidation and chunk error recovery -->
    <script>
      (function() {
        const RELOAD_KEY = 'app-reload-attempted';
        const BUILD_VERSION_KEY = 'app-build-version';

        // Clear reload flag on successful load
        if (sessionStorage.getItem(RELOAD_KEY)) {
          sessionStorage.removeItem(RELOAD_KEY);
          console.log('✅ App loaded successfully after reload');
        }

        // Global error handler for chunk loading (must be set BEFORE modules load)
        window.addEventListener('error', function(event) {
          const errorMsg = event.message || '';

          // Ignore extension errors
          if (errorMsg.includes('Extension context') ||
              errorMsg.includes('chrome-extension://') ||
              errorMsg.includes('message port closed')) {
            return;
          }

          // Check for chunk/module loading errors
          const isChunkError = errorMsg.includes('Failed to fetch') ||
                               errorMsg.includes('Unexpected token') ||
                               errorMsg.includes('Importing a module') ||
                               errorMsg.includes('SyntaxError') ||
                               (event.target && event.target.tagName === 'SCRIPT');

          if (isChunkError && !sessionStorage.getItem(RELOAD_KEY)) {
            console.warn('⚠️ Chunk loading error detected, reloading...', errorMsg);
            sessionStorage.setItem(RELOAD_KEY, 'true');

            // Clear cache and reload
            if ('caches' in window) {
              caches.keys().then(function(names) {
                names.forEach(function(name) { caches.delete(name); });
                window.location.reload();
              });
            } else {
              window.location.reload();
            }
          }
        }, true); // Use capture phase to catch errors early
      })();
    </script>
    <script type="module" crossorigin src="/assets/index-DzaSwOBj.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-DLhxWkmK.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-xgYC_btK.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-fAtjcl2J.js">
    <link rel="modulepreload" crossorigin href="/assets/charts-5zf1xH68.js">
    <link rel="modulepreload" crossorigin href="/assets/three-CAb_xfn-.js">
    <link rel="modulepreload" crossorigin href="/assets/pdf-BcWq0F4_.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-H93dnVel.js">
    <link rel="modulepreload" crossorigin href="/assets/i18n-BUH639Ga.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CmdTB29G.css">
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>
