@qwanyx/stack 0.2.3 → 0.2.4

package/dist/index.esm.js

@@ -1,10 +1,20 @@
 var _t = Object.defineProperty;
-var jt = (f, t, r) => t in f ? _t(f, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : f[t] = r;
-var _e = (f, t, r) => jt(f, typeof t != "symbol" ? t + "" : t, r);
-import Ze, { useState as L, useCallback as X, useEffect as fe, useMemo as et, useRef as Xe } from "react";
+var jt = (p, t, r) => t in p ? _t(p, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[t] = r;
+var de = (p, t, r) => jt(p, typeof t != "symbol" ? t + "" : t, r);
+import Ze, { useState as L, useCallback as Q, useEffect as pe, useMemo as et, useRef as Qe } from "react";
 class $t {
   constructor(t) {
-    _e(this, "config");
+    de(this, "config");
+    // ===== FILE OPERATIONS =====
+    /**
+     * Options for file upload
+     */
+    de(this, "defaultUploadOptions", {
+      maxSizeMB: 10,
+      maxImageDimension: 0,
+      // 0 = no resize
+      imageQuality: 0.9
+    });
     if (!t.system_id)
       throw new Error("GraphClient: system_id is REQUIRED. No system_id → No start.");
     this.config = t;
@@ -32,10 +42,10 @@ class $t {
         const l = await i.text();
         throw new Error(`API error (${i.status}): ${l}`);
       }
-      const o = await i.json();
-      if (!o.success && o.error)
-        throw new Error(o.error);
-      return o;
+      const s = await i.json();
+      if (!s.success && s.error)
+        throw new Error(s.error);
+      return s;
     } catch (i) {
       throw console.error("Graph API call failed:", i), i;
     }
@@ -194,10 +204,120 @@ class $t {
       type: t
     })).result || [];
   }
+  /**
+   * Convert File to base64 string
+   */
+  fileToBase64(t) {
+    return new Promise((r, n) => {
+      const i = new FileReader();
+      i.onload = () => {
+        const l = i.result.split(",")[1];
+        r(l);
+      }, i.onerror = () => n(new Error("Failed to read file")), i.readAsDataURL(t);
+    });
+  }
+  /**
+   * Resize an image file if it exceeds maxDimension
+   * Returns the original file if not an image or no resize needed
+   */
+  async resizeImage(t, r, n) {
+    return t.type.startsWith("image/") ? new Promise((i) => {
+      const s = new Image(), l = URL.createObjectURL(t);
+      s.onload = () => {
+        if (URL.revokeObjectURL(l), s.width <= r && s.height <= r) {
+          i(t);
+          return;
+        }
+        let y, d;
+        s.width > s.height ? (y = r, d = Math.round(s.height / s.width * r)) : (d = r, y = Math.round(s.width / s.height * r));
+        const u = document.createElement("canvas");
+        u.width = y, u.height = d;
+        const x = u.getContext("2d");
+        if (!x) {
+          i(t);
+          return;
+        }
+        x.drawImage(s, 0, 0, y, d);
+        const w = t.type === "image/png" ? "image/png" : "image/jpeg";
+        u.toBlob(
+          (T) => {
+            if (T) {
+              const C = new File([T], t.name, { type: w });
+              i(C);
+            } else
+              i(t);
+          },
+          w,
+          n
+        );
+      }, s.onerror = () => {
+        URL.revokeObjectURL(l), i(t);
+      }, s.src = l;
+    }) : t;
+  }
+  /**
+   * Upload a file to a node
+   * @param nodeId - The node to attach the file to
+   * @param filename - The filename to use
+   * @param file - The File object to upload
+   * @param options - Upload options (maxSizeMB, maxImageDimension, imageQuality)
+   */
+  async uploadFile(t, r, n, i = {}) {
+    const s = { ...this.defaultUploadOptions, ...i };
+    try {
+      let l = n;
+      s.maxImageDimension > 0 && n.type.startsWith("image/") && (l = await this.resizeImage(n, s.maxImageDimension, s.imageQuality));
+      const y = s.maxSizeMB * 1024 * 1024;
+      if (l.size > y)
+        return {
+          success: !1,
+          error: `File too large (${(l.size / 1024 / 1024).toFixed(1)} MB). Max: ${s.maxSizeMB} MB`
+        };
+      const d = await this.fileToBase64(l), u = await this.callGraph("upload_file", {
+        node_id: t,
+        filename: r,
+        content: d
+      });
+      return u.success ? { success: !0, path: u.path } : { success: !1, error: u.error || "Upload failed" };
+    } catch (l) {
+      return {
+        success: !1,
+        error: l instanceof Error ? l.message : "Upload failed"
+      };
+    }
+  }
+  /**
+   * List files attached to a node
+   * @param nodeId - The node to list files for
+   */
+  async listFiles(t) {
+    return (await this.callGraph("list_files", {
+      node_id: t
+    })).files || [];
+  }
+  /**
+   * Delete a file from a node
+   * @param nodeId - The node the file belongs to
+   * @param filename - The filename to delete
+   */
+  async deleteFile(t, r) {
+    return { success: (await this.callGraph("delete_file", {
+      node_id: t,
+      filename: r
+    })).success || !1 };
+  }
+  /**
+   * Get the URL for a file
+   * @param nodeId - The node the file belongs to
+   * @param filename - The filename
+   */
+  getFileUrl(t, r) {
+    return `${this.config.baseUrl}/files/${this.config.system_id}/${t}/${r}`;
+  }
 }
 class Et {
   constructor(t) {
-    _e(this, "config");
+    de(this, "config");
     if (!t.system_id)
       throw new Error("MailClient: system_id is REQUIRED");
     this.config = t;
@@ -228,10 +348,10 @@ class Et {
         const l = await i.text();
         throw new Error(`API error (${i.status}): ${l}`);
       }
-      const o = await i.json();
-      if (!o.success && o.error)
-        throw new Error(o.error);
-      return o.result;
+      const s = await i.json();
+      if (!s.success && s.error)
+        throw new Error(s.error);
+      return s.result;
     } catch (i) {
       throw console.error("Mail API call failed:", i), i;
     }
@@ -297,8 +417,8 @@ class Et {
     const n = [
       "SELECT INBOX",
       ...r.map((l) => `UID MOVE ${l} [Gmail]/Trash`)
-    ], o = (await this.imapExec(t, n)).responses.filter((l) => l.ok && l.command === "UID MOVE").length;
-    return { success: o > 0, moved: o };
+    ], s = (await this.imapExec(t, n)).responses.filter((l) => l.ok && l.command === "UID MOVE").length;
+    return { success: s > 0, moved: s };
   }
   /**
    * Archive emails (remove from inbox, keep in All Mail)
@@ -308,8 +428,8 @@ class Et {
       "SELECT INBOX",
       ...r.map((l) => `UID STORE ${l} +FLAGS (\\Deleted)`),
       "EXPUNGE"
-    ], o = (await this.imapExec(t, n)).responses.filter((l) => l.ok && l.command === "UID STORE").length;
-    return { success: o > 0, archived: o };
+    ], s = (await this.imapExec(t, n)).responses.filter((l) => l.ok && l.command === "UID STORE").length;
+    return { success: s > 0, archived: s };
   }
   /**
    * List available folders
@@ -319,7 +439,7 @@ class Et {
     return n != null && n.ok && n.folders ? { success: !0, folders: n.folders } : { success: !1, folders: [] };
   }
 }
-const $e = "qwanyx_auth_token", De = "qwanyx_refresh_token";
+const $e = "qwanyx_auth_token", Fe = "qwanyx_refresh_token";
 class Rt {
   /**
    * Store authentication token
@@ -337,19 +457,19 @@ class Rt {
    * Remove authentication token
    */
   static clearToken() {
-    typeof window < "u" && (localStorage.removeItem($e), localStorage.removeItem(De));
+    typeof window < "u" && (localStorage.removeItem($e), localStorage.removeItem(Fe));
   }
   /**
    * Store refresh token
    */
   static setRefreshToken(t) {
-    typeof window < "u" && localStorage.setItem(De, t);
+    typeof window < "u" && localStorage.setItem(Fe, t);
   }
   /**
    * Get refresh token
    */
   static getRefreshToken() {
-    return typeof window < "u" ? localStorage.getItem(De) : null;
+    return typeof window < "u" ? localStorage.getItem(Fe) : null;
   }
   /**
    * Check if user is authenticated
@@ -367,7 +487,7 @@ class Rt {
 }
 class Tt {
   constructor(t) {
-    _e(this, "config");
+    de(this, "config");
     this.config = {
       timeout: 3e4,
       headers: {
@@ -383,8 +503,8 @@ class Tt {
     if (!t || Object.keys(t).length === 0)
       return "";
     const r = new URLSearchParams();
-    Object.entries(t).forEach(([i, o]) => {
-      o != null && r.append(i, String(o));
+    Object.entries(t).forEach(([i, s]) => {
+      s != null && r.append(i, String(s));
     });
     const n = r.toString();
     return n ? `?${n}` : "";
@@ -396,29 +516,29 @@ class Tt {
     const {
       method: n = "GET",
       headers: i = {},
-      body: o,
+      body: s,
       params: l
-    } = r, v = `${this.config.baseUrl}/${t}${this.buildQueryString(l)}`, d = {
+    } = r, y = `${this.config.baseUrl}/${t}${this.buildQueryString(l)}`, d = {
       ...this.config.headers,
       ...Rt.getAuthHeader(),
       ...i
-    }, h = {
+    }, u = {
       method: n,
       headers: d
     };
-    o && n !== "GET" && (h.body = JSON.stringify(o));
+    s && n !== "GET" && (u.body = JSON.stringify(s));
     try {
-      const x = new AbortController(), _ = setTimeout(() => x.abort(), this.config.timeout), S = await fetch(v, {
-        ...h,
+      const x = new AbortController(), w = setTimeout(() => x.abort(), this.config.timeout), T = await fetch(y, {
+        ...u,
         signal: x.signal
       });
-      if (clearTimeout(_), !S.ok) {
-        const $ = await S.json().catch(() => ({
-          message: S.statusText
+      if (clearTimeout(w), !T.ok) {
+        const C = await T.json().catch(() => ({
+          message: T.statusText
         }));
-        throw new Error($.message || `HTTP ${S.status}`);
+        throw new Error(C.message || `HTTP ${T.status}`);
       }
-      return await S.json();
+      return await T.json();
     } catch (x) {
       throw x instanceof Error ? x : new Error("An unexpected error occurred");
     }
@@ -467,87 +587,87 @@ class Tt {
   }
 }
 let Ee = null;
-function Dt(f) {
-  return Ee = new Tt(f), Ee;
+function Ft(p) {
+  return Ee = new Tt(p), Ee;
 }
 function tt() {
   if (!Ee)
     throw new Error("API client not initialized. Call initializeApiClient() first.");
   return Ee;
 }
-function kt(f, t, r = {}) {
+function kt(p, t, r = {}) {
   const {
     enabled: n = !0,
     refetchOnMount: i = !0,
-    onSuccess: o,
+    onSuccess: s,
     onError: l
-  } = r, [v, d] = L(null), [h, x] = L(n), [_, S] = L(null), $ = X(async () => {
+  } = r, [y, d] = L(null), [u, x] = L(n), [w, T] = L(null), C = Q(async () => {
     if (n) {
-      x(!0), S(null);
+      x(!0), T(null);
       try {
-        const N = await tt().get(f, t);
-        d(N), o == null || o(N);
+        const O = await tt().get(p, t);
+        d(O), s == null || s(O);
       } catch (P) {
-        const N = P instanceof Error ? P : new Error("Unknown error");
-        S(N), l == null || l(N);
+        const O = P instanceof Error ? P : new Error("Unknown error");
+        T(O), l == null || l(O);
       } finally {
         x(!1);
       }
     }
-  }, [f, JSON.stringify(t), n, o, l]);
-  return fe(() => {
-    i && $();
-  }, [$, i]), {
-    data: v,
-    loading: h,
-    error: _,
-    refetch: $
+  }, [p, JSON.stringify(t), n, s, l]);
+  return pe(() => {
+    i && C();
+  }, [C, i]), {
+    data: y,
+    loading: u,
+    error: w,
+    refetch: C
   };
 }
-function Ft(f, t = "POST", r = {}) {
-  const { onSuccess: n, onError: i } = r, [o, l] = L(null), [v, d] = L(!1), [h, x] = L(null), _ = X(
-    async ($) => {
+function Ut(p, t = "POST", r = {}) {
+  const { onSuccess: n, onError: i } = r, [s, l] = L(null), [y, d] = L(!1), [u, x] = L(null), w = Q(
+    async (C) => {
       d(!0), x(null);
       try {
         const P = tt();
-        let N;
+        let O;
         switch (t) {
           case "POST":
-            N = await P.post(f, $);
+            O = await P.post(p, C);
             break;
           case "PUT":
-            N = await P.put(f, $);
+            O = await P.put(p, C);
             break;
           case "PATCH":
-            N = await P.patch(f, $);
+            O = await P.patch(p, C);
             break;
           case "DELETE":
-            N = await P.delete(f);
+            O = await P.delete(p);
             break;
           default:
             throw new Error(`Unsupported method: ${t}`);
         }
-        return l(N), n == null || n(N, $), N;
+        return l(O), n == null || n(O, C), O;
       } catch (P) {
-        const N = P instanceof Error ? P : new Error("Unknown error");
-        return x(N), i == null || i(N, $), null;
+        const O = P instanceof Error ? P : new Error("Unknown error");
+        return x(O), i == null || i(O, C), null;
       } finally {
         d(!1);
       }
     },
-    [f, t, n, i]
-  ), S = X(() => {
+    [p, t, n, i]
+  ), T = Q(() => {
     l(null), x(null), d(!1);
   }, []);
   return {
-    data: o,
-    loading: v,
-    error: h,
-    mutate: _,
-    reset: S
+    data: s,
+    loading: y,
+    error: u,
+    mutate: w,
+    reset: T
   };
 }
-var Ie = { exports: {} }, de = {};
+var Me = { exports: {} }, ue = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -557,21 +677,21 @@ var Ie = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
+var Xe;
 function St() {
-  if (He) return de;
-  He = 1;
-  var f = Ze, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(v, d, h) {
-    var x, _ = {}, S = null, $ = null;
-    h !== void 0 && (S = "" + h), d.key !== void 0 && (S = "" + d.key), d.ref !== void 0 && ($ = d.ref);
-    for (x in d) n.call(d, x) && !o.hasOwnProperty(x) && (_[x] = d[x]);
-    if (v && v.defaultProps) for (x in d = v.defaultProps, d) _[x] === void 0 && (_[x] = d[x]);
-    return { $$typeof: t, type: v, key: S, ref: $, props: _, _owner: i.current };
+  if (Xe) return ue;
+  Xe = 1;
+  var p = Ze, 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 l(y, d, u) {
+    var x, w = {}, T = null, C = null;
+    u !== void 0 && (T = "" + u), d.key !== void 0 && (T = "" + d.key), d.ref !== void 0 && (C = d.ref);
+    for (x in d) n.call(d, x) && !s.hasOwnProperty(x) && (w[x] = d[x]);
+    if (y && y.defaultProps) for (x in d = y.defaultProps, d) w[x] === void 0 && (w[x] = d[x]);
+    return { $$typeof: t, type: y, key: T, ref: C, props: w, _owner: i.current };
   }
-  return de.Fragment = r, de.jsx = l, de.jsxs = l, de;
+  return ue.Fragment = r, ue.jsx = l, ue.jsxs = l, ue;
 }
-var ue = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -581,54 +701,54 @@ var ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Qe;
-function Nt() {
-  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var f = Ze, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), v = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), P = Symbol.iterator, N = "@@iterator";
-    function H(e) {
+var He;
+function Ot() {
+  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
+    var p = Ze, 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"), l = Symbol.for("react.provider"), y = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), P = Symbol.iterator, O = "@@iterator";
+    function X(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = P && e[P] || e[N];
-      return typeof a == "function" ? a : null;
+      var o = P && e[P] || e[O];
+      return typeof o == "function" ? o : null;
     }
-    var z = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var z = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function g(e) {
       {
-        for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), y = 1; y < a; y++)
-          c[y - 1] = arguments[y];
-        I("error", e, c);
+        for (var o = arguments.length, c = new Array(o > 1 ? o - 1 : 0), m = 1; m < o; m++)
+          c[m - 1] = arguments[m];
+        M("error", e, c);
       }
     }
-    function I(e, a, c) {
+    function M(e, o, c) {
       {
-        var y = z.ReactDebugCurrentFrame, O = y.getStackAddendum();
-        O !== "" && (a += "%s", c = c.concat([O]));
+        var m = z.ReactDebugCurrentFrame, N = m.getStackAddendum();
+        N !== "" && (o += "%s", c = c.concat([N]));
         var A = c.map(function(R) {
           return String(R);
         });
-        A.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, A);
+        A.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, A);
       }
     }
-    var V = !1, Q = !1, m = !1, k = !1, C = !1, p;
-    p = Symbol.for("react.module.reference");
-    function T(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === n || e === o || C || e === i || e === h || e === x || k || e === $ || V || Q || m || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === _ || e.$$typeof === l || e.$$typeof === v || e.$$typeof === d || // This needs to include all possible module reference object
+    var V = !1, H = !1, v = !1, S = !1, $ = !1, h;
+    h = Symbol.for("react.module.reference");
+    function k(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === s || $ || e === i || e === u || e === x || S || e === C || V || H || v || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === w || e.$$typeof === l || e.$$typeof === y || e.$$typeof === d || // 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 === p || e.getModuleId !== void 0));
+      e.$$typeof === h || e.getModuleId !== void 0));
     }
-    function j(e, a, c) {
-      var y = e.displayName;
-      if (y)
-        return y;
-      var O = a.displayName || a.name || "";
-      return O !== "" ? c + "(" + O + ")" : c;
+    function j(e, o, c) {
+      var m = e.displayName;
+      if (m)
+        return m;
+      var N = o.displayName || o.name || "";
+      return N !== "" ? c + "(" + N + ")" : c;
     }
     function Z(e) {
       return e.displayName || "Context";
     }
-    function U(e) {
+    function I(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -640,32 +760,32 @@ function Nt() {
           return "Fragment";
         case r:
           return "Portal";
-        case o:
+        case s:
           return "Profiler";
         case i:
           return "StrictMode";
-        case h:
+        case u:
           return "Suspense";
         case x:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case v:
-            var a = e;
-            return Z(a) + ".Consumer";
+          case y:
+            var o = e;
+            return Z(o) + ".Consumer";
           case l:
             var c = e;
             return Z(c._context) + ".Provider";
           case d:
             return j(e, e.render, "ForwardRef");
-          case _:
-            var y = e.displayName || null;
-            return y !== null ? y : U(e.type) || "Memo";
-          case S: {
-            var O = e, A = O._payload, R = O._init;
+          case w:
+            var m = e.displayName || null;
+            return m !== null ? m : I(e.type) || "Memo";
+          case T: {
+            var N = e, A = N._payload, R = N._init;
             try {
-              return U(R(A));
+              return I(R(A));
             } catch {
               return null;
             }
@@ -673,18 +793,18 @@ function Nt() {
         }
       return null;
     }
-    var E = Object.assign, D = 0, Y, pe, he, ge, ye, xe, me;
-    function ve() {
+    var E = Object.assign, F = 0, Y, he, ge, ye, xe, me, ve;
+    function be() {
     }
-    ve.__reactDisabledLog = !0;
+    be.__reactDisabledLog = !0;
     function Re() {
       {
-        if (D === 0) {
-          Y = console.log, pe = console.info, he = console.warn, ge = console.error, ye = console.group, xe = console.groupCollapsed, me = console.groupEnd;
+        if (F === 0) {
+          Y = console.log, he = console.info, ge = console.warn, ye = console.error, xe = console.group, me = console.groupCollapsed, ve = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ve,
+            value: be,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -697,12 +817,12 @@ function Nt() {
             groupEnd: e
           });
         }
-        D++;
+        F++;
       }
     }
     function Te() {
       {
-        if (D--, D === 0) {
+        if (F--, F === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -713,37 +833,37 @@ function Nt() {
               value: Y
             }),
             info: E({}, e, {
-              value: pe
+              value: he
             }),
             warn: E({}, e, {
-              value: he
+              value: ge
             }),
             error: E({}, e, {
-              value: ge
+              value: ye
             }),
             group: E({}, e, {
-              value: ye
+              value: xe
             }),
             groupCollapsed: E({}, e, {
-              value: xe
+              value: me
             }),
             groupEnd: E({}, e, {
-              value: me
+              value: ve
             })
           });
         }
-        D < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        F < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var ie = z.ReactCurrentDispatcher, oe;
-    function re(e, a, c) {
+    function re(e, o, c) {
       {
         if (oe === void 0)
           try {
             throw Error();
-          } catch (O) {
-            var y = O.stack.trim().match(/\n( *(at )?)/);
-            oe = y && y[1] || "";
+          } catch (N) {
+            var m = N.stack.trim().match(/\n( *(at )?)/);
+            oe = m && m[1] || "";
           }
         return `
 ` + oe + e;
@@ -754,7 +874,7 @@ function Nt() {
       var ke = typeof WeakMap == "function" ? WeakMap : Map;
       ne = new ke();
     }
-    function be(e, a) {
+    function we(e, o) {
       if (!e || le)
         return "";
       {
@@ -762,14 +882,14 @@ function Nt() {
         if (c !== void 0)
           return c;
       }
-      var y;
+      var m;
       le = !0;
-      var O = Error.prepareStackTrace;
+      var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var A;
       A = ie.current, ie.current = null, Re();
       try {
-        if (a) {
+        if (o) {
           var R = function() {
             throw Error();
           };
@@ -781,14 +901,14 @@ function Nt() {
             try {
               Reflect.construct(R, []);
             } catch (q) {
-              y = q;
+              m = q;
             }
             Reflect.construct(e, [], R);
           } else {
             try {
               R.call();
             } catch (q) {
-              y = q;
+              m = q;
             }
             e.call(R.prototype);
           }
@@ -796,51 +916,51 @@ function Nt() {
           try {
             throw Error();
           } catch (q) {
-            y = q;
+            m = q;
           }
           e();
         }
       } catch (q) {
-        if (q && y && typeof q.stack == "string") {
-          for (var w = q.stack.split(`
-`), G = y.stack.split(`
-`), F = w.length - 1, M = G.length - 1; F >= 1 && M >= 0 && w[F] !== G[M]; )
-            M--;
-          for (; F >= 1 && M >= 0; F--, M--)
-            if (w[F] !== G[M]) {
-              if (F !== 1 || M !== 1)
+        if (q && m && typeof q.stack == "string") {
+          for (var _ = q.stack.split(`
+`), G = m.stack.split(`
+`), U = _.length - 1, D = G.length - 1; U >= 1 && D >= 0 && _[U] !== G[D]; )
+            D--;
+          for (; U >= 1 && D >= 0; U--, D--)
+            if (_[U] !== G[D]) {
+              if (U !== 1 || D !== 1)
                 do
-                  if (F--, M--, M < 0 || w[F] !== G[M]) {
+                  if (U--, D--, D < 0 || _[U] !== G[D]) {
                     var K = `
-` + w[F].replace(" at new ", " at ");
+` + _[U].replace(" at new ", " at ");
                     return e.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", e.displayName)), typeof e == "function" && ne.set(e, K), K;
                   }
-                while (F >= 1 && M >= 0);
+                while (U >= 1 && D >= 0);
               break;
             }
         }
       } finally {
-        le = !1, ie.current = A, Te(), Error.prepareStackTrace = O;
+        le = !1, ie.current = A, Te(), Error.prepareStackTrace = N;
       }
       var ae = e ? e.displayName || e.name : "", te = ae ? re(ae) : "";
       return typeof e == "function" && ne.set(e, te), te;
     }
-    function Se(e, a, c) {
-      return be(e, !1);
+    function Se(e, o, c) {
+      return we(e, !1);
     }
-    function u(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
+    function f(e) {
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function b(e, a, c) {
+    function b(e, o, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return be(e, u(e));
+        return we(e, f(e));
       if (typeof e == "string")
         return re(e);
       switch (e) {
-        case h:
+        case u:
           return re("Suspense");
         case x:
           return re("SuspenseList");
@@ -849,12 +969,12 @@ function Nt() {
         switch (e.$$typeof) {
           case d:
             return Se(e.render);
-          case _:
-            return b(e.type, a, c);
-          case S: {
-            var y = e, O = y._payload, A = y._init;
+          case w:
+            return b(e.type, o, c);
+          case T: {
+            var m = e, N = m._payload, A = m._init;
             try {
-              return b(A(O), a, c);
+              return b(A(N), o, c);
             } catch {
             }
           }
@@ -864,53 +984,53 @@ function Nt() {
     var B = Object.prototype.hasOwnProperty, W = {}, ee = z.ReactDebugCurrentFrame;
     function J(e) {
       if (e) {
-        var a = e._owner, c = b(e.type, e._source, a ? a.type : null);
+        var o = e._owner, c = b(e.type, e._source, o ? o.type : null);
         ee.setExtraStackFrame(c);
       } else
         ee.setExtraStackFrame(null);
     }
-    function Ne(e, a, c, y, O) {
+    function Oe(e, o, c, m, N) {
       {
         var A = Function.call.bind(B);
         for (var R in e)
           if (A(e, R)) {
-            var w = void 0;
+            var _ = void 0;
             try {
               if (typeof e[R] != "function") {
-                var G = Error((y || "React class") + ": " + c + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var G = Error((m || "React class") + ": " + c + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw G.name = "Invariant Violation", G;
               }
-              w = e[R](a, R, y, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (F) {
-              w = F;
+              _ = e[R](o, R, m, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (U) {
+              _ = U;
             }
-            w && !(w instanceof Error) && (J(O), g("%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).", y || "React class", c, R, typeof w), J(null)), w instanceof Error && !(w.message in W) && (W[w.message] = !0, J(O), g("Failed %s type: %s", c, w.message), J(null));
+            _ && !(_ instanceof Error) && (J(N), g("%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).", m || "React class", c, R, typeof _), J(null)), _ instanceof Error && !(_.message in W) && (W[_.message] = !0, J(N), g("Failed %s type: %s", c, _.message), J(null));
           }
       }
     }
-    var we = Array.isArray;
+    var _e = Array.isArray;
     function ce(e) {
-      return we(e);
+      return _e(e);
     }
     function rt(e) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, c = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var o = typeof Symbol == "function" && Symbol.toStringTag, c = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return c;
       }
     }
     function nt(e) {
       try {
-        return Me(e), !1;
+        return De(e), !1;
       } catch {
         return !0;
       }
     }
-    function Me(e) {
+    function De(e) {
       return "" + e;
     }
-    function Ue(e) {
+    function Ie(e) {
       if (nt(e))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rt(e)), Me(e);
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rt(e)), De(e);
     }
     var Be = z.ReactCurrentOwner, st = {
       key: !0,
@@ -920,27 +1040,27 @@ function Nt() {
     }, Le, ze;
     function at(e) {
       if (B.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
     function it(e) {
       if (B.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function ot(e, a) {
+    function ot(e, o) {
       typeof e.ref == "string" && Be.current;
     }
-    function lt(e, a) {
+    function lt(e, o) {
       {
         var c = function() {
-          Le || (Le = !0, g("%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)", a));
+          Le || (Le = !0, g("%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)", o));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: c,
@@ -948,10 +1068,10 @@ function Nt() {
         });
       }
     }
-    function ct(e, a) {
+    function ct(e, o) {
       {
         var c = function() {
-          ze || (ze = !0, g("%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)", a));
+          ze || (ze = !0, g("%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)", o));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: c,
@@ -959,57 +1079,57 @@ function Nt() {
         });
       }
     }
-    var dt = function(e, a, c, y, O, A, R) {
-      var w = {
+    var dt = function(e, o, c, m, N, A, R) {
+      var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
-        key: a,
+        key: o,
         ref: c,
         props: R,
         // Record the component responsible for creating this element.
         _owner: A
       };
-      return w._store = {}, Object.defineProperty(w._store, "validated", {
+      return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(w, "_self", {
+      }), Object.defineProperty(_, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: y
-      }), Object.defineProperty(w, "_source", {
+        value: m
+      }), Object.defineProperty(_, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
-      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
+        value: N
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
-    function ut(e, a, c, y, O) {
+    function ut(e, o, c, m, N) {
       {
-        var A, R = {}, w = null, G = null;
-        c !== void 0 && (Ue(c), w = "" + c), it(a) && (Ue(a.key), w = "" + a.key), at(a) && (G = a.ref, ot(a, O));
-        for (A in a)
-          B.call(a, A) && !st.hasOwnProperty(A) && (R[A] = a[A]);
+        var A, R = {}, _ = null, G = null;
+        c !== void 0 && (Ie(c), _ = "" + c), it(o) && (Ie(o.key), _ = "" + o.key), at(o) && (G = o.ref, ot(o, N));
+        for (A in o)
+          B.call(o, A) && !st.hasOwnProperty(A) && (R[A] = o[A]);
         if (e && e.defaultProps) {
-          var F = e.defaultProps;
-          for (A in F)
-            R[A] === void 0 && (R[A] = F[A]);
+          var U = e.defaultProps;
+          for (A in U)
+            R[A] === void 0 && (R[A] = U[A]);
         }
-        if (w || G) {
-          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          w && lt(R, M), G && ct(R, M);
+        if (_ || G) {
+          var D = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          _ && lt(R, D), G && ct(R, D);
         }
-        return dt(e, w, G, O, y, Be.current, R);
+        return dt(e, _, G, N, m, Be.current, R);
       }
     }
-    var Oe = z.ReactCurrentOwner, We = z.ReactDebugCurrentFrame;
+    var Ne = z.ReactCurrentOwner, We = z.ReactDebugCurrentFrame;
     function se(e) {
       if (e) {
-        var a = e._owner, c = b(e.type, e._source, a ? a.type : null);
+        var o = e._owner, c = b(e.type, e._source, o ? o.type : null);
         We.setExtraStackFrame(c);
       } else
         We.setExtraStackFrame(null);
@@ -1021,8 +1141,8 @@ function Nt() {
     }
     function Ge() {
       {
-        if (Oe.current) {
-          var e = U(Oe.current.type);
+        if (Ne.current) {
+          var e = I(Ne.current.type);
           if (e)
             return `
 
@@ -1037,79 +1157,79 @@ Check the render method of \`` + e + "`.";
     var Ye = {};
     function pt(e) {
       {
-        var a = Ge();
-        if (!a) {
+        var o = Ge();
+        if (!o) {
           var c = typeof e == "string" ? e : e.displayName || e.name;
-          c && (a = `
+          c && (o = `
 
 Check the top-level render call using <` + c + ">.");
         }
-        return a;
+        return o;
       }
     }
-    function qe(e, a) {
+    function qe(e, o) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = pt(a);
+        var c = pt(o);
         if (Ye[c])
           return;
         Ye[c] = !0;
-        var y = "";
-        e && e._owner && e._owner !== Oe.current && (y = " It was passed a child from " + U(e._owner.type) + "."), se(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, y), se(null);
+        var m = "";
+        e && e._owner && e._owner !== Ne.current && (m = " It was passed a child from " + I(e._owner.type) + "."), se(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, m), se(null);
       }
     }
-    function Ve(e, a) {
+    function Ve(e, o) {
       {
         if (typeof e != "object")
           return;
         if (ce(e))
           for (var c = 0; c < e.length; c++) {
-            var y = e[c];
-            Ae(y) && qe(y, a);
+            var m = e[c];
+            Ae(m) && qe(m, o);
           }
         else if (Ae(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var O = H(e);
-          if (typeof O == "function" && O !== e.entries)
-            for (var A = O.call(e), R; !(R = A.next()).done; )
-              Ae(R.value) && qe(R.value, a);
+          var N = X(e);
+          if (typeof N == "function" && N !== e.entries)
+            for (var A = N.call(e), R; !(R = A.next()).done; )
+              Ae(R.value) && qe(R.value, o);
         }
       }
     }
     function ht(e) {
       {
-        var a = e.type;
-        if (a == null || typeof a == "string")
+        var o = e.type;
+        if (o == null || typeof o == "string")
           return;
         var c;
-        if (typeof a == "function")
-          c = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === d || // Note: Memo only checks outer props here.
+        if (typeof o == "function")
+          c = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === _))
-          c = a.propTypes;
+        o.$$typeof === w))
+          c = o.propTypes;
         else
           return;
         if (c) {
-          var y = U(a);
-          Ne(c, e.props, "prop", y, e);
-        } else if (a.PropTypes !== void 0 && !Pe) {
+          var m = I(o);
+          Oe(c, e.props, "prop", m, e);
+        } else if (o.PropTypes !== void 0 && !Pe) {
           Pe = !0;
-          var O = U(a);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          var N = I(o);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function gt(e) {
       {
-        for (var a = Object.keys(e.props), c = 0; c < a.length; c++) {
-          var y = a[c];
-          if (y !== "children" && y !== "key") {
-            se(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), se(null);
+        for (var o = Object.keys(e.props), c = 0; c < o.length; c++) {
+          var m = o[c];
+          if (m !== "children" && m !== "key") {
+            se(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), se(null);
             break;
           }
         }
@@ -1117,24 +1237,24 @@ Check the top-level render call using <` + c + ">.");
       }
     }
     var Je = {};
-    function Ke(e, a, c, y, O, A) {
+    function Ke(e, o, c, m, N, A) {
       {
-        var R = T(e);
+        var R = k(e);
         if (!R) {
-          var w = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " 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 _ = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (_ += " 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 G = ft();
-          G ? w += G : w += Ge();
-          var F;
-          e === null ? F = "null" : ce(e) ? F = "array" : e !== void 0 && e.$$typeof === t ? (F = "<" + (U(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, w);
+          G ? _ += G : _ += Ge();
+          var U;
+          e === null ? U = "null" : ce(e) ? U = "array" : e !== void 0 && e.$$typeof === t ? (U = "<" + (I(e.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : U = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", U, _);
         }
-        var M = ut(e, a, c, O, A);
-        if (M == null)
-          return M;
+        var D = ut(e, o, c, N, A);
+        if (D == null)
+          return D;
         if (R) {
-          var K = a.children;
+          var K = o.children;
           if (K !== void 0)
-            if (y)
+            if (m)
               if (ce(K)) {
                 for (var ae = 0; ae < K.length; ae++)
                   Ve(K[ae], e);
@@ -1144,8 +1264,8 @@ Check the top-level render call using <` + c + ">.");
             else
               Ve(K, e);
         }
-        if (B.call(a, "key")) {
-          var te = U(e), q = Object.keys(a).filter(function(wt) {
+        if (B.call(o, "key")) {
+          var te = I(e), q = Object.keys(o).filter(function(wt) {
             return wt !== "key";
           }), Ce = q.length > 0 ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Je[te + Ce]) {
@@ -1158,22 +1278,22 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Ce, te, bt, te), Je[te + Ce] = !0;
           }
         }
-        return e === n ? gt(M) : ht(M), M;
+        return e === n ? gt(D) : ht(D), D;
       }
     }
-    function yt(e, a, c) {
-      return Ke(e, a, c, !0);
+    function yt(e, o, c) {
+      return Ke(e, o, c, !0);
     }
-    function xt(e, a, c) {
-      return Ke(e, a, c, !1);
+    function xt(e, o, c) {
+      return Ke(e, o, c, !1);
     }
     var mt = xt, vt = yt;
-    ue.Fragment = n, ue.jsx = mt, ue.jsxs = vt;
-  }()), ue;
+    fe.Fragment = n, fe.jsx = mt, fe.jsxs = vt;
+  }()), fe;
 }
-process.env.NODE_ENV === "production" ? Ie.exports = St() : Ie.exports = Nt();
-var s = Ie.exports;
-class Fe {
+process.env.NODE_ENV === "production" ? Me.exports = St() : Me.exports = Ot();
+var a = Me.exports;
+class Ue {
   /**
    * Filter array by predicate function
    */
@@ -1190,17 +1310,17 @@ class Fe {
    * Filter by multiple fields
    */
   static filterByFields(t, r) {
-    return t.filter((n) => Object.entries(r).every(([i, o]) => n[i] === o));
+    return t.filter((n) => Object.entries(r).every(([i, s]) => n[i] === s));
   }
   /**
    * Sort array by field
    */
   static sort(t, r, n = "asc") {
-    return [...t].sort((i, o) => {
-      const l = i[r], v = o[r];
-      if (l === v) return 0;
+    return [...t].sort((i, s) => {
+      const l = i[r], y = s[r];
+      if (l === y) return 0;
       let d = 0;
-      return l > v && (d = 1), l < v && (d = -1), n === "asc" ? d : -d;
+      return l > y && (d = 1), l < y && (d = -1), n === "asc" ? d : -d;
     });
   }
   /**
@@ -1209,18 +1329,18 @@ class Fe {
   static search(t, r, n) {
     if (!r.trim()) return t;
     const i = r.toLowerCase();
-    return t.filter((o) => n.some((l) => {
-      const v = o[l];
-      return v == null ? !1 : String(v).toLowerCase().includes(i);
+    return t.filter((s) => n.some((l) => {
+      const y = s[l];
+      return y == null ? !1 : String(y).toLowerCase().includes(i);
     }));
   }
   /**
    * Paginate array
    */
   static paginate(t, r, n) {
-    const i = (r - 1) * n, o = i + n;
+    const i = (r - 1) * n, s = i + n;
     return {
-      data: t.slice(i, o),
+      data: t.slice(i, s),
       total: t.length,
       page: r,
       totalPages: Math.ceil(t.length / n)
@@ -1231,8 +1351,8 @@ class Fe {
    */
   static groupBy(t, r) {
     return t.reduce((n, i) => {
-      const o = String(i[r]);
-      return n[o] || (n[o] = []), n[o].push(i), n;
+      const s = String(i[r]);
+      return n[s] || (n[s] = []), n[s].push(i), n;
     }, {});
   }
   /**
@@ -1247,8 +1367,8 @@ class Fe {
    */
   static countBy(t, r) {
     return t.reduce((n, i) => {
-      const o = String(i[r]);
-      return n[o] = (n[o] || 0) + 1, n;
+      const s = String(i[r]);
+      return n[s] = (n[s] || 0) + 1, n;
     }, {});
   }
   /**
@@ -1258,33 +1378,33 @@ class Fe {
     return r.reduce((n, i) => i(n), t);
   }
 }
-function It({
-  endpoint: f,
+function Mt({
+  endpoint: p,
   params: t,
   layout: r = "list",
   title: n,
   emptyMessage: i = "No items found",
-  renderItem: o,
-  keyExtractor: l = (N, H) => N.id || N._id || String(H),
-  searchable: v = !1,
+  renderItem: s,
+  keyExtractor: l = (O, X) => O.id || O._id || String(X),
+  searchable: y = !1,
   searchFields: d = [],
-  searchPlaceholder: h = "Search...",
+  searchPlaceholder: u = "Search...",
   filters: x = [],
-  pageSize: _ = 20,
-  onItemClick: S,
-  onRefresh: $,
+  pageSize: w = 20,
+  onItemClick: T,
+  onRefresh: C,
   theme: P = {}
 }) {
-  const { data: N, loading: H, error: z, refetch: g } = kt(f, t), [I, V] = L(""), [Q, m] = L({}), [k, C] = L(1), p = et(() => {
-    if (!N) return { data: [], total: 0, totalPages: 0 };
-    let E = N;
-    return v && I && d.length > 0 && (E = Fe.search(E, I, d)), Object.keys(Q).length > 0 && (E = Fe.filterByFields(E, Q)), Fe.paginate(E, k, _);
-  }, [N, I, Q, k, _, v, d]);
-  fe(() => {
-    C(1);
-  }, [I, Q]);
-  const T = () => {
-    V(""), m({}), C(1), g(), $ == null || $();
+  const { data: O, loading: X, error: z, refetch: g } = kt(p, t), [M, V] = L(""), [H, v] = L({}), [S, $] = L(1), h = et(() => {
+    if (!O) return { data: [], total: 0, totalPages: 0 };
+    let E = O;
+    return y && M && d.length > 0 && (E = Ue.search(E, M, d)), Object.keys(H).length > 0 && (E = Ue.filterByFields(E, H)), Ue.paginate(E, S, w);
+  }, [O, M, H, S, w, y, d]);
+  pe(() => {
+    $(1);
+  }, [M, H]);
+  const k = () => {
+    V(""), v({}), $(1), g(), C == null || C();
   }, j = {
     background: P.background || "#ffffff",
     cardBackground: P.cardBackground || "#f9fafb",
@@ -1292,30 +1412,30 @@ function It({
     textSecondary: P.textSecondary || "#6b7280",
     border: P.border || "#e5e7eb",
     primary: P.primary || "#3b82f6"
-  }, U = o || ((E) => /* @__PURE__ */ s.jsxs("div", { style: {
+  }, I = s || ((E) => /* @__PURE__ */ a.jsxs("div", { style: {
     padding: "16px",
-    cursor: S ? "pointer" : "default"
+    cursor: T ? "pointer" : "default"
   }, children: [
-    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: j.text }, children: E.title || E.name || E.label || "Untitled" }),
-    E.description && /* @__PURE__ */ s.jsx("div", { style: { fontSize: "13px", color: j.textSecondary, marginTop: "4px" }, children: E.description })
+    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: j.text }, children: E.title || E.name || E.label || "Untitled" }),
+    E.description && /* @__PURE__ */ a.jsx("div", { style: { fontSize: "13px", color: j.textSecondary, marginTop: "4px" }, children: E.description })
   ] }));
-  return H && !N ? /* @__PURE__ */ s.jsx("div", { style: {
+  return X && !O ? /* @__PURE__ */ a.jsx("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     padding: "48px",
     color: j.textSecondary
-  }, children: "Loading..." }) : z ? /* @__PURE__ */ s.jsxs("div", { style: {
+  }, children: "Loading..." }) : z ? /* @__PURE__ */ a.jsxs("div", { style: {
     padding: "24px",
     textAlign: "center",
     color: "#ef4444"
   }, children: [
-    /* @__PURE__ */ s.jsx("div", { style: { fontWeight: 500, marginBottom: "8px" }, children: "Error" }),
-    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px" }, children: z.message }),
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a.jsx("div", { style: { fontWeight: 500, marginBottom: "8px" }, children: "Error" }),
+    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px" }, children: z.message }),
+    /* @__PURE__ */ a.jsx(
       "button",
       {
-        onClick: T,
+        onClick: k,
         style: {
           marginTop: "16px",
           padding: "8px 16px",
@@ -1328,31 +1448,31 @@ function It({
         children: "Retry"
       }
     )
-  ] }) : /* @__PURE__ */ s.jsxs("div", { style: {
+  ] }) : /* @__PURE__ */ a.jsxs("div", { style: {
     background: j.background,
     borderRadius: "12px",
     overflow: "hidden"
   }, children: [
-    (n || v || x.length > 0) && /* @__PURE__ */ s.jsxs("div", { style: {
+    (n || y || x.length > 0) && /* @__PURE__ */ a.jsxs("div", { style: {
       padding: "16px",
       borderBottom: `1px solid ${j.border}`
     }, children: [
-      /* @__PURE__ */ s.jsxs("div", { style: {
+      /* @__PURE__ */ a.jsxs("div", { style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        marginBottom: v || x.length > 0 ? "12px" : "0"
+        marginBottom: y || x.length > 0 ? "12px" : "0"
       }, children: [
-        n && /* @__PURE__ */ s.jsx("h2", { style: {
+        n && /* @__PURE__ */ a.jsx("h2", { style: {
           margin: 0,
           fontSize: "18px",
           fontWeight: 600,
           color: j.text
         }, children: n }),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ a.jsx(
           "button",
           {
-            onClick: T,
+            onClick: k,
             style: {
               padding: "6px 12px",
               background: "transparent",
@@ -1366,12 +1486,12 @@ function It({
           }
         )
       ] }),
-      v && /* @__PURE__ */ s.jsx(
+      y && /* @__PURE__ */ a.jsx(
         "input",
         {
           type: "text",
-          placeholder: h,
-          value: I,
+          placeholder: u,
+          value: M,
           onChange: (E) => V(E.target.value),
           style: {
             width: "100%",
@@ -1384,20 +1504,20 @@ function It({
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsx("div", { style: {
+    /* @__PURE__ */ a.jsx("div", { style: {
       display: r === "grid" ? "grid" : "flex",
       flexDirection: r === "list" ? "column" : void 0,
       gridTemplateColumns: r === "grid" ? "repeat(auto-fill, minmax(250px, 1fr))" : void 0,
       gap: r === "list" ? "0" : "16px",
       padding: r === "list" ? "0" : "16px"
-    }, children: p.data.length === 0 ? /* @__PURE__ */ s.jsx("div", { style: {
+    }, children: h.data.length === 0 ? /* @__PURE__ */ a.jsx("div", { style: {
       padding: "48px",
       textAlign: "center",
       color: j.textSecondary
-    }, children: i }) : p.data.map((E, D) => /* @__PURE__ */ s.jsx(
+    }, children: i }) : h.data.map((E, F) => /* @__PURE__ */ a.jsx(
       "div",
       {
-        onClick: () => S == null ? void 0 : S(E),
+        onClick: () => T == null ? void 0 : T(E),
         style: {
           background: j.cardBackground,
           borderRadius: r === "list" ? "0" : "8px",
@@ -1405,57 +1525,57 @@ function It({
           transition: "all 0.15s ease"
         },
         onMouseEnter: (Y) => {
-          S && (Y.currentTarget.style.background = j.border);
+          T && (Y.currentTarget.style.background = j.border);
         },
         onMouseLeave: (Y) => {
           Y.currentTarget.style.background = j.cardBackground;
         },
-        children: U(E, D)
+        children: I(E, F)
       },
-      l(E, D)
+      l(E, F)
     )) }),
-    p.totalPages > 1 && /* @__PURE__ */ s.jsxs("div", { style: {
+    h.totalPages > 1 && /* @__PURE__ */ a.jsxs("div", { style: {
       padding: "16px",
       borderTop: `1px solid ${j.border}`,
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between"
     }, children: [
-      /* @__PURE__ */ s.jsxs("div", { style: { fontSize: "13px", color: j.textSecondary }, children: [
+      /* @__PURE__ */ a.jsxs("div", { style: { fontSize: "13px", color: j.textSecondary }, children: [
         "Page ",
-        k,
+        S,
         " of ",
-        p.totalPages
+        h.totalPages
       ] }),
-      /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
-        /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ a.jsx(
           "button",
           {
-            onClick: () => C((E) => Math.max(1, E - 1)),
-            disabled: k === 1,
+            onClick: () => $((E) => Math.max(1, E - 1)),
+            disabled: S === 1,
             style: {
               padding: "6px 12px",
               border: `1px solid ${j.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: k === 1 ? "not-allowed" : "pointer",
-              opacity: k === 1 ? 0.5 : 1
+              cursor: S === 1 ? "not-allowed" : "pointer",
+              opacity: S === 1 ? 0.5 : 1
             },
             children: "Previous"
           }
         ),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ a.jsx(
           "button",
           {
-            onClick: () => C((E) => Math.min(p.totalPages, E + 1)),
-            disabled: k === p.totalPages,
+            onClick: () => $((E) => Math.min(h.totalPages, E + 1)),
+            disabled: S === h.totalPages,
             style: {
               padding: "6px 12px",
               border: `1px solid ${j.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: k === p.totalPages ? "not-allowed" : "pointer",
-              opacity: k === p.totalPages ? 0.5 : 1
+              cursor: S === h.totalPages ? "not-allowed" : "pointer",
+              opacity: S === h.totalPages ? 0.5 : 1
             },
             children: "Next"
           }
@@ -1464,16 +1584,16 @@ function It({
     ] })
   ] });
 }
-function Mt({
-  item: f,
+function Dt({
+  item: p,
   onClick: t,
   title: r = (l) => l.title || l.name || l.label || "Untitled",
   subtitle: n = (l) => l.description || l.subtitle || "",
   image: i = (l) => l.image || l.thumbnail || l.photo,
-  badge: o = (l) => l.badge || l.tag || l.type
+  badge: s = (l) => l.badge || l.tag || l.type
 }) {
-  const l = r(f), v = n(f), d = i(f), h = o(f);
-  return /* @__PURE__ */ s.jsxs(
+  const l = r(p), y = n(p), d = i(p), u = s(p);
+  return /* @__PURE__ */ a.jsxs(
     "div",
     {
       onClick: t,
@@ -1483,7 +1603,7 @@ function Mt({
         ${t ? "cursor-pointer" : ""}
       `,
       children: [
-        d && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ s.jsx(
+        d && /* @__PURE__ */ a.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ a.jsx(
           "img",
           {
             src: d,
@@ -1491,58 +1611,58 @@ function Mt({
             className: "w-16 h-16 object-cover rounded-lg"
           }
         ) }),
-        /* @__PURE__ */ s.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ s.jsx("h3", { className: "font-medium text-gray-900 truncate", children: l }),
-            h && /* @__PURE__ */ s.jsx("span", { className: "px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full", children: h })
+        /* @__PURE__ */ a.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a.jsx("h3", { className: "font-medium text-gray-900 truncate", children: l }),
+            u && /* @__PURE__ */ a.jsx("span", { className: "px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full", children: u })
           ] }),
-          v && /* @__PURE__ */ s.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: v })
+          y && /* @__PURE__ */ a.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: y })
         ] }),
-        t && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0 text-gray-400", children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
+        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" }) }) })
       ]
     }
   );
 }
-function Ut({
-  item: f,
+function It({
+  item: p,
   onClose: t,
-  title: r = (o) => o.title || o.name || o.label || "Detail",
-  image: n = (o) => o.image || o.thumbnail || o.photo,
+  title: r = (s) => s.title || s.name || s.label || "Detail",
+  image: n = (s) => s.image || s.thumbnail || s.photo,
   fields: i = []
 }) {
-  if (!f) return null;
-  const o = r(f), l = n(f);
-  return /* @__PURE__ */ s.jsx("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ s.jsxs("div", { className: "bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto shadow-2xl", children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ s.jsx("h2", { className: "text-xl font-semibold text-gray-900", children: o }),
-      t && /* @__PURE__ */ s.jsx(
+  if (!p) return null;
+  const s = r(p), l = 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 }),
+      t && /* @__PURE__ */ a.jsx(
         "button",
         {
           onClick: t,
           className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
-          children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          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: "M6 18L18 6M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsxs("div", { className: "p-6", children: [
-      l && /* @__PURE__ */ s.jsx("div", { className: "mb-6", children: /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a.jsxs("div", { className: "p-6", children: [
+      l && /* @__PURE__ */ a.jsx("div", { className: "mb-6", children: /* @__PURE__ */ a.jsx(
         "img",
         {
           src: l,
-          alt: o,
+          alt: s,
           className: "w-full h-64 object-cover rounded-lg"
         }
       ) }),
-      i.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "space-y-4", children: i.map((v, d) => {
-        const h = v.value(f);
-        return h == null || h === "" ? null : /* @__PURE__ */ s.jsxs("div", { children: [
-          /* @__PURE__ */ s.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: v.label }),
-          /* @__PURE__ */ s.jsx("div", { className: "text-base text-gray-900", children: typeof h == "object" ? JSON.stringify(h, null, 2) : String(h) })
+      i.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "space-y-4", children: i.map((y, d) => {
+        const u = y.value(p);
+        return u == null || u === "" ? null : /* @__PURE__ */ a.jsxs("div", { children: [
+          /* @__PURE__ */ a.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: y.label }),
+          /* @__PURE__ */ a.jsx("div", { className: "text-base text-gray-900", children: typeof u == "object" ? JSON.stringify(u, null, 2) : String(u) })
         ] }, d);
       }) }),
-      i.length === 0 && /* @__PURE__ */ s.jsx("pre", { className: "bg-gray-50 p-4 rounded-lg text-sm overflow-x-auto", children: JSON.stringify(f, 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__ */ s.jsx("div", { className: "sticky bottom-0 bg-gray-50 border-t border-gray-200 px-6 py-4", children: /* @__PURE__ */ s.jsx(
+    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",
       {
         onClick: t,
@@ -1552,160 +1672,160 @@ function Ut({
     ) })
   ] }) });
 }
-const Ot = {
+const Nt = {
   small: "w-32 h-32",
   medium: "w-48 h-48",
   large: "w-64 h-64"
 };
 function Bt({
-  nodes: f,
+  nodes: p,
   cardCount: t = 2,
   minInterval: r = 1e3,
   maxInterval: n = 3e3,
   onCardClick: i,
-  cardSize: o = "medium",
+  cardSize: s = "medium",
   className: l = ""
 }) {
-  const v = Math.min(Math.max(t, 1), 5), [d, h] = L([]), [x, _] = L([]), [S, $] = L(Array(v).fill(!1)), [P, N] = L(Array(v).fill(!1)), H = Xe([]), z = X((m) => {
-    const k = f.filter((p) => !m.includes(p._id));
-    if (k.length === 0) return null;
-    const C = Math.floor(Math.random() * k.length);
-    return k[C];
-  }, [f]), g = X(() => Math.random() * (n - r) + r, [r, n]);
-  fe(() => {
-    if (f.length === 0) {
-      h([]), _([]);
+  const y = Math.min(Math.max(t, 1), 5), [d, u] = L([]), [x, w] = L([]), [T, C] = L(Array(y).fill(!1)), [P, O] = L(Array(y).fill(!1)), X = Qe([]), z = Q((v) => {
+    const S = p.filter((h) => !v.includes(h._id));
+    if (S.length === 0) return null;
+    const $ = Math.floor(Math.random() * S.length);
+    return S[$];
+  }, [p]), g = Q(() => Math.random() * (n - r) + r, [r, n]);
+  pe(() => {
+    if (p.length === 0) {
+      u([]), w([]);
       return;
     }
-    const m = [], k = [], C = [];
-    for (let p = 0; p < v && p < f.length; p++) {
-      const T = z(C);
-      T && (m.push(T), C.push(T._id));
+    const v = [], S = [], $ = [];
+    for (let h = 0; h < y && h < p.length; h++) {
+      const k = z($);
+      k && (v.push(k), $.push(k._id));
     }
-    for (let p = 0; p < m.length; p++) {
-      const T = [
-        m[p]._id,
-        ...m.filter((Z, U) => U !== p).map((Z) => Z._id)
-      ], j = z(T);
-      j ? k.push(j) : k.push(m[p]);
+    for (let h = 0; h < v.length; h++) {
+      const k = [
+        v[h]._id,
+        ...v.filter((Z, I) => I !== h).map((Z) => Z._id)
+      ], j = z(k);
+      j ? S.push(j) : S.push(v[h]);
     }
-    h(m), _(k);
-  }, [f, v, z]);
-  const I = X((m) => {
-    const k = g(), C = setTimeout(() => {
-      $((p) => {
-        const T = [...p];
-        return T[m] = !T[m], T;
+    u(v), w(S);
+  }, [p, y, z]);
+  const M = Q((v) => {
+    const S = g(), $ = setTimeout(() => {
+      C((h) => {
+        const k = [...h];
+        return k[v] = !k[v], k;
       }), setTimeout(() => {
-        N((p) => {
-          const T = [...p];
-          return T[m] = !T[m], T;
+        O((h) => {
+          const k = [...h];
+          return k[v] = !k[v], k;
         }), setTimeout(() => {
-          const p = !P[m];
-          p && h((T) => {
-            const j = [...T];
-            return j[m] = x[m], j;
-          }), _((T) => {
-            const j = [...T], U = [
-              (p ? x[m] : d[m])._id,
-              ...d.filter((D, Y) => Y !== m).map((D) => D._id),
-              ...T.filter((D, Y) => Y !== m).map((D) => D._id)
-            ], E = z(U);
-            return E && (j[m] = E), j;
+          const h = !P[v];
+          h && u((k) => {
+            const j = [...k];
+            return j[v] = x[v], j;
+          }), w((k) => {
+            const j = [...k], I = [
+              (h ? x[v] : d[v])._id,
+              ...d.filter((F, Y) => Y !== v).map((F) => F._id),
+              ...k.filter((F, Y) => Y !== v).map((F) => F._id)
+            ], E = z(I);
+            return E && (j[v] = E), j;
           }), setTimeout(() => {
-            I(m);
+            M(v);
           }, 150);
         }, 200);
       }, 150);
-    }, k);
-    H.current[m] = C;
-  }, [g, z, d, x, P]), V = Xe(!1);
-  fe(() => {
-    if (!(d.length === 0 || f.length <= 1) && !V.current) {
+    }, S);
+    X.current[v] = $;
+  }, [g, z, d, x, P]), V = Qe(!1);
+  pe(() => {
+    if (!(d.length === 0 || p.length <= 1) && !V.current) {
       V.current = !0;
-      for (let m = 0; m < d.length; m++)
-        I(m);
+      for (let v = 0; v < d.length; v++)
+        M(v);
       return () => {
-        H.current.forEach((m) => clearTimeout(m)), H.current = [], V.current = !1;
+        X.current.forEach((v) => clearTimeout(v)), X.current = [], V.current = !1;
       };
     }
-  }, [d.length, f.length]);
-  const Q = (m) => {
-    i && i(m);
+  }, [d.length, p.length]);
+  const H = (v) => {
+    i && i(v);
   };
-  return f.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : d.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "Loading..." }) }) : /* @__PURE__ */ s.jsx("div", { className: `flex gap-4 justify-center items-center flex-wrap ${l}`, children: d.map((m, k) => {
-    const C = x[k], p = P[k];
-    return /* @__PURE__ */ s.jsx(
+  return p.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, children: /* @__PURE__ */ a.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : d.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, 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 ${l}`, children: d.map((v, S) => {
+    const $ = x[S], h = P[S];
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: `relative ${Ot[o]}`,
+        className: `relative ${Nt[s]}`,
         style: { perspective: "1000px" },
-        onClick: () => Q(p ? C : m),
-        children: /* @__PURE__ */ s.jsxs(
+        onClick: () => H(h ? $ : v),
+        children: /* @__PURE__ */ a.jsxs(
           "div",
           {
             className: "w-full h-full rounded-lg shadow-lg overflow-hidden cursor-pointer hover:shadow-xl",
             style: {
-              transform: `rotateY(${S[k] ? 180 : 0}deg)`,
+              transform: `rotateY(${T[S] ? 180 : 0}deg)`,
               transition: "transform 0.5s",
               transformStyle: "preserve-3d"
             },
             children: [
-              /* @__PURE__ */ s.jsx(
+              /* @__PURE__ */ a.jsx(
                 "div",
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: p ? 0 : 1
+                    opacity: h ? 0 : 1
                   },
-                  children: /* @__PURE__ */ s.jsxs(
+                  children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       style: {
-                        transform: S[k] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: T[S] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
                       children: [
-                        /* @__PURE__ */ s.jsx(
+                        /* @__PURE__ */ a.jsx(
                           "img",
                           {
-                            src: m.data.image,
-                            alt: m.title,
+                            src: v.data.image,
+                            alt: v.title,
                             className: "w-full h-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: m.title }) })
+                        /* @__PURE__ */ a.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ a.jsx("p", { className: "text-white text-sm font-medium truncate", children: v.title }) })
                       ]
                     }
                   )
                 }
               ),
-              C && /* @__PURE__ */ s.jsx(
+              $ && /* @__PURE__ */ a.jsx(
                 "div",
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: p ? 1 : 0
+                    opacity: h ? 1 : 0
                   },
-                  children: /* @__PURE__ */ s.jsxs(
+                  children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       style: {
-                        transform: S[k] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: T[S] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
                       children: [
-                        /* @__PURE__ */ s.jsx(
+                        /* @__PURE__ */ a.jsx(
                           "img",
                           {
-                            src: C.data.image,
-                            alt: C.title,
+                            src: $.data.image,
+                            alt: $.title,
                             className: "w-full h-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: C.title }) })
+                        /* @__PURE__ */ a.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ a.jsx("p", { className: "text-white text-sm font-medium truncate", children: $.title }) })
                       ]
                     }
                   )
@@ -1715,22 +1835,22 @@ function Bt({
           }
         )
       },
-      `slot-${k}`
+      `slot-${S}`
     );
   }) });
 }
-function je(f) {
-  if (!f) return "";
+function je(p) {
+  if (!p) return "";
   const t = /=\?([^?]+)\?([BQbq])\?([^?]*)\?=/g;
-  return f.replace(t, (r, n, i, o) => {
+  return p.replace(t, (r, n, i, s) => {
     try {
       if (i.toUpperCase() === "B") {
-        const l = atob(o);
+        const l = atob(s);
         return decodeURIComponent(escape(l));
       } else if (i.toUpperCase() === "Q") {
-        const l = o.replace(/_/g, " ").replace(
+        const l = s.replace(/_/g, " ").replace(
           /=([0-9A-Fa-f]{2})/g,
-          (v, d) => String.fromCharCode(parseInt(d, 16))
+          (y, d) => String.fromCharCode(parseInt(d, 16))
         );
         return decodeURIComponent(escape(l));
       }
@@ -1752,154 +1872,154 @@ const Pt = {
   danger: "#ef4444"
 };
 function Lt({
-  baseUrl: f,
+  baseUrl: p,
   systemId: t,
   accountId: r,
   limit: n = 30,
   selectable: i = !0,
-  showDetail: o = !1,
+  showDetail: s = !1,
   emptyMessage: l = "No emails",
-  autoLoad: v = !0,
+  autoLoad: y = !0,
   onSelect: d,
-  onSelectionChange: h,
+  onSelectionChange: u,
   onDelete: x,
-  onError: _,
-  renderItem: S,
-  renderDetail: $,
+  onError: w,
+  renderItem: T,
+  renderDetail: C,
   renderActions: P,
-  renderEmpty: N,
-  renderLoading: H,
+  renderEmpty: O,
+  renderLoading: X,
   theme: z = {}
 }) {
-  const g = { ...Pt, ...z }, [I, V] = L([]), [Q, m] = L(!1), [k, C] = L(null), [p, T] = L(/* @__PURE__ */ new Set()), [j, Z] = L(null), [U, E] = L(null), D = et(() => t ? new Et({ baseUrl: f, system_id: t }) : null, [f, t]), Y = X(async () => {
-    if (D) {
-      m(!0), C(null);
+  const g = { ...Pt, ...z }, [M, V] = L([]), [H, v] = L(!1), [S, $] = L(null), [h, k] = L(/* @__PURE__ */ new Set()), [j, Z] = L(null), [I, E] = L(null), F = et(() => t ? new Et({ baseUrl: p, system_id: t }) : null, [p, t]), Y = Q(async () => {
+    if (F) {
+      v(!0), $(null);
       try {
-        const u = await D.listEmails(r, n);
-        if (u != null && u.messages) {
-          const b = [...u.messages].sort(
+        const f = await F.listEmails(r, n);
+        if (f != null && f.messages) {
+          const b = [...f.messages].sort(
             (B, W) => new Date(W.date).getTime() - new Date(B.date).getTime()
           );
           V(b);
         }
-      } catch (u) {
-        const b = u instanceof Error ? u : new Error("Failed to fetch emails");
-        C(b.message), _ == null || _(b);
+      } catch (f) {
+        const b = f instanceof Error ? f : new Error("Failed to fetch emails");
+        $(b.message), w == null || w(b);
       }
-      m(!1);
+      v(!1);
     }
-  }, [D, r, n, _]);
-  fe(() => {
-    v && Y();
-  }, [v, Y]);
-  const pe = X((u, b, B) => {
+  }, [F, r, n, w]);
+  pe(() => {
+    y && Y();
+  }, [y, Y]);
+  const he = Q((f, b, B) => {
     if (!i) {
-      d == null || d(u), o && E(u);
+      d == null || d(f), s && E(f);
       return;
     }
-    const W = u.uid;
+    const W = f.uid;
     if (B.shiftKey && j !== null) {
-      const ee = Math.min(j, b), J = Math.max(j, b), Ne = I.slice(ee, J + 1).map((ce) => ce.uid), we = new Set(Ne);
-      T(we), h == null || h(Array.from(we));
+      const ee = Math.min(j, b), J = Math.max(j, b), Oe = M.slice(ee, J + 1).map((ce) => ce.uid), _e = new Set(Oe);
+      k(_e), u == null || u(Array.from(_e));
     } else if (B.ctrlKey || B.metaKey)
-      T((ee) => {
+      k((ee) => {
         const J = new Set(ee);
-        return J.has(W) ? J.delete(W) : J.add(W), h == null || h(Array.from(J)), J;
+        return J.has(W) ? J.delete(W) : J.add(W), u == null || u(Array.from(J)), J;
       }), Z(b);
-    else if (p.size === 1 && p.has(W))
-      d == null || d(u), o && E(u);
+    else if (h.size === 1 && h.has(W))
+      d == null || d(f), s && E(f);
     else {
       const ee = /* @__PURE__ */ new Set([W]);
-      T(ee), Z(b), h == null || h(Array.from(ee));
+      k(ee), Z(b), u == null || u(Array.from(ee));
     }
-  }, [i, j, I, p, d, h, o]), he = X(async () => {
-    if (!(!D || p.size === 0))
+  }, [i, j, M, h, d, u, s]), ge = Q(async () => {
+    if (!(!F || h.size === 0))
       try {
-        const u = await D.trashEmails(r, Array.from(p));
-        if (console.log("Trash result:", u), u.success && u.moved > 0) {
-          V((B) => B.filter((W) => !p.has(W.uid)));
-          const b = Array.from(p);
-          T(/* @__PURE__ */ new Set()), x == null || x(b);
+        const f = await F.trashEmails(r, Array.from(h));
+        if (console.log("Trash result:", f), f.success && f.moved > 0) {
+          V((B) => B.filter((W) => !h.has(W.uid)));
+          const b = Array.from(h);
+          k(/* @__PURE__ */ new Set()), x == null || x(b);
         } else
-          C("Failed to move emails to trash");
-      } catch (u) {
-        const b = u instanceof Error ? u : new Error("Trash failed");
-        console.error("Trash error:", b), C(b.message), _ == null || _(b);
+          $("Failed to move emails to trash");
+      } catch (f) {
+        const b = f instanceof Error ? f : new Error("Trash failed");
+        console.error("Trash error:", b), $(b.message), w == null || w(b);
       }
-  }, [D, r, p, x, _]), ge = X(async () => {
-    if (!(!D || p.size === 0))
+  }, [F, r, h, x, w]), ye = Q(async () => {
+    if (!(!F || h.size === 0))
       try {
-        const u = await D.archiveEmails(r, Array.from(p));
-        if (console.log("Archive result:", u), u.success && u.archived > 0) {
-          V((B) => B.filter((W) => !p.has(W.uid)));
-          const b = Array.from(p);
-          T(/* @__PURE__ */ new Set()), x == null || x(b);
+        const f = await F.archiveEmails(r, Array.from(h));
+        if (console.log("Archive result:", f), f.success && f.archived > 0) {
+          V((B) => B.filter((W) => !h.has(W.uid)));
+          const b = Array.from(h);
+          k(/* @__PURE__ */ new Set()), x == null || x(b);
         } else
-          C("Failed to archive emails");
-      } catch (u) {
-        const b = u instanceof Error ? u : new Error("Archive failed");
-        console.error("Archive error:", b), C(b.message), _ == null || _(b);
+          $("Failed to archive emails");
+      } catch (f) {
+        const b = f instanceof Error ? f : new Error("Archive failed");
+        console.error("Archive error:", b), $(b.message), w == null || w(b);
       }
-  }, [D, r, p, x, _]), ye = X(() => {
-    if (p.size === I.length)
-      T(/* @__PURE__ */ new Set()), h == null || h([]);
+  }, [F, r, h, x, w]), xe = Q(() => {
+    if (h.size === M.length)
+      k(/* @__PURE__ */ new Set()), u == null || u([]);
     else {
-      const u = new Set(I.map((b) => b.uid));
-      T(u), h == null || h(Array.from(u));
+      const f = new Set(M.map((b) => b.uid));
+      k(f), u == null || u(Array.from(f));
     }
-  }, [I, p.size, h]), xe = X(() => {
-    T(/* @__PURE__ */ new Set()), h == null || h([]);
-  }, [h]), me = {
-    delete: he,
-    archive: ge,
+  }, [M, h.size, u]), me = Q(() => {
+    k(/* @__PURE__ */ new Set()), u == null || u([]);
+  }, [u]), ve = {
+    delete: ge,
+    archive: ye,
     refresh: Y,
-    selectAll: ye,
-    clearSelection: xe
-  }, ve = (u) => {
-    if (!u) return "";
-    const b = new Date(u), B = /* @__PURE__ */ new Date();
+    selectAll: xe,
+    clearSelection: me
+  }, be = (f) => {
+    if (!f) return "";
+    const b = new Date(f), B = /* @__PURE__ */ new Date();
     return b.toDateString() === B.toDateString() ? b.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : b.toLocaleDateString([], { month: "short", day: "numeric" });
-  }, Re = (u, b) => /* @__PURE__ */ s.jsx("div", { style: {
+  }, Re = (f, b) => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "12px 16px",
-    background: b ? g.selectedBackground : u.seen ? g.cardBackground : g.unreadBackground,
+    background: b ? g.selectedBackground : f.seen ? g.cardBackground : g.unreadBackground,
     borderBottom: `1px solid ${g.border}`,
     cursor: "pointer",
     transition: "background 0.15s ease"
-  }, children: /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "12px" }, children: [
-    /* @__PURE__ */ s.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ s.jsx("div", { style: {
+  }, children: /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "12px" }, children: [
+    /* @__PURE__ */ a.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ a.jsx("div", { style: {
         fontSize: "14px",
-        fontWeight: u.seen ? 400 : 600,
+        fontWeight: f.seen ? 400 : 600,
         color: g.text,
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis"
-      }, children: je(u.from).split("@")[0] }),
-      /* @__PURE__ */ s.jsx("div", { style: {
+      }, children: je(f.from).split("@")[0] }),
+      /* @__PURE__ */ a.jsx("div", { style: {
         fontSize: "14px",
-        fontWeight: u.seen ? 400 : 500,
-        color: u.seen ? g.textSecondary : g.text,
+        fontWeight: f.seen ? 400 : 500,
+        color: f.seen ? g.textSecondary : g.text,
         marginTop: "2px",
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis"
-      }, children: je(u.subject) || "(No subject)" })
+      }, children: je(f.subject) || "(No subject)" })
     ] }),
-    /* @__PURE__ */ s.jsx("div", { style: {
+    /* @__PURE__ */ a.jsx("div", { style: {
       fontSize: "12px",
       color: g.textSecondary,
       flexShrink: 0
-    }, children: ve(u.date) })
-  ] }) }), Te = (u) => /* @__PURE__ */ s.jsxs("div", { style: { padding: "24px" }, children: [
-    /* @__PURE__ */ s.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: g.text }, children: je(u.subject) || "(No subject)" }),
-    /* @__PURE__ */ s.jsxs("div", { style: { fontSize: "14px", color: g.textSecondary, marginBottom: "16px" }, children: [
+    }, children: be(f.date) })
+  ] }) }), Te = (f) => /* @__PURE__ */ a.jsxs("div", { style: { padding: "24px" }, children: [
+    /* @__PURE__ */ a.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: g.text }, children: je(f.subject) || "(No subject)" }),
+    /* @__PURE__ */ a.jsxs("div", { style: { fontSize: "14px", color: g.textSecondary, marginBottom: "16px" }, children: [
       "From: ",
-      je(u.from),
+      je(f.from),
       " • ",
-      new Date(u.date).toLocaleString()
+      new Date(f.date).toLocaleString()
     ] }),
-    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px", color: g.text }, children: "Email body not loaded. Implement getEmail(uid) to fetch full content." })
-  ] }), ie = (u, b) => /* @__PURE__ */ s.jsxs("div", { style: {
+    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px", color: g.text }, children: "Email body not loaded. Implement getEmail(uid) to fetch full content." })
+  ] }), ie = (f, b) => /* @__PURE__ */ a.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: "8px",
@@ -1907,7 +2027,7 @@ function Lt({
     background: g.cardBackground,
     borderBottom: `1px solid ${g.border}`
   }, children: [
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         onClick: b.selectAll,
@@ -1920,15 +2040,15 @@ function Lt({
           cursor: "pointer",
           color: g.text
         },
-        children: u.length === I.length ? "Deselect All" : "Select All"
+        children: f.length === M.length ? "Deselect All" : "Select All"
       }
     ),
-    u.length > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsxs("span", { style: { fontSize: "13px", color: g.textSecondary }, children: [
-        u.length,
+    f.length > 0 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      /* @__PURE__ */ a.jsxs("span", { style: { fontSize: "13px", color: g.textSecondary }, children: [
+        f.length,
         " selected"
       ] }),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ a.jsx(
         "button",
         {
           onClick: b.archive,
@@ -1945,10 +2065,10 @@ function Lt({
             cursor: "pointer",
             color: g.textSecondary
           },
-          children: /* @__PURE__ */ s.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "archive" })
+          children: /* @__PURE__ */ a.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "archive" })
         }
       ),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ a.jsx(
         "button",
         {
           onClick: b.delete,
@@ -1965,12 +2085,12 @@ function Lt({
             cursor: "pointer",
             color: g.textSecondary
           },
-          children: /* @__PURE__ */ s.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "delete" })
+          children: /* @__PURE__ */ a.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "delete" })
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsx("div", { style: { flex: 1 } }),
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a.jsx("div", { style: { flex: 1 } }),
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         onClick: b.refresh,
@@ -1987,59 +2107,59 @@ function Lt({
           cursor: "pointer",
           color: g.textSecondary
         },
-        children: /* @__PURE__ */ s.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "refresh" })
+        children: /* @__PURE__ */ a.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "refresh" })
       }
     )
-  ] }), oe = () => /* @__PURE__ */ s.jsx("div", { style: {
+  ] }), oe = () => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
     color: g.textSecondary
-  }, children: l }), re = () => /* @__PURE__ */ s.jsx("div", { style: {
+  }, children: l }), re = () => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
     color: g.textSecondary
-  }, children: "Loading..." }), le = S || Re, ne = $ || Te, ke = P || ie, be = N || oe, Se = H || re;
-  return Q && I.length === 0 ? /* @__PURE__ */ s.jsx("div", { style: { background: g.background, width: "100%", height: "100%" }, children: Se() }) : /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", background: g.background, width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ s.jsxs("div", { style: {
-      flex: o && U ? "0 0 50%" : "1",
+  }, children: "Loading..." }), le = T || Re, ne = C || Te, ke = P || ie, we = O || oe, Se = X || re;
+  return H && M.length === 0 ? /* @__PURE__ */ a.jsx("div", { style: { background: g.background, width: "100%", height: "100%" }, children: Se() }) : /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", background: g.background, width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ a.jsxs("div", { style: {
+      flex: s && I ? "0 0 50%" : "1",
       display: "flex",
       flexDirection: "column",
-      borderRight: o && U ? `1px solid ${g.border}` : "none",
+      borderRight: s && I ? `1px solid ${g.border}` : "none",
       overflow: "hidden"
     }, children: [
-      i && ke(Array.from(p), me),
-      k && /* @__PURE__ */ s.jsx("div", { style: {
+      i && ke(Array.from(h), ve),
+      S && /* @__PURE__ */ a.jsx("div", { style: {
         padding: "12px 16px",
         background: "#fef2f2",
         color: g.danger,
         fontSize: "14px",
         borderBottom: `1px solid ${g.border}`
-      }, children: k }),
-      /* @__PURE__ */ s.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: I.length === 0 ? be() : I.map((u, b) => /* @__PURE__ */ s.jsx(
+      }, children: S }),
+      /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: M.length === 0 ? we() : M.map((f, b) => /* @__PURE__ */ a.jsx(
         "div",
         {
-          onClick: (B) => pe(u, b, B),
-          children: le(u, p.has(u.uid))
+          onClick: (B) => he(f, b, B),
+          children: le(f, h.has(f.uid))
         },
-        u.uid
+        f.uid
       )) })
     ] }),
-    o && U && /* @__PURE__ */ s.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: ne(U) })
+    s && I && /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: ne(I) })
   ] });
 }
 export {
   Bt as AnimatedCardFlip,
   Tt as ApiClient,
   Rt as AuthManager,
-  Mt as Card,
-  Fe as DataOperations,
-  Ut as Detail,
+  Dt as Card,
+  Ue as DataOperations,
+  It as Detail,
   $t as GraphClient,
   Lt as Mail,
   Et as MailClient,
-  It as Stack,
+  Mt as Stack,
   tt as getApiClient,
-  Dt as initializeApiClient,
-  Ft as useMutation,
+  Ft as initializeApiClient,
+  Ut as useMutation,
   kt as useQuery
 };