@qwanyx/stack 0.2.7 → 0.2.10

package/dist/index.esm.js

@@ -1,15 +1,15 @@
 var _t = Object.defineProperty;
 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";
+var he = (p, t, r) => jt(p, typeof t != "symbol" ? t + "" : t, r);
+import tt, { useState as B, useCallback as K, useEffect as de, useMemo as rt, useRef as He } from "react";
 class $t {
   constructor(t) {
-    de(this, "config");
+    he(this, "config");
     // ===== FILE OPERATIONS =====
     /**
      * Options for file upload
      */
-    de(this, "defaultUploadOptions", {
+    he(this, "defaultUploadOptions", {
       maxSizeMB: 10,
       maxImageDimension: 0,
       // 0 = no resize
@@ -30,7 +30,7 @@ class $t {
       params: r
     };
     try {
-      const a = await fetch(`${this.config.baseUrl}/spu/invoke`, {
+      const o = await fetch(`${this.config.baseUrl}/spu/invoke`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -38,16 +38,16 @@ class $t {
         },
         body: JSON.stringify(n)
       });
-      if (!a.ok) {
-        const l = await a.text();
-        throw new Error(`API error (${a.status}): ${l}`);
+      if (!o.ok) {
+        const l = await o.text();
+        throw new Error(`API error (${o.status}): ${l}`);
       }
-      const s = await a.json();
+      const s = await o.json();
       if (!s.success && s.error)
         throw new Error(s.error);
       return s;
-    } catch (a) {
-      throw console.error("Graph API call failed:", a), a;
+    } catch (o) {
+      throw console.error("Graph API call failed:", o), o;
     }
   }
   /**
@@ -96,10 +96,10 @@ class $t {
         ...r,
         modified: (/* @__PURE__ */ new Date()).toISOString()
       }
-    }, a = await this.callGraph("update_node", n);
-    if (!a.result)
+    }, o = await this.callGraph("update_node", n);
+    if (!o.result)
       throw new Error("Failed to update node");
-    return a.result;
+    return o.result;
   }
   /**
    * Delete a node
@@ -114,23 +114,23 @@ class $t {
   /**
    * Get children with edges (supports different display modes)
    */
-  async getChildrenWithEdges(t, r = "children", n, a) {
+  async getChildrenWithEdges(t, r = "children", n, o) {
     return (await this.callGraph("get_children_with_edges", {
       node_id: t,
       display_mode: r,
       edge_type: n,
-      node_type: a
+      node_type: o
     })).result || [];
   }
   /**
    * Add an edge between two nodes
    */
-  async addEdge(t, r, n = "link", a) {
+  async addEdge(t, r, n = "link", o) {
     return await this.callGraph("add_edge", {
       source_id: t,
       target_id: r,
       edge_type: n,
-      data: a
+      data: o
     });
   }
   /**
@@ -209,11 +209,11 @@ class $t {
    */
   fileToBase64(t) {
     return new Promise((r, n) => {
-      const a = new FileReader();
-      a.onload = () => {
-        const l = a.result.split(",")[1];
+      const o = new FileReader();
+      o.onload = () => {
+        const l = o.result.split(",")[1];
         r(l);
-      }, a.onerror = () => n(new Error("Failed to read file")), a.readAsDataURL(t);
+      }, o.onerror = () => n(new Error("Failed to read file")), o.readAsDataURL(t);
     });
   }
   /**
@@ -221,37 +221,37 @@ class $t {
    * Returns the original file if not an image or no resize needed
    */
   async resizeImage(t, r, n) {
-    return t.type.startsWith("image/") ? new Promise((a) => {
+    return t.type.startsWith("image/") ? new Promise((o) => {
       const s = new Image(), l = URL.createObjectURL(t);
       s.onload = () => {
         if (URL.revokeObjectURL(l), s.width <= r && s.height <= r) {
-          a(t);
+          o(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 m = u.getContext("2d");
-        if (!m) {
-          a(t);
+        let h, d;
+        s.width > s.height ? (h = r, d = Math.round(s.height / s.width * r)) : (d = r, h = Math.round(s.width / s.height * r));
+        const g = document.createElement("canvas");
+        g.width = h, g.height = d;
+        const u = g.getContext("2d");
+        if (!u) {
+          o(t);
           return;
         }
-        m.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 });
-              a(C);
+        u.drawImage(s, 0, 0, h, d);
+        const R = t.type === "image/png" ? "image/png" : "image/jpeg";
+        g.toBlob(
+          (x) => {
+            if (x) {
+              const P = new File([x], t.name, { type: R });
+              o(P);
             } else
-              a(t);
+              o(t);
           },
-          w,
+          R,
           n
         );
       }, s.onerror = () => {
-        URL.revokeObjectURL(l), a(t);
+        URL.revokeObjectURL(l), o(t);
       }, s.src = l;
     }) : t;
   }
@@ -262,23 +262,23 @@ class $t {
    * @param file - The File object to upload
    * @param options - Upload options (maxSizeMB, maxImageDimension, imageQuality)
    */
-  async uploadFile(t, r, n, a = {}) {
-    const s = { ...this.defaultUploadOptions, ...a };
+  async uploadFile(t, r, n, o = {}) {
+    const s = { ...this.defaultUploadOptions, ...o };
     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)
+      const h = s.maxSizeMB * 1024 * 1024;
+      if (l.size > h)
         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", {
+      const d = await this.fileToBase64(l), g = 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" };
+      return g.success ? { success: !0, path: g.path } : { success: !1, error: g.error || "Upload failed" };
     } catch (l) {
       return {
         success: !1,
@@ -291,10 +291,10 @@ class $t {
    * @param nodeId - The node to list files for
    */
   async listFiles(t) {
-    var a;
-    return (((a = (await this.callGraph("list_files", {
+    var o;
+    return (((o = (await this.callGraph("list_files", {
       node_id: t
-    })).result) == null ? void 0 : a.files) || []).map((s) => ({
+    })).result) == null ? void 0 : o.files) || []).map((s) => ({
       filename: s.name,
       path: s.path
     }));
@@ -321,45 +321,57 @@ class $t {
 }
 class Et {
   constructor(t) {
-    de(this, "config");
+    he(this, "config");
     if (!t.system_id)
       throw new Error("MailClient: system_id is REQUIRED");
     this.config = t;
   }
   /**
-   * Call the Mail coprocessor
+   * Call a coprocessor (default: mail)
    */
-  async callMail(t, r = {}) {
-    const n = {
-      coprocessor: "mail",
-      method: t,
+  async callCoprocessor(t, r, n = {}) {
+    const o = {
+      coprocessor: t,
+      method: r,
       system_id: this.config.system_id,
       params: {
         user_id: this.config.system_id,
-        ...r
+        ...n
       }
     };
     try {
-      const a = await fetch(`${this.config.baseUrl}/spu/invoke`, {
+      const s = await fetch(`${this.config.baseUrl}/spu/invoke`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.getToken()}`
         },
-        body: JSON.stringify(n)
+        body: JSON.stringify(o)
       });
-      if (!a.ok) {
-        const l = await a.text();
-        throw new Error(`API error (${a.status}): ${l}`);
+      if (!s.ok) {
+        const h = await s.text();
+        throw new Error(`API error (${s.status}): ${h}`);
       }
-      const s = await a.json();
-      if (!s.success && s.error)
-        throw new Error(s.error);
-      return s.result;
-    } catch (a) {
-      throw console.error("Mail API call failed:", a), a;
+      const l = await s.json();
+      if (!l.success && l.error)
+        throw new Error(l.error);
+      return l.result;
+    } catch (s) {
+      throw console.error("API call failed:", s), s;
     }
   }
+  /**
+   * Call the Mail coprocessor (IMAP operations)
+   */
+  async callMail(t, r = {}) {
+    return this.callCoprocessor("mail", t, r);
+  }
+  /**
+   * Call the Email coprocessor (SMTP operations)
+   */
+  async callEmail(t, r = {}) {
+    return this.callCoprocessor("email", t, r);
+  }
   /**
    * Get auth token from localStorage (browser) or return empty string
    */
@@ -385,12 +397,16 @@ class Et {
   }
   // ===== EMAIL OPERATIONS =====
   /**
-   * List emails from IMAP inbox
+   * List emails from IMAP folder
+   * @param accountId - Account to use (defaults to first account)
+   * @param limit - Max emails to fetch
+   * @param folder - IMAP folder (default: INBOX). Gmail categories: CATEGORY_SOCIAL, CATEGORY_PROMOTIONS, CATEGORY_UPDATES, CATEGORY_FORUMS
    */
-  async listEmails(t, r = 20) {
+  async listEmails(t, r = 20, n) {
     return this.callMail("list_emails", {
       account_id: t,
-      limit: r
+      limit: r,
+      folder: n
     });
   }
   /**
@@ -416,13 +432,19 @@ class Et {
   // ===== HIGH-LEVEL OPERATIONS (built on imapExec) =====
   /**
    * Move emails to trash (soft delete)
+   * Tries multiple folder names for Gmail locales
    */
   async trashEmails(t, r) {
-    const n = [
-      "SELECT INBOX",
-      ...r.map((l) => `UID MOVE ${l} [Gmail]/Trash`)
-    ], s = (await this.imapExec(t, n)).responses.filter((l) => l.ok && l.command === "UID MOVE").length;
-    return { success: s > 0, moved: s };
+    const n = ["[Gmail]/Trash", "[Gmail]/Corbeille", "[Gmail]/Bin", "Trash"];
+    for (const o of n) {
+      const s = [
+        "SELECT INBOX",
+        ...r.map((d) => `UID MOVE ${d} ${o}`)
+      ], h = (await this.imapExec(t, s)).responses.filter((d) => d.ok && d.command === "UID MOVE").length;
+      if (h > 0)
+        return { success: !0, moved: h };
+    }
+    return { success: !1, moved: 0 };
   }
   /**
    * Archive emails (remove from inbox, keep in All Mail)
@@ -439,41 +461,63 @@ class Et {
    * List available folders
    */
   async listFolders(t) {
-    const n = (await this.imapExec(t, ['LIST "" *'])).responses.find((a) => a.command === "LIST");
+    const n = (await this.imapExec(t, ['LIST "" *'])).responses.find((o) => o.command === "LIST");
     return n != null && n.ok && n.folders ? { success: !0, folders: n.folders } : { success: !1, folders: [] };
   }
+  /**
+   * Get a single email by UID with full body content
+   */
+  async getEmail(t, r) {
+    return this.callMail("get_email", {
+      account_id: t,
+      uid: r
+    });
+  }
+  // ===== SMTP OPERATIONS (via email coprocessor) =====
+  /**
+   * Send an email via SMTP
+   * Uses the email coprocessor which handles SMTP configuration
+   */
+  async sendMail(t) {
+    const r = {
+      to: t.to,
+      subject: t.subject,
+      body: t.body
+    };
+    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 $e = "qwanyx_auth_token", Fe = "qwanyx_refresh_token";
+const Me = "qwanyx_auth_token", De = "qwanyx_refresh_token";
 class Rt {
   /**
    * Store authentication token
    */
   static setToken(t) {
-    typeof window < "u" && localStorage.setItem($e, t);
+    typeof window < "u" && localStorage.setItem(Me, t);
   }
   /**
    * Get authentication token
    */
   static getToken() {
-    return typeof window < "u" ? localStorage.getItem($e) : null;
+    return typeof window < "u" ? localStorage.getItem(Me) : null;
   }
   /**
    * Remove authentication token
    */
   static clearToken() {
-    typeof window < "u" && (localStorage.removeItem($e), localStorage.removeItem(Fe));
+    typeof window < "u" && (localStorage.removeItem(Me), localStorage.removeItem(De));
   }
   /**
    * Store refresh token
    */
   static setRefreshToken(t) {
-    typeof window < "u" && localStorage.setItem(Fe, t);
+    typeof window < "u" && localStorage.setItem(De, t);
   }
   /**
    * Get refresh token
    */
   static getRefreshToken() {
-    return typeof window < "u" ? localStorage.getItem(Fe) : null;
+    return typeof window < "u" ? localStorage.getItem(De) : null;
   }
   /**
    * Check if user is authenticated
@@ -491,7 +535,7 @@ class Rt {
 }
 class Tt {
   constructor(t) {
-    de(this, "config");
+    he(this, "config");
     this.config = {
       timeout: 3e4,
       headers: {
@@ -507,8 +551,8 @@ class Tt {
     if (!t || Object.keys(t).length === 0)
       return "";
     const r = new URLSearchParams();
-    Object.entries(t).forEach(([a, s]) => {
-      s != null && r.append(a, String(s));
+    Object.entries(t).forEach(([o, s]) => {
+      s != null && r.append(o, String(s));
     });
     const n = r.toString();
     return n ? `?${n}` : "";
@@ -519,32 +563,32 @@ class Tt {
   async request(t, r = {}) {
     const {
       method: n = "GET",
-      headers: a = {},
+      headers: o = {},
       body: s,
       params: l
-    } = r, y = `${this.config.baseUrl}/${t}${this.buildQueryString(l)}`, d = {
+    } = r, h = `${this.config.baseUrl}/${t}${this.buildQueryString(l)}`, d = {
       ...this.config.headers,
       ...Rt.getAuthHeader(),
-      ...a
-    }, u = {
+      ...o
+    }, g = {
       method: n,
       headers: d
     };
-    s && n !== "GET" && (u.body = JSON.stringify(s));
+    s && n !== "GET" && (g.body = JSON.stringify(s));
     try {
-      const m = new AbortController(), w = setTimeout(() => m.abort(), this.config.timeout), T = await fetch(y, {
-        ...u,
-        signal: m.signal
+      const u = new AbortController(), R = setTimeout(() => u.abort(), this.config.timeout), x = await fetch(h, {
+        ...g,
+        signal: u.signal
       });
-      if (clearTimeout(w), !T.ok) {
-        const C = await T.json().catch(() => ({
-          message: T.statusText
+      if (clearTimeout(R), !x.ok) {
+        const P = await x.json().catch(() => ({
+          message: x.statusText
         }));
-        throw new Error(C.message || `HTTP ${T.status}`);
+        throw new Error(P.message || `HTTP ${x.status}`);
       }
-      return await T.json();
-    } catch (m) {
-      throw m instanceof Error ? m : new Error("An unexpected error occurred");
+      return await x.json();
+    } catch (u) {
+      throw u instanceof Error ? u : new Error("An unexpected error occurred");
     }
   }
   /**
@@ -590,88 +634,88 @@ class Tt {
     return this.config.baseUrl;
   }
 }
-let Ee = null;
+let Te = null;
 function Ft(p) {
-  return Ee = new Tt(p), Ee;
+  return Te = new Tt(p), Te;
 }
-function tt() {
-  if (!Ee)
+function nt() {
+  if (!Te)
     throw new Error("API client not initialized. Call initializeApiClient() first.");
-  return Ee;
+  return Te;
 }
 function kt(p, t, r = {}) {
   const {
     enabled: n = !0,
-    refetchOnMount: a = !0,
+    refetchOnMount: o = !0,
     onSuccess: s,
     onError: l
-  } = r, [y, d] = L(null), [u, m] = L(n), [w, T] = L(null), C = Q(async () => {
+  } = r, [h, d] = B(null), [g, u] = B(n), [R, x] = B(null), P = K(async () => {
     if (n) {
-      m(!0), T(null);
+      u(!0), x(null);
       try {
-        const O = await tt().get(p, t);
-        d(O), s == null || s(O);
-      } catch (P) {
-        const O = P instanceof Error ? P : new Error("Unknown error");
-        T(O), l == null || l(O);
+        const k = await nt().get(p, t);
+        d(k), s == null || s(k);
+      } catch (C) {
+        const k = C instanceof Error ? C : new Error("Unknown error");
+        x(k), l == null || l(k);
       } finally {
-        m(!1);
+        u(!1);
       }
     }
   }, [p, JSON.stringify(t), n, s, l]);
-  return pe(() => {
-    a && C();
-  }, [C, a]), {
-    data: y,
-    loading: u,
-    error: w,
-    refetch: C
+  return de(() => {
+    o && P();
+  }, [P, o]), {
+    data: h,
+    loading: g,
+    error: R,
+    refetch: P
   };
 }
 function Ut(p, t = "POST", r = {}) {
-  const { onSuccess: n, onError: a } = r, [s, l] = L(null), [y, d] = L(!1), [u, m] = L(null), w = Q(
-    async (C) => {
-      d(!0), m(null);
+  const { onSuccess: n, onError: o } = r, [s, l] = B(null), [h, d] = B(!1), [g, u] = B(null), R = K(
+    async (P) => {
+      d(!0), u(null);
       try {
-        const P = tt();
-        let O;
+        const C = nt();
+        let k;
         switch (t) {
           case "POST":
-            O = await P.post(p, C);
+            k = await C.post(p, P);
             break;
           case "PUT":
-            O = await P.put(p, C);
+            k = await C.put(p, P);
             break;
           case "PATCH":
-            O = await P.patch(p, C);
+            k = await C.patch(p, P);
             break;
           case "DELETE":
-            O = await P.delete(p);
+            k = await C.delete(p);
             break;
           default:
             throw new Error(`Unsupported method: ${t}`);
         }
-        return l(O), n == null || n(O, C), O;
-      } catch (P) {
-        const O = P instanceof Error ? P : new Error("Unknown error");
-        return m(O), a == null || a(O, C), null;
+        return l(k), n == null || n(k, P), k;
+      } catch (C) {
+        const k = C instanceof Error ? C : new Error("Unknown error");
+        return u(k), o == null || o(k, P), null;
       } finally {
         d(!1);
       }
     },
-    [p, t, n, a]
-  ), T = Q(() => {
-    l(null), m(null), d(!1);
+    [p, t, n, o]
+  ), x = K(() => {
+    l(null), u(null), d(!1);
   }, []);
   return {
     data: s,
-    loading: y,
-    error: u,
-    mutate: w,
-    reset: T
+    loading: h,
+    error: g,
+    mutate: R,
+    reset: x
   };
 }
-var Me = { exports: {} }, ue = {};
+var Be = { exports: {} }, ge = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -681,21 +725,21 @@ var Me = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xe;
+var Ze;
 function St() {
-  if (Xe) return ue;
-  Xe = 1;
-  var p = Ze, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, a = 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 m, 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 (m in d) n.call(d, m) && !s.hasOwnProperty(m) && (w[m] = d[m]);
-    if (y && y.defaultProps) for (m in d = y.defaultProps, d) w[m] === void 0 && (w[m] = d[m]);
-    return { $$typeof: t, type: y, key: T, ref: C, props: w, _owner: a.current };
-  }
-  return ue.Fragment = r, ue.jsx = l, ue.jsxs = l, ue;
+  if (Ze) return ge;
+  Ze = 1;
+  var p = tt, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(h, d, g) {
+    var u, R = {}, x = null, P = null;
+    g !== void 0 && (x = "" + g), d.key !== void 0 && (x = "" + d.key), d.ref !== void 0 && (P = d.ref);
+    for (u in d) n.call(d, u) && !s.hasOwnProperty(u) && (R[u] = d[u]);
+    if (h && h.defaultProps) for (u in d = h.defaultProps, d) R[u] === void 0 && (R[u] = d[u]);
+    return { $$typeof: t, type: h, key: x, ref: P, props: R, _owner: o.current };
+  }
+  return ge.Fragment = r, ge.jsx = l, ge.jsxs = l, ge;
 }
-var fe = {};
+var ye = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -705,57 +749,57 @@ var fe = {};
  * 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 et;
 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"), a = 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"), m = 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) {
+  return et || (et = 1, process.env.NODE_ENV !== "production" && function() {
+    var p = tt, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), h = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), C = Symbol.iterator, k = "@@iterator";
+    function Z(e) {
       if (e === null || typeof e != "object")
         return null;
-      var o = P && e[P] || e[O];
-      return typeof o == "function" ? o : null;
+      var i = C && e[C] || e[k];
+      return typeof i == "function" ? i : null;
     }
-    var z = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(e) {
+    var W = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function $(e) {
       {
-        for (var o = arguments.length, c = new Array(o > 1 ? o - 1 : 0), x = 1; x < o; x++)
-          c[x - 1] = arguments[x];
-        M("error", e, c);
+        for (var i = arguments.length, c = new Array(i > 1 ? i - 1 : 0), m = 1; m < i; m++)
+          c[m - 1] = arguments[m];
+        Q("error", e, c);
       }
     }
-    function M(e, o, c) {
+    function Q(e, i, c) {
       {
-        var x = z.ReactDebugCurrentFrame, N = x.getStackAddendum();
-        N !== "" && (o += "%s", c = c.concat([N]));
-        var A = c.map(function(R) {
-          return String(R);
+        var m = W.ReactDebugCurrentFrame, N = m.getStackAddendum();
+        N !== "" && (i += "%s", c = c.concat([N]));
+        var A = c.map(function(T) {
+          return String(T);
         });
-        A.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, A);
+        A.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, A);
       }
     }
-    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 === a || e === u || e === m || 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
+    var w = !1, L = !1, v = !1, S = !1, F = !1, _;
+    _ = Symbol.for("react.module.reference");
+    function O(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === s || F || e === o || e === g || e === u || S || e === P || w || L || v || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === R || e.$$typeof === l || e.$$typeof === h || 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 === h || e.getModuleId !== void 0));
+      e.$$typeof === _ || e.getModuleId !== void 0));
     }
-    function j(e, o, c) {
-      var x = e.displayName;
-      if (x)
-        return x;
-      var N = o.displayName || o.name || "";
+    function y(e, i, c) {
+      var m = e.displayName;
+      if (m)
+        return m;
+      var N = i.displayName || i.name || "";
       return N !== "" ? c + "(" + N + ")" : c;
     }
-    function Z(e) {
+    function G(e) {
       return e.displayName || "Context";
     }
-    function I(e) {
+    function D(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")
+      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")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -766,30 +810,30 @@ function Ot() {
           return "Portal";
         case s:
           return "Profiler";
-        case a:
+        case o:
           return "StrictMode";
-        case u:
+        case g:
           return "Suspense";
-        case m:
+        case u:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
-            var o = e;
-            return Z(o) + ".Consumer";
+          case h:
+            var i = e;
+            return G(i) + ".Consumer";
           case l:
             var c = e;
-            return Z(c._context) + ".Provider";
+            return G(c._context) + ".Provider";
           case d:
-            return j(e, e.render, "ForwardRef");
-          case w:
-            var x = e.displayName || null;
-            return x !== null ? x : I(e.type) || "Memo";
-          case T: {
-            var N = e, A = N._payload, R = N._init;
+            return y(e, e.render, "ForwardRef");
+          case R:
+            var m = e.displayName || null;
+            return m !== null ? m : D(e.type) || "Memo";
+          case x: {
+            var N = e, A = N._payload, T = N._init;
             try {
-              return I(R(A));
+              return D(T(A));
             } catch {
               return null;
             }
@@ -797,18 +841,18 @@ function Ot() {
         }
       return null;
     }
-    var E = Object.assign, F = 0, Y, he, ge, ye, me, xe, ve;
-    function be() {
+    var E = Object.assign, I = 0, V, X, re, me, xe, ve, be;
+    function we() {
     }
-    be.__reactDisabledLog = !0;
-    function Re() {
+    we.__reactDisabledLog = !0;
+    function ke() {
       {
-        if (F === 0) {
-          Y = console.log, he = console.info, ge = console.warn, ye = console.error, me = console.group, xe = console.groupCollapsed, ve = console.groupEnd;
+        if (I === 0) {
+          V = console.log, X = console.info, re = console.warn, me = console.error, xe = console.group, ve = console.groupCollapsed, be = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: be,
+            value: we,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -821,12 +865,12 @@ function Ot() {
             groupEnd: e
           });
         }
-        F++;
+        I++;
       }
     }
-    function Te() {
+    function Se() {
       {
-        if (F--, F === 0) {
+        if (I--, I === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -834,237 +878,237 @@ function Ot() {
           };
           Object.defineProperties(console, {
             log: E({}, e, {
-              value: Y
+              value: V
             }),
             info: E({}, e, {
-              value: he
+              value: X
             }),
             warn: E({}, e, {
-              value: ge
+              value: re
             }),
             error: E({}, e, {
-              value: ye
+              value: me
             }),
             group: E({}, e, {
-              value: me
+              value: xe
             }),
             groupCollapsed: E({}, e, {
-              value: xe
+              value: ve
             }),
             groupEnd: E({}, e, {
-              value: ve
+              value: be
             })
           });
         }
-        F < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ie = z.ReactCurrentDispatcher, oe;
-    function re(e, o, c) {
+    var ue = W.ReactCurrentDispatcher, fe;
+    function ae(e, i, c) {
       {
-        if (oe === void 0)
+        if (fe === void 0)
           try {
             throw Error();
           } catch (N) {
-            var x = N.stack.trim().match(/\n( *(at )?)/);
-            oe = x && x[1] || "";
+            var m = N.stack.trim().match(/\n( *(at )?)/);
+            fe = m && m[1] || "";
           }
         return `
-` + oe + e;
+` + fe + e;
       }
     }
-    var le = !1, ne;
+    var pe = !1, ie;
     {
-      var ke = typeof WeakMap == "function" ? WeakMap : Map;
-      ne = new ke();
+      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
+      ie = new Oe();
     }
-    function we(e, o) {
-      if (!e || le)
+    function _e(e, i) {
+      if (!e || pe)
         return "";
       {
-        var c = ne.get(e);
+        var c = ie.get(e);
         if (c !== void 0)
           return c;
       }
-      var x;
-      le = !0;
+      var m;
+      pe = !0;
       var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var A;
-      A = ie.current, ie.current = null, Re();
+      A = ue.current, ue.current = null, ke();
       try {
-        if (o) {
-          var R = function() {
+        if (i) {
+          var T = function() {
             throw Error();
           };
-          if (Object.defineProperty(R.prototype, "props", {
+          if (Object.defineProperty(T.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(R, []);
+              Reflect.construct(T, []);
             } catch (q) {
-              x = q;
+              m = q;
             }
-            Reflect.construct(e, [], R);
+            Reflect.construct(e, [], T);
           } else {
             try {
-              R.call();
+              T.call();
             } catch (q) {
-              x = q;
+              m = q;
             }
-            e.call(R.prototype);
+            e.call(T.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (q) {
-            x = q;
+            m = q;
           }
           e();
         }
       } catch (q) {
-        if (q && x && typeof q.stack == "string") {
-          for (var _ = q.stack.split(`
-`), G = x.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)
+        if (q && m && typeof q.stack == "string") {
+          for (var j = q.stack.split(`
+`), Y = m.stack.split(`
+`), U = j.length - 1, M = Y.length - 1; U >= 1 && M >= 0 && j[U] !== Y[M]; )
+            M--;
+          for (; U >= 1 && M >= 0; U--, M--)
+            if (j[U] !== Y[M]) {
+              if (U !== 1 || M !== 1)
                 do
-                  if (U--, D--, D < 0 || _[U] !== G[D]) {
-                    var K = `
-` + _[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;
+                  if (U--, M--, M < 0 || j[U] !== Y[M]) {
+                    var H = `
+` + j[U].replace(" at new ", " at ");
+                    return e.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, H), H;
                   }
-                while (U >= 1 && D >= 0);
+                while (U >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        le = !1, ie.current = A, Te(), Error.prepareStackTrace = N;
+        pe = !1, ue.current = A, Se(), Error.prepareStackTrace = N;
       }
-      var ae = e ? e.displayName || e.name : "", te = ae ? re(ae) : "";
-      return typeof e == "function" && ne.set(e, te), te;
+      var ce = e ? e.displayName || e.name : "", se = ce ? ae(ce) : "";
+      return typeof e == "function" && ie.set(e, se), se;
     }
-    function Se(e, o, c) {
-      return we(e, !1);
+    function Ne(e, i, c) {
+      return _e(e, !1);
     }
-    function f(e) {
-      var o = e.prototype;
-      return !!(o && o.isReactComponent);
+    function Pe(e) {
+      var i = e.prototype;
+      return !!(i && i.isReactComponent);
     }
-    function b(e, o, c) {
+    function oe(e, i, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return we(e, f(e));
+        return _e(e, Pe(e));
       if (typeof e == "string")
-        return re(e);
+        return ae(e);
       switch (e) {
+        case g:
+          return ae("Suspense");
         case u:
-          return re("Suspense");
-        case m:
-          return re("SuspenseList");
+          return ae("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            return Se(e.render);
-          case w:
-            return b(e.type, o, c);
-          case T: {
-            var x = e, N = x._payload, A = x._init;
+            return Ne(e.render);
+          case R:
+            return oe(e.type, i, c);
+          case x: {
+            var m = e, N = m._payload, A = m._init;
             try {
-              return b(A(N), o, c);
+              return oe(A(N), i, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var B = Object.prototype.hasOwnProperty, W = {}, ee = z.ReactDebugCurrentFrame;
-    function J(e) {
+    var ne = Object.prototype.hasOwnProperty, f = {}, b = W.ReactDebugCurrentFrame;
+    function z(e) {
       if (e) {
-        var o = e._owner, c = b(e.type, e._source, o ? o.type : null);
-        ee.setExtraStackFrame(c);
+        var i = e._owner, c = oe(e.type, e._source, i ? i.type : null);
+        b.setExtraStackFrame(c);
       } else
-        ee.setExtraStackFrame(null);
+        b.setExtraStackFrame(null);
     }
-    function Oe(e, o, c, x, N) {
+    function J(e, i, c, m, N) {
       {
-        var A = Function.call.bind(B);
-        for (var R in e)
-          if (A(e, R)) {
-            var _ = void 0;
+        var A = Function.call.bind(ne);
+        for (var T in e)
+          if (A(e, T)) {
+            var j = void 0;
             try {
-              if (typeof e[R] != "function") {
-                var G = Error((x || "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;
+              if (typeof e[T] != "function") {
+                var Y = Error((m || "React class") + ": " + c + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw Y.name = "Invariant Violation", Y;
               }
-              _ = e[R](o, R, x, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = e[T](i, T, m, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (U) {
-              _ = U;
+              j = U;
             }
-            _ && !(_ 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).", x || "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));
+            j && !(j instanceof Error) && (z(N), $("%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, T, typeof j), z(null)), j instanceof Error && !(j.message in f) && (f[j.message] = !0, z(N), $("Failed %s type: %s", c, j.message), z(null));
           }
       }
     }
-    var _e = Array.isArray;
-    function ce(e) {
-      return _e(e);
+    var te = Array.isArray;
+    function ee(e) {
+      return te(e);
     }
-    function rt(e) {
+    function Ce(e) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, c = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var i = typeof Symbol == "function" && Symbol.toStringTag, c = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return c;
       }
     }
-    function nt(e) {
+    function je(e) {
       try {
-        return De(e), !1;
+        return Ee(e), !1;
       } catch {
         return !0;
       }
     }
-    function De(e) {
+    function Ee(e) {
       return "" + 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)), De(e);
+    function Le(e) {
+      if (je(e))
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ce(e)), Ee(e);
     }
-    var Be = z.ReactCurrentOwner, st = {
+    var ze = W.ReactCurrentOwner, st = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Le, ze;
+    }, We, Ge;
     function at(e) {
-      if (B.call(e, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (o && o.isReactWarning)
+      if (ne.call(e, "ref")) {
+        var i = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
     function it(e) {
-      if (B.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning)
+      if (ne.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function ot(e, o) {
-      typeof e.ref == "string" && Be.current;
+    function ot(e, i) {
+      typeof e.ref == "string" && ze.current;
     }
-    function lt(e, o) {
+    function lt(e, i) {
       {
         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)", o));
+          We || (We = !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)", i));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: c,
@@ -1072,10 +1116,10 @@ function Ot() {
         });
       }
     }
-    function ct(e, o) {
+    function ct(e, i) {
       {
         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)", o));
+          Ge || (Ge = !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)", i));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: c,
@@ -1083,70 +1127,70 @@ function Ot() {
         });
       }
     }
-    var dt = function(e, o, c, x, N, A, R) {
-      var _ = {
+    var dt = function(e, i, c, m, N, A, T) {
+      var j = {
         // 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: o,
+        key: i,
         ref: c,
-        props: R,
+        props: T,
         // Record the component responsible for creating this element.
         _owner: A
       };
-      return _._store = {}, Object.defineProperty(_._store, "validated", {
+      return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(_, "_self", {
+      }), Object.defineProperty(j, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
-      }), Object.defineProperty(_, "_source", {
+        value: m
+      }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: N
-      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function ut(e, o, c, x, N) {
+    function ut(e, i, c, m, N) {
       {
-        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]);
+        var A, T = {}, j = null, Y = null;
+        c !== void 0 && (Le(c), j = "" + c), it(i) && (Le(i.key), j = "" + i.key), at(i) && (Y = i.ref, ot(i, N));
+        for (A in i)
+          ne.call(i, A) && !st.hasOwnProperty(A) && (T[A] = i[A]);
         if (e && e.defaultProps) {
           var U = e.defaultProps;
           for (A in U)
-            R[A] === void 0 && (R[A] = U[A]);
+            T[A] === void 0 && (T[A] = U[A]);
         }
-        if (_ || G) {
-          var D = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          _ && lt(R, D), G && ct(R, D);
+        if (j || Y) {
+          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          j && lt(T, M), Y && ct(T, M);
         }
-        return dt(e, _, G, N, x, Be.current, R);
+        return dt(e, j, Y, N, m, ze.current, T);
       }
     }
-    var Ne = z.ReactCurrentOwner, We = z.ReactDebugCurrentFrame;
-    function se(e) {
+    var Ae = W.ReactCurrentOwner, Ye = W.ReactDebugCurrentFrame;
+    function le(e) {
       if (e) {
-        var o = e._owner, c = b(e.type, e._source, o ? o.type : null);
-        We.setExtraStackFrame(c);
+        var i = e._owner, c = oe(e.type, e._source, i ? i.type : null);
+        Ye.setExtraStackFrame(c);
       } else
-        We.setExtraStackFrame(null);
+        Ye.setExtraStackFrame(null);
     }
-    var Pe;
-    Pe = !1;
-    function Ae(e) {
+    var $e;
+    $e = !1;
+    function Fe(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function Ge() {
+    function qe() {
       {
-        if (Ne.current) {
-          var e = I(Ne.current.type);
+        if (Ae.current) {
+          var e = D(Ae.current.type);
           if (e)
             return `
 
@@ -1158,146 +1202,146 @@ Check the render method of \`` + e + "`.";
     function ft(e) {
       return "";
     }
-    var Ye = {};
+    var Ve = {};
     function pt(e) {
       {
-        var o = Ge();
-        if (!o) {
+        var i = qe();
+        if (!i) {
           var c = typeof e == "string" ? e : e.displayName || e.name;
-          c && (o = `
+          c && (i = `
 
 Check the top-level render call using <` + c + ">.");
         }
-        return o;
+        return i;
       }
     }
-    function qe(e, o) {
+    function Je(e, i) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = pt(o);
-        if (Ye[c])
+        var c = pt(i);
+        if (Ve[c])
           return;
-        Ye[c] = !0;
-        var x = "";
-        e && e._owner && e._owner !== Ne.current && (x = " 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, x), se(null);
+        Ve[c] = !0;
+        var m = "";
+        e && e._owner && e._owner !== Ae.current && (m = " It was passed a child from " + D(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.', c, m), le(null);
       }
     }
-    function Ve(e, o) {
+    function Ke(e, i) {
       {
         if (typeof e != "object")
           return;
-        if (ce(e))
+        if (ee(e))
           for (var c = 0; c < e.length; c++) {
-            var x = e[c];
-            Ae(x) && qe(x, o);
+            var m = e[c];
+            Fe(m) && Je(m, i);
           }
-        else if (Ae(e))
+        else if (Fe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var N = X(e);
+          var N = Z(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);
+            for (var A = N.call(e), T; !(T = A.next()).done; )
+              Fe(T.value) && Je(T.value, i);
         }
       }
     }
     function ht(e) {
       {
-        var o = e.type;
-        if (o == null || typeof o == "string")
+        var i = e.type;
+        if (i == null || typeof i == "string")
           return;
         var c;
-        if (typeof o == "function")
-          c = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === d || // Note: Memo only checks outer props here.
+        if (typeof i == "function")
+          c = i.propTypes;
+        else if (typeof i == "object" && (i.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === w))
-          c = o.propTypes;
+        i.$$typeof === R))
+          c = i.propTypes;
         else
           return;
         if (c) {
-          var x = I(o);
-          Oe(c, e.props, "prop", x, e);
-        } else if (o.PropTypes !== void 0 && !Pe) {
-          Pe = !0;
-          var N = I(o);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+          var m = D(i);
+          J(c, e.props, "prop", m, e);
+        } else if (i.PropTypes !== void 0 && !$e) {
+          $e = !0;
+          var N = D(i);
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function gt(e) {
       {
-        for (var o = Object.keys(e.props), c = 0; c < o.length; c++) {
-          var x = o[c];
-          if (x !== "children" && x !== "key") {
-            se(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), se(null);
+        for (var i = Object.keys(e.props), c = 0; c < i.length; c++) {
+          var m = i[c];
+          if (m !== "children" && m !== "key") {
+            le(e), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), le(null);
             break;
           }
         }
-        e.ref !== null && (se(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
+        e.ref !== null && (le(e), $("Invalid attribute `ref` supplied to `React.Fragment`."), le(null));
       }
     }
-    var Je = {};
-    function Ke(e, o, c, x, N, A) {
+    var Qe = {};
+    function Xe(e, i, c, m, N, A) {
       {
-        var R = k(e);
-        if (!R) {
-          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 ? _ += G : _ += Ge();
+        var T = O(e);
+        if (!T) {
+          var j = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (j += " 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 Y = ft();
+          Y ? j += Y : j += qe();
           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, _);
+          e === null ? U = "null" : ee(e) ? U = "array" : e !== void 0 && e.$$typeof === t ? (U = "<" + (D(e.type) || "Unknown") + " />", j = " 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, j);
         }
-        var D = ut(e, o, c, N, A);
-        if (D == null)
-          return D;
-        if (R) {
-          var K = o.children;
-          if (K !== void 0)
-            if (x)
-              if (ce(K)) {
-                for (var ae = 0; ae < K.length; ae++)
-                  Ve(K[ae], e);
-                Object.freeze && Object.freeze(K);
+        var M = ut(e, i, c, N, A);
+        if (M == null)
+          return M;
+        if (T) {
+          var H = i.children;
+          if (H !== void 0)
+            if (m)
+              if (ee(H)) {
+                for (var ce = 0; ce < H.length; ce++)
+                  Ke(H[ce], e);
+                Object.freeze && Object.freeze(H);
               } else
-                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                $("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
-              Ve(K, e);
+              Ke(H, e);
         }
-        if (B.call(o, "key")) {
-          var te = I(e), q = Object.keys(o).filter(function(wt) {
+        if (ne.call(i, "key")) {
+          var se = D(e), q = Object.keys(i).filter(function(wt) {
             return wt !== "key";
-          }), Ce = q.length > 0 ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Je[te + Ce]) {
+          }), Ue = q.length > 0 ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Qe[se + Ue]) {
             var bt = q.length > 0 ? "{" + q.join(": ..., ") + ": ...}" : "{}";
-            g(`A props object containing a "key" prop is being spread into JSX:
+            $(`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} />`, Ce, te, bt, te), Je[te + Ce] = !0;
+  <%s key={someKey} {...props} />`, Ue, se, bt, se), Qe[se + Ue] = !0;
           }
         }
-        return e === n ? gt(D) : ht(D), D;
+        return e === n ? gt(M) : ht(M), M;
       }
     }
-    function yt(e, o, c) {
-      return Ke(e, o, c, !0);
+    function yt(e, i, c) {
+      return Xe(e, i, c, !0);
     }
-    function mt(e, o, c) {
-      return Ke(e, o, c, !1);
+    function mt(e, i, c) {
+      return Xe(e, i, c, !1);
     }
     var xt = mt, vt = yt;
-    fe.Fragment = n, fe.jsx = xt, fe.jsxs = vt;
-  }()), fe;
+    ye.Fragment = n, ye.jsx = xt, ye.jsxs = vt;
+  }()), ye;
 }
-process.env.NODE_ENV === "production" ? Me.exports = St() : Me.exports = Ot();
-var i = Me.exports;
-class Ue {
+process.env.NODE_ENV === "production" ? Be.exports = St() : Be.exports = Ot();
+var a = Be.exports;
+class Ie {
   /**
    * Filter array by predicate function
    */
@@ -1308,23 +1352,23 @@ class Ue {
    * Filter by field value
    */
   static filterBy(t, r, n) {
-    return t.filter((a) => a[r] === n);
+    return t.filter((o) => o[r] === n);
   }
   /**
    * Filter by multiple fields
    */
   static filterByFields(t, r) {
-    return t.filter((n) => Object.entries(r).every(([a, s]) => n[a] === s));
+    return t.filter((n) => Object.entries(r).every(([o, s]) => n[o] === s));
   }
   /**
    * Sort array by field
    */
   static sort(t, r, n = "asc") {
-    return [...t].sort((a, s) => {
-      const l = a[r], y = s[r];
-      if (l === y) return 0;
+    return [...t].sort((o, s) => {
+      const l = o[r], h = s[r];
+      if (l === h) return 0;
       let d = 0;
-      return l > y && (d = 1), l < y && (d = -1), n === "asc" ? d : -d;
+      return l > h && (d = 1), l < h && (d = -1), n === "asc" ? d : -d;
     });
   }
   /**
@@ -1332,19 +1376,19 @@ class Ue {
    */
   static search(t, r, n) {
     if (!r.trim()) return t;
-    const a = r.toLowerCase();
+    const o = r.toLowerCase();
     return t.filter((s) => n.some((l) => {
-      const y = s[l];
-      return y == null ? !1 : String(y).toLowerCase().includes(a);
+      const h = s[l];
+      return h == null ? !1 : String(h).toLowerCase().includes(o);
     }));
   }
   /**
    * Paginate array
    */
   static paginate(t, r, n) {
-    const a = (r - 1) * n, s = a + n;
+    const o = (r - 1) * n, s = o + n;
     return {
-      data: t.slice(a, s),
+      data: t.slice(o, s),
       total: t.length,
       page: r,
       totalPages: Math.ceil(t.length / n)
@@ -1354,24 +1398,24 @@ class Ue {
    * Group items by field value
    */
   static groupBy(t, r) {
-    return t.reduce((n, a) => {
-      const s = String(a[r]);
-      return n[s] || (n[s] = []), n[s].push(a), n;
+    return t.reduce((n, o) => {
+      const s = String(o[r]);
+      return n[s] || (n[s] = []), n[s].push(o), n;
     }, {});
   }
   /**
    * Get unique values for a field
    */
   static unique(t, r) {
-    const n = t.map((a) => a[r]);
+    const n = t.map((o) => o[r]);
     return [...new Set(n)];
   }
   /**
    * Count items by field value
    */
   static countBy(t, r) {
-    return t.reduce((n, a) => {
-      const s = String(a[r]);
+    return t.reduce((n, o) => {
+      const s = String(o[r]);
       return n[s] = (n[s] || 0) + 1, n;
     }, {});
   }
@@ -1379,7 +1423,7 @@ class Ue {
    * Apply multiple operations in sequence
    */
   static pipe(t, r) {
-    return r.reduce((n, a) => a(n), t);
+    return r.reduce((n, o) => o(n), t);
   }
 }
 function Mt({
@@ -1387,63 +1431,63 @@ function Mt({
   params: t,
   layout: r = "list",
   title: n,
-  emptyMessage: a = "No items found",
+  emptyMessage: o = "No items found",
   renderItem: s,
-  keyExtractor: l = (O, X) => O.id || O._id || String(X),
-  searchable: y = !1,
+  keyExtractor: l = (k, Z) => k.id || k._id || String(Z),
+  searchable: h = !1,
   searchFields: d = [],
-  searchPlaceholder: u = "Search...",
-  filters: m = [],
-  pageSize: w = 20,
-  onItemClick: T,
-  onRefresh: C,
-  theme: P = {}
+  searchPlaceholder: g = "Search...",
+  filters: u = [],
+  pageSize: R = 20,
+  onItemClick: x,
+  onRefresh: P,
+  theme: C = {}
 }) {
-  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",
-    text: P.text || "#111827",
-    textSecondary: P.textSecondary || "#6b7280",
-    border: P.border || "#e5e7eb",
-    primary: P.primary || "#3b82f6"
-  }, I = s || ((E) => /* @__PURE__ */ i.jsxs("div", { style: {
+  const { data: k, loading: Z, error: W, refetch: $ } = kt(p, t), [Q, w] = B(""), [L, v] = B({}), [S, F] = B(1), _ = rt(() => {
+    if (!k) return { data: [], total: 0, totalPages: 0 };
+    let E = k;
+    return h && Q && d.length > 0 && (E = Ie.search(E, Q, d)), Object.keys(L).length > 0 && (E = Ie.filterByFields(E, L)), Ie.paginate(E, S, R);
+  }, [k, Q, L, S, R, h, d]);
+  de(() => {
+    F(1);
+  }, [Q, L]);
+  const O = () => {
+    w(""), v({}), F(1), $(), P == null || P();
+  }, y = {
+    background: C.background || "#ffffff",
+    cardBackground: C.cardBackground || "#f9fafb",
+    text: C.text || "#111827",
+    textSecondary: C.textSecondary || "#6b7280",
+    border: C.border || "#e5e7eb",
+    primary: C.primary || "#3b82f6"
+  }, D = s || ((E) => /* @__PURE__ */ a.jsxs("div", { style: {
     padding: "16px",
-    cursor: T ? "pointer" : "default"
+    cursor: x ? "pointer" : "default"
   }, children: [
-    /* @__PURE__ */ i.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: j.text }, children: E.title || E.name || E.label || "Untitled" }),
-    E.description && /* @__PURE__ */ i.jsx("div", { style: { fontSize: "13px", color: j.textSecondary, marginTop: "4px" }, children: E.description })
+    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: y.text }, children: E.title || E.name || E.label || "Untitled" }),
+    E.description && /* @__PURE__ */ a.jsx("div", { style: { fontSize: "13px", color: y.textSecondary, marginTop: "4px" }, children: E.description })
   ] }));
-  return X && !O ? /* @__PURE__ */ i.jsx("div", { style: {
+  return Z && !k ? /* @__PURE__ */ a.jsx("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     padding: "48px",
-    color: j.textSecondary
-  }, children: "Loading..." }) : z ? /* @__PURE__ */ i.jsxs("div", { style: {
+    color: y.textSecondary
+  }, children: "Loading..." }) : W ? /* @__PURE__ */ a.jsxs("div", { style: {
     padding: "24px",
     textAlign: "center",
     color: "#ef4444"
   }, children: [
-    /* @__PURE__ */ i.jsx("div", { style: { fontWeight: 500, marginBottom: "8px" }, children: "Error" }),
-    /* @__PURE__ */ i.jsx("div", { style: { fontSize: "14px" }, children: z.message }),
-    /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ a.jsx("div", { style: { fontWeight: 500, marginBottom: "8px" }, children: "Error" }),
+    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px" }, children: W.message }),
+    /* @__PURE__ */ a.jsx(
       "button",
       {
-        onClick: k,
+        onClick: O,
         style: {
           marginTop: "16px",
           padding: "8px 16px",
-          background: j.primary,
+          background: y.primary,
           color: "white",
           border: "none",
           borderRadius: "6px",
@@ -1452,37 +1496,37 @@ function Mt({
         children: "Retry"
       }
     )
-  ] }) : /* @__PURE__ */ i.jsxs("div", { style: {
-    background: j.background,
+  ] }) : /* @__PURE__ */ a.jsxs("div", { style: {
+    background: y.background,
     borderRadius: "12px",
     overflow: "hidden"
   }, children: [
-    (n || y || m.length > 0) && /* @__PURE__ */ i.jsxs("div", { style: {
+    (n || h || u.length > 0) && /* @__PURE__ */ a.jsxs("div", { style: {
       padding: "16px",
-      borderBottom: `1px solid ${j.border}`
+      borderBottom: `1px solid ${y.border}`
     }, children: [
-      /* @__PURE__ */ i.jsxs("div", { style: {
+      /* @__PURE__ */ a.jsxs("div", { style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        marginBottom: y || m.length > 0 ? "12px" : "0"
+        marginBottom: h || u.length > 0 ? "12px" : "0"
       }, children: [
-        n && /* @__PURE__ */ i.jsx("h2", { style: {
+        n && /* @__PURE__ */ a.jsx("h2", { style: {
           margin: 0,
           fontSize: "18px",
           fontWeight: 600,
-          color: j.text
+          color: y.text
         }, children: n }),
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ a.jsx(
           "button",
           {
-            onClick: k,
+            onClick: O,
             style: {
               padding: "6px 12px",
               background: "transparent",
-              border: `1px solid ${j.border}`,
+              border: `1px solid ${y.border}`,
               borderRadius: "6px",
-              color: j.textSecondary,
+              color: y.textSecondary,
               cursor: "pointer",
               fontSize: "13px"
             },
@@ -1490,17 +1534,17 @@ function Mt({
           }
         )
       ] }),
-      y && /* @__PURE__ */ i.jsx(
+      h && /* @__PURE__ */ a.jsx(
         "input",
         {
           type: "text",
-          placeholder: u,
-          value: M,
-          onChange: (E) => V(E.target.value),
+          placeholder: g,
+          value: Q,
+          onChange: (E) => w(E.target.value),
           style: {
             width: "100%",
             padding: "8px 12px",
-            border: `1px solid ${j.border}`,
+            border: `1px solid ${y.border}`,
             borderRadius: "8px",
             fontSize: "14px",
             outline: "none"
@@ -1508,58 +1552,58 @@ function Mt({
         }
       )
     ] }),
-    /* @__PURE__ */ i.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: h.data.length === 0 ? /* @__PURE__ */ i.jsx("div", { style: {
+    }, children: _.data.length === 0 ? /* @__PURE__ */ a.jsx("div", { style: {
       padding: "48px",
       textAlign: "center",
-      color: j.textSecondary
-    }, children: a }) : h.data.map((E, F) => /* @__PURE__ */ i.jsx(
+      color: y.textSecondary
+    }, children: o }) : _.data.map((E, I) => /* @__PURE__ */ a.jsx(
       "div",
       {
-        onClick: () => T == null ? void 0 : T(E),
+        onClick: () => x == null ? void 0 : x(E),
         style: {
-          background: j.cardBackground,
+          background: y.cardBackground,
           borderRadius: r === "list" ? "0" : "8px",
-          borderBottom: r === "list" ? `1px solid ${j.border}` : "none",
+          borderBottom: r === "list" ? `1px solid ${y.border}` : "none",
           transition: "all 0.15s ease"
         },
-        onMouseEnter: (Y) => {
-          T && (Y.currentTarget.style.background = j.border);
+        onMouseEnter: (V) => {
+          x && (V.currentTarget.style.background = y.border);
         },
-        onMouseLeave: (Y) => {
-          Y.currentTarget.style.background = j.cardBackground;
+        onMouseLeave: (V) => {
+          V.currentTarget.style.background = y.cardBackground;
         },
-        children: I(E, F)
+        children: D(E, I)
       },
-      l(E, F)
+      l(E, I)
     )) }),
-    h.totalPages > 1 && /* @__PURE__ */ i.jsxs("div", { style: {
+    _.totalPages > 1 && /* @__PURE__ */ a.jsxs("div", { style: {
       padding: "16px",
-      borderTop: `1px solid ${j.border}`,
+      borderTop: `1px solid ${y.border}`,
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between"
     }, children: [
-      /* @__PURE__ */ i.jsxs("div", { style: { fontSize: "13px", color: j.textSecondary }, children: [
+      /* @__PURE__ */ a.jsxs("div", { style: { fontSize: "13px", color: y.textSecondary }, children: [
         "Page ",
         S,
         " of ",
-        h.totalPages
+        _.totalPages
       ] }),
-      /* @__PURE__ */ i.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
-        /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ a.jsx(
           "button",
           {
-            onClick: () => $((E) => Math.max(1, E - 1)),
+            onClick: () => F((E) => Math.max(1, E - 1)),
             disabled: S === 1,
             style: {
               padding: "6px 12px",
-              border: `1px solid ${j.border}`,
+              border: `1px solid ${y.border}`,
               borderRadius: "6px",
               background: "white",
               cursor: S === 1 ? "not-allowed" : "pointer",
@@ -1568,18 +1612,18 @@ function Mt({
             children: "Previous"
           }
         ),
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ a.jsx(
           "button",
           {
-            onClick: () => $((E) => Math.min(h.totalPages, E + 1)),
-            disabled: S === h.totalPages,
+            onClick: () => F((E) => Math.min(_.totalPages, E + 1)),
+            disabled: S === _.totalPages,
             style: {
               padding: "6px 12px",
-              border: `1px solid ${j.border}`,
+              border: `1px solid ${y.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: S === h.totalPages ? "not-allowed" : "pointer",
-              opacity: S === h.totalPages ? 0.5 : 1
+              cursor: S === _.totalPages ? "not-allowed" : "pointer",
+              opacity: S === _.totalPages ? 0.5 : 1
             },
             children: "Next"
           }
@@ -1593,11 +1637,11 @@ function Dt({
   onClick: t,
   title: r = (l) => l.title || l.name || l.label || "Untitled",
   subtitle: n = (l) => l.description || l.subtitle || "",
-  image: a = (l) => l.image || l.thumbnail || l.photo,
+  image: o = (l) => l.image || l.thumbnail || l.photo,
   badge: s = (l) => l.badge || l.tag || l.type
 }) {
-  const l = r(p), y = n(p), d = a(p), u = s(p);
-  return /* @__PURE__ */ i.jsxs(
+  const l = r(p), h = n(p), d = o(p), g = s(p);
+  return /* @__PURE__ */ a.jsxs(
     "div",
     {
       onClick: t,
@@ -1607,7 +1651,7 @@ function Dt({
         ${t ? "cursor-pointer" : ""}
       `,
       children: [
-        d && /* @__PURE__ */ i.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ i.jsx(
+        d && /* @__PURE__ */ a.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ a.jsx(
           "img",
           {
             src: d,
@@ -1615,14 +1659,14 @@ function Dt({
             className: "w-16 h-16 object-cover rounded-lg"
           }
         ) }),
-        /* @__PURE__ */ i.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ i.jsx("h3", { className: "font-medium text-gray-900 truncate", children: l }),
-            u && /* @__PURE__ */ i.jsx("span", { className: "px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full", children: u })
+        /* @__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 }),
+            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 })
           ] }),
-          y && /* @__PURE__ */ i.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: y })
+          h && /* @__PURE__ */ a.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: h })
         ] }),
-        t && /* @__PURE__ */ i.jsx("div", { className: "flex-shrink-0 text-gray-400", children: /* @__PURE__ */ i.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i.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" }) }) })
       ]
     }
   );
@@ -1632,24 +1676,24 @@ function It({
   onClose: t,
   title: r = (s) => s.title || s.name || s.label || "Detail",
   image: n = (s) => s.image || s.thumbnail || s.photo,
-  fields: a = []
+  fields: o = []
 }) {
   if (!p) return null;
   const s = r(p), l = n(p);
-  return /* @__PURE__ */ i.jsx("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ i.jsxs("div", { className: "bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto shadow-2xl", children: [
-    /* @__PURE__ */ i.jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ i.jsx("h2", { className: "text-xl font-semibold text-gray-900", children: s }),
-      t && /* @__PURE__ */ i.jsx(
+  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__ */ i.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i.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__ */ i.jsxs("div", { className: "p-6", children: [
-      l && /* @__PURE__ */ i.jsx("div", { className: "mb-6", children: /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ a.jsxs("div", { className: "p-6", children: [
+      l && /* @__PURE__ */ a.jsx("div", { className: "mb-6", children: /* @__PURE__ */ a.jsx(
         "img",
         {
           src: l,
@@ -1657,16 +1701,16 @@ function It({
           className: "w-full h-64 object-cover rounded-lg"
         }
       ) }),
-      a.length > 0 && /* @__PURE__ */ i.jsx("div", { className: "space-y-4", children: a.map((y, d) => {
-        const u = y.value(p);
-        return u == null || u === "" ? null : /* @__PURE__ */ i.jsxs("div", { children: [
-          /* @__PURE__ */ i.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: y.label }),
-          /* @__PURE__ */ i.jsx("div", { className: "text-base text-gray-900", children: typeof u == "object" ? JSON.stringify(u, null, 2) : String(u) })
+      o.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "space-y-4", children: o.map((h, d) => {
+        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: h.label }),
+          /* @__PURE__ */ a.jsx("div", { className: "text-base text-gray-900", children: typeof g == "object" ? JSON.stringify(g, null, 2) : String(g) })
         ] }, d);
       }) }),
-      a.length === 0 && /* @__PURE__ */ i.jsx("pre", { className: "bg-gray-50 p-4 rounded-lg text-sm overflow-x-auto", children: JSON.stringify(p, null, 2) })
+      o.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__ */ i.jsx("div", { className: "sticky bottom-0 bg-gray-50 border-t border-gray-200 px-6 py-4", children: /* @__PURE__ */ i.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,
@@ -1686,112 +1730,112 @@ function Bt({
   cardCount: t = 2,
   minInterval: r = 1e3,
   maxInterval: n = 3e3,
-  onCardClick: a,
+  onCardClick: o,
   cardSize: s = "medium",
   className: l = ""
 }) {
-  const y = Math.min(Math.max(t, 1), 5), [d, u] = L([]), [m, 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));
+  const h = Math.min(Math.max(t, 1), 5), [d, g] = B([]), [u, R] = B([]), [x, P] = B(Array(h).fill(!1)), [C, k] = B(Array(h).fill(!1)), Z = He([]), W = K((v) => {
+    const S = p.filter((_) => !v.includes(_._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(() => {
+    const F = Math.floor(Math.random() * S.length);
+    return S[F];
+  }, [p]), $ = K(() => Math.random() * (n - r) + r, [r, n]);
+  de(() => {
     if (p.length === 0) {
-      u([]), w([]);
+      g([]), R([]);
       return;
     }
-    const v = [], S = [], $ = [];
-    for (let h = 0; h < y && h < p.length; h++) {
-      const k = z($);
-      k && (v.push(k), $.push(k._id));
+    const v = [], S = [], F = [];
+    for (let _ = 0; _ < h && _ < p.length; _++) {
+      const O = W(F);
+      O && (v.push(O), F.push(O._id));
     }
-    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]);
+    for (let _ = 0; _ < v.length; _++) {
+      const O = [
+        v[_]._id,
+        ...v.filter((G, D) => D !== _).map((G) => G._id)
+      ], y = W(O);
+      y ? S.push(y) : S.push(v[_]);
     }
-    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;
+    g(v), R(S);
+  }, [p, h, W]);
+  const Q = K((v) => {
+    const S = $(), F = setTimeout(() => {
+      P((_) => {
+        const O = [..._];
+        return O[v] = !O[v], O;
       }), setTimeout(() => {
-        O((h) => {
-          const k = [...h];
-          return k[v] = !k[v], k;
+        k((_) => {
+          const O = [..._];
+          return O[v] = !O[v], O;
         }), setTimeout(() => {
-          const h = !P[v];
-          h && u((k) => {
-            const j = [...k];
-            return j[v] = m[v], j;
-          }), w((k) => {
-            const j = [...k], I = [
-              (h ? m[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;
+          const _ = !C[v];
+          _ && g((O) => {
+            const y = [...O];
+            return y[v] = u[v], y;
+          }), R((O) => {
+            const y = [...O], D = [
+              (_ ? u[v] : d[v])._id,
+              ...d.filter((I, V) => V !== v).map((I) => I._id),
+              ...O.filter((I, V) => V !== v).map((I) => I._id)
+            ], E = W(D);
+            return E && (y[v] = E), y;
           }), setTimeout(() => {
-            M(v);
+            Q(v);
           }, 150);
         }, 200);
       }, 150);
     }, S);
-    X.current[v] = $;
-  }, [g, z, d, m, P]), V = Qe(!1);
-  pe(() => {
-    if (!(d.length === 0 || p.length <= 1) && !V.current) {
-      V.current = !0;
+    Z.current[v] = F;
+  }, [$, W, d, u, C]), w = He(!1);
+  de(() => {
+    if (!(d.length === 0 || p.length <= 1) && !w.current) {
+      w.current = !0;
       for (let v = 0; v < d.length; v++)
-        M(v);
+        Q(v);
       return () => {
-        X.current.forEach((v) => clearTimeout(v)), X.current = [], V.current = !1;
+        Z.current.forEach((v) => clearTimeout(v)), Z.current = [], w.current = !1;
       };
     }
   }, [d.length, p.length]);
-  const H = (v) => {
-    a && a(v);
+  const L = (v) => {
+    o && o(v);
   };
-  return p.length === 0 ? /* @__PURE__ */ i.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, children: /* @__PURE__ */ i.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : d.length === 0 ? /* @__PURE__ */ i.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, children: /* @__PURE__ */ i.jsx("p", { className: "text-gray-500", children: "Loading..." }) }) : /* @__PURE__ */ i.jsx("div", { className: `flex gap-4 justify-center items-center flex-wrap ${l}`, children: d.map((v, S) => {
-    const $ = m[S], h = P[S];
-    return /* @__PURE__ */ i.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 F = u[S], _ = C[S];
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
         className: `relative ${Nt[s]}`,
         style: { perspective: "1000px" },
-        onClick: () => H(h ? $ : v),
-        children: /* @__PURE__ */ i.jsxs(
+        onClick: () => L(_ ? F : 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(${T[S] ? 180 : 0}deg)`,
+              transform: `rotateY(${x[S] ? 180 : 0}deg)`,
               transition: "transform 0.5s",
               transformStyle: "preserve-3d"
             },
             children: [
-              /* @__PURE__ */ i.jsx(
+              /* @__PURE__ */ a.jsx(
                 "div",
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: h ? 0 : 1
+                    opacity: _ ? 0 : 1
                   },
-                  children: /* @__PURE__ */ i.jsxs(
+                  children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       style: {
-                        transform: T[S] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: x[S] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
                       children: [
-                        /* @__PURE__ */ i.jsx(
+                        /* @__PURE__ */ a.jsx(
                           "img",
                           {
                             src: v.data.image,
@@ -1799,37 +1843,37 @@ function Bt({
                             className: "w-full h-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ i.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ i.jsx("p", { className: "text-white text-sm font-medium truncate", children: v.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 }) })
                       ]
                     }
                   )
                 }
               ),
-              $ && /* @__PURE__ */ i.jsx(
+              F && /* @__PURE__ */ a.jsx(
                 "div",
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: h ? 1 : 0
+                    opacity: _ ? 1 : 0
                   },
-                  children: /* @__PURE__ */ i.jsxs(
+                  children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       style: {
-                        transform: T[S] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: x[S] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
                       children: [
-                        /* @__PURE__ */ i.jsx(
+                        /* @__PURE__ */ a.jsx(
                           "img",
                           {
-                            src: $.data.image,
-                            alt: $.title,
+                            src: F.data.image,
+                            alt: F.title,
                             className: "w-full h-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ i.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ i.jsx("p", { className: "text-white text-sm font-medium truncate", children: $.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: F.title }) })
                       ]
                     }
                   )
@@ -1843,18 +1887,18 @@ function Bt({
     );
   }) });
 }
-function je(p) {
+function Re(p) {
   if (!p) return "";
   const t = /=\?([^?]+)\?([BQbq])\?([^?]*)\?=/g;
-  return p.replace(t, (r, n, a, s) => {
+  return p.replace(t, (r, n, o, s) => {
     try {
-      if (a.toUpperCase() === "B") {
+      if (o.toUpperCase() === "B") {
         const l = atob(s);
         return decodeURIComponent(escape(l));
-      } else if (a.toUpperCase() === "Q") {
+      } else if (o.toUpperCase() === "Q") {
         const l = s.replace(/_/g, " ").replace(
           /=([0-9A-Fa-f]{2})/g,
-          (y, d) => String.fromCharCode(parseInt(d, 16))
+          (h, d) => String.fromCharCode(parseInt(d, 16))
         );
         return decodeURIComponent(escape(l));
       }
@@ -1880,179 +1924,183 @@ function Lt({
   systemId: t,
   accountId: r,
   limit: n = 30,
-  selectable: a = !0,
-  showDetail: s = !1,
-  emptyMessage: l = "No emails",
-  autoLoad: y = !0,
-  onSelect: d,
+  folder: o,
+  selectable: s = !0,
+  showDetail: l = !1,
+  emptyMessage: h = "No emails",
+  autoLoad: d = !0,
+  onSelect: g,
   onSelectionChange: u,
-  onDelete: m,
-  onError: w,
-  renderItem: T,
-  renderDetail: C,
-  renderActions: P,
-  renderEmpty: O,
-  renderLoading: X,
-  theme: z = {}
+  onDelete: R,
+  onError: x,
+  onLoad: P,
+  renderItem: C,
+  renderDetail: k,
+  renderActions: Z,
+  renderEmpty: W,
+  renderLoading: $,
+  theme: Q = {}
 }) {
-  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);
+  const w = { ...Pt, ...Q }, [L, v] = B([]), [S, F] = B(!1), [_, O] = B(null), [y, G] = B(/* @__PURE__ */ new Set()), [D, E] = B(null), [I, V] = B(null), X = rt(() => t ? new Et({ baseUrl: p, system_id: t }) : null, [p, t]), re = K(async () => {
+    if (X) {
+      F(!0), O(null);
       try {
-        const f = await F.listEmails(r, n);
+        const f = await X.listEmails(r, n, o);
         if (f != null && f.messages) {
           const b = [...f.messages].sort(
-            (B, W) => new Date(W.date).getTime() - new Date(B.date).getTime()
+            (z, J) => new Date(J.date).getTime() - new Date(z.date).getTime()
           );
-          V(b);
+          v(b), P == null || P(b);
         }
       } catch (f) {
         const b = f instanceof Error ? f : new Error("Failed to fetch emails");
-        $(b.message), w == null || w(b);
+        O(b.message), x == null || x(b);
       }
-      v(!1);
+      F(!1);
     }
-  }, [F, r, n, w]);
-  pe(() => {
-    y && Y();
-  }, [y, Y]);
-  const he = Q((f, b, B) => {
-    if (!a) {
-      d == null || d(f), s && E(f);
+  }, [X, r, n, o, x, P]);
+  de(() => {
+    d && re();
+  }, [d, re]), de(() => {
+    re();
+  }, [o]);
+  const me = K((f) => {
+    g == null || g(f), l && V(f);
+  }, [g, l]), xe = K((f, b, z) => {
+    if (!s) {
+      g == null || g(f), l && V(f);
       return;
     }
-    const W = f.uid;
-    if (B.shiftKey && j !== null) {
-      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)
-      k((ee) => {
-        const J = new Set(ee);
-        return J.has(W) ? J.delete(W) : J.add(W), u == null || u(Array.from(J)), J;
-      }), Z(b);
-    else if (h.size === 1 && h.has(W))
-      d == null || d(f), s && E(f);
+    const J = f.uid;
+    if (z.shiftKey && D !== null) {
+      const te = Math.min(D, b), ee = Math.max(D, b), Ce = L.slice(te, ee + 1).map((Ee) => Ee.uid), je = new Set(Ce);
+      G(je), u == null || u(Array.from(je));
+    } else if (z.ctrlKey || z.metaKey)
+      G((te) => {
+        const ee = new Set(te);
+        return ee.has(J) ? ee.delete(J) : ee.add(J), u == null || u(Array.from(ee)), ee;
+      }), E(b);
     else {
-      const ee = /* @__PURE__ */ new Set([W]);
-      k(ee), Z(b), u == null || u(Array.from(ee));
+      const te = /* @__PURE__ */ new Set([J]);
+      G(te), E(b), u == null || u(Array.from(te));
     }
-  }, [a, j, M, h, d, u, s]), ge = Q(async () => {
-    if (!(!F || h.size === 0))
+  }, [s, D, L, y, g, u, l]), ve = K(async () => {
+    if (!(!X || y.size === 0))
       try {
-        const f = await F.trashEmails(r, Array.from(h));
+        const f = await X.trashEmails(r, Array.from(y));
         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()), m == null || m(b);
+          v((z) => z.filter((J) => !y.has(J.uid)));
+          const b = Array.from(y);
+          G(/* @__PURE__ */ new Set()), R == null || R(b);
         } else
-          $("Failed to move emails to trash");
+          O("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);
+        console.error("Trash error:", b), O(b.message), x == null || x(b);
       }
-  }, [F, r, h, m, w]), ye = Q(async () => {
-    if (!(!F || h.size === 0))
+  }, [X, r, y, R, x]), be = K(async () => {
+    if (!(!X || y.size === 0))
       try {
-        const f = await F.archiveEmails(r, Array.from(h));
+        const f = await X.archiveEmails(r, Array.from(y));
         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()), m == null || m(b);
+          v((z) => z.filter((J) => !y.has(J.uid)));
+          const b = Array.from(y);
+          G(/* @__PURE__ */ new Set()), R == null || R(b);
         } else
-          $("Failed to archive emails");
+          O("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);
+        console.error("Archive error:", b), O(b.message), x == null || x(b);
       }
-  }, [F, r, h, m, w]), me = Q(() => {
-    if (h.size === M.length)
-      k(/* @__PURE__ */ new Set()), u == null || u([]);
+  }, [X, r, y, R, x]), we = K(() => {
+    if (y.size === L.length)
+      G(/* @__PURE__ */ new Set()), u == null || u([]);
     else {
-      const f = new Set(M.map((b) => b.uid));
-      k(f), u == null || u(Array.from(f));
+      const f = new Set(L.map((b) => b.uid));
+      G(f), u == null || u(Array.from(f));
     }
-  }, [M, h.size, u]), xe = Q(() => {
-    k(/* @__PURE__ */ new Set()), u == null || u([]);
-  }, [u]), ve = {
-    delete: ge,
-    archive: ye,
-    refresh: Y,
-    selectAll: me,
-    clearSelection: xe
-  }, be = (f) => {
+  }, [L, y.size, u]), ke = K(() => {
+    G(/* @__PURE__ */ new Set()), u == null || u([]);
+  }, [u]), Se = {
+    delete: ve,
+    archive: be,
+    refresh: re,
+    selectAll: we,
+    clearSelection: ke
+  }, ue = (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 = (f, b) => /* @__PURE__ */ i.jsx("div", { style: {
+    const b = new Date(f), z = /* @__PURE__ */ new Date();
+    return b.toDateString() === z.toDateString() ? b.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : b.toLocaleDateString([], { month: "short", day: "numeric" });
+  }, fe = (f, b) => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "12px 16px",
-    background: b ? g.selectedBackground : f.seen ? g.cardBackground : g.unreadBackground,
-    borderBottom: `1px solid ${g.border}`,
+    background: b ? w.selectedBackground : f.seen ? w.cardBackground : w.unreadBackground,
+    borderBottom: `1px solid ${w.border}`,
     cursor: "pointer",
     transition: "background 0.15s ease"
-  }, children: /* @__PURE__ */ i.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "12px" }, children: [
-    /* @__PURE__ */ i.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ i.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: f.seen ? 400 : 600,
-        color: g.text,
+        color: w.text,
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis"
-      }, children: je(f.from).split("@")[0] }),
-      /* @__PURE__ */ i.jsx("div", { style: {
+      }, children: Re(f.from).split("@")[0] }),
+      /* @__PURE__ */ a.jsx("div", { style: {
         fontSize: "14px",
         fontWeight: f.seen ? 400 : 500,
-        color: f.seen ? g.textSecondary : g.text,
+        color: f.seen ? w.textSecondary : w.text,
         marginTop: "2px",
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis"
-      }, children: je(f.subject) || "(No subject)" })
+      }, children: Re(f.subject) || "(No subject)" })
     ] }),
-    /* @__PURE__ */ i.jsx("div", { style: {
+    /* @__PURE__ */ a.jsx("div", { style: {
       fontSize: "12px",
-      color: g.textSecondary,
+      color: w.textSecondary,
       flexShrink: 0
-    }, children: be(f.date) })
-  ] }) }), Te = (f) => /* @__PURE__ */ i.jsxs("div", { style: { padding: "24px" }, children: [
-    /* @__PURE__ */ i.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: g.text }, children: je(f.subject) || "(No subject)" }),
-    /* @__PURE__ */ i.jsxs("div", { style: { fontSize: "14px", color: g.textSecondary, marginBottom: "16px" }, children: [
+    }, 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: Re(f.subject) || "(No subject)" }),
+    /* @__PURE__ */ a.jsxs("div", { style: { fontSize: "14px", color: w.textSecondary, marginBottom: "16px" }, children: [
       "From: ",
-      je(f.from),
+      Re(f.from),
       " • ",
       new Date(f.date).toLocaleString()
     ] }),
-    /* @__PURE__ */ i.jsx("div", { style: { fontSize: "14px", color: g.text }, children: "Email body not loaded. Implement getEmail(uid) to fetch full content." })
-  ] }), ie = (f, b) => /* @__PURE__ */ i.jsxs("div", { style: {
+    /* @__PURE__ */ a.jsx("div", { style: { fontSize: "14px", color: w.text }, children: "Email body not loaded. Implement getEmail(uid) to fetch full content." })
+  ] }), pe = (f, b) => /* @__PURE__ */ a.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: "8px",
     padding: "8px 16px",
-    background: g.cardBackground,
-    borderBottom: `1px solid ${g.border}`
+    background: w.cardBackground,
+    borderBottom: `1px solid ${w.border}`
   }, children: [
-    /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         onClick: b.selectAll,
         style: {
           padding: "6px 12px",
           background: "transparent",
-          border: `1px solid ${g.border}`,
+          border: `1px solid ${w.border}`,
           borderRadius: "6px",
           fontSize: "13px",
           cursor: "pointer",
-          color: g.text
+          color: w.text
         },
-        children: f.length === M.length ? "Deselect All" : "Select All"
+        children: f.length === L.length ? "Deselect All" : "Select All"
       }
     ),
-    f.length > 0 && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsxs("span", { style: { fontSize: "13px", color: g.textSecondary }, children: [
+    f.length > 0 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      /* @__PURE__ */ a.jsxs("span", { style: { fontSize: "13px", color: w.textSecondary }, children: [
         f.length,
         " selected"
       ] }),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ a.jsx(
         "button",
         {
           onClick: b.archive,
@@ -2064,15 +2112,15 @@ function Lt({
             width: "32px",
             height: "32px",
             background: "transparent",
-            border: `1px solid ${g.border}`,
+            border: `1px solid ${w.border}`,
             borderRadius: "6px",
             cursor: "pointer",
-            color: g.textSecondary
+            color: w.textSecondary
           },
-          children: /* @__PURE__ */ i.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "archive" })
+          children: /* @__PURE__ */ a.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "archive" })
         }
       ),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ a.jsx(
         "button",
         {
           onClick: b.delete,
@@ -2084,17 +2132,17 @@ function Lt({
             width: "32px",
             height: "32px",
             background: "transparent",
-            border: `1px solid ${g.border}`,
+            border: `1px solid ${w.border}`,
             borderRadius: "6px",
             cursor: "pointer",
-            color: g.textSecondary
+            color: w.textSecondary
           },
-          children: /* @__PURE__ */ i.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "delete" })
+          children: /* @__PURE__ */ a.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "delete" })
         }
       )
     ] }),
-    /* @__PURE__ */ i.jsx("div", { style: { flex: 1 } }),
-    /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ a.jsx("div", { style: { flex: 1 } }),
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         onClick: b.refresh,
@@ -2106,49 +2154,50 @@ function Lt({
           width: "32px",
           height: "32px",
           background: "transparent",
-          border: `1px solid ${g.border}`,
+          border: `1px solid ${w.border}`,
           borderRadius: "6px",
           cursor: "pointer",
-          color: g.textSecondary
+          color: w.textSecondary
         },
-        children: /* @__PURE__ */ i.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__ */ i.jsx("div", { style: {
+  ] }), ie = () => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
-    color: g.textSecondary
-  }, children: l }), re = () => /* @__PURE__ */ i.jsx("div", { style: {
+    color: w.textSecondary
+  }, children: h }), Oe = () => /* @__PURE__ */ a.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
-    color: g.textSecondary
-  }, children: "Loading..." }), le = T || Re, ne = C || Te, ke = P || ie, we = O || oe, Se = X || re;
-  return H && M.length === 0 ? /* @__PURE__ */ i.jsx("div", { style: { background: g.background, width: "100%", height: "100%" }, children: Se() }) : /* @__PURE__ */ i.jsxs("div", { style: { display: "flex", background: g.background, width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ i.jsxs("div", { style: {
-      flex: s && I ? "0 0 50%" : "1",
+    color: w.textSecondary
+  }, children: "Loading..." }), _e = C || fe, Ne = k || ae, Pe = Z || pe, oe = W || ie, ne = $ || Oe;
+  return S && L.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: [
+    /* @__PURE__ */ a.jsxs("div", { style: {
+      flex: l && I ? "0 0 50%" : "1",
       display: "flex",
       flexDirection: "column",
-      borderRight: s && I ? `1px solid ${g.border}` : "none",
+      borderRight: l && I ? `1px solid ${w.border}` : "none",
       overflow: "hidden"
     }, children: [
-      a && ke(Array.from(h), ve),
-      S && /* @__PURE__ */ i.jsx("div", { style: {
+      s && Pe(Array.from(y), Se),
+      _ && /* @__PURE__ */ a.jsx("div", { style: {
         padding: "12px 16px",
         background: "#fef2f2",
-        color: g.danger,
+        color: w.danger,
         fontSize: "14px",
-        borderBottom: `1px solid ${g.border}`
-      }, children: S }),
-      /* @__PURE__ */ i.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: M.length === 0 ? we() : M.map((f, b) => /* @__PURE__ */ i.jsx(
+        borderBottom: `1px solid ${w.border}`
+      }, children: _ }),
+      /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: L.length === 0 ? oe() : L.map((f, b) => /* @__PURE__ */ a.jsx(
         "div",
         {
-          onClick: (B) => he(f, b, B),
-          children: le(f, h.has(f.uid))
+          onClick: (z) => xe(f, b, z),
+          onDoubleClick: () => me(f),
+          children: _e(f, y.has(f.uid))
         },
         f.uid
       )) })
     ] }),
-    s && I && /* @__PURE__ */ i.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: ne(I) })
+    l && I && /* @__PURE__ */ a.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: Ne(I) })
   ] });
 }
 export {
@@ -2156,13 +2205,13 @@ export {
   Tt as ApiClient,
   Rt as AuthManager,
   Dt as Card,
-  Ue as DataOperations,
+  Ie as DataOperations,
   It as Detail,
   $t as GraphClient,
   Lt as Mail,
   Et as MailClient,
   Mt as Stack,
-  tt as getApiClient,
+  nt as getApiClient,
   Ft as initializeApiClient,
   Ut as useMutation,
   kt as useQuery