@dashadmin/dash-boilerplate 1.3.24 → 1.3.26

package/dist/index.js

@@ -1,127 +1,258 @@
-import { jsx as c, jsxs as y, Fragment as U } from "react/jsx-runtime";
-import A, { createContext as $, useState as v, useCallback as T, useEffect as p, useMemo as E, useContext as V, useTransition as _, Suspense as J } from "react";
-import { ErrorBoundary as G } from "react-error-boundary";
-import K from "@mui/material/CssBaseline";
-import { ThemeProvider as Q, createTheme as X } from "@mui/material";
-import { updateDomCssVariables as I, dashStorage as Y } from "@dashadmin/dash-utils";
-import { useDispatch as B } from "react-redux";
-import { syncDeviceStoreToLocalStorage as Z, syncLocalStorageToDeviceStore as D, AuthPersistenceService as f } from "@dashadmin/dash-auth";
-import { DASH_REDUX_ACTIONS as S } from "@dashadmin/dash-admin-state";
-import { ACTION_UPDATE_AUTH as P } from "@dashadmin/dash-admin-state/src/redux/reducers/Auth";
-import z from "@dashadmin/dash-admin/src/contexts/auth/DASHAuthenticationService";
-const M = (t, e) => e.split(".").reduce((o, r) => o ? o[r] : null, t), N = (t, e) => !e || !t ? t : Object.keys(e).reduce((o, r) => o.replace(new RegExp(`%\\{${r}\\}`, "g"), String(e[r])), t), ee = [
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/i18n/createSimpleI18nProvider.ts
+var getNestedValue = (obj, path) => {
+  return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
+};
+var interpolate = (text, options) => {
+  if (!options || !text) return text;
+  return Object.keys(options).reduce((acc, key) => {
+    return acc.replace(new RegExp(`%\\{${key}\\}`, "g"), String(options[key]));
+  }, text);
+};
+var defaultLocales = [
   { locale: "en", name: "English" },
-  { locale: "es", name: "Español" }
-], Ce = (t) => {
+  { locale: "es", name: "Espa\xF1ol" }
+];
+var createSimpleI18nProvider = (options) => {
   const {
-    translations: e,
-    initialLocale: o = "es",
-    fallbackLocale: r = "en",
-    locales: a = ee,
-    onLocaleChange: s
-  } = t;
-  let n = o;
-  return {
-    translate: (i, b) => {
-      const C = e[n] || e[r] || {}, x = M(C, i);
-      if (typeof x == "string")
-        return N(x, b);
-      if (n !== r) {
-        const j = e[r] || {}, R = M(j, i);
-        if (typeof R == "string")
-          return N(R, b);
+    translations,
+    initialLocale = "es",
+    fallbackLocale = "en",
+    locales = defaultLocales,
+    onLocaleChange
+  } = options;
+  let currentLocale = initialLocale;
+  const translate = (key, interpolationOptions) => {
+    const messages = translations[currentLocale] || translations[fallbackLocale] || {};
+    const text = getNestedValue(messages, key);
+    if (typeof text === "string") {
+      return interpolate(text, interpolationOptions);
+    }
+    if (currentLocale !== fallbackLocale) {
+      const fallbackMessages = translations[fallbackLocale] || {};
+      const fallbackText = getNestedValue(fallbackMessages, key);
+      if (typeof fallbackText === "string") {
+        return interpolate(fallbackText, interpolationOptions);
       }
-      return i;
-    },
-    changeLocale: async (i) => e[i] ? (n = i, localStorage.setItem("dash-user-locale", i), s?.(i), Promise.resolve()) : Promise.reject(new Error(`Locale '${i}' not found`)),
-    getLocale: () => n,
-    getLocales: () => a,
-    getMessages: (i) => e[i] || {}
+    }
+    return key;
+  };
+  const changeLocale = (newLocale) => __async(null, null, function* () {
+    if (translations[newLocale]) {
+      currentLocale = newLocale;
+      localStorage.setItem("dash-user-locale", newLocale);
+      onLocaleChange == null ? void 0 : onLocaleChange(newLocale);
+      return Promise.resolve();
+    }
+    return Promise.reject(new Error(`Locale '${newLocale}' not found`));
+  });
+  const getLocale = () => currentLocale;
+  const getLocales = () => locales;
+  const getMessages = (locale) => {
+    return translations[locale] || {};
+  };
+  return {
+    translate,
+    changeLocale,
+    getLocale,
+    getLocales,
+    getMessages
   };
-}, H = "dash:locale-change", te = {
+};
+
+// src/i18n/I18nBridgeProviderLight.tsx
+import { createContext, useContext, useState, useCallback, useMemo, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+var LOCALE_CHANGE_EVENT = "dash:locale-change";
+var defaultContextValue = {
   i18nProvider: null,
   locale: "es",
   setI18nProvider: () => {
   },
   setLocale: () => {
   }
-}, q = $(te), Ee = ({
-  children: t,
-  defaultLocale: e = "es"
+};
+var I18nBridgeContext = createContext(defaultContextValue);
+var I18nBridgeProviderLight = ({
+  children,
+  defaultLocale = "es"
 }) => {
-  const [o, r] = v(null), [a, s] = v(() => typeof window < "u" && localStorage.getItem("dash-user-locale") || e), n = T(async (l) => {
-    console.log("🌐 I18nBridgeProviderLight: Setting bridged i18nProvider", {
-      providerLocale: l?.getLocale?.(),
-      desiredLocale: a
-    }), r(l);
-    const u = l?.getLocale?.();
-    if (u && u !== a && l?.changeLocale) {
-      console.log(`🌐 I18nBridgeProviderLight: Provider locale (${u}) differs from desired (${a}), switching...`);
+  const [i18nProvider, setI18nProviderState] = useState(null);
+  const [locale, setLocale] = useState(() => {
+    if (typeof window !== "undefined") {
+      return localStorage.getItem("dash-user-locale") || defaultLocale;
+    }
+    return defaultLocale;
+  });
+  const setI18nProvider = useCallback((provider) => __async(null, null, function* () {
+    var _a, _b;
+    console.log("\u{1F310} I18nBridgeProviderLight: Setting bridged i18nProvider", {
+      providerLocale: (_a = provider == null ? void 0 : provider.getLocale) == null ? void 0 : _a.call(provider),
+      desiredLocale: locale
+    });
+    setI18nProviderState(provider);
+    const providerLocale = (_b = provider == null ? void 0 : provider.getLocale) == null ? void 0 : _b.call(provider);
+    if (providerLocale && providerLocale !== locale && (provider == null ? void 0 : provider.changeLocale)) {
+      console.log(`\u{1F310} I18nBridgeProviderLight: Provider locale (${providerLocale}) differs from desired (${locale}), switching...`);
       try {
-        await l.changeLocale(a), console.log(`🌐 I18nBridgeProviderLight: Successfully switched provider to ${a}`);
-      } catch (m) {
-        console.warn("🌐 I18nBridgeProviderLight: Failed to switch provider locale:", m);
+        yield provider.changeLocale(locale);
+        console.log(`\u{1F310} I18nBridgeProviderLight: Successfully switched provider to ${locale}`);
+      } catch (e) {
+        console.warn("\u{1F310} I18nBridgeProviderLight: Failed to switch provider locale:", e);
       }
-    } else l?.getLocale && s(l.getLocale());
-  }, [a]);
-  p(() => {
-    const l = async (u) => {
-      const g = u.detail?.locale;
-      if (g && g !== a) {
-        if (console.log("🌐 I18nBridgeProviderLight: Received locale change event:", g), o?.changeLocale)
+    } else if (provider == null ? void 0 : provider.getLocale) {
+      setLocale(provider.getLocale());
+    }
+  }), [locale]);
+  useEffect(() => {
+    const handleLocaleChange = (event) => __async(null, null, function* () {
+      var _a;
+      const customEvent = event;
+      const newLocale = (_a = customEvent.detail) == null ? void 0 : _a.locale;
+      if (newLocale && newLocale !== locale) {
+        console.log("\u{1F310} I18nBridgeProviderLight: Received locale change event:", newLocale);
+        if (i18nProvider == null ? void 0 : i18nProvider.changeLocale) {
           try {
-            await o.changeLocale(g);
-          } catch (i) {
-            console.warn("Failed to change provider locale:", i);
+            yield i18nProvider.changeLocale(newLocale);
+          } catch (e) {
+            console.warn("Failed to change provider locale:", e);
           }
-        s(g);
+        }
+        setLocale(newLocale);
       }
+    });
+    window.addEventListener(LOCALE_CHANGE_EVENT, handleLocaleChange);
+    return () => {
+      window.removeEventListener(LOCALE_CHANGE_EVENT, handleLocaleChange);
     };
-    return window.addEventListener(H, l), () => {
-      window.removeEventListener(H, l);
-    };
-  }, [o, a]);
-  const d = E(() => ({
-    i18nProvider: o,
-    locale: a,
-    setI18nProvider: n,
-    setLocale: s
-  }), [o, a, n]);
-  return /* @__PURE__ */ c(q.Provider, { value: d, children: t });
-}, k = () => V(q), Pe = () => {
-  const { i18nProvider: t } = k();
-  return E(() => t?.getLocales ? t.getLocales() : [], [t]);
-}, Be = () => {
-  const { i18nProvider: t, setLocale: e } = k();
-  return T(async (r) => {
-    t?.changeLocale && (await t.changeLocale(r), e(r));
-  }, [t, e]);
-}, ke = () => {
-  const { locale: t } = k();
-  return t;
-}, Ie = () => {
-  const { i18nProvider: t } = k();
-  return T((o, r) => t?.translate ? t.translate(o, r) : o, [t]);
-}, O = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32px" height="32px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 16 16"><g><path style="opacity:1" fill="#FFFFFF" d="M11.506 12.388q0.306 0.011 0.617 0.008v1.281h-0.89a2 2 0 0 1 -0.898 -0.215 1.24 1.24 0 0 1 -0.629 -0.761 2.5 2.5 0 0 1 -0.094 -0.554q-0.006 -1.082 -0.004 -2.163h-0.609q0.002 -0.398 -0.004 -0.796a616 616 0 0 0 -1.676 2.023 657 657 0 0 0 2.069 2.46q-0.935 0.012 -1.874 0.008L6.003 11.61q-0.006 1.035 -0.004 2.069H4.485q0.004 -2.983 -0.008 -5.966 -0.661 -0.21 -0.863 -0.875a2 2 0 0 1 -0.039 -0.258q-0.008 -2.108 0 -4.217 0.12 -0.356 0.48 -0.246 0.153 0.079 0.191 0.246l0.008 3.272q0.05 0.116 0.168 0.066 0.035 -0.027 0.051 -0.066l0.008 -3.264q0.095 -0.329 0.433 -0.269 0.191 0.059 0.238 0.254l0.008 3.272q0.065 0.14 0.195 0.055l0.023 -0.039 0.008 -3.264q0.086 -0.321 0.418 -0.285 0.197 0.057 0.254 0.254a352 352 0 0 1 0.016 3.295q0.062 0.109 0.176 0.051 0.029 -0.028 0.043 -0.066l0.008 -3.28q0.045 -0.17 0.207 -0.238 0.25 -0.074 0.41 0.129a0.5 0.5 0 0 1 0.047 0.109q0.014 1.063 0.012 2.128 0.002 1.088 -0.012 2.175 -0.137 0.844 -0.96 1.078a301 301 0 0 0 0 3.006q0.753 -1.005 1.503 -2.011 1.05 -0.006 2.101 -0.004 0.002 -0.519 -0.004 -1.039a1.82 1.82 0 0 1 -1.281 -1.101q-0.197 -0.504 -0.211 -1.046a4.7 4.7 0 0 1 0.383 -2.03q0.242 -0.547 0.668 -0.964 0.395 -0.364 0.929 -0.445 0.695 -0.056 1.218 0.398 0.476 0.438 0.73 1.035 0.513 1.212 0.32 2.514a2.26 2.26 0 0 1 -0.484 1.07 1.75 1.75 0 0 1 -0.754 0.5v1.109h0.992v1.265h-0.992q-0.002 1.042 0.004 2.085 0.05 0.323 0.379 0.32"/></g></svg>', oe = () => /* @__PURE__ */ c("span", { dangerouslySetInnerHTML: { __html: O } }), ze = ({
-  message: t,
-  showMessage: e = !1
-}) => /* @__PURE__ */ y("div", { children: [
-  /* @__PURE__ */ y("div", { className: "initial-loader", children: [
-    /* @__PURE__ */ c("div", { className: "initial-loader-spinner" }),
-    /* @__PURE__ */ c("span", { className: "initial-loader-icon", children: /* @__PURE__ */ c(oe, {}) })
+  }, [i18nProvider, locale]);
+  const contextValue = useMemo(() => ({
+    i18nProvider,
+    locale,
+    setI18nProvider,
+    setLocale
+  }), [i18nProvider, locale, setI18nProvider]);
+  return /* @__PURE__ */ jsx(I18nBridgeContext.Provider, { value: contextValue, children });
+};
+var useI18nBridgeLight = () => {
+  const context = useContext(I18nBridgeContext);
+  return context;
+};
+var useBridgedLocalesLight = () => {
+  const { i18nProvider } = useI18nBridgeLight();
+  const locales = useMemo(() => {
+    if (!(i18nProvider == null ? void 0 : i18nProvider.getLocales)) {
+      return [];
+    }
+    return i18nProvider.getLocales();
+  }, [i18nProvider]);
+  return locales;
+};
+var useBridgedChangeLocaleLight = () => {
+  const { i18nProvider, setLocale } = useI18nBridgeLight();
+  const changeLocale = useCallback((locale) => __async(null, null, function* () {
+    if (i18nProvider == null ? void 0 : i18nProvider.changeLocale) {
+      yield i18nProvider.changeLocale(locale);
+      setLocale(locale);
+    }
+  }), [i18nProvider, setLocale]);
+  return changeLocale;
+};
+var useBridgedLocaleLight = () => {
+  const { locale } = useI18nBridgeLight();
+  return locale;
+};
+var useTranslateLight = () => {
+  const { i18nProvider } = useI18nBridgeLight();
+  const translate = useCallback((key, options) => {
+    if (i18nProvider == null ? void 0 : i18nProvider.translate) {
+      return i18nProvider.translate(key, options);
+    }
+    return key;
+  }, [i18nProvider]);
+  return translate;
+};
+
+// src/components/GlobalSmallLoader.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var loaderSvgMarkup = `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32px" height="32px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 16 16"><g><path style="opacity:1" fill="#FFFFFF" d="M11.506 12.388q0.306 0.011 0.617 0.008v1.281h-0.89a2 2 0 0 1 -0.898 -0.215 1.24 1.24 0 0 1 -0.629 -0.761 2.5 2.5 0 0 1 -0.094 -0.554q-0.006 -1.082 -0.004 -2.163h-0.609q0.002 -0.398 -0.004 -0.796a616 616 0 0 0 -1.676 2.023 657 657 0 0 0 2.069 2.46q-0.935 0.012 -1.874 0.008L6.003 11.61q-0.006 1.035 -0.004 2.069H4.485q0.004 -2.983 -0.008 -5.966 -0.661 -0.21 -0.863 -0.875a2 2 0 0 1 -0.039 -0.258q-0.008 -2.108 0 -4.217 0.12 -0.356 0.48 -0.246 0.153 0.079 0.191 0.246l0.008 3.272q0.05 0.116 0.168 0.066 0.035 -0.027 0.051 -0.066l0.008 -3.264q0.095 -0.329 0.433 -0.269 0.191 0.059 0.238 0.254l0.008 3.272q0.065 0.14 0.195 0.055l0.023 -0.039 0.008 -3.264q0.086 -0.321 0.418 -0.285 0.197 0.057 0.254 0.254a352 352 0 0 1 0.016 3.295q0.062 0.109 0.176 0.051 0.029 -0.028 0.043 -0.066l0.008 -3.28q0.045 -0.17 0.207 -0.238 0.25 -0.074 0.41 0.129a0.5 0.5 0 0 1 0.047 0.109q0.014 1.063 0.012 2.128 0.002 1.088 -0.012 2.175 -0.137 0.844 -0.96 1.078a301 301 0 0 0 0 3.006q0.753 -1.005 1.503 -2.011 1.05 -0.006 2.101 -0.004 0.002 -0.519 -0.004 -1.039a1.82 1.82 0 0 1 -1.281 -1.101q-0.197 -0.504 -0.211 -1.046a4.7 4.7 0 0 1 0.383 -2.03q0.242 -0.547 0.668 -0.964 0.395 -0.364 0.929 -0.445 0.695 -0.056 1.218 0.398 0.476 0.438 0.73 1.035 0.513 1.212 0.32 2.514a2.26 2.26 0 0 1 -0.484 1.07 1.75 1.75 0 0 1 -0.754 0.5v1.109h0.992v1.265h-0.992q-0.002 1.042 0.004 2.085 0.05 0.323 0.379 0.32"/></g></svg>`;
+var KTIcon = () => /* @__PURE__ */ jsx2("span", { dangerouslySetInnerHTML: { __html: loaderSvgMarkup } });
+var GlobalSmallLoader = ({
+  message,
+  showMessage = false
+}) => /* @__PURE__ */ jsxs("div", { children: [
+  /* @__PURE__ */ jsxs("div", { className: "initial-loader", children: [
+    /* @__PURE__ */ jsx2("div", { className: "initial-loader-spinner" }),
+    /* @__PURE__ */ jsx2("span", { className: "initial-loader-icon", children: /* @__PURE__ */ jsx2(KTIcon, {}) })
   ] }),
-  e && t && /* @__PURE__ */ c("div", { className: "initial-loader-text", children: t })
-] }), Ae = `<div class="initial-loader">
+  showMessage && message && /* @__PURE__ */ jsx2("div", { className: "initial-loader-text", children: message })
+] });
+var GlobalLoaderHtmlMarkup = `<div class="initial-loader">
     <div class="initial-loader-spinner">
         <span class="initial-loader-icon">
-        ${O}
+        ${loaderSvgMarkup}
         </span>
     </div>
     <div class="initial-loader-text"></div>
-</div>`, Te = () => {
-  if (typeof document > "u" || document.getElementById("critical-loading-styles")) return;
-  const t = document.createElement("style");
-  t.id = "critical-loading-styles", t.textContent = `
+</div>`;
+var injectCriticalStyles = () => {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("critical-loading-styles")) return;
+  const style = document.createElement("style");
+  style.id = "critical-loading-styles";
+  style.textContent = `
         .initial-loader {
             position: fixed;
             top: 0;
@@ -168,61 +299,81 @@ const M = (t, e) => e.split(".").reduce((o, r) => o ? o[r] : null, t), N = (t, e
         @keyframes spin {
             to { transform: rotate(360deg); }
         }
-    `, document.head.appendChild(t);
+    `;
+  document.head.appendChild(style);
 };
-class Re extends A.Component {
-  constructor(e) {
-    super(e), this.state = { hasError: !1 };
+
+// src/components/CustomErrorBoundary.tsx
+import React2 from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CustomErrorBoundary = class extends React2.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "handleReload", () => {
+      window.location.reload();
+    });
+    this.state = { hasError: false };
   }
-  static getDerivedStateFromError(e) {
-    return { hasError: !0, error: e };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
   }
-  componentDidCatch(e, o) {
-    console.error("CustomErrorBoundary caught error:", e, o), this.props.onError?.(e, o);
+  componentDidCatch(error, errorInfo) {
+    var _a, _b;
+    console.error("CustomErrorBoundary caught error:", error, errorInfo);
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, errorInfo);
   }
-  handleReload = () => {
-    window.location.reload();
-  };
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          height: "100vh",
-          backgroundColor: "var(--bodybg-primary, #121212)",
-          color: "var(--text-color, #ffffff)",
-          flexDirection: "column",
-          gap: "20px"
-        },
-        children: [
-          /* @__PURE__ */ c("h2", { children: "Something went wrong" }),
-          /* @__PURE__ */ c("p", { style: { opacity: 0.8 }, children: this.state.error?.message }),
-          /* @__PURE__ */ c(
-            "button",
-            {
-              onClick: this.handleReload,
-              style: {
-                padding: "10px 20px",
-                backgroundColor: "var(--primary-color, #007bff)",
-                color: "white",
-                border: "none",
-                borderRadius: "4px",
-                cursor: "pointer",
-                fontSize: "14px",
-                fontWeight: 500
-              },
-              children: "Reload Page"
-            }
-          )
-        ]
+    var _a;
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
       }
-    ) : this.props.children;
+      return /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            height: "100vh",
+            backgroundColor: "var(--bodybg-primary, #121212)",
+            color: "var(--text-color, #ffffff)",
+            flexDirection: "column",
+            gap: "20px"
+          },
+          children: [
+            /* @__PURE__ */ jsx3("h2", { children: "Something went wrong" }),
+            /* @__PURE__ */ jsx3("p", { style: { opacity: 0.8 }, children: (_a = this.state.error) == null ? void 0 : _a.message }),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                onClick: this.handleReload,
+                style: {
+                  padding: "10px 20px",
+                  backgroundColor: "var(--primary-color, #007bff)",
+                  color: "white",
+                  border: "none",
+                  borderRadius: "4px",
+                  cursor: "pointer",
+                  fontSize: "14px",
+                  fontWeight: 500
+                },
+                children: "Reload Page"
+              }
+            )
+          ]
+        }
+      );
+    }
+    return this.props.children;
   }
-}
-const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
+};
+
+// src/components/AppWrapperLight.tsx
+import React3, { Suspense, useState as useState2, useTransition } from "react";
+import { ErrorBoundary } from "react-error-boundary";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var ErrorFallback = ({ error, resetErrorBoundary }) => /* @__PURE__ */ jsxs3(
   "div",
   {
     style: {
@@ -236,12 +387,12 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
       backgroundColor: "var(--bodybg-primary)"
     },
     children: [
-      /* @__PURE__ */ c("h1", { style: { margin: 0, fontSize: "1.5rem" }, children: "Something went wrong" }),
-      /* @__PURE__ */ c("p", { style: { margin: 0, opacity: 0.8 }, children: t?.message || "Unknown error" }),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ jsx4("h1", { style: { margin: 0, fontSize: "1.5rem" }, children: "Something went wrong" }),
+      /* @__PURE__ */ jsx4("p", { style: { margin: 0, opacity: 0.8 }, children: (error == null ? void 0 : error.message) || "Unknown error" }),
+      /* @__PURE__ */ jsx4(
         "button",
         {
-          onClick: e,
+          onClick: resetErrorBoundary,
           style: {
             padding: "8px 24px",
             backgroundColor: "var(--primary-color)",
@@ -257,7 +408,8 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
       )
     ]
   }
-), ne = () => /* @__PURE__ */ y(
+);
+var SimpleLoader = () => /* @__PURE__ */ jsxs3(
   "div",
   {
     style: {
@@ -268,7 +420,7 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
       backgroundColor: "var(--bodybg-primary)"
     },
     children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ jsx4(
         "div",
         {
           className: "loading-spinner",
@@ -282,30 +434,43 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
           }
         }
       ),
-      /* @__PURE__ */ c("style", { children: `
+      /* @__PURE__ */ jsx4("style", { children: `
             @keyframes spin {
                 to { transform: rotate(360deg); }
             }
         ` })
     ]
   }
-), De = ({
-  children: t,
-  onReset: e,
-  showSplash: o = !0
+);
+var AppWrapperLight = ({
+  children,
+  onReset,
+  showSplash = true
 }) => {
-  const [r, a] = _(), [s, n] = v(!0);
-  return A.useEffect(() => {
-    a(() => {
-      n(!1);
+  const [isPending, startTransition] = useTransition();
+  const [isInitialRender, setIsInitialRender] = useState2(true);
+  React3.useEffect(() => {
+    startTransition(() => {
+      setIsInitialRender(false);
     });
-  }, []), /* @__PURE__ */ y(U, { children: [
-    /* @__PURE__ */ c(G, { FallbackComponent: re, onReset: () => {
-      e ? e() : window.location.reload();
-    }, children: /* @__PURE__ */ c(J, { fallback: /* @__PURE__ */ c(ne, {}), children: t }) }),
-    o && /* @__PURE__ */ c("div", { className: !r && !s ? "dash-splash fade-out" : "dash-splash" })
+  }, []);
+  const handleReset = () => {
+    if (onReset) {
+      onReset();
+    } else {
+      window.location.reload();
+    }
+  };
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx4(ErrorBoundary, { FallbackComponent: ErrorFallback, onReset: handleReset, children: /* @__PURE__ */ jsx4(Suspense, { fallback: /* @__PURE__ */ jsx4(SimpleLoader, {}), children }) }),
+    showSplash && /* @__PURE__ */ jsx4("div", { className: !isPending && !isInitialRender ? "dash-splash fade-out" : "dash-splash" })
   ] });
-}, ae = {
+};
+
+// src/components/DefaultFallbacks.tsx
+import React4 from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var defaultContainerStyle = {
   display: "flex",
   flexDirection: "column",
   justifyContent: "center",
@@ -314,12 +479,14 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
   gap: "16px",
   color: "var(--text-color, #333)",
   backgroundColor: "var(--background-color, #fff)"
-}, ie = {
+};
+var defaultErrorMessageStyle = {
   margin: 0,
   fontSize: "1.25rem",
   fontWeight: 500,
   color: "#f44336"
-}, se = {
+};
+var defaultButtonStyle = {
   marginTop: "16px",
   padding: "8px 16px",
   backgroundColor: "#1976d2",
@@ -329,36 +496,38 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
   cursor: "pointer",
   fontSize: "14px",
   fontWeight: 500
-}, Me = ({
-  error: t,
-  message: e = "Failed to initialize application",
-  onRetry: o = () => window.location.reload(),
-  retryLabel: r = "Retry",
-  containerStyle: a,
-  messageStyle: s,
-  buttonStyle: n
+};
+var DefaultInitializationErrorFallback = ({
+  error,
+  message = "Failed to initialize application",
+  onRetry = () => window.location.reload(),
+  retryLabel = "Retry",
+  containerStyle,
+  messageStyle,
+  buttonStyle
 }) => {
-  const d = t instanceof Error ? t.message : t || e;
-  return /* @__PURE__ */ y("div", { style: { ...ae, ...a }, children: [
-    /* @__PURE__ */ c("h6", { style: { ...ie, ...s }, children: d }),
-    /* @__PURE__ */ c(
+  const errorMessage = error instanceof Error ? error.message : error || message;
+  return /* @__PURE__ */ jsxs4("div", { style: __spreadValues(__spreadValues({}, defaultContainerStyle), containerStyle), children: [
+    /* @__PURE__ */ jsx5("h6", { style: __spreadValues(__spreadValues({}, defaultErrorMessageStyle), messageStyle), children: errorMessage }),
+    /* @__PURE__ */ jsx5(
       "button",
       {
-        onClick: o,
-        style: { ...se, ...n },
-        children: r
+        onClick: onRetry,
+        style: __spreadValues(__spreadValues({}, defaultButtonStyle), buttonStyle),
+        children: retryLabel
       }
     )
   ] });
-}, le = ({
-  message: t = "Failed to load application",
-  onRetry: e = () => window.location.reload(),
-  retryLabel: o = "Retry",
-  containerStyle: r,
-  messageStyle: a,
-  buttonStyle: s
+};
+var DefaultAppLoadErrorFallback = ({
+  message = "Failed to load application",
+  onRetry = () => window.location.reload(),
+  retryLabel = "Retry",
+  containerStyle,
+  messageStyle,
+  buttonStyle
 }) => {
-  const n = {
+  const appLoadContainerStyle = {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -366,7 +535,8 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
     height: "100vh",
     color: "#000000",
     gap: "12px"
-  }, d = {
+  };
+  const appLoadButtonStyle = {
     padding: "8px 24px",
     backgroundColor: "#57005aff",
     color: "#fff",
@@ -374,97 +544,125 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
     borderRadius: "4px",
     cursor: "pointer"
   };
-  return /* @__PURE__ */ y("div", { style: { ...n, ...r }, children: [
-    /* @__PURE__ */ c("h1", { style: a, children: t }),
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ jsxs4("div", { style: __spreadValues(__spreadValues({}, appLoadContainerStyle), containerStyle), children: [
+    /* @__PURE__ */ jsx5("h1", { style: messageStyle, children: message }),
+    /* @__PURE__ */ jsx5(
       "button",
       {
-        onClick: e,
-        style: { ...d, ...s },
-        children: o
+        onClick: onRetry,
+        style: __spreadValues(__spreadValues({}, appLoadButtonStyle), buttonStyle),
+        children: retryLabel
       }
     )
   ] });
-}, Ne = ({
-  importFn: t,
-  delay: e = 100,
-  ErrorFallback: o = le,
-  errorMessage: r = "Failed to load application"
-}) => A.lazy(() => new Promise((a) => {
-  setTimeout(() => {
-    t().then((s) => {
-      a({ default: s.default });
-    }).catch((s) => {
-      console.error("Failed to load application:", s), a({
-        default: () => /* @__PURE__ */ c(
-          o,
-          {
-            error: s,
-            message: r
-          }
-        )
-      });
+};
+var createLazyAppLoader = ({
+  importFn,
+  delay = 100,
+  ErrorFallback: ErrorFallback2 = DefaultAppLoadErrorFallback,
+  errorMessage = "Failed to load application"
+}) => {
+  return React4.lazy(() => {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        importFn().then((mod) => {
+          resolve({ default: mod.default });
+        }).catch((error) => {
+          console.error("Failed to load application:", error);
+          resolve({
+            default: () => /* @__PURE__ */ jsx5(
+              ErrorFallback2,
+              {
+                error,
+                message: errorMessage
+              }
+            )
+          });
+        });
+      }, delay);
     });
-  }, e);
-})), F = (t, e) => {
-  if (typeof document > "u") return e;
-  const o = getComputedStyle(document.documentElement).getPropertyValue(t).trim(), r = parseInt(o, 10);
-  return isNaN(r) ? e : r;
-}, h = (t) => typeof document > "u" ? null : getComputedStyle(document.documentElement).getPropertyValue(t).trim() || null, ce = (t) => {
-  const e = {}, o = `--${t}`, r = h(`--primary-color${o}`);
-  r && (e.primaryColor = r);
-  const a = h(`--primary-contrast${o}`);
-  a && (e.primaryContrast = a);
-  const s = h(`--secondary-color${o}`);
-  s && (e.secondaryColor = s);
-  const n = h(`--bodybg-primary${o}`);
-  n && (e.bodyBgPrimary = n);
-  const d = h(`--bodybg-secondary${o}`);
-  d && (e.bodyBgSecondary = d);
-  const l = h(`--component-bg${o}`);
-  l && (e.componentBg = l);
-  const u = h(`--text-color${o}`);
-  u && (e.textColor = u);
-  const m = h(`--text-contrast${o}`);
-  m && (e.textContrast = m);
-  const g = h(`--heading-color${o}`);
-  g && (e.headingColor = g);
-  const i = h(`--link-color${o}`);
-  i && (e.linkColor = i);
-  const b = h(`--border-color${o}`);
-  return b && (e.borderColor = b), e;
-}, de = (t, e) => {
-  const o = ce(t), r = F("--font-size-base", 14), a = F("--border-radius-base", 6), { palette: s, colorSchemes: n, defaultColorScheme: d, ...l } = e || {};
-  return X({
+  });
+};
+
+// src/theme/DashThemeProviderLight.tsx
+import { createContext as createContext2, useContext as useContext2, useState as useState3, useEffect as useEffect2, useMemo as useMemo2 } from "react";
+import CssBaseline from "@mui/material/CssBaseline";
+import { createTheme, ThemeProvider } from "@mui/material";
+import { updateDomCssVariables } from "dash-utils";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var getCssVariableNumber = (varName, defaultValue) => {
+  if (typeof document === "undefined") return defaultValue;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+  const parsed = parseInt(value, 10);
+  return isNaN(parsed) ? defaultValue : parsed;
+};
+var getCssVariable = (varName) => {
+  if (typeof document === "undefined") return null;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+  return value || null;
+};
+var getThemeColors = (mode) => {
+  const colors = {};
+  const suffix = `--${mode}`;
+  const primaryColor = getCssVariable(`--primary-color${suffix}`);
+  if (primaryColor) colors.primaryColor = primaryColor;
+  const primaryContrast = getCssVariable(`--primary-contrast${suffix}`);
+  if (primaryContrast) colors.primaryContrast = primaryContrast;
+  const secondaryColor = getCssVariable(`--secondary-color${suffix}`);
+  if (secondaryColor) colors.secondaryColor = secondaryColor;
+  const bodyBgPrimary = getCssVariable(`--bodybg-primary${suffix}`);
+  if (bodyBgPrimary) colors.bodyBgPrimary = bodyBgPrimary;
+  const bodyBgSecondary = getCssVariable(`--bodybg-secondary${suffix}`);
+  if (bodyBgSecondary) colors.bodyBgSecondary = bodyBgSecondary;
+  const componentBg = getCssVariable(`--component-bg${suffix}`);
+  if (componentBg) colors.componentBg = componentBg;
+  const textColor = getCssVariable(`--text-color${suffix}`);
+  if (textColor) colors.textColor = textColor;
+  const textContrast = getCssVariable(`--text-contrast${suffix}`);
+  if (textContrast) colors.textContrast = textContrast;
+  const headingColor = getCssVariable(`--heading-color${suffix}`);
+  if (headingColor) colors.headingColor = headingColor;
+  const linkColor = getCssVariable(`--link-color${suffix}`);
+  if (linkColor) colors.linkColor = linkColor;
+  const borderColor = getCssVariable(`--border-color${suffix}`);
+  if (borderColor) colors.borderColor = borderColor;
+  return colors;
+};
+var createMinimalTheme = (mode, extendedOptions) => {
+  const colors = getThemeColors(mode);
+  const fontSizeBase = getCssVariableNumber("--font-size-base", 14);
+  const borderRadiusBase = getCssVariableNumber("--border-radius-base", 6);
+  const _a = extendedOptions || {}, { palette: _p, colorSchemes: _cs, defaultColorScheme: _dcs } = _a, safeExtendedOptions = __objRest(_a, ["palette", "colorSchemes", "defaultColorScheme"]);
+  return createTheme(__spreadValues({
     breakpoints: {
       keys: ["xs", "sm", "md", "lg", "xl"],
       values: { xs: 0, sm: 600, md: 900, lg: 1200, xl: 1536 }
     },
     palette: {
-      mode: t,
+      mode,
       primary: {
-        main: o.primaryColor,
-        contrastText: o.primaryContrast
+        main: colors.primaryColor,
+        contrastText: colors.primaryContrast
       },
       secondary: {
-        main: o.secondaryColor
+        main: colors.secondaryColor
       },
       background: {
-        default: o.bodyBgPrimary,
-        paper: o.componentBg
+        default: colors.bodyBgPrimary,
+        paper: colors.componentBg
       },
       text: {
-        primary: o.textColor,
-        secondary: o.textContrast
+        primary: colors.textColor,
+        secondary: colors.textContrast
       },
-      divider: o.borderColor
+      divider: colors.borderColor
     },
     typography: {
       fontFamily: '"Montserrat", "Roboto", "Helvetica", "Arial", sans-serif',
-      fontSize: r
+      fontSize: fontSizeBase
     },
     shape: {
-      borderRadius: a
+      borderRadius: borderRadiusBase
     },
     components: {
       MuiButton: {
@@ -478,8 +676,8 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
       MuiCssBaseline: {
         styleOverrides: {
           body: {
-            backgroundColor: o.bodyBgPrimary,
-            color: o.textColor
+            backgroundColor: colors.bodyBgPrimary,
+            color: colors.textColor
           }
         }
       },
@@ -490,269 +688,408 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
           }
         }
       }
-    },
-    ...l
-  });
-}, W = $(null), He = () => {
-  const t = V(W);
-  if (!t)
+    }
+  }, safeExtendedOptions));
+};
+var DashThemeContext = createContext2(null);
+var useDashThemeContextLight = () => {
+  const context = useContext2(DashThemeContext);
+  if (!context) {
     throw new Error("useDashThemeContextLight must be used within a DashThemeProviderLight");
-  return t;
-}, Fe = ({
-  children: t,
-  extendedOptions: e,
-  defaultMode: o
+  }
+  return context;
+};
+var DashThemeProviderLight = ({
+  children,
+  extendedOptions,
+  defaultMode
 }) => {
-  const [r, a] = v(() => {
-    if (typeof document > "u") return o || "dark";
-    const i = document.documentElement.getAttribute("data-theme");
-    return i === "light" || i === "dark" ? i : o || "dark";
-  }), [s, n] = v(0), d = E(() => de(r, e), [r, e, s]), l = (i) => {
-    a(i), typeof document < "u" && (document.documentElement.setAttribute("data-theme", i), localStorage.setItem("theme", i), I(i));
-  }, u = () => {
-    l(r === "dark" ? "light" : "dark");
-  }, m = () => {
-    n((i) => i + 1);
+  const [currentMode, setCurrentMode] = useState3(() => {
+    if (typeof document === "undefined") return defaultMode || "dark";
+    const stored = document.documentElement.getAttribute("data-theme");
+    return stored === "light" || stored === "dark" ? stored : defaultMode || "dark";
+  });
+  const [themeVersion, setThemeVersion] = useState3(0);
+  const theme = useMemo2(() => {
+    return createMinimalTheme(currentMode, extendedOptions);
+  }, [currentMode, extendedOptions, themeVersion]);
+  const setMode = (mode) => {
+    setCurrentMode(mode);
+    if (typeof document !== "undefined") {
+      document.documentElement.setAttribute("data-theme", mode);
+      localStorage.setItem("theme", mode);
+      updateDomCssVariables(mode);
+    }
+  };
+  const toggleMode = () => {
+    setMode(currentMode === "dark" ? "light" : "dark");
   };
-  p(() => {
-    if (typeof document > "u") return;
-    const i = new MutationObserver((b) => {
-      b.forEach((C) => {
-        if (C.type === "attributes" && C.attributeName === "data-theme") {
-          const x = document.documentElement.getAttribute("data-theme");
-          (x === "light" || x === "dark") && x !== r && a(x);
+  const refreshTheme = () => {
+    setThemeVersion((v) => v + 1);
+  };
+  useEffect2(() => {
+    if (typeof document === "undefined") return;
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === "attributes" && mutation.attributeName === "data-theme") {
+          const newMode = document.documentElement.getAttribute("data-theme");
+          if (newMode === "light" || newMode === "dark") {
+            if (newMode !== currentMode) {
+              setCurrentMode(newMode);
+            }
+          }
         }
       });
     });
-    return i.observe(document.documentElement, {
-      attributes: !0,
+    observer.observe(document.documentElement, {
+      attributes: true,
       attributeFilter: ["data-theme"]
-    }), () => i.disconnect();
-  }, [r]), p(() => {
-    typeof document > "u" || I(r);
-  }, [r]), p(() => {
-    if (typeof window > "u") return;
-    const i = () => {
-      console.log("DashThemeProviderLight: Refreshing theme from CSS variables"), m();
+    });
+    return () => observer.disconnect();
+  }, [currentMode]);
+  useEffect2(() => {
+    if (typeof document === "undefined") return;
+    updateDomCssVariables(currentMode);
+  }, [currentMode]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const handler = () => {
+      console.log("DashThemeProviderLight: Refreshing theme from CSS variables");
+      refreshTheme();
     };
-    return window.addEventListener("DASHTRefreshTheme", i), () => window.removeEventListener("DASHTRefreshTheme", i);
+    window.addEventListener("DASHTRefreshTheme", handler);
+    return () => window.removeEventListener("DASHTRefreshTheme", handler);
   }, []);
-  const g = E(
+  const contextValue = useMemo2(
     () => ({
-      theme: d,
-      currentMode: r,
-      setMode: l,
-      toggleMode: u,
-      refreshTheme: m
+      theme,
+      currentMode,
+      setMode,
+      toggleMode,
+      refreshTheme
     }),
-    [d, r]
+    [theme, currentMode]
   );
-  return /* @__PURE__ */ y(Q, { theme: d, children: [
-    /* @__PURE__ */ c(K, {}),
-    /* @__PURE__ */ c(W.Provider, { value: g, children: t })
+  return /* @__PURE__ */ jsxs5(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx6(CssBaseline, {}),
+    /* @__PURE__ */ jsx6(DashThemeContext.Provider, { value: contextValue, children })
   ] });
-}, $e = (t) => {
-  const e = B();
-  p(() => {
-    (() => {
-      console.log("🔍 Bootstrap: Checking for persisted auth data...");
-      const r = f.getUser(), a = f.getToken(), s = JSON.parse(Y.getItem("authenticated") || "false"), n = f.getAuth();
-      if (console.log("🔍 Bootstrap: Persisted data check:", {
-        hasStoredUser: !!r,
-        hasStoredToken: !!a,
-        isAuthenticated: s,
-        hasPersistedAuth: !!n,
-        currentReduxAuth: t
-      }), s && r && a && !t) {
-        console.log("🔄 Bootstrap: Restoring auth session to Redux from localStorage");
-        let d = r;
-        if (typeof r == "string") {
-          console.error("❌ Bootstrap: Stored user is string, this should not happen");
+};
+
+// src/utils/DashBootstrapUtils.ts
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import { useDispatch } from "react-redux";
+import { AuthPersistenceService, syncDeviceStoreToLocalStorage, syncLocalStorageToDeviceStore } from "dash-auth";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { ACTION_UPDATE_AUTH } from "dash-admin-state/src/redux/reducers/Auth";
+import DASHAuthenticationService from "dash-admin/src/contexts/auth/DASHAuthenticationService";
+import { dashStorage, updateDomCssVariables as updateDomCssVariables2 } from "dash-utils";
+var useInitializeReduxFromPersisted = (currentAuthState) => {
+  const dispatch = useDispatch();
+  useEffect3(() => {
+    const initializeReduxFromPersisted = () => {
+      console.log("\u{1F50D} Bootstrap: Checking for persisted auth data...");
+      const storedUser = AuthPersistenceService.getUser();
+      const storedToken = AuthPersistenceService.getToken();
+      const isAuthenticated = JSON.parse(dashStorage.getItem("authenticated") || "false");
+      const persistedAuth = AuthPersistenceService.getAuth();
+      console.log("\u{1F50D} Bootstrap: Persisted data check:", {
+        hasStoredUser: !!storedUser,
+        hasStoredToken: !!storedToken,
+        isAuthenticated,
+        hasPersistedAuth: !!persistedAuth,
+        currentReduxAuth: currentAuthState
+      });
+      if (isAuthenticated && storedUser && storedToken && !currentAuthState) {
+        console.log("\u{1F504} Bootstrap: Restoring auth session to Redux from localStorage");
+        let userObject = storedUser;
+        if (typeof storedUser === "string") {
+          console.error("\u274C Bootstrap: Stored user is string, this should not happen");
           try {
-            d = JSON.parse(r);
-          } catch {
-            console.error("❌ Bootstrap: Cannot parse user string, clearing auth data"), f.clearAuth();
+            userObject = JSON.parse(storedUser);
+          } catch (e) {
+            console.error("\u274C Bootstrap: Cannot parse user string, clearing auth data");
+            AuthPersistenceService.clearAuth();
             return;
           }
         }
-        e(
-          S.updateAuth(P, {
-            user: d,
-            authenticated: !0,
-            auth: n?.auth || null
+        dispatch(
+          DASH_REDUX_ACTIONS.updateAuth(ACTION_UPDATE_AUTH, {
+            user: userObject,
+            authenticated: true,
+            auth: (persistedAuth == null ? void 0 : persistedAuth.auth) || null
           })
-        ), console.log("✅ Bootstrap: Redux state restored from persisted data");
+        );
+        console.log("\u2705 Bootstrap: Redux state restored from persisted data");
       }
-    })();
-  }, [e, t]);
-}, Ve = () => {
-  const t = B();
-  p(() => {
-    const e = (o) => {
-      console.log("🔐 Bootstrap: Received logout event", o.detail), t(
-        S.updateAuth(P, {
+    };
+    initializeReduxFromPersisted();
+  }, [dispatch, currentAuthState]);
+};
+var useLogoutEventListener = () => {
+  const dispatch = useDispatch();
+  useEffect3(() => {
+    const handleLogoutEvent = (event) => {
+      console.log("\u{1F510} Bootstrap: Received logout event", event.detail);
+      dispatch(
+        DASH_REDUX_ACTIONS.updateAuth(ACTION_UPDATE_AUTH, {
           user: null,
-          authenticated: !1,
+          authenticated: false,
           auth: null
         })
-      ), f.clearAuth(), localStorage.clear();
+      );
+      AuthPersistenceService.clearAuth();
+      localStorage.clear();
     };
-    return window.addEventListener("auth:logout", e), () => {
-      window.removeEventListener("auth:logout", e);
+    window.addEventListener("auth:logout", handleLogoutEvent);
+    return () => {
+      window.removeEventListener("auth:logout", handleLogoutEvent);
     };
-  }, [t]);
-}, qe = () => {
-  const [t, e] = v(!0), [o, r] = v(null), a = B();
-  return p(() => {
-    t && (async () => {
+  }, [dispatch]);
+};
+var useAppInitialization = () => {
+  const [isLoading, setIsLoading] = useState4(true);
+  const [initializationError, setInitializationError] = useState4(null);
+  const dispatch = useDispatch();
+  useEffect3(() => {
+    const initializeApp = () => __async(null, null, function* () {
+      var _a, _b;
       try {
-        console.log("🚀 Bootstrap: Starting app initialization..."), await Z();
-        const n = await z.initializeApp(!0);
-        if (console.log("🔍 Bootstrap: Initialization result:", n), n.success) {
-          if (console.log("✅ Bootstrap: Auto-login successful"), a(
-            S.updateAuth(P, {
-              user: n.user,
-              authenticated: !0,
-              auth: n.auth || null
+        console.log("\u{1F680} Bootstrap: Starting app initialization...");
+        yield syncDeviceStoreToLocalStorage();
+        const initResult = yield DASHAuthenticationService.initializeApp(true);
+        console.log("\u{1F50D} Bootstrap: Initialization result:", initResult);
+        if (initResult.success) {
+          console.log("\u2705 Bootstrap: Auto-login successful");
+          dispatch(
+            DASH_REDUX_ACTIONS.updateAuth(ACTION_UPDATE_AUTH, {
+              user: initResult.user,
+              authenticated: true,
+              auth: initResult.auth || null
             })
-          ), window.DashIPCService?.speak(`${n.user?.name}, Bienvenido!`), await D(), r(null), n.redirectAfterLogin) {
-            console.log("🔄 Bootstrap: Emitting auth:redirect event", n.redirectAfterLogin);
-            const d = new CustomEvent("auth:redirect", {
-              detail: { to: n.redirectAfterLogin }
+          );
+          (_b = window.DashIPCService) == null ? void 0 : _b.speak(`${(_a = initResult.user) == null ? void 0 : _a.name}, Bienvenido!`);
+          yield syncLocalStorageToDeviceStore();
+          setInitializationError(null);
+          if (initResult.redirectAfterLogin) {
+            console.log("\u{1F504} Bootstrap: Emitting auth:redirect event", initResult.redirectAfterLogin);
+            const event = new CustomEvent("auth:redirect", {
+              detail: { to: initResult.redirectAfterLogin }
             });
-            window.dispatchEvent(d);
+            window.dispatchEvent(event);
           }
         } else {
-          console.log("ℹ️ Bootstrap: No valid authentication found");
-          const d = f.getAuth();
-          if (d && d.auth) {
-            console.log("🔄 Bootstrap: Found persisted auth data, attempting token initialization...");
+          console.log("\u2139\uFE0F Bootstrap: No valid authentication found");
+          const authData = AuthPersistenceService.getAuth();
+          if (authData && authData.auth) {
+            console.log("\u{1F504} Bootstrap: Found persisted auth data, attempting token initialization...");
             try {
-              const l = await z.initializeFromToken();
-              if (l.success) {
-                if (console.log("✅ Bootstrap: Token initialization successful"), a(
-                  S.updateAuth(P, {
-                    user: l.user,
-                    authenticated: !0,
-                    auth: l.auth || null
+              const tokenInitResult = yield DASHAuthenticationService.initializeFromToken();
+              if (tokenInitResult.success) {
+                console.log("\u2705 Bootstrap: Token initialization successful");
+                dispatch(
+                  DASH_REDUX_ACTIONS.updateAuth(ACTION_UPDATE_AUTH, {
+                    user: tokenInitResult.user,
+                    authenticated: true,
+                    auth: tokenInitResult.auth || null
                   })
-                ), await D(), r(null), l.redirectAfterLogin) {
+                );
+                yield syncLocalStorageToDeviceStore();
+                setInitializationError(null);
+                if (tokenInitResult.redirectAfterLogin) {
                   console.log(
-                    "🔄 Bootstrap: Emitting auth:redirect event",
-                    l.redirectAfterLogin
+                    "\u{1F504} Bootstrap: Emitting auth:redirect event",
+                    tokenInitResult.redirectAfterLogin
                   );
-                  const u = new CustomEvent("auth:redirect", {
-                    detail: { to: l.redirectAfterLogin }
+                  const event = new CustomEvent("auth:redirect", {
+                    detail: { to: tokenInitResult.redirectAfterLogin }
                   });
-                  window.dispatchEvent(u);
+                  window.dispatchEvent(event);
                 }
-              } else
-                console.log("❌ Bootstrap: Token initialization failed:", l.error), r(null), f.clearAuth();
-            } catch (l) {
-              console.error("❌ Bootstrap: Token initialization error:", l), r(null), f.clearAuth();
+              } else {
+                console.log("\u274C Bootstrap: Token initialization failed:", tokenInitResult.error);
+                setInitializationError(null);
+                AuthPersistenceService.clearAuth();
+              }
+            } catch (error) {
+              console.error("\u274C Bootstrap: Token initialization error:", error);
+              setInitializationError(null);
+              AuthPersistenceService.clearAuth();
             }
-          } else
-            console.log("ℹ️ Bootstrap: No persisted auth data found"), f.clearAuth();
+          } else {
+            console.log("\u2139\uFE0F Bootstrap: No persisted auth data found");
+            AuthPersistenceService.clearAuth();
+          }
         }
-      } catch (n) {
-        console.error("❌ Bootstrap: App initialization failed:", n), r("Failed to initialize application");
+      } catch (error) {
+        console.error("\u274C Bootstrap: App initialization failed:", error);
+        setInitializationError("Failed to initialize application");
       } finally {
-        e(!1);
+        setIsLoading(false);
       }
-    })();
-  }, [a, t]), { isLoading: t, initializationError: o };
-}, Oe = () => {
-  p(() => {
-    const e = new URLSearchParams(window.location.search).get("redirect");
-    e && e !== "/login" && (console.log("ℹ️ RedirectTO: Setting redirect to by searchParams to:", e), z.setPendingRedirect(e));
+    });
+    if (isLoading) {
+      initializeApp();
+    }
+  }, [dispatch, isLoading]);
+  return { isLoading, initializationError };
+};
+var usePendingRedirect = () => {
+  useEffect3(() => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const redirectTo = searchParams.get("redirect");
+    if (redirectTo && redirectTo !== "/login") {
+      console.log("\u2139\uFE0F RedirectTO: Setting redirect to by searchParams to:", redirectTo);
+      DASHAuthenticationService.setPendingRedirect(redirectTo);
+    }
   }, []);
-}, ue = "dash:locale-change", We = (t = ["es", "en"], e = "es") => {
-  const o = B();
-  p(() => {
-    if (typeof window > "u") return;
-    const a = new URLSearchParams(window.location.search).get("lang"), s = localStorage.getItem("dash-user-locale");
-    let n = e;
-    a && t.includes(a) ? n = a : s && t.includes(s) && (n = s), s !== n ? (console.log(`🌐 Bootstrap: Locale change detected: ${s} -> ${n}`), localStorage.setItem("dash-user-locale", n)) : console.log(`🌐 Bootstrap: Initializing locale from storage: ${n}`), console.log(`🌐 Bootstrap: Dispatching locale to Redux: ${n}`), o(S.switchLanguage(n)), console.log(`🌐 Bootstrap: Emitting locale change event: ${n}`), window.dispatchEvent(new CustomEvent(ue, {
-      detail: { locale: n }
+};
+var LOCALE_CHANGE_EVENT2 = "dash:locale-change";
+var useUrlLocaleDetection = (availableLocales = ["es", "en"], defaultLocale = "es") => {
+  const dispatch = useDispatch();
+  useEffect3(() => {
+    if (typeof window === "undefined") return;
+    const searchParams = new URLSearchParams(window.location.search);
+    const langParam = searchParams.get("lang");
+    const storedLocale = localStorage.getItem("dash-user-locale");
+    let targetLocale = defaultLocale;
+    if (langParam && availableLocales.includes(langParam)) {
+      targetLocale = langParam;
+    } else if (storedLocale && availableLocales.includes(storedLocale)) {
+      targetLocale = storedLocale;
+    }
+    const isNewLocale = storedLocale !== targetLocale;
+    if (isNewLocale) {
+      console.log(`\u{1F310} Bootstrap: Locale change detected: ${storedLocale} -> ${targetLocale}`);
+      localStorage.setItem("dash-user-locale", targetLocale);
+    } else {
+      console.log(`\u{1F310} Bootstrap: Initializing locale from storage: ${targetLocale}`);
+    }
+    console.log(`\u{1F310} Bootstrap: Dispatching locale to Redux: ${targetLocale}`);
+    dispatch(DASH_REDUX_ACTIONS.switchLanguage(targetLocale));
+    console.log(`\u{1F310} Bootstrap: Emitting locale change event: ${targetLocale}`);
+    window.dispatchEvent(new CustomEvent(LOCALE_CHANGE_EVENT2, {
+      detail: { locale: targetLocale }
     }));
-  }, [o, t, e]);
-}, je = () => {
-  const [t, e] = v(
-    typeof window < "u" ? window.location.pathname : "/"
+  }, [dispatch, availableLocales, defaultLocale]);
+};
+var usePathnameTracker = () => {
+  const [pathname, setPathname] = useState4(
+    typeof window !== "undefined" ? window.location.pathname : "/"
   );
-  return p(() => {
-    if (typeof window > "u") return;
-    const o = () => {
-      const r = window.location.pathname;
-      r !== t && (console.log("🔍 Bootstrap: URL changed from", t, "to", r), e(r));
+  useEffect3(() => {
+    if (typeof window === "undefined") return;
+    const handleUrlChange = () => {
+      const newPathname = window.location.pathname;
+      if (newPathname !== pathname) {
+        console.log("\u{1F50D} Bootstrap: URL changed from", pathname, "to", newPathname);
+        setPathname(newPathname);
+      }
     };
-    return window.addEventListener("popstate", o), () => window.removeEventListener("popstate", o);
-  }, [t]), t;
-}, Ue = (t = "dark") => {
-  p(() => {
-    if (typeof document > "u") return;
-    const e = localStorage.getItem("theme"), o = e === "light" || e === "dark" ? e : t;
-    document.documentElement.setAttribute("data-theme", o), e || localStorage.setItem("theme", o);
-  }, [t]);
-}, _e = (t) => {
-  if (typeof document > "u" || typeof localStorage > "u") return;
-  const e = localStorage.getItem("theme"), o = e === "light" || e === "dark" ? e : t;
-  document.documentElement.setAttribute("data-theme", o), e || localStorage.setItem("theme", o);
+    window.addEventListener("popstate", handleUrlChange);
+    return () => window.removeEventListener("popstate", handleUrlChange);
+  }, [pathname]);
+  return pathname;
+};
+var useEarlyThemeInit = (defaultTheme = "dark") => {
+  useEffect3(() => {
+    if (typeof document === "undefined") return;
+    const stored = localStorage.getItem("theme");
+    const theme = stored === "light" || stored === "dark" ? stored : defaultTheme;
+    document.documentElement.setAttribute("data-theme", theme);
+    if (!stored) {
+      localStorage.setItem("theme", theme);
+    }
+  }, [defaultTheme]);
+};
+var initializeThemeEarly = (defaultTheme) => {
+  if (typeof document === "undefined" || typeof localStorage === "undefined") return;
+  const stored = localStorage.getItem("theme");
+  const theme = stored === "light" || stored === "dark" ? stored : defaultTheme;
+  document.documentElement.setAttribute("data-theme", theme);
+  if (!stored) {
+    localStorage.setItem("theme", theme);
+  }
   try {
-    I(o), console.log("🎨 Bootstrap: Initialized theme variables for:", o);
-  } catch (r) {
-    console.warn("Failed to initialize theme variables:", r);
+    updateDomCssVariables2(theme);
+    console.log("\u{1F3A8} Bootstrap: Initialized theme variables for:", theme);
+  } catch (error) {
+    console.warn("Failed to initialize theme variables:", error);
   }
-}, Je = async () => {
-  if (typeof window > "u") return;
-  const t = window.electronStore;
-  if (t) {
-    const e = await t.syncToLocalStorage();
-    Object.entries(e).forEach(([o, r]) => {
-      window.localStorage.setItem(o, JSON.stringify(r));
+};
+var syncElectronStore = () => __async(null, null, function* () {
+  if (typeof window === "undefined") return;
+  const electronStore = window.electronStore;
+  if (electronStore) {
+    const all = yield electronStore.syncToLocalStorage();
+    Object.entries(all).forEach(([key, value]) => {
+      window.localStorage.setItem(key, JSON.stringify(value));
     });
   }
-}, Ge = async () => {
-  if (!(typeof window > "u") && window.electronStore)
+});
+
+// src/utils/electronStore.ts
+var syncElectronStoreToLocalStorage = () => __async(null, null, function* () {
+  if (typeof window === "undefined") return;
+  if (window.electronStore) {
+    try {
+      const all = yield window.electronStore.syncToLocalStorage();
+      Object.entries(all).forEach(([key, value]) => {
+        window.localStorage.setItem(key, JSON.stringify(value));
+      });
+      console.log("\u2705 Electron store synced to localStorage");
+    } catch (error) {
+      console.error("\u274C Failed to sync Electron store:", error);
+    }
+  }
+});
+var isElectron = () => {
+  return typeof window !== "undefined" && !!window.electronStore;
+};
+var getElectronStoreValue = (key, defaultValue) => __async(null, null, function* () {
+  if (typeof window === "undefined") return defaultValue;
+  if (window.electronStore) {
     try {
-      const t = await window.electronStore.syncToLocalStorage();
-      Object.entries(t).forEach(([e, o]) => {
-        window.localStorage.setItem(e, JSON.stringify(o));
-      }), console.log("✅ Electron store synced to localStorage");
-    } catch (t) {
-      console.error("❌ Failed to sync Electron store:", t);
+      return yield window.electronStore.get(key);
+    } catch (e) {
+      return defaultValue;
     }
-}, Ke = () => typeof window < "u" && !!window.electronStore, Qe = async (t, e) => {
-  if (typeof window > "u") return e;
-  if (window.electronStore)
+  }
+  const stored = localStorage.getItem(key);
+  if (stored) {
     try {
-      return await window.electronStore.get(t);
-    } catch {
-      return e;
+      return JSON.parse(stored);
+    } catch (e) {
+      return stored;
     }
-  const o = localStorage.getItem(t);
-  if (o)
+  }
+  return defaultValue;
+});
+var setElectronStoreValue = (key, value) => __async(null, null, function* () {
+  if (typeof window === "undefined") return;
+  if (window.electronStore) {
     try {
-      return JSON.parse(o);
-    } catch {
-      return o;
+      yield window.electronStore.set(key, value);
+    } catch (error) {
+      console.error("Failed to set Electron store value:", error);
     }
-  return e;
-}, Xe = async (t, e) => {
-  if (!(typeof window > "u")) {
-    if (window.electronStore)
-      try {
-        await window.electronStore.set(t, e);
-      } catch (o) {
-        console.error("Failed to set Electron store value:", o);
-      }
-    localStorage.setItem(t, JSON.stringify(e));
   }
-}, L = (t, e) => {
-  if (typeof document > "u") return e;
-  const o = getComputedStyle(document.documentElement).getPropertyValue(t).trim(), r = parseInt(o, 10);
-  return isNaN(r) ? e : r;
-}, Ye = (t, e = "") => typeof document > "u" ? e : getComputedStyle(document.documentElement).getPropertyValue(t).trim() || e, w = {
+  localStorage.setItem(key, JSON.stringify(value));
+});
+
+// src/utils/cssVariables.ts
+var getCssVariableNumber2 = (varName, defaultValue) => {
+  if (typeof document === "undefined") return defaultValue;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+  const parsed = parseInt(value, 10);
+  return isNaN(parsed) ? defaultValue : parsed;
+};
+var getCssVariableString = (varName, defaultValue = "") => {
+  if (typeof document === "undefined") return defaultValue;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+  return value || defaultValue;
+};
+var DEFAULT_LAYOUT_DIMENSIONS = {
   sidebarLargeWidth: 255,
   sidebarSmallWidth: 64,
   sidebarHorizontalHeight: 120,
@@ -760,68 +1097,68 @@ const re = ({ error: t, resetErrorBoundary: e }) => /* @__PURE__ */ y(
   logoVerticalMaxHeight: 130,
   logoHorizontalMaxWidth: 200,
   logoHorizontalMaxHeight: 60
-}, ge = () => ({
-  sidebarLargeWidth: L("--sidebar-large-width", w.sidebarLargeWidth),
-  sidebarSmallWidth: L("--sidebar-small-width", w.sidebarSmallWidth),
-  sidebarHorizontalHeight: L("--sidebar-horizontal-height", w.sidebarHorizontalHeight),
-  logoVerticalMaxWidth: L("--logo-vertical-max-width", w.logoVerticalMaxWidth),
-  logoVerticalMaxHeight: L("--logo-vertical-max-height", w.logoVerticalMaxHeight),
-  logoHorizontalMaxWidth: L("--logo-horizontal-max-width", w.logoHorizontalMaxWidth),
-  logoHorizontalMaxHeight: L("--logo-horizontal-max-height", w.logoHorizontalMaxHeight)
-}), Ze = (t = {}) => {
-  const e = {
-    ...w,
-    ...ge(),
-    ...t.layoutDimensions
-  };
+};
+var getLayoutDimensionsFromCss = () => {
   return {
-    appName: t.appName || "Dash App",
-    horizontalLogo: t.horizontalLogo,
-    squaredLogo: t.squaredLogo,
-    loginBackground: t.loginBackground,
-    sidebarPosition: t.sidebarPosition || "left",
-    ...e,
-    // Padding configuration (derived from sidebar sizes)
-    paddingHorizontal: e.sidebarLargeWidth,
-    paddingVertical: e.sidebarHorizontalHeight
+    sidebarLargeWidth: getCssVariableNumber2("--sidebar-large-width", DEFAULT_LAYOUT_DIMENSIONS.sidebarLargeWidth),
+    sidebarSmallWidth: getCssVariableNumber2("--sidebar-small-width", DEFAULT_LAYOUT_DIMENSIONS.sidebarSmallWidth),
+    sidebarHorizontalHeight: getCssVariableNumber2("--sidebar-horizontal-height", DEFAULT_LAYOUT_DIMENSIONS.sidebarHorizontalHeight),
+    logoVerticalMaxWidth: getCssVariableNumber2("--logo-vertical-max-width", DEFAULT_LAYOUT_DIMENSIONS.logoVerticalMaxWidth),
+    logoVerticalMaxHeight: getCssVariableNumber2("--logo-vertical-max-height", DEFAULT_LAYOUT_DIMENSIONS.logoVerticalMaxHeight),
+    logoHorizontalMaxWidth: getCssVariableNumber2("--logo-horizontal-max-width", DEFAULT_LAYOUT_DIMENSIONS.logoHorizontalMaxWidth),
+    logoHorizontalMaxHeight: getCssVariableNumber2("--logo-horizontal-max-height", DEFAULT_LAYOUT_DIMENSIONS.logoHorizontalMaxHeight)
   };
 };
+var createDefaultPanelSettings = (options = {}) => {
+  const dimensions = __spreadValues(__spreadValues(__spreadValues({}, DEFAULT_LAYOUT_DIMENSIONS), getLayoutDimensionsFromCss()), options.layoutDimensions);
+  return __spreadProps(__spreadValues({
+    appName: options.appName || "Dash App",
+    horizontalLogo: options.horizontalLogo,
+    squaredLogo: options.squaredLogo,
+    loginBackground: options.loginBackground,
+    sidebarPosition: options.sidebarPosition || "left"
+  }, dimensions), {
+    // Padding configuration (derived from sidebar sizes)
+    paddingHorizontal: dimensions.sidebarLargeWidth,
+    paddingVertical: dimensions.sidebarHorizontalHeight
+  });
+};
 export {
-  De as AppWrapperLight,
-  Re as CustomErrorBoundary,
-  w as DEFAULT_LAYOUT_DIMENSIONS,
-  W as DashThemeContext,
-  Fe as DashThemeProviderLight,
-  le as DefaultAppLoadErrorFallback,
-  Me as DefaultInitializationErrorFallback,
-  Ae as GlobalLoaderHtmlMarkup,
-  ze as GlobalSmallLoader,
-  q as I18nBridgeContext,
-  Ee as I18nBridgeProviderLight,
-  Ze as createDefaultPanelSettings,
-  Ne as createLazyAppLoader,
-  Ce as createSimpleI18nProvider,
-  L as getCssVariableNumber,
-  Ye as getCssVariableString,
-  Qe as getElectronStoreValue,
-  ge as getLayoutDimensionsFromCss,
-  _e as initializeThemeEarly,
-  Te as injectCriticalStyles,
-  Ke as isElectron,
-  Xe as setElectronStoreValue,
-  Je as syncElectronStore,
-  Ge as syncElectronStoreToLocalStorage,
-  qe as useAppInitialization,
-  Be as useBridgedChangeLocaleLight,
-  ke as useBridgedLocaleLight,
-  Pe as useBridgedLocalesLight,
-  He as useDashThemeContextLight,
-  Ue as useEarlyThemeInit,
-  k as useI18nBridgeLight,
-  $e as useInitializeReduxFromPersisted,
-  Ve as useLogoutEventListener,
-  je as usePathnameTracker,
-  Oe as usePendingRedirect,
-  Ie as useTranslateLight,
-  We as useUrlLocaleDetection
+  AppWrapperLight,
+  CustomErrorBoundary,
+  DEFAULT_LAYOUT_DIMENSIONS,
+  DashThemeContext,
+  DashThemeProviderLight,
+  DefaultAppLoadErrorFallback,
+  DefaultInitializationErrorFallback,
+  GlobalLoaderHtmlMarkup,
+  GlobalSmallLoader,
+  I18nBridgeContext,
+  I18nBridgeProviderLight,
+  createDefaultPanelSettings,
+  createLazyAppLoader,
+  createSimpleI18nProvider,
+  getCssVariableNumber2 as getCssVariableNumber,
+  getCssVariableString,
+  getElectronStoreValue,
+  getLayoutDimensionsFromCss,
+  initializeThemeEarly,
+  injectCriticalStyles,
+  isElectron,
+  setElectronStoreValue,
+  syncElectronStore,
+  syncElectronStoreToLocalStorage,
+  useAppInitialization,
+  useBridgedChangeLocaleLight,
+  useBridgedLocaleLight,
+  useBridgedLocalesLight,
+  useDashThemeContextLight,
+  useEarlyThemeInit,
+  useI18nBridgeLight,
+  useInitializeReduxFromPersisted,
+  useLogoutEventListener,
+  usePathnameTracker,
+  usePendingRedirect,
+  useTranslateLight,
+  useUrlLocaleDetection
 };