@qwanyx/stack 0.2.12 → 0.2.14

package/dist/index.esm.js

@@ -1,15 +1,15 @@
-var Et = Object.defineProperty;
-var _t = (h, t, r) => t in h ? Et(h, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : h[t] = r;
-var he = (h, t, r) => _t(h, typeof t != "symbol" ? t + "" : t, r);
-import tt, { useState as z, useCallback as K, useEffect as de, useMemo as rt, useRef as Qe } from "react";
+var _t = Object.defineProperty;
+var Et = (p, t, r) => t in p ? _t(p, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[t] = r;
+var be = (p, t, r) => Et(p, typeof t != "symbol" ? t + "" : t, r);
+import rt, { useState as M, useCallback as J, useEffect as fe, useMemo as nt, useRef as Ze } from "react";
 class $t {
   constructor(t) {
-    he(this, "config");
+    be(this, "config");
     // ===== FILE OPERATIONS =====
     /**
      * Options for file upload
      */
-    he(this, "defaultUploadOptions", {
+    be(this, "defaultUploadOptions", {
       maxSizeMB: 10,
       maxImageDimension: 0,
       // 0 = no resize
@@ -228,16 +228,16 @@ class $t {
           i(t);
           return;
         }
-        let p, u;
-        s.width > s.height ? (p = r, u = Math.round(s.height / s.width * r)) : (u = r, p = Math.round(s.width / s.height * r));
+        let h, u;
+        s.width > s.height ? (h = r, u = Math.round(s.height / s.width * r)) : (u = r, h = Math.round(s.width / s.height * r));
         const g = document.createElement("canvas");
-        g.width = p, g.height = u;
+        g.width = h, g.height = u;
         const c = g.getContext("2d");
         if (!c) {
           i(t);
           return;
         }
-        c.drawImage(s, 0, 0, p, u);
+        c.drawImage(s, 0, 0, h, u);
         const E = t.type === "image/png" ? "image/png" : "image/jpeg";
         g.toBlob(
           (x) => {
@@ -267,8 +267,8 @@ class $t {
     try {
       let o = n;
       s.maxImageDimension > 0 && n.type.startsWith("image/") && (o = await this.resizeImage(n, s.maxImageDimension, s.imageQuality));
-      const p = s.maxSizeMB * 1024 * 1024;
-      if (o.size > p)
+      const h = s.maxSizeMB * 1024 * 1024;
+      if (o.size > h)
         return {
           success: !1,
           error: `File too large (${(o.size / 1024 / 1024).toFixed(1)} MB). Max: ${s.maxSizeMB} MB`
@@ -321,7 +321,7 @@ class $t {
 }
 class jt {
   constructor(t) {
-    he(this, "config");
+    be(this, "config");
     if (!t.system_id)
       throw new Error("MailClient: system_id is REQUIRED");
     this.config = t;
@@ -349,8 +349,8 @@ class jt {
         body: JSON.stringify(i)
       });
       if (!s.ok) {
-        const p = await s.text();
-        throw new Error(`API error (${s.status}): ${p}`);
+        const h = await s.text();
+        throw new Error(`API error (${s.status}): ${h}`);
       }
       const o = await s.json();
       if (!o.success && o.error)
@@ -440,9 +440,9 @@ class jt {
       const s = [
         "SELECT INBOX",
         ...r.map((u) => `UID MOVE ${u} ${i}`)
-      ], p = (await this.imapExec(t, s)).responses.filter((u) => u.ok && u.command === "UID MOVE").length;
-      if (p > 0)
-        return { success: !0, moved: p };
+      ], h = (await this.imapExec(t, s)).responses.filter((u) => u.ok && u.command === "UID MOVE").length;
+      if (h > 0)
+        return { success: !0, moved: h };
     }
     return { success: !1, moved: 0 };
   }
@@ -502,11 +502,11 @@ class jt {
     for (const m of c.messages)
       m.uid && E.set(m.uid, m);
     const x = u.map((m) => {
-      var Y, w, U, y, N;
+      var W, w, D, y, O;
       const T = E.get(m);
       if (!T) return null;
-      const S = ((Y = T.flags) == null ? void 0 : Y.some((F) => F.includes("Seen"))) || !1, V = ((U = (w = T.envelope) == null ? void 0 : w.from) == null ? void 0 : U.email) || "Unknown", B = ((y = T.envelope) == null ? void 0 : y.subject) || "(No subject)", $ = ((N = T.envelope) == null ? void 0 : N.date) || "";
-      return { uid: m, from: V, subject: B, date: $, seen: S };
+      const S = ((W = T.flags) == null ? void 0 : W.some((F) => F.includes("Seen"))) || !1, V = ((D = (w = T.envelope) == null ? void 0 : w.from) == null ? void 0 : D.email) || "Unknown", I = ((y = T.envelope) == null ? void 0 : y.subject) || "(No subject)", $ = ((O = T.envelope) == null ? void 0 : O.date) || "";
+      return { uid: m, from: V, subject: I, date: $, seen: S };
     }).filter(Boolean);
     return {
       account: { id: t, label: "", email: "" },
@@ -517,10 +517,11 @@ class jt {
   /**
    * Get a single email by UID with full body content
    */
-  async getEmail(t, r) {
+  async getEmail(t, r, n = "INBOX") {
     return this.callMail("get_email", {
       account_id: t,
-      uid: r
+      uid: r,
+      folder: n
     });
   }
   // ===== SMTP OPERATIONS (via email coprocessor) =====
@@ -537,37 +538,37 @@ class jt {
     return t.html && (r.html = t.html), t.from && (r.from = t.from), t.smtpConfig && (r.smtp_config = t.smtpConfig), this.callEmail("send", r);
   }
 }
-const De = "qwanyx_auth_token", Me = "qwanyx_refresh_token";
+const ze = "qwanyx_auth_token", Ge = "qwanyx_refresh_token";
 class Tt {
   /**
    * Store authentication token
    */
   static setToken(t) {
-    typeof window < "u" && localStorage.setItem(De, t);
+    typeof window < "u" && localStorage.setItem(ze, t);
   }
   /**
    * Get authentication token
    */
   static getToken() {
-    return typeof window < "u" ? localStorage.getItem(De) : null;
+    return typeof window < "u" ? localStorage.getItem(ze) : null;
   }
   /**
    * Remove authentication token
    */
   static clearToken() {
-    typeof window < "u" && (localStorage.removeItem(De), localStorage.removeItem(Me));
+    typeof window < "u" && (localStorage.removeItem(ze), localStorage.removeItem(Ge));
   }
   /**
    * Store refresh token
    */
   static setRefreshToken(t) {
-    typeof window < "u" && localStorage.setItem(Me, t);
+    typeof window < "u" && localStorage.setItem(Ge, t);
   }
   /**
    * Get refresh token
    */
   static getRefreshToken() {
-    return typeof window < "u" ? localStorage.getItem(Me) : null;
+    return typeof window < "u" ? localStorage.getItem(Ge) : null;
   }
   /**
    * Check if user is authenticated
@@ -585,7 +586,7 @@ class Tt {
 }
 class kt {
   constructor(t) {
-    he(this, "config");
+    be(this, "config");
     this.config = {
       timeout: 3e4,
       headers: {
@@ -616,7 +617,7 @@ class kt {
       headers: i = {},
       body: s,
       params: o
-    } = r, p = `${this.config.baseUrl}/${t}${this.buildQueryString(o)}`, u = {
+    } = r, h = `${this.config.baseUrl}/${t}${this.buildQueryString(o)}`, u = {
       ...this.config.headers,
       ...Tt.getAuthHeader(),
       ...i
@@ -626,7 +627,7 @@ class kt {
     };
     s && n !== "GET" && (g.body = JSON.stringify(s));
     try {
-      const c = new AbortController(), E = setTimeout(() => c.abort(), this.config.timeout), x = await fetch(p, {
+      const c = new AbortController(), E = setTimeout(() => c.abort(), this.config.timeout), x = await fetch(h, {
         ...g,
         signal: c.signal
       });
@@ -684,26 +685,26 @@ class kt {
     return this.config.baseUrl;
   }
 }
-let ke = null;
-function Ft(h) {
-  return ke = new kt(h), ke;
+let Ne = null;
+function Ft(p) {
+  return Ne = new kt(p), Ne;
 }
-function nt() {
-  if (!ke)
+function st() {
+  if (!Ne)
     throw new Error("API client not initialized. Call initializeApiClient() first.");
-  return ke;
+  return Ne;
 }
-function Rt(h, t, r = {}) {
+function Rt(p, t, r = {}) {
   const {
     enabled: n = !0,
     refetchOnMount: i = !0,
     onSuccess: s,
     onError: o
-  } = r, [p, u] = z(null), [g, c] = z(n), [E, x] = z(null), m = K(async () => {
+  } = r, [h, u] = M(null), [g, c] = M(n), [E, x] = M(null), m = J(async () => {
     if (n) {
       c(!0), x(null);
       try {
-        const S = await nt().get(h, t);
+        const S = await st().get(p, t);
         u(S), s == null || s(S);
       } catch (T) {
         const S = T instanceof Error ? T : new Error("Unknown error");
@@ -712,35 +713,35 @@ function Rt(h, t, r = {}) {
         c(!1);
       }
     }
-  }, [h, JSON.stringify(t), n, s, o]);
-  return de(() => {
+  }, [p, JSON.stringify(t), n, s, o]);
+  return fe(() => {
     i && m();
   }, [m, i]), {
-    data: p,
+    data: h,
     loading: g,
     error: E,
     refetch: m
   };
 }
-function Ut(h, t = "POST", r = {}) {
-  const { onSuccess: n, onError: i } = r, [s, o] = z(null), [p, u] = z(!1), [g, c] = z(null), E = K(
+function Dt(p, t = "POST", r = {}) {
+  const { onSuccess: n, onError: i } = r, [s, o] = M(null), [h, u] = M(!1), [g, c] = M(null), E = J(
     async (m) => {
       u(!0), c(null);
       try {
-        const T = nt();
+        const T = st();
         let S;
         switch (t) {
           case "POST":
-            S = await T.post(h, m);
+            S = await T.post(p, m);
             break;
           case "PUT":
-            S = await T.put(h, m);
+            S = await T.put(p, m);
             break;
           case "PATCH":
-            S = await T.patch(h, m);
+            S = await T.patch(p, m);
             break;
           case "DELETE":
-            S = await T.delete(h);
+            S = await T.delete(p);
             break;
           default:
             throw new Error(`Unsupported method: ${t}`);
@@ -753,19 +754,19 @@ function Ut(h, t = "POST", r = {}) {
         u(!1);
       }
     },
-    [h, t, n, i]
-  ), x = K(() => {
+    [p, t, n, i]
+  ), x = J(() => {
     o(null), c(null), u(!1);
   }, []);
   return {
     data: s,
-    loading: p,
+    loading: h,
     error: g,
     mutate: E,
     reset: x
   };
 }
-var Ie = { exports: {} }, ge = {};
+var Ye = { exports: {} }, we = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -775,21 +776,21 @@ var Ie = { exports: {} }, ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ze;
+var et;
 function St() {
-  if (Ze) return ge;
-  Ze = 1;
-  var h = tt, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(p, u, g) {
+  if (et) return we;
+  et = 1;
+  var p = rt, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(h, u, g) {
     var c, E = {}, x = null, m = null;
     g !== void 0 && (x = "" + g), u.key !== void 0 && (x = "" + u.key), u.ref !== void 0 && (m = u.ref);
     for (c in u) n.call(u, c) && !s.hasOwnProperty(c) && (E[c] = u[c]);
-    if (p && p.defaultProps) for (c in u = p.defaultProps, u) E[c] === void 0 && (E[c] = u[c]);
-    return { $$typeof: t, type: p, key: x, ref: m, props: E, _owner: i.current };
+    if (h && h.defaultProps) for (c in u = h.defaultProps, u) E[c] === void 0 && (E[c] = u[c]);
+    return { $$typeof: t, type: h, key: x, ref: m, props: E, _owner: i.current };
   }
-  return ge.Fragment = r, ge.jsx = o, ge.jsxs = o, ge;
+  return we.Fragment = r, we.jsx = o, we.jsxs = o, we;
 }
-var me = {};
+var _e = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -799,42 +800,42 @@ var me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var et;
-function Ot() {
-  return et || (et = 1, process.env.NODE_ENV !== "production" && function() {
-    var h = tt, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), p = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), T = Symbol.iterator, S = "@@iterator";
+var tt;
+function Nt() {
+  return tt || (tt = 1, process.env.NODE_ENV !== "production" && function() {
+    var p = rt, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), h = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), T = Symbol.iterator, S = "@@iterator";
     function V(e) {
       if (e === null || typeof e != "object")
         return null;
       var l = T && e[T] || e[S];
       return typeof l == "function" ? l : null;
     }
-    var B = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var I = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function $(e) {
       {
         for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), b = 1; b < l; b++)
           d[b - 1] = arguments[b];
-        Y("error", e, d);
+        W("error", e, d);
       }
     }
-    function Y(e, l, d) {
+    function W(e, l, d) {
       {
-        var b = B.ReactDebugCurrentFrame, P = b.getStackAddendum();
+        var b = I.ReactDebugCurrentFrame, P = b.getStackAddendum();
         P !== "" && (l += "%s", d = d.concat([P]));
-        var A = d.map(function(O) {
-          return String(O);
+        var A = d.map(function(N) {
+          return String(N);
         });
         A.unshift("Warning: " + l), Function.prototype.apply.call(console[e], console, A);
       }
     }
-    var w = !1, U = !1, y = !1, N = !1, F = !1, _;
-    _ = Symbol.for("react.module.reference");
+    var w = !1, D = !1, y = !1, O = !1, F = !1, j;
+    j = Symbol.for("react.module.reference");
     function C(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === n || e === s || F || e === i || e === g || e === c || N || e === m || w || U || y || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === E || e.$$typeof === o || e.$$typeof === p || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === s || F || e === i || e === g || e === c || O || e === m || w || D || y || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === E || e.$$typeof === o || e.$$typeof === h || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === _ || e.getModuleId !== void 0));
+      e.$$typeof === j || e.getModuleId !== void 0));
     }
     function v(e, l, d) {
       var b = e.displayName;
@@ -846,7 +847,7 @@ function Ot() {
     function G(e) {
       return e.displayName || "Context";
     }
-    function I(e) {
+    function L(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -869,7 +870,7 @@ function Ot() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case p:
+          case h:
             var l = e;
             return G(l) + ".Consumer";
           case o:
@@ -879,11 +880,11 @@ function Ot() {
             return v(e, e.render, "ForwardRef");
           case E:
             var b = e.displayName || null;
-            return b !== null ? b : I(e.type) || "Memo";
+            return b !== null ? b : L(e.type) || "Memo";
           case x: {
-            var P = e, A = P._payload, O = P._init;
+            var P = e, A = P._payload, N = P._init;
             try {
-              return I(O(A));
+              return L(N(A));
             } catch {
               return null;
             }
@@ -891,18 +892,18 @@ function Ot() {
         }
       return null;
     }
-    var R = Object.assign, L = 0, J, X, re, ye, xe, ve, be;
-    function we() {
+    var R = Object.assign, z = 0, X, he, pe, Ee, ge, Y, re;
+    function ae() {
     }
-    we.__reactDisabledLog = !0;
-    function Re() {
+    ae.__reactDisabledLog = !0;
+    function Oe() {
       {
-        if (L === 0) {
-          J = console.log, X = console.info, re = console.warn, ye = console.error, xe = console.group, ve = console.groupCollapsed, be = console.groupEnd;
+        if (z === 0) {
+          X = console.log, he = console.info, pe = console.warn, Ee = console.error, ge = console.group, Y = console.groupCollapsed, re = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: we,
+            value: ae,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -915,12 +916,12 @@ function Ot() {
             groupEnd: e
           });
         }
-        L++;
+        z++;
       }
     }
-    function Se() {
+    function Ce() {
       {
-        if (L--, L === 0) {
+        if (z--, z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -928,87 +929,87 @@ function Ot() {
           };
           Object.defineProperties(console, {
             log: R({}, e, {
-              value: J
+              value: X
             }),
             info: R({}, e, {
-              value: X
+              value: he
             }),
             warn: R({}, e, {
-              value: re
+              value: pe
             }),
             error: R({}, e, {
-              value: ye
+              value: Ee
             }),
             group: R({}, e, {
-              value: xe
+              value: ge
             }),
             groupCollapsed: R({}, e, {
-              value: ve
+              value: Y
             }),
             groupEnd: R({}, e, {
-              value: be
+              value: re
             })
           });
         }
-        L < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ue = B.ReactCurrentDispatcher, fe;
-    function ae(e, l, d) {
+    var me = I.ReactCurrentDispatcher, ye;
+    function ie(e, l, d) {
       {
-        if (fe === void 0)
+        if (ye === void 0)
           try {
             throw Error();
           } catch (P) {
             var b = P.stack.trim().match(/\n( *(at )?)/);
-            fe = b && b[1] || "";
+            ye = b && b[1] || "";
           }
         return `
-` + fe + e;
+` + ye + e;
       }
     }
-    var pe = !1, ie;
+    var xe = !1, oe;
     {
-      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
-      ie = new Oe();
+      var Pe = typeof WeakMap == "function" ? WeakMap : Map;
+      oe = new Pe();
     }
-    function Ee(e, l) {
-      if (!e || pe)
+    function je(e, l) {
+      if (!e || xe)
         return "";
       {
-        var d = ie.get(e);
+        var d = oe.get(e);
         if (d !== void 0)
           return d;
       }
       var b;
-      pe = !0;
+      xe = !0;
       var P = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var A;
-      A = ue.current, ue.current = null, Re();
+      A = me.current, me.current = null, Oe();
       try {
         if (l) {
-          var O = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(O.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(O, []);
+              Reflect.construct(N, []);
             } catch (H) {
               b = H;
             }
-            Reflect.construct(e, [], O);
+            Reflect.construct(e, [], N);
           } else {
             try {
-              O.call();
+              N.call();
             } catch (H) {
               b = H;
             }
-            e.call(O.prototype);
+            e.call(N.prototype);
           }
         } else {
           try {
@@ -1022,120 +1023,120 @@ function Ot() {
         if (H && b && typeof H.stack == "string") {
           for (var k = H.stack.split(`
 `), q = b.stack.split(`
-`), D = k.length - 1, M = q.length - 1; D >= 1 && M >= 0 && k[D] !== q[M]; )
-            M--;
-          for (; D >= 1 && M >= 0; D--, M--)
-            if (k[D] !== q[M]) {
-              if (D !== 1 || M !== 1)
+`), U = k.length - 1, B = q.length - 1; U >= 1 && B >= 0 && k[U] !== q[B]; )
+            B--;
+          for (; U >= 1 && B >= 0; U--, B--)
+            if (k[U] !== q[B]) {
+              if (U !== 1 || B !== 1)
                 do
-                  if (D--, M--, M < 0 || k[D] !== q[M]) {
-                    var Q = `
-` + k[D].replace(" at new ", " at ");
-                    return e.displayName && Q.includes("<anonymous>") && (Q = Q.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, Q), Q;
+                  if (U--, B--, B < 0 || k[U] !== q[B]) {
+                    var Z = `
+` + k[U].replace(" at new ", " at ");
+                    return e.displayName && Z.includes("<anonymous>") && (Z = Z.replace("<anonymous>", e.displayName)), typeof e == "function" && oe.set(e, Z), Z;
                   }
-                while (D >= 1 && M >= 0);
+                while (U >= 1 && B >= 0);
               break;
             }
         }
       } finally {
-        pe = !1, ue.current = A, Se(), Error.prepareStackTrace = P;
+        xe = !1, me.current = A, Ce(), Error.prepareStackTrace = P;
       }
-      var ce = e ? e.displayName || e.name : "", se = ce ? ae(ce) : "";
-      return typeof e == "function" && ie.set(e, se), se;
+      var ue = e ? e.displayName || e.name : "", se = ue ? ie(ue) : "";
+      return typeof e == "function" && oe.set(e, se), se;
     }
-    function Ne(e, l, d) {
-      return Ee(e, !1);
+    function Ae(e, l, d) {
+      return je(e, !1);
     }
-    function Ce(e) {
+    function $e(e) {
       var l = e.prototype;
       return !!(l && l.isReactComponent);
     }
-    function oe(e, l, d) {
+    function le(e, l, d) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ee(e, Ce(e));
+        return je(e, $e(e));
       if (typeof e == "string")
-        return ae(e);
+        return ie(e);
       switch (e) {
         case g:
-          return ae("Suspense");
+          return ie("Suspense");
         case c:
-          return ae("SuspenseList");
+          return ie("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
-            return Ne(e.render);
+            return Ae(e.render);
           case E:
-            return oe(e.type, l, d);
+            return le(e.type, l, d);
           case x: {
             var b = e, P = b._payload, A = b._init;
             try {
-              return oe(A(P), l, d);
+              return le(A(P), l, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var ne = Object.prototype.hasOwnProperty, f = {}, j = B.ReactDebugCurrentFrame;
-    function W(e) {
+    var ne = Object.prototype.hasOwnProperty, Te = {}, ke = I.ReactDebugCurrentFrame;
+    function ce(e) {
       if (e) {
-        var l = e._owner, d = oe(e.type, e._source, l ? l.type : null);
-        j.setExtraStackFrame(d);
+        var l = e._owner, d = le(e.type, e._source, l ? l.type : null);
+        ke.setExtraStackFrame(d);
       } else
-        j.setExtraStackFrame(null);
+        ke.setExtraStackFrame(null);
     }
-    function Z(e, l, d, b, P) {
+    function Fe(e, l, d, b, P) {
       {
         var A = Function.call.bind(ne);
-        for (var O in e)
-          if (A(e, O)) {
+        for (var N in e)
+          if (A(e, N)) {
             var k = void 0;
             try {
-              if (typeof e[O] != "function") {
-                var q = Error((b || "React class") + ": " + d + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[N] != "function") {
+                var q = Error((b || "React class") + ": " + d + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw q.name = "Invariant Violation", q;
               }
-              k = e[O](l, O, b, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              k = D;
+              k = e[N](l, N, b, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (U) {
+              k = U;
             }
-            k && !(k instanceof Error) && (W(P), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", d, O, typeof k), W(null)), k instanceof Error && !(k.message in f) && (f[k.message] = !0, W(P), $("Failed %s type: %s", d, k.message), W(null));
+            k && !(k instanceof Error) && (ce(P), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", d, N, typeof k), ce(null)), k instanceof Error && !(k.message in Te) && (Te[k.message] = !0, ce(P), $("Failed %s type: %s", d, k.message), ce(null));
           }
       }
     }
-    var te = Array.isArray;
-    function ee(e) {
-      return te(e);
+    var De = Array.isArray;
+    function f(e) {
+      return De(e);
     }
-    function Pe(e) {
+    function _(e) {
       {
         var l = typeof Symbol == "function" && Symbol.toStringTag, d = l && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return d;
       }
     }
-    function _e(e) {
+    function K(e) {
       try {
-        return je(e), !1;
+        return Q(e), !1;
       } catch {
         return !0;
       }
     }
-    function je(e) {
+    function Q(e) {
       return "" + e;
     }
-    function Le(e) {
-      if (_e(e))
-        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pe(e)), je(e);
+    function te(e) {
+      if (K(e))
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _(e)), Q(e);
     }
-    var ze = B.ReactCurrentOwner, st = {
+    var ee = I.ReactCurrentOwner, Ue = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ge, We;
+    }, ve, Re;
     function at(e) {
       if (ne.call(e, "ref")) {
         var l = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -1153,12 +1154,12 @@ function Ot() {
       return e.key !== void 0;
     }
     function ot(e, l) {
-      typeof e.ref == "string" && ze.current;
+      typeof e.ref == "string" && ee.current;
     }
     function lt(e, l) {
       {
         var d = function() {
-          Ge || (Ge = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          ve || (ve = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: d,
@@ -1169,7 +1170,7 @@ function Ot() {
     function ct(e, l) {
       {
         var d = function() {
-          We || (We = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          Re || (Re = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: d,
@@ -1177,7 +1178,7 @@ function Ot() {
         });
       }
     }
-    var dt = function(e, l, d, b, P, A, O) {
+    var dt = function(e, l, d, b, P, A, N) {
       var k = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -1185,7 +1186,7 @@ function Ot() {
         type: e,
         key: l,
         ref: d,
-        props: O,
+        props: N,
         // Record the component responsible for creating this element.
         _owner: A
       };
@@ -1208,39 +1209,39 @@ function Ot() {
     };
     function ut(e, l, d, b, P) {
       {
-        var A, O = {}, k = null, q = null;
-        d !== void 0 && (Le(d), k = "" + d), it(l) && (Le(l.key), k = "" + l.key), at(l) && (q = l.ref, ot(l, P));
+        var A, N = {}, k = null, q = null;
+        d !== void 0 && (te(d), k = "" + d), it(l) && (te(l.key), k = "" + l.key), at(l) && (q = l.ref, ot(l, P));
         for (A in l)
-          ne.call(l, A) && !st.hasOwnProperty(A) && (O[A] = l[A]);
+          ne.call(l, A) && !Ue.hasOwnProperty(A) && (N[A] = l[A]);
         if (e && e.defaultProps) {
-          var D = e.defaultProps;
-          for (A in D)
-            O[A] === void 0 && (O[A] = D[A]);
+          var U = e.defaultProps;
+          for (A in U)
+            N[A] === void 0 && (N[A] = U[A]);
         }
         if (k || q) {
-          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          k && lt(O, M), q && ct(O, M);
+          var B = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          k && lt(N, B), q && ct(N, B);
         }
-        return dt(e, k, q, P, b, ze.current, O);
+        return dt(e, k, q, P, b, ee.current, N);
       }
     }
-    var Ae = B.ReactCurrentOwner, Ye = B.ReactDebugCurrentFrame;
-    function le(e) {
+    var Me = I.ReactCurrentOwner, qe = I.ReactDebugCurrentFrame;
+    function de(e) {
       if (e) {
-        var l = e._owner, d = oe(e.type, e._source, l ? l.type : null);
-        Ye.setExtraStackFrame(d);
+        var l = e._owner, d = le(e.type, e._source, l ? l.type : null);
+        qe.setExtraStackFrame(d);
       } else
-        Ye.setExtraStackFrame(null);
+        qe.setExtraStackFrame(null);
     }
-    var $e;
-    $e = !1;
-    function Fe(e) {
+    var Be;
+    Be = !1;
+    function Ie(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function qe() {
+    function Ve() {
       {
-        if (Ae.current) {
-          var e = I(Ae.current.type);
+        if (Me.current) {
+          var e = L(Me.current.type);
           if (e)
             return `
 
@@ -1252,10 +1253,10 @@ Check the render method of \`` + e + "`.";
     function ft(e) {
       return "";
     }
-    var Ve = {};
-    function pt(e) {
+    var He = {};
+    function ht(e) {
       {
-        var l = qe();
+        var l = Ve();
         if (!l) {
           var d = typeof e == "string" ? e : e.displayName || e.name;
           d && (l = `
@@ -1265,39 +1266,39 @@ Check the top-level render call using <` + d + ">.");
         return l;
       }
     }
-    function He(e, l) {
+    function Je(e, l) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var d = pt(l);
-        if (Ve[d])
+        var d = ht(l);
+        if (He[d])
           return;
-        Ve[d] = !0;
+        He[d] = !0;
         var b = "";
-        e && e._owner && e._owner !== Ae.current && (b = " It was passed a child from " + I(e._owner.type) + "."), le(e), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, b), le(null);
+        e && e._owner && e._owner !== Me.current && (b = " It was passed a child from " + L(e._owner.type) + "."), de(e), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, b), de(null);
       }
     }
-    function Je(e, l) {
+    function Ke(e, l) {
       {
         if (typeof e != "object")
           return;
-        if (ee(e))
+        if (f(e))
           for (var d = 0; d < e.length; d++) {
             var b = e[d];
-            Fe(b) && He(b, l);
+            Ie(b) && Je(b, l);
           }
-        else if (Fe(e))
+        else if (Ie(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var P = V(e);
           if (typeof P == "function" && P !== e.entries)
-            for (var A = P.call(e), O; !(O = A.next()).done; )
-              Fe(O.value) && He(O.value, l);
+            for (var A = P.call(e), N; !(N = A.next()).done; )
+              Ie(N.value) && Je(N.value, l);
         }
       }
     }
-    function ht(e) {
+    function pt(e) {
       {
         var l = e.type;
         if (l == null || typeof l == "string")
@@ -1312,11 +1313,11 @@ Check the top-level render call using <` + d + ">.");
         else
           return;
         if (d) {
-          var b = I(l);
-          Z(d, e.props, "prop", b, e);
-        } else if (l.PropTypes !== void 0 && !$e) {
-          $e = !0;
-          var P = I(l);
+          var b = L(l);
+          Fe(d, e.props, "prop", b, e);
+        } else if (l.PropTypes !== void 0 && !Be) {
+          Be = !0;
+          var P = L(l);
           $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
         }
         typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -1327,71 +1328,71 @@ Check the top-level render call using <` + d + ">.");
         for (var l = Object.keys(e.props), d = 0; d < l.length; d++) {
           var b = l[d];
           if (b !== "children" && b !== "key") {
-            le(e), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), le(null);
+            de(e), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), de(null);
             break;
           }
         }
-        e.ref !== null && (le(e), $("Invalid attribute `ref` supplied to `React.Fragment`."), le(null));
+        e.ref !== null && (de(e), $("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
-    var Ke = {};
-    function Xe(e, l, d, b, P, A) {
+    var Xe = {};
+    function Qe(e, l, d, b, P, A) {
       {
-        var O = C(e);
-        if (!O) {
+        var N = C(e);
+        if (!N) {
           var k = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var q = ft();
-          q ? k += q : k += qe();
-          var D;
-          e === null ? D = "null" : ee(e) ? D = "array" : e !== void 0 && e.$$typeof === t ? (D = "<" + (I(e.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, k);
+          q ? k += q : k += Ve();
+          var U;
+          e === null ? U = "null" : f(e) ? U = "array" : e !== void 0 && e.$$typeof === t ? (U = "<" + (L(e.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : U = typeof e, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", U, k);
         }
-        var M = ut(e, l, d, P, A);
-        if (M == null)
-          return M;
-        if (O) {
-          var Q = l.children;
-          if (Q !== void 0)
+        var B = ut(e, l, d, P, A);
+        if (B == null)
+          return B;
+        if (N) {
+          var Z = l.children;
+          if (Z !== void 0)
             if (b)
-              if (ee(Q)) {
-                for (var ce = 0; ce < Q.length; ce++)
-                  Je(Q[ce], e);
-                Object.freeze && Object.freeze(Q);
+              if (f(Z)) {
+                for (var ue = 0; ue < Z.length; ue++)
+                  Ke(Z[ue], e);
+                Object.freeze && Object.freeze(Z);
               } else
                 $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Je(Q, e);
+              Ke(Z, e);
         }
         if (ne.call(l, "key")) {
-          var se = I(e), H = Object.keys(l).filter(function(wt) {
+          var se = L(e), H = Object.keys(l).filter(function(wt) {
             return wt !== "key";
-          }), Ue = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ke[se + Ue]) {
+          }), Le = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Xe[se + Le]) {
             var bt = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
             $(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ue, se, bt, se), Ke[se + Ue] = !0;
+  <%s key={someKey} {...props} />`, Le, se, bt, se), Xe[se + Le] = !0;
           }
         }
-        return e === n ? gt(M) : ht(M), M;
+        return e === n ? gt(B) : pt(B), B;
       }
     }
     function mt(e, l, d) {
-      return Xe(e, l, d, !0);
+      return Qe(e, l, d, !0);
     }
     function yt(e, l, d) {
-      return Xe(e, l, d, !1);
+      return Qe(e, l, d, !1);
     }
     var xt = yt, vt = mt;
-    me.Fragment = n, me.jsx = xt, me.jsxs = vt;
-  }()), me;
+    _e.Fragment = n, _e.jsx = xt, _e.jsxs = vt;
+  }()), _e;
 }
-process.env.NODE_ENV === "production" ? Ie.exports = St() : Ie.exports = Ot();
-var a = Ie.exports;
-class Be {
+process.env.NODE_ENV === "production" ? Ye.exports = St() : Ye.exports = Nt();
+var a = Ye.exports;
+class We {
   /**
    * Filter array by predicate function
    */
@@ -1415,10 +1416,10 @@ class Be {
    */
   static sort(t, r, n = "asc") {
     return [...t].sort((i, s) => {
-      const o = i[r], p = s[r];
-      if (o === p) return 0;
+      const o = i[r], h = s[r];
+      if (o === h) return 0;
       let u = 0;
-      return o > p && (u = 1), o < p && (u = -1), n === "asc" ? u : -u;
+      return o > h && (u = 1), o < h && (u = -1), n === "asc" ? u : -u;
     });
   }
   /**
@@ -1428,8 +1429,8 @@ class Be {
     if (!r.trim()) return t;
     const i = r.toLowerCase();
     return t.filter((s) => n.some((o) => {
-      const p = s[o];
-      return p == null ? !1 : String(p).toLowerCase().includes(i);
+      const h = s[o];
+      return h == null ? !1 : String(h).toLowerCase().includes(i);
     }));
   }
   /**
@@ -1476,15 +1477,15 @@ class Be {
     return r.reduce((n, i) => i(n), t);
   }
 }
-function Dt({
-  endpoint: h,
+function Ut({
+  endpoint: p,
   params: t,
   layout: r = "list",
   title: n,
   emptyMessage: i = "No items found",
   renderItem: s,
   keyExtractor: o = (S, V) => S.id || S._id || String(V),
-  searchable: p = !1,
+  searchable: h = !1,
   searchFields: u = [],
   searchPlaceholder: g = "Search...",
   filters: c = [],
@@ -1493,14 +1494,14 @@ function Dt({
   onRefresh: m,
   theme: T = {}
 }) {
-  const { data: S, loading: V, error: B, refetch: $ } = Rt(h, t), [Y, w] = z(""), [U, y] = z({}), [N, F] = z(1), _ = rt(() => {
+  const { data: S, loading: V, error: I, refetch: $ } = Rt(p, t), [W, w] = M(""), [D, y] = M({}), [O, F] = M(1), j = nt(() => {
     if (!S) return { data: [], total: 0, totalPages: 0 };
     let R = S;
-    return p && Y && u.length > 0 && (R = Be.search(R, Y, u)), Object.keys(U).length > 0 && (R = Be.filterByFields(R, U)), Be.paginate(R, N, E);
-  }, [S, Y, U, N, E, p, u]);
-  de(() => {
+    return h && W && u.length > 0 && (R = We.search(R, W, u)), Object.keys(D).length > 0 && (R = We.filterByFields(R, D)), We.paginate(R, O, E);
+  }, [S, W, D, O, E, h, u]);
+  fe(() => {
     F(1);
-  }, [Y, U]);
+  }, [W, D]);
   const C = () => {
     w(""), y({}), F(1), $(), m == null || m();
   }, v = {
@@ -1510,7 +1511,7 @@ function Dt({
     textSecondary: T.textSecondary || "#6b7280",
     border: T.border || "#e5e7eb",
     primary: T.primary || "#3b82f6"
-  }, I = s || ((R) => /* @__PURE__ */ a.jsxs("div", { style: {
+  }, L = s || ((R) => /* @__PURE__ */ a.jsxs("div", { style: {
     padding: "16px",
     cursor: x ? "pointer" : "default"
   }, children: [
@@ -1523,13 +1524,13 @@ function Dt({
     justifyContent: "center",
     padding: "48px",
     color: v.textSecondary
-  }, children: "Loading..." }) : B ? /* @__PURE__ */ a.jsxs("div", { style: {
+  }, children: "Loading..." }) : I ? /* @__PURE__ */ a.jsxs("div", { style: {
     padding: "24px",
     textAlign: "center",
     color: "#ef4444"
   }, children: [
     /* @__PURE__ */ a.jsx("div", { style: { fontWeight: 500, marginBottom: "8px" }, children: "Error" }),
-    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px" }, children: B.message }),
+    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px" }, children: I.message }),
     /* @__PURE__ */ a.jsx(
       "button",
       {
@@ -1551,7 +1552,7 @@ function Dt({
     borderRadius: "12px",
     overflow: "hidden"
   }, children: [
-    (n || p || c.length > 0) && /* @__PURE__ */ a.jsxs("div", { style: {
+    (n || h || c.length > 0) && /* @__PURE__ */ a.jsxs("div", { style: {
       padding: "16px",
       borderBottom: `1px solid ${v.border}`
     }, children: [
@@ -1559,7 +1560,7 @@ function Dt({
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        marginBottom: p || c.length > 0 ? "12px" : "0"
+        marginBottom: h || c.length > 0 ? "12px" : "0"
       }, children: [
         n && /* @__PURE__ */ a.jsx("h2", { style: {
           margin: 0,
@@ -1584,12 +1585,12 @@ function Dt({
           }
         )
       ] }),
-      p && /* @__PURE__ */ a.jsx(
+      h && /* @__PURE__ */ a.jsx(
         "input",
         {
           type: "text",
           placeholder: g,
-          value: Y,
+          value: W,
           onChange: (R) => w(R.target.value),
           style: {
             width: "100%",
@@ -1608,11 +1609,11 @@ function Dt({
       gridTemplateColumns: r === "grid" ? "repeat(auto-fill, minmax(250px, 1fr))" : void 0,
       gap: r === "list" ? "0" : "16px",
       padding: r === "list" ? "0" : "16px"
-    }, children: _.data.length === 0 ? /* @__PURE__ */ a.jsx("div", { style: {
+    }, children: j.data.length === 0 ? /* @__PURE__ */ a.jsx("div", { style: {
       padding: "48px",
       textAlign: "center",
       color: v.textSecondary
-    }, children: i }) : _.data.map((R, L) => /* @__PURE__ */ a.jsx(
+    }, children: i }) : j.data.map((R, z) => /* @__PURE__ */ a.jsx(
       "div",
       {
         onClick: () => x == null ? void 0 : x(R),
@@ -1622,17 +1623,17 @@ function Dt({
           borderBottom: r === "list" ? `1px solid ${v.border}` : "none",
           transition: "all 0.15s ease"
         },
-        onMouseEnter: (J) => {
-          x && (J.currentTarget.style.background = v.border);
+        onMouseEnter: (X) => {
+          x && (X.currentTarget.style.background = v.border);
         },
-        onMouseLeave: (J) => {
-          J.currentTarget.style.background = v.cardBackground;
+        onMouseLeave: (X) => {
+          X.currentTarget.style.background = v.cardBackground;
         },
-        children: I(R, L)
+        children: L(R, z)
       },
-      o(R, L)
+      o(R, z)
     )) }),
-    _.totalPages > 1 && /* @__PURE__ */ a.jsxs("div", { style: {
+    j.totalPages > 1 && /* @__PURE__ */ a.jsxs("div", { style: {
       padding: "16px",
       borderTop: `1px solid ${v.border}`,
       display: "flex",
@@ -1641,23 +1642,23 @@ function Dt({
     }, children: [
       /* @__PURE__ */ a.jsxs("div", { style: { fontSize: "13px", color: v.textSecondary }, children: [
         "Page ",
-        N,
+        O,
         " of ",
-        _.totalPages
+        j.totalPages
       ] }),
       /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
         /* @__PURE__ */ a.jsx(
           "button",
           {
             onClick: () => F((R) => Math.max(1, R - 1)),
-            disabled: N === 1,
+            disabled: O === 1,
             style: {
               padding: "6px 12px",
               border: `1px solid ${v.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: N === 1 ? "not-allowed" : "pointer",
-              opacity: N === 1 ? 0.5 : 1
+              cursor: O === 1 ? "not-allowed" : "pointer",
+              opacity: O === 1 ? 0.5 : 1
             },
             children: "Previous"
           }
@@ -1665,15 +1666,15 @@ function Dt({
         /* @__PURE__ */ a.jsx(
           "button",
           {
-            onClick: () => F((R) => Math.min(_.totalPages, R + 1)),
-            disabled: N === _.totalPages,
+            onClick: () => F((R) => Math.min(j.totalPages, R + 1)),
+            disabled: O === j.totalPages,
             style: {
               padding: "6px 12px",
               border: `1px solid ${v.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: N === _.totalPages ? "not-allowed" : "pointer",
-              opacity: N === _.totalPages ? 0.5 : 1
+              cursor: O === j.totalPages ? "not-allowed" : "pointer",
+              opacity: O === j.totalPages ? 0.5 : 1
             },
             children: "Next"
           }
@@ -1683,14 +1684,14 @@ function Dt({
   ] });
 }
 function Mt({
-  item: h,
+  item: p,
   onClick: t,
   title: r = (o) => o.title || o.name || o.label || "Untitled",
   subtitle: n = (o) => o.description || o.subtitle || "",
   image: i = (o) => o.image || o.thumbnail || o.photo,
   badge: s = (o) => o.badge || o.tag || o.type
 }) {
-  const o = r(h), p = n(h), u = i(h), g = s(h);
+  const o = r(p), h = n(p), u = i(p), g = s(p);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -1714,7 +1715,7 @@ function Mt({
             /* @__PURE__ */ a.jsx("h3", { className: "font-medium text-gray-900 truncate", children: o }),
             g && /* @__PURE__ */ a.jsx("span", { className: "px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full", children: g })
           ] }),
-          p && /* @__PURE__ */ a.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: p })
+          h && /* @__PURE__ */ a.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: h })
         ] }),
         t && /* @__PURE__ */ a.jsx("div", { className: "flex-shrink-0 text-gray-400", children: /* @__PURE__ */ a.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
       ]
@@ -1722,14 +1723,14 @@ function Mt({
   );
 }
 function Bt({
-  item: h,
+  item: p,
   onClose: t,
   title: r = (s) => s.title || s.name || s.label || "Detail",
   image: n = (s) => s.image || s.thumbnail || s.photo,
   fields: i = []
 }) {
-  if (!h) return null;
-  const s = r(h), o = n(h);
+  if (!p) return null;
+  const s = r(p), o = n(p);
   return /* @__PURE__ */ a.jsx("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ a.jsxs("div", { className: "bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto shadow-2xl", children: [
     /* @__PURE__ */ a.jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between", children: [
       /* @__PURE__ */ a.jsx("h2", { className: "text-xl font-semibold text-gray-900", children: s }),
@@ -1751,14 +1752,14 @@ function Bt({
           className: "w-full h-64 object-cover rounded-lg"
         }
       ) }),
-      i.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "space-y-4", children: i.map((p, u) => {
-        const g = p.value(h);
+      i.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "space-y-4", children: i.map((h, u) => {
+        const g = h.value(p);
         return g == null || g === "" ? null : /* @__PURE__ */ a.jsxs("div", { children: [
-          /* @__PURE__ */ a.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: p.label }),
+          /* @__PURE__ */ a.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: h.label }),
           /* @__PURE__ */ a.jsx("div", { className: "text-base text-gray-900", children: typeof g == "object" ? JSON.stringify(g, null, 2) : String(g) })
         ] }, u);
       }) }),
-      i.length === 0 && /* @__PURE__ */ a.jsx("pre", { className: "bg-gray-50 p-4 rounded-lg text-sm overflow-x-auto", children: JSON.stringify(h, null, 2) })
+      i.length === 0 && /* @__PURE__ */ a.jsx("pre", { className: "bg-gray-50 p-4 rounded-lg text-sm overflow-x-auto", children: JSON.stringify(p, null, 2) })
     ] }),
     t && /* @__PURE__ */ a.jsx("div", { className: "sticky bottom-0 bg-gray-50 border-t border-gray-200 px-6 py-4", children: /* @__PURE__ */ a.jsx(
       "button",
@@ -1770,13 +1771,13 @@ function Bt({
     ) })
   ] }) });
 }
-const Nt = {
+const Ot = {
   small: "w-32 h-32",
   medium: "w-48 h-48",
   large: "w-64 h-64"
 };
 function It({
-  nodes: h,
+  nodes: p,
   cardCount: t = 2,
   minInterval: r = 1e3,
   maxInterval: n = 3e3,
@@ -1784,87 +1785,87 @@ function It({
   cardSize: s = "medium",
   className: o = ""
 }) {
-  const p = Math.min(Math.max(t, 1), 5), [u, g] = z([]), [c, E] = z([]), [x, m] = z(Array(p).fill(!1)), [T, S] = z(Array(p).fill(!1)), V = Qe([]), B = K((y) => {
-    const N = h.filter((_) => !y.includes(_._id));
-    if (N.length === 0) return null;
-    const F = Math.floor(Math.random() * N.length);
-    return N[F];
-  }, [h]), $ = K(() => Math.random() * (n - r) + r, [r, n]);
-  de(() => {
-    if (h.length === 0) {
+  const h = Math.min(Math.max(t, 1), 5), [u, g] = M([]), [c, E] = M([]), [x, m] = M(Array(h).fill(!1)), [T, S] = M(Array(h).fill(!1)), V = Ze([]), I = J((y) => {
+    const O = p.filter((j) => !y.includes(j._id));
+    if (O.length === 0) return null;
+    const F = Math.floor(Math.random() * O.length);
+    return O[F];
+  }, [p]), $ = J(() => Math.random() * (n - r) + r, [r, n]);
+  fe(() => {
+    if (p.length === 0) {
       g([]), E([]);
       return;
     }
-    const y = [], N = [], F = [];
-    for (let _ = 0; _ < p && _ < h.length; _++) {
-      const C = B(F);
+    const y = [], O = [], F = [];
+    for (let j = 0; j < h && j < p.length; j++) {
+      const C = I(F);
       C && (y.push(C), F.push(C._id));
     }
-    for (let _ = 0; _ < y.length; _++) {
+    for (let j = 0; j < y.length; j++) {
       const C = [
-        y[_]._id,
-        ...y.filter((G, I) => I !== _).map((G) => G._id)
-      ], v = B(C);
-      v ? N.push(v) : N.push(y[_]);
+        y[j]._id,
+        ...y.filter((G, L) => L !== j).map((G) => G._id)
+      ], v = I(C);
+      v ? O.push(v) : O.push(y[j]);
     }
-    g(y), E(N);
-  }, [h, p, B]);
-  const Y = K((y) => {
-    const N = $(), F = setTimeout(() => {
-      m((_) => {
-        const C = [..._];
+    g(y), E(O);
+  }, [p, h, I]);
+  const W = J((y) => {
+    const O = $(), F = setTimeout(() => {
+      m((j) => {
+        const C = [...j];
         return C[y] = !C[y], C;
       }), setTimeout(() => {
-        S((_) => {
-          const C = [..._];
+        S((j) => {
+          const C = [...j];
           return C[y] = !C[y], C;
         }), setTimeout(() => {
-          const _ = !T[y];
-          _ && g((C) => {
+          const j = !T[y];
+          j && g((C) => {
             const v = [...C];
             return v[y] = c[y], v;
           }), E((C) => {
-            const v = [...C], I = [
-              (_ ? c[y] : u[y])._id,
-              ...u.filter((L, J) => J !== y).map((L) => L._id),
-              ...C.filter((L, J) => J !== y).map((L) => L._id)
-            ], R = B(I);
+            const v = [...C], L = [
+              (j ? c[y] : u[y])._id,
+              ...u.filter((z, X) => X !== y).map((z) => z._id),
+              ...C.filter((z, X) => X !== y).map((z) => z._id)
+            ], R = I(L);
             return R && (v[y] = R), v;
           }), setTimeout(() => {
-            Y(y);
+            W(y);
           }, 150);
         }, 200);
       }, 150);
-    }, N);
+    }, O);
     V.current[y] = F;
-  }, [$, B, u, c, T]), w = Qe(!1);
-  de(() => {
-    if (!(u.length === 0 || h.length <= 1) && !w.current) {
+  }, [$, I, u, c, T]), w = Ze(!1);
+  fe(() => {
+    if (!(u.length === 0 || p.length <= 1) && !w.current) {
       w.current = !0;
       for (let y = 0; y < u.length; y++)
-        Y(y);
+        W(y);
       return () => {
         V.current.forEach((y) => clearTimeout(y)), V.current = [], w.current = !1;
       };
     }
-  }, [u.length, h.length]);
-  const U = (y) => {
+  }, [u.length, p.length]);
+  const D = (y) => {
     i && i(y);
   };
-  return h.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: `flex items-center justify-center p-8 ${o}`, children: /* @__PURE__ */ a.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : u.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: `flex items-center justify-center p-8 ${o}`, children: /* @__PURE__ */ a.jsx("p", { className: "text-gray-500", children: "Loading..." }) }) : /* @__PURE__ */ a.jsx("div", { className: `flex gap-4 justify-center items-center flex-wrap ${o}`, children: u.map((y, N) => {
-    const F = c[N], _ = T[N];
+  return p.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: `flex items-center justify-center p-8 ${o}`, children: /* @__PURE__ */ a.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : u.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: `flex items-center justify-center p-8 ${o}`, children: /* @__PURE__ */ a.jsx("p", { className: "text-gray-500", children: "Loading..." }) }) : /* @__PURE__ */ a.jsx("div", { className: `flex gap-4 justify-center items-center flex-wrap ${o}`, children: u.map((y, O) => {
+    const F = c[O], j = T[O];
     return /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: `relative ${Nt[s]}`,
+        className: `relative ${Ot[s]}`,
         style: { perspective: "1000px" },
-        onClick: () => U(_ ? F : y),
+        onClick: () => D(j ? F : y),
         children: /* @__PURE__ */ a.jsxs(
           "div",
           {
             className: "w-full h-full rounded-lg shadow-lg overflow-hidden cursor-pointer hover:shadow-xl",
             style: {
-              transform: `rotateY(${x[N] ? 180 : 0}deg)`,
+              transform: `rotateY(${x[O] ? 180 : 0}deg)`,
               transition: "transform 0.5s",
               transformStyle: "preserve-3d"
             },
@@ -1874,13 +1875,13 @@ function It({
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: _ ? 0 : 1
+                    opacity: j ? 0 : 1
                   },
                   children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       style: {
-                        transform: x[N] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: x[O] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
@@ -1904,13 +1905,13 @@ function It({
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: _ ? 1 : 0
+                    opacity: j ? 1 : 0
                   },
                   children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       style: {
-                        transform: x[N] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: x[O] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
@@ -1933,14 +1934,14 @@ function It({
           }
         )
       },
-      `slot-${N}`
+      `slot-${O}`
     );
   }) });
 }
-function Te(h) {
-  if (!h) return "";
+function Se(p) {
+  if (!p) return "";
   const t = /=\?([^?]+)\?([BQbq])\?([^?]*)\?=/g;
-  return h.replace(t, (r, n, i, s) => {
+  return p.replace(t, (r, n, i, s) => {
     try {
       if (i.toUpperCase() === "B") {
         const o = atob(s);
@@ -1948,7 +1949,7 @@ function Te(h) {
       } else if (i.toUpperCase() === "Q") {
         const o = s.replace(/_/g, " ").replace(
           /=([0-9A-Fa-f]{2})/g,
-          (p, u) => String.fromCharCode(parseInt(u, 16))
+          (h, u) => String.fromCharCode(parseInt(u, 16))
         );
         return decodeURIComponent(escape(o));
       }
@@ -1970,14 +1971,14 @@ const Ct = {
   danger: "#ef4444"
 };
 function Lt({
-  baseUrl: h,
+  baseUrl: p,
   systemId: t,
   accountId: r,
   limit: n = 30,
   folder: i,
   selectable: s = !0,
   showDetail: o = !1,
-  emptyMessage: p = "No emails",
+  emptyMessage: h = "No emails",
   autoLoad: u = !0,
   onSelect: g,
   onSelectionChange: c,
@@ -1987,98 +1988,109 @@ function Lt({
   renderItem: T,
   renderDetail: S,
   renderActions: V,
-  renderEmpty: B,
+  renderEmpty: I,
   renderLoading: $,
-  theme: Y = {}
+  theme: W = {}
 }) {
-  const w = { ...Ct, ...Y }, [U, y] = z([]), [N, F] = z(!1), [_, C] = z(null), [v, G] = z(/* @__PURE__ */ new Set()), [I, R] = z(null), [L, J] = z(null), X = rt(() => t ? new jt({ baseUrl: h, system_id: t }) : null, [h, t]), re = K(async () => {
-    if (X) {
+  const w = { ...Ct, ...W }, [D, y] = M([]), [O, F] = M(!1), [j, C] = M(null), [v, G] = M(/* @__PURE__ */ new Set()), [L, R] = M(null), [z, X] = M(null), [he, pe] = M(null), [Ee, ge] = M(!1), Y = nt(() => t ? new jt({ baseUrl: p, system_id: t }) : null, [p, t]), re = J(async () => {
+    if (Y) {
       F(!0), C(null);
       try {
-        const f = await X.listEmailsSorted(r, i || "INBOX", n);
+        const f = await Y.listEmails(r, n, i);
         f != null && f.messages && (y(f.messages), m == null || m(f.messages));
       } catch (f) {
-        const j = f instanceof Error ? f : new Error("Failed to fetch emails");
-        C(j.message), x == null || x(j);
+        const _ = f instanceof Error ? f : new Error("Failed to fetch emails");
+        C(_.message), x == null || x(_);
       }
       F(!1);
     }
-  }, [X, r, n, i, x, m]);
-  de(() => {
+  }, [Y, r, n, i, x, m]);
+  fe(() => {
     u && re();
-  }, [u, re]), de(() => {
+  }, [u, re]), fe(() => {
     re();
   }, [i]);
-  const ye = K((f) => {
-    g == null || g(f), o && J(f);
-  }, [g, o]), xe = K((f, j, W) => {
+  const ae = J(async (f) => {
+    if (Y) {
+      X(f), pe(null), ge(!0);
+      try {
+        const _ = await Y.getEmail(r, f.uid, i || "INBOX");
+        _ != null && _.body && pe(_.body);
+      } catch (_) {
+        console.error("Failed to fetch email body:", _);
+      }
+      ge(!1);
+    }
+  }, [Y, r, i]), Oe = J((f) => {
+    g == null || g(f), o && ae(f);
+  }, [g, o, ae]), Ce = J((f, _, K) => {
     if (!s) {
-      g == null || g(f), o && J(f);
+      g == null || g(f), o && ae(f);
       return;
     }
-    const Z = f.uid;
-    if (W.shiftKey && I !== null) {
-      const te = Math.min(I, j), ee = Math.max(I, j), Pe = U.slice(te, ee + 1).map((je) => je.uid), _e = new Set(Pe);
-      G(_e), c == null || c(Array.from(_e));
-    } else if (W.ctrlKey || W.metaKey)
+    const Q = f.uid;
+    if (K.shiftKey && L !== null) {
+      const te = Math.min(L, _), ee = Math.max(L, _), Ue = D.slice(te, ee + 1).map((Re) => Re.uid), ve = new Set(Ue);
+      G(ve), c == null || c(Array.from(ve));
+    } else if (K.ctrlKey || K.metaKey)
       G((te) => {
         const ee = new Set(te);
-        return ee.has(Z) ? ee.delete(Z) : ee.add(Z), c == null || c(Array.from(ee)), ee;
-      }), R(j);
+        return ee.has(Q) ? ee.delete(Q) : ee.add(Q), c == null || c(Array.from(ee)), ee;
+      }), R(_);
     else {
-      const te = /* @__PURE__ */ new Set([Z]);
-      G(te), R(j), c == null || c(Array.from(te));
+      const te = /* @__PURE__ */ new Set([Q]);
+      G(te), R(_), c == null || c(Array.from(te));
     }
-  }, [s, I, U, v, g, c, o]), ve = K(async () => {
-    if (!(!X || v.size === 0))
+  }, [s, L, D, v, g, c, o]), me = J(async () => {
+    if (!(!Y || v.size === 0))
       try {
-        const f = await X.trashEmails(r, Array.from(v));
+        const f = await Y.trashEmails(r, Array.from(v));
         if (console.log("Trash result:", f), f.success && f.moved > 0) {
-          y((W) => W.filter((Z) => !v.has(Z.uid)));
-          const j = Array.from(v);
-          G(/* @__PURE__ */ new Set()), E == null || E(j);
+          y((K) => K.filter((Q) => !v.has(Q.uid)));
+          const _ = Array.from(v);
+          G(/* @__PURE__ */ new Set()), E == null || E(_);
         } else
           C("Failed to move emails to trash");
       } catch (f) {
-        const j = f instanceof Error ? f : new Error("Trash failed");
-        console.error("Trash error:", j), C(j.message), x == null || x(j);
+        const _ = f instanceof Error ? f : new Error("Trash failed");
+        console.error("Trash error:", _), C(_.message), x == null || x(_);
       }
-  }, [X, r, v, E, x]), be = K(async () => {
-    if (!(!X || v.size === 0))
+  }, [Y, r, v, E, x]), ye = J(async () => {
+    if (!(!Y || v.size === 0))
       try {
-        const f = await X.archiveEmails(r, Array.from(v));
+        const f = await Y.archiveEmails(r, Array.from(v));
         if (console.log("Archive result:", f), f.success && f.archived > 0) {
-          y((W) => W.filter((Z) => !v.has(Z.uid)));
-          const j = Array.from(v);
-          G(/* @__PURE__ */ new Set()), E == null || E(j);
+          y((K) => K.filter((Q) => !v.has(Q.uid)));
+          const _ = Array.from(v);
+          G(/* @__PURE__ */ new Set()), E == null || E(_);
         } else
           C("Failed to archive emails");
       } catch (f) {
-        const j = f instanceof Error ? f : new Error("Archive failed");
-        console.error("Archive error:", j), C(j.message), x == null || x(j);
+        const _ = f instanceof Error ? f : new Error("Archive failed");
+        console.error("Archive error:", _), C(_.message), x == null || x(_);
       }
-  }, [X, r, v, E, x]), we = K(() => {
-    if (v.size === U.length)
+  }, [Y, r, v, E, x]), ie = J(() => {
+    if (v.size === D.length)
       G(/* @__PURE__ */ new Set()), c == null || c([]);
     else {
-      const f = new Set(U.map((j) => j.uid));
+      const f = new Set(D.map((_) => _.uid));
       G(f), c == null || c(Array.from(f));
     }
-  }, [U, v.size, c]), Re = K(() => {
+  }, [D, v.size, c]), xe = J(() => {
     G(/* @__PURE__ */ new Set()), c == null || c([]);
-  }, [c]), Se = {
-    delete: ve,
-    archive: be,
+  }, [c]), oe = {
+    delete: me,
+    archive: ye,
     refresh: re,
-    selectAll: we,
-    clearSelection: Re
-  }, ue = (f) => {
+    selectAll: ie,
+    clearSelection: xe
+  }, Pe = (f) => {
     if (!f) return "";
-    const j = new Date(f), W = /* @__PURE__ */ new Date();
-    return j.toDateString() === W.toDateString() ? j.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : j.toLocaleDateString([], { month: "short", day: "numeric" });
-  }, fe = (f, j) => /* @__PURE__ */ a.jsx("div", { style: {
+    const _ = new Date(f), K = /* @__PURE__ */ new Date();
+    return _.toDateString() === K.toDateString() ? _.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : _.toLocaleDateString([], { month: "short", day: "numeric" });
+  }, je = (f, _) => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "12px 16px",
-    background: j ? w.selectedBackground : f.seen ? w.cardBackground : w.unreadBackground,
+    background: _ ? w.selectedBackground : f.seen ? w.cardBackground : w.unreadBackground,
     borderBottom: `1px solid ${w.border}`,
     cursor: "pointer",
     transition: "background 0.15s ease"
@@ -2091,7 +2103,7 @@ function Lt({
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis"
-      }, children: Te(f.from).split("@")[0] }),
+      }, children: Se(f.from).split("@")[0] }),
       /* @__PURE__ */ a.jsx("div", { style: {
         fontSize: "14px",
         fontWeight: f.seen ? 400 : 500,
@@ -2100,23 +2112,29 @@ function Lt({
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis"
-      }, children: Te(f.subject) || "(No subject)" })
+      }, children: Se(f.subject) || "(No subject)" })
     ] }),
     /* @__PURE__ */ a.jsx("div", { style: {
       fontSize: "12px",
       color: w.textSecondary,
       flexShrink: 0
-    }, children: ue(f.date) })
-  ] }) }), ae = (f) => /* @__PURE__ */ a.jsxs("div", { style: { padding: "24px" }, children: [
-    /* @__PURE__ */ a.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: w.text }, children: Te(f.subject) || "(No subject)" }),
+    }, children: Pe(f.date) })
+  ] }) }), Ae = (f) => /* @__PURE__ */ a.jsxs("div", { style: { padding: "24px" }, children: [
+    /* @__PURE__ */ a.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: w.text }, children: Se(f.subject) || "(No subject)" }),
     /* @__PURE__ */ a.jsxs("div", { style: { fontSize: "14px", color: w.textSecondary, marginBottom: "16px" }, children: [
       "From: ",
-      Te(f.from),
+      Se(f.from),
       " • ",
       new Date(f.date).toLocaleString()
     ] }),
-    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px", color: w.text }, children: "Email body not loaded. Implement getEmail(uid) to fetch full content." })
-  ] }), pe = (f, j) => /* @__PURE__ */ a.jsxs("div", { style: {
+    Ee ? /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px", color: w.textSecondary }, children: "Loading..." }) : he ? /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        style: { fontSize: "14px", color: w.text },
+        dangerouslySetInnerHTML: { __html: he }
+      }
+    ) : /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px", color: w.textSecondary }, children: "No content available" })
+  ] }), $e = (f, _) => /* @__PURE__ */ a.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: "8px",
@@ -2127,7 +2145,7 @@ function Lt({
     /* @__PURE__ */ a.jsx(
       "button",
       {
-        onClick: j.selectAll,
+        onClick: _.selectAll,
         style: {
           padding: "6px 12px",
           background: "transparent",
@@ -2137,7 +2155,7 @@ function Lt({
           cursor: "pointer",
           color: w.text
         },
-        children: f.length === U.length ? "Deselect All" : "Select All"
+        children: f.length === D.length ? "Deselect All" : "Select All"
       }
     ),
     f.length > 0 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -2148,7 +2166,7 @@ function Lt({
       /* @__PURE__ */ a.jsx(
         "button",
         {
-          onClick: j.archive,
+          onClick: _.archive,
           title: "Archive",
           style: {
             display: "flex",
@@ -2168,7 +2186,7 @@ function Lt({
       /* @__PURE__ */ a.jsx(
         "button",
         {
-          onClick: j.delete,
+          onClick: _.delete,
           title: "Delete",
           style: {
             display: "flex",
@@ -2190,7 +2208,7 @@ function Lt({
     /* @__PURE__ */ a.jsx(
       "button",
       {
-        onClick: j.refresh,
+        onClick: _.refresh,
         title: "Refresh",
         style: {
           display: "flex",
@@ -2207,42 +2225,42 @@ function Lt({
         children: /* @__PURE__ */ a.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "refresh" })
       }
     )
-  ] }), ie = () => /* @__PURE__ */ a.jsx("div", { style: {
+  ] }), le = () => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
     color: w.textSecondary
-  }, children: p }), Oe = () => /* @__PURE__ */ a.jsx("div", { style: {
+  }, children: h }), ne = () => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
     color: w.textSecondary
-  }, children: "Loading..." }), Ee = T || fe, Ne = S || ae, Ce = V || pe, oe = B || ie, ne = $ || Oe;
-  return N && U.length === 0 ? /* @__PURE__ */ a.jsx("div", { style: { background: w.background, width: "100%", height: "100%" }, children: ne() }) : /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", background: w.background, width: "100%", height: "100%" }, children: [
+  }, children: "Loading..." }), Te = T || je, ke = S || Ae, ce = V || $e, Fe = I || le, De = $ || ne;
+  return O && D.length === 0 ? /* @__PURE__ */ a.jsx("div", { style: { background: w.background, width: "100%", height: "100%" }, children: De() }) : /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", background: w.background, width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ a.jsxs("div", { style: {
-      flex: o && L ? "0 0 50%" : "1",
+      flex: o && z ? "0 0 50%" : "1",
       display: "flex",
       flexDirection: "column",
-      borderRight: o && L ? `1px solid ${w.border}` : "none",
+      borderRight: o && z ? `1px solid ${w.border}` : "none",
       overflow: "hidden"
     }, children: [
-      s && Ce(Array.from(v), Se),
-      _ && /* @__PURE__ */ a.jsx("div", { style: {
+      s && ce(Array.from(v), oe),
+      j && /* @__PURE__ */ a.jsx("div", { style: {
         padding: "12px 16px",
         background: "#fef2f2",
         color: w.danger,
         fontSize: "14px",
         borderBottom: `1px solid ${w.border}`
-      }, children: _ }),
-      /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: U.length === 0 ? oe() : U.map((f, j) => /* @__PURE__ */ a.jsx(
+      }, children: j }),
+      /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: D.length === 0 ? Fe() : D.map((f, _) => /* @__PURE__ */ a.jsx(
         "div",
         {
-          onClick: (W) => xe(f, j, W),
-          onDoubleClick: () => ye(f),
-          children: Ee(f, v.has(f.uid))
+          onClick: (K) => Ce(f, _, K),
+          onDoubleClick: () => Oe(f),
+          children: Te(f, v.has(f.uid))
         },
         f.uid
       )) })
     ] }),
-    o && L && /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: Ne(L) })
+    o && z && /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: ke(z) })
   ] });
 }
 export {
@@ -2250,14 +2268,14 @@ export {
   kt as ApiClient,
   Tt as AuthManager,
   Mt as Card,
-  Be as DataOperations,
+  We as DataOperations,
   Bt as Detail,
   $t as GraphClient,
   Lt as Mail,
   jt as MailClient,
-  Dt as Stack,
-  nt as getApiClient,
+  Ut as Stack,
+  st as getApiClient,
   Ft as initializeApiClient,
-  Ut as useMutation,
+  Dt as useMutation,
   Rt as useQuery
 };