@qwanyx/stack 0.1.1 → 0.2.0

package/dist/index.esm.js

@@ -1,23 +1,23 @@
-var br = Object.defineProperty;
-var wr = (u, r, n) => r in u ? br(u, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[r] = n;
-var ge = (u, r, n) => wr(u, typeof r != "symbol" ? r + "" : r, n);
-import qe, { useState as L, useCallback as X, useEffect as oe, useMemo as _r, useRef as Be } from "react";
-class Or {
-  constructor(r) {
-    ge(this, "config");
-    if (!r.system_id)
+var _t = Object.defineProperty;
+var jt = (f, t, r) => t in f ? _t(f, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : f[t] = r;
+var _e = (f, t, r) => jt(f, typeof t != "symbol" ? t + "" : t, r);
+import Ze, { useState as L, useCallback as X, useEffect as fe, useMemo as et, useRef as Xe } from "react";
+class $t {
+  constructor(t) {
+    _e(this, "config");
+    if (!t.system_id)
       throw new Error("GraphClient: system_id is REQUIRED. No system_id → No start.");
-    this.config = r;
+    this.config = t;
   }
   /**
    * Call the Graph coprocessor
    */
-  async callGraph(r, n = {}) {
-    const a = {
+  async callGraph(t, r = {}) {
+    const n = {
       coprocessor: "graph",
-      method: r,
+      method: t,
       system_id: this.config.system_id,
-      params: n
+      params: r
     };
     try {
       const i = await fetch(`${this.config.baseUrl}/spu/invoke`, {
@@ -26,16 +26,16 @@ class Or {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.getToken()}`
         },
-        body: JSON.stringify(a)
+        body: JSON.stringify(n)
       });
       if (!i.ok) {
-        const c = await i.text();
-        throw new Error(`API error (${i.status}): ${c}`);
+        const l = await i.text();
+        throw new Error(`API error (${i.status}): ${l}`);
       }
-      const l = await i.json();
-      if (!l.success && l.error)
-        throw new Error(l.error);
-      return l;
+      const o = await i.json();
+      if (!o.success && o.error)
+        throw new Error(o.error);
+      return o;
     } catch (i) {
       throw console.error("Graph API call failed:", i), i;
     }
@@ -50,43 +50,43 @@ class Or {
   /**
    * Get children nodes
    */
-  async getChildren(r) {
+  async getChildren(t) {
     return (await this.callGraph("get_children", {
-      parent_id: r
+      parent_id: t
     })).result || [];
   }
   /**
    * Get a specific node by ID
    */
-  async getNode(r) {
+  async getNode(t) {
     return (await this.callGraph("get_node", {
-      node_id: r
+      node_id: t
     })).result || null;
   }
   /**
    * Add a new node
    */
-  async addNode(r) {
-    const n = {
-      ...r,
-      created: r.created || (/* @__PURE__ */ new Date()).toISOString(),
+  async addNode(t) {
+    const r = {
+      ...t,
+      created: t.created || (/* @__PURE__ */ new Date()).toISOString(),
       modified: (/* @__PURE__ */ new Date()).toISOString()
-    }, a = await this.callGraph("add_node", n);
-    if (!a.result)
+    }, n = await this.callGraph("add_node", r);
+    if (!n.result)
       throw new Error("Failed to add node");
-    return a.result;
+    return n.result;
   }
   /**
    * Update an existing node
    */
-  async updateNode(r, n) {
-    const a = {
-      node_id: r,
+  async updateNode(t, r) {
+    const n = {
+      node_id: t,
       updates: {
-        ...n,
+        ...r,
         modified: (/* @__PURE__ */ new Date()).toISOString()
       }
-    }, i = await this.callGraph("update_node", a);
+    }, i = await this.callGraph("update_node", n);
     if (!i.result)
       throw new Error("Failed to update node");
     return i.result;
@@ -94,126 +94,250 @@ class Or {
   /**
    * Delete a node
    */
-  async deleteNode(r, n = !1) {
+  async deleteNode(t, r = !1) {
     return (await this.callGraph("delete_node", {
-      node_id: r,
-      cascade: n
+      node_id: t,
+      cascade: r
     })).success === !0;
   }
   // ===== EDGE OPERATIONS =====
   /**
    * Get children with edges (supports different display modes)
    */
-  async getChildrenWithEdges(r, n = "children", a, i) {
+  async getChildrenWithEdges(t, r = "children", n, i) {
     return (await this.callGraph("get_children_with_edges", {
-      node_id: r,
-      display_mode: n,
-      edge_type: a,
+      node_id: t,
+      display_mode: r,
+      edge_type: n,
       node_type: i
     })).result || [];
   }
   /**
    * Add an edge between two nodes
    */
-  async addEdge(r, n, a = "link", i) {
+  async addEdge(t, r, n = "link", i) {
     return await this.callGraph("add_edge", {
-      source_id: r,
-      target_id: n,
-      edge_type: a,
+      source_id: t,
+      target_id: r,
+      edge_type: n,
       data: i
     });
   }
   /**
    * Delete an edge
    */
-  async deleteEdge(r, n, a) {
+  async deleteEdge(t, r, n) {
     return await this.callGraph("delete_edge", {
-      source_id: r,
-      target_id: n,
-      edge_type: a
+      source_id: t,
+      target_id: r,
+      edge_type: n
     });
   }
   /**
    * Get edges from a source node
    */
-  async getEdges(r, n) {
+  async getEdges(t, r) {
     return (await this.callGraph("get_edges", {
-      source_id: r,
-      edge_type: n
+      source_id: t,
+      edge_type: r
     })).result || [];
   }
   // ===== HIERARCHY OPERATIONS =====
   /**
    * Get ancestors of a node (path from root to node)
    */
-  async getAncestors(r) {
+  async getAncestors(t) {
     return (await this.callGraph("get_ancestors", {
-      node_id: r
+      node_id: t
     })).ancestors || [];
   }
   /**
    * Get tree structure starting from a root
    */
-  async getTree(r, n = 10) {
+  async getTree(t, r = 10) {
     return (await this.callGraph("get_tree", {
-      root_id: r,
-      max_depth: n
+      root_id: t,
+      max_depth: r
     })).tree || [];
   }
   /**
    * Move a node to a new parent
    */
-  async moveNode(r, n) {
-    const a = await this.callGraph("move", {
-      node_id: r,
-      new_parent_id: n
+  async moveNode(t, r) {
+    const n = await this.callGraph("move", {
+      node_id: t,
+      new_parent_id: r
     });
-    if (!a.node)
+    if (!n.node)
       throw new Error("Failed to move node");
-    return a.node;
+    return n.node;
   }
   // ===== SEARCH =====
   /**
    * Search nodes by query
    */
-  async searchNodes(r, n) {
+  async searchNodes(t, r) {
     return (await this.callGraph("search", {
-      query: r,
-      type: n
+      query: t,
+      type: r
     })).nodes || [];
   }
 }
-const ve = "qwanyx_auth_token", ye = "qwanyx_refresh_token";
-class Er {
+class Et {
+  constructor(t) {
+    _e(this, "config");
+    if (!t.system_id)
+      throw new Error("MailClient: system_id is REQUIRED");
+    this.config = t;
+  }
+  /**
+   * Call the Mail coprocessor
+   */
+  async callMail(t, r = {}) {
+    const n = {
+      coprocessor: "mail",
+      method: t,
+      system_id: this.config.system_id,
+      params: {
+        user_id: this.config.system_id,
+        ...r
+      }
+    };
+    try {
+      const i = await fetch(`${this.config.baseUrl}/spu/invoke`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${this.getToken()}`
+        },
+        body: JSON.stringify(n)
+      });
+      if (!i.ok) {
+        const l = await i.text();
+        throw new Error(`API error (${i.status}): ${l}`);
+      }
+      const o = await i.json();
+      if (!o.success && o.error)
+        throw new Error(o.error);
+      return o.result;
+    } catch (i) {
+      throw console.error("Mail API call failed:", i), i;
+    }
+  }
+  /**
+   * Get auth token from localStorage (browser) or return empty string
+   */
+  getToken() {
+    return typeof window < "u" && window.localStorage && localStorage.getItem("qwanyx_token") || "";
+  }
+  // ===== EMAIL SETTINGS =====
+  /**
+   * Get email settings with decrypted passwords
+   */
+  async getSettings() {
+    try {
+      return await this.callMail("get_email_settings") || { accounts: [] };
+    } catch {
+      return { accounts: [] };
+    }
+  }
+  /**
+   * Save email settings (passwords encrypted server-side)
+   */
+  async saveSettings(t) {
+    await this.callMail("save_email_settings", { accounts: t });
+  }
+  // ===== EMAIL OPERATIONS =====
+  /**
+   * List emails from IMAP inbox
+   */
+  async listEmails(t, r = 20) {
+    return this.callMail("list_emails", {
+      account_id: t,
+      limit: r
+    });
+  }
+  /**
+   * Delete emails by UID
+   */
+  async deleteEmails(t, r, n = !0) {
+    return this.callMail("delete_emails", {
+      account_id: t,
+      uids: r,
+      expunge: n
+    });
+  }
+  /**
+   * Execute raw IMAP commands - thin proxy for stack-side logic
+   * Commands are strings like: "SELECT INBOX", "UID STORE 123 +FLAGS (\\Deleted)", "EXPUNGE"
+   */
+  async imapExec(t, r) {
+    return this.callMail("imap_exec", {
+      account_id: t,
+      commands: r
+    });
+  }
+  // ===== HIGH-LEVEL OPERATIONS (built on imapExec) =====
+  /**
+   * Move emails to trash (soft delete)
+   */
+  async trashEmails(t, r) {
+    const n = [
+      "SELECT INBOX",
+      ...r.map((l) => `UID MOVE ${l} [Gmail]/Trash`)
+    ], o = (await this.imapExec(t, n)).responses.filter((l) => l.ok && l.command === "UID MOVE").length;
+    return { success: o > 0, moved: o };
+  }
+  /**
+   * Archive emails (remove from inbox, keep in All Mail)
+   */
+  async archiveEmails(t, r) {
+    const n = [
+      "SELECT INBOX",
+      ...r.map((l) => `UID STORE ${l} +FLAGS (\\Deleted)`),
+      "EXPUNGE"
+    ], o = (await this.imapExec(t, n)).responses.filter((l) => l.ok && l.command === "UID STORE").length;
+    return { success: o > 0, archived: o };
+  }
+  /**
+   * List available folders
+   */
+  async listFolders(t) {
+    const n = (await this.imapExec(t, ['LIST "" *'])).responses.find((i) => i.command === "LIST");
+    return n != null && n.ok && n.folders ? { success: !0, folders: n.folders } : { success: !1, folders: [] };
+  }
+}
+const $e = "qwanyx_auth_token", De = "qwanyx_refresh_token";
+class Rt {
   /**
    * Store authentication token
    */
-  static setToken(r) {
-    typeof window < "u" && localStorage.setItem(ve, r);
+  static setToken(t) {
+    typeof window < "u" && localStorage.setItem($e, t);
   }
   /**
    * Get authentication token
    */
   static getToken() {
-    return typeof window < "u" ? localStorage.getItem(ve) : null;
+    return typeof window < "u" ? localStorage.getItem($e) : null;
   }
   /**
    * Remove authentication token
    */
   static clearToken() {
-    typeof window < "u" && (localStorage.removeItem(ve), localStorage.removeItem(ye));
+    typeof window < "u" && (localStorage.removeItem($e), localStorage.removeItem(De));
   }
   /**
    * Store refresh token
    */
-  static setRefreshToken(r) {
-    typeof window < "u" && localStorage.setItem(ye, r);
+  static setRefreshToken(t) {
+    typeof window < "u" && localStorage.setItem(De, t);
   }
   /**
    * Get refresh token
    */
   static getRefreshToken() {
-    return typeof window < "u" ? localStorage.getItem(ye) : null;
+    return typeof window < "u" ? localStorage.getItem(De) : null;
   }
   /**
    * Check if user is authenticated
@@ -225,103 +349,103 @@ class Er {
    * Get authorization header
    */
   static getAuthHeader() {
-    const r = this.getToken();
-    return r ? { Authorization: `Bearer ${r}` } : {};
+    const t = this.getToken();
+    return t ? { Authorization: `Bearer ${t}` } : {};
   }
 }
-class jr {
-  constructor(r) {
-    ge(this, "config");
+class kt {
+  constructor(t) {
+    _e(this, "config");
     this.config = {
       timeout: 3e4,
       headers: {
         "Content-Type": "application/json"
       },
-      ...r
+      ...t
     };
   }
   /**
    * Build query string from params
    */
-  buildQueryString(r) {
-    if (!r || Object.keys(r).length === 0)
+  buildQueryString(t) {
+    if (!t || Object.keys(t).length === 0)
       return "";
-    const n = new URLSearchParams();
-    Object.entries(r).forEach(([i, l]) => {
-      l != null && n.append(i, String(l));
+    const r = new URLSearchParams();
+    Object.entries(t).forEach(([i, o]) => {
+      o != null && r.append(i, String(o));
     });
-    const a = n.toString();
-    return a ? `?${a}` : "";
+    const n = r.toString();
+    return n ? `?${n}` : "";
   }
   /**
    * Make HTTP request
    */
-  async request(r, n = {}) {
+  async request(t, r = {}) {
     const {
-      method: a = "GET",
+      method: n = "GET",
       headers: i = {},
-      body: l,
-      params: c
-    } = n, p = `${this.config.baseUrl}/${r}${this.buildQueryString(c)}`, d = {
+      body: o,
+      params: l
+    } = r, v = `${this.config.baseUrl}/${t}${this.buildQueryString(l)}`, d = {
       ...this.config.headers,
-      ...Er.getAuthHeader(),
+      ...Rt.getAuthHeader(),
       ...i
-    }, _ = {
-      method: a,
+    }, h = {
+      method: n,
       headers: d
     };
-    l && a !== "GET" && (_.body = JSON.stringify(l));
+    o && n !== "GET" && (h.body = JSON.stringify(o));
     try {
-      const v = new AbortController(), C = setTimeout(() => v.abort(), this.config.timeout), E = await fetch(p, {
-        ..._,
-        signal: v.signal
+      const x = new AbortController(), _ = setTimeout(() => x.abort(), this.config.timeout), S = await fetch(v, {
+        ...h,
+        signal: x.signal
       });
-      if (clearTimeout(C), !E.ok) {
-        const N = await E.json().catch(() => ({
-          message: E.statusText
+      if (clearTimeout(_), !S.ok) {
+        const $ = await S.json().catch(() => ({
+          message: S.statusText
         }));
-        throw new Error(N.message || `HTTP ${E.status}`);
+        throw new Error($.message || `HTTP ${S.status}`);
       }
-      return await E.json();
-    } catch (v) {
-      throw v instanceof Error ? v : new Error("An unexpected error occurred");
+      return await S.json();
+    } catch (x) {
+      throw x instanceof Error ? x : new Error("An unexpected error occurred");
     }
   }
   /**
    * GET request
    */
-  async get(r, n) {
-    return this.request(r, { method: "GET", params: n });
+  async get(t, r) {
+    return this.request(t, { method: "GET", params: r });
   }
   /**
    * POST request
    */
-  async post(r, n, a) {
-    return this.request(r, { method: "POST", body: n, params: a });
+  async post(t, r, n) {
+    return this.request(t, { method: "POST", body: r, params: n });
   }
   /**
    * PUT request
    */
-  async put(r, n, a) {
-    return this.request(r, { method: "PUT", body: n, params: a });
+  async put(t, r, n) {
+    return this.request(t, { method: "PUT", body: r, params: n });
   }
   /**
    * PATCH request
    */
-  async patch(r, n, a) {
-    return this.request(r, { method: "PATCH", body: n, params: a });
+  async patch(t, r, n) {
+    return this.request(t, { method: "PATCH", body: r, params: n });
   }
   /**
    * DELETE request
    */
-  async delete(r, n) {
-    return this.request(r, { method: "DELETE", params: n });
+  async delete(t, r) {
+    return this.request(t, { method: "DELETE", params: r });
   }
   /**
    * Update base URL
    */
-  setBaseUrl(r) {
-    this.config.baseUrl = r;
+  setBaseUrl(t) {
+    this.config.baseUrl = t;
   }
   /**
    * Get current base URL
@@ -330,88 +454,88 @@ class jr {
     return this.config.baseUrl;
   }
 }
-let se = null;
-function Pr(u) {
-  return se = new jr(u), se;
+let Ee = null;
+function Dt(f) {
+  return Ee = new kt(f), Ee;
 }
-function Ve() {
-  if (!se)
+function tt() {
+  if (!Ee)
     throw new Error("API client not initialized. Call initializeApiClient() first.");
-  return se;
+  return Ee;
 }
-function Rr(u, r, n = {}) {
+function Tt(f, t, r = {}) {
   const {
-    enabled: a = !0,
+    enabled: n = !0,
     refetchOnMount: i = !0,
-    onSuccess: l,
-    onError: c
-  } = n, [p, d] = L(null), [_, v] = L(a), [C, E] = L(null), N = X(async () => {
-    if (a) {
-      v(!0), E(null);
+    onSuccess: o,
+    onError: l
+  } = r, [v, d] = L(null), [h, x] = L(n), [_, S] = L(null), $ = X(async () => {
+    if (n) {
+      x(!0), S(null);
       try {
-        const j = await Ve().get(u, r);
-        d(j), l == null || l(j);
-      } catch (T) {
-        const j = T instanceof Error ? T : new Error("Unknown error");
-        E(j), c == null || c(j);
+        const N = await tt().get(f, t);
+        d(N), o == null || o(N);
+      } catch (P) {
+        const N = P instanceof Error ? P : new Error("Unknown error");
+        S(N), l == null || l(N);
       } finally {
-        v(!1);
+        x(!1);
       }
     }
-  }, [u, JSON.stringify(r), a, l, c]);
-  return oe(() => {
-    i && N();
-  }, [N, i]), {
-    data: p,
-    loading: _,
-    error: C,
-    refetch: N
+  }, [f, JSON.stringify(t), n, o, l]);
+  return fe(() => {
+    i && $();
+  }, [$, i]), {
+    data: v,
+    loading: h,
+    error: _,
+    refetch: $
   };
 }
-function Ar(u, r = "POST", n = {}) {
-  const { onSuccess: a, onError: i } = n, [l, c] = L(null), [p, d] = L(!1), [_, v] = L(null), C = X(
-    async (N) => {
-      d(!0), v(null);
+function Ft(f, t = "POST", r = {}) {
+  const { onSuccess: n, onError: i } = r, [o, l] = L(null), [v, d] = L(!1), [h, x] = L(null), _ = X(
+    async ($) => {
+      d(!0), x(null);
       try {
-        const T = Ve();
-        let j;
-        switch (r) {
+        const P = tt();
+        let N;
+        switch (t) {
           case "POST":
-            j = await T.post(u, N);
+            N = await P.post(f, $);
             break;
           case "PUT":
-            j = await T.put(u, N);
+            N = await P.put(f, $);
             break;
           case "PATCH":
-            j = await T.patch(u, N);
+            N = await P.patch(f, $);
             break;
           case "DELETE":
-            j = await T.delete(u);
+            N = await P.delete(f);
             break;
           default:
-            throw new Error(`Unsupported method: ${r}`);
+            throw new Error(`Unsupported method: ${t}`);
         }
-        return c(j), a == null || a(j, N), j;
-      } catch (T) {
-        const j = T instanceof Error ? T : new Error("Unknown error");
-        return v(j), i == null || i(j, N), null;
+        return l(N), n == null || n(N, $), N;
+      } catch (P) {
+        const N = P instanceof Error ? P : new Error("Unknown error");
+        return x(N), i == null || i(N, $), null;
       } finally {
         d(!1);
       }
     },
-    [u, r, a, i]
-  ), E = X(() => {
-    c(null), v(null), d(!1);
+    [f, t, n, i]
+  ), S = X(() => {
+    l(null), x(null), d(!1);
   }, []);
   return {
-    data: l,
-    loading: p,
-    error: _,
-    mutate: C,
-    reset: E
+    data: o,
+    loading: v,
+    error: h,
+    mutate: _,
+    reset: S
   };
 }
-var me = { exports: {} }, Z = {};
+var Ie = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -421,21 +545,21 @@ var me = { exports: {} }, Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
-function Sr() {
-  if (Ge) return Z;
-  Ge = 1;
-  var u = qe, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(p, d, _) {
-    var v, C = {}, E = null, N = null;
-    _ !== void 0 && (E = "" + _), d.key !== void 0 && (E = "" + d.key), d.ref !== void 0 && (N = d.ref);
-    for (v in d) a.call(d, v) && !l.hasOwnProperty(v) && (C[v] = d[v]);
-    if (p && p.defaultProps) for (v in d = p.defaultProps, d) C[v] === void 0 && (C[v] = d[v]);
-    return { $$typeof: r, type: p, key: E, ref: N, props: C, _owner: i.current };
+var He;
+function St() {
+  if (He) return de;
+  He = 1;
+  var f = Ze, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(v, d, h) {
+    var x, _ = {}, S = null, $ = null;
+    h !== void 0 && (S = "" + h), d.key !== void 0 && (S = "" + d.key), d.ref !== void 0 && ($ = d.ref);
+    for (x in d) n.call(d, x) && !o.hasOwnProperty(x) && (_[x] = d[x]);
+    if (v && v.defaultProps) for (x in d = v.defaultProps, d) _[x] === void 0 && (_[x] = d[x]);
+    return { $$typeof: t, type: v, key: S, ref: $, props: _, _owner: i.current };
   }
-  return Z.Fragment = n, Z.jsx = c, Z.jsxs = c, Z;
+  return de.Fragment = r, de.jsx = l, de.jsxs = l, de;
 }
-var ee = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -445,91 +569,91 @@ var ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ye;
-function Tr() {
-  return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
-    var u = qe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), T = Symbol.iterator, j = "@@iterator";
-    function Y(e) {
+var Qe;
+function Nt() {
+  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
+    var f = Ze, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), v = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), P = Symbol.iterator, N = "@@iterator";
+    function H(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = T && e[T] || e[j];
-      return typeof t == "function" ? t : null;
+      var a = P && e[P] || e[N];
+      return typeof a == "function" ? a : null;
     }
-    var $ = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function P(e) {
+    var z = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(e) {
       {
-        for (var t = arguments.length, o = new Array(t > 1 ? t - 1 : 0), f = 1; f < t; f++)
-          o[f - 1] = arguments[f];
-        B("error", e, o);
+        for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), y = 1; y < a; y++)
+          c[y - 1] = arguments[y];
+        I("error", e, c);
       }
     }
-    function B(e, t, o) {
+    function I(e, a, c) {
       {
-        var f = $.ReactDebugCurrentFrame, w = f.getStackAddendum();
-        w !== "" && (t += "%s", o = o.concat([w]));
-        var S = o.map(function(x) {
-          return String(x);
+        var y = z.ReactDebugCurrentFrame, O = y.getStackAddendum();
+        O !== "" && (a += "%s", c = c.concat([O]));
+        var A = c.map(function(R) {
+          return String(R);
         });
-        S.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, S);
+        A.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, A);
       }
     }
-    var q = !1, V = !1, h = !1, R = !1, D = !1, y;
-    y = Symbol.for("react.module.reference");
+    var V = !1, Q = !1, m = !1, T = !1, C = !1, p;
+    p = Symbol.for("react.module.reference");
     function k(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === l || D || e === i || e === _ || e === v || R || e === N || q || V || h || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === C || e.$$typeof === c || e.$$typeof === p || e.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === o || C || e === i || e === h || e === x || T || e === $ || V || Q || m || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === _ || e.$$typeof === l || e.$$typeof === v || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === y || e.getModuleId !== void 0));
+      e.$$typeof === p || e.getModuleId !== void 0));
     }
-    function b(e, t, o) {
-      var f = e.displayName;
-      if (f)
-        return f;
-      var w = t.displayName || t.name || "";
-      return w !== "" ? o + "(" + w + ")" : o;
+    function j(e, a, c) {
+      var y = e.displayName;
+      if (y)
+        return y;
+      var O = a.displayName || a.name || "";
+      return O !== "" ? c + "(" + O + ")" : c;
     }
-    function z(e) {
+    function Z(e) {
       return e.displayName || "Context";
     }
-    function M(e) {
+    function U(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && P("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" && g("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;
       switch (e) {
-        case a:
-          return "Fragment";
         case n:
+          return "Fragment";
+        case r:
           return "Portal";
-        case l:
+        case o:
           return "Profiler";
         case i:
           return "StrictMode";
-        case _:
+        case h:
           return "Suspense";
-        case v:
+        case x:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case p:
-            var t = e;
-            return z(t) + ".Consumer";
-          case c:
-            var o = e;
-            return z(o._context) + ".Provider";
+          case v:
+            var a = e;
+            return Z(a) + ".Consumer";
+          case l:
+            var c = e;
+            return Z(c._context) + ".Provider";
           case d:
-            return b(e, e.render, "ForwardRef");
-          case C:
-            var f = e.displayName || null;
-            return f !== null ? f : M(e.type) || "Memo";
-          case E: {
-            var w = e, S = w._payload, x = w._init;
+            return j(e, e.render, "ForwardRef");
+          case _:
+            var y = e.displayName || null;
+            return y !== null ? y : U(e.type) || "Memo";
+          case S: {
+            var O = e, A = O._payload, R = O._init;
             try {
-              return M(x(S));
+              return U(R(A));
             } catch {
               return null;
             }
@@ -537,18 +661,18 @@ function Tr() {
         }
       return null;
     }
-    var m = Object.assign, U = 0, G, be, we, _e, Ee, je, Re;
-    function Se() {
+    var E = Object.assign, D = 0, Y, pe, he, ge, ye, xe, me;
+    function ve() {
     }
-    Se.__reactDisabledLog = !0;
-    function ze() {
+    ve.__reactDisabledLog = !0;
+    function Re() {
       {
-        if (U === 0) {
-          G = console.log, be = console.info, we = console.warn, _e = console.error, Ee = console.group, je = console.groupCollapsed, Re = console.groupEnd;
+        if (D === 0) {
+          Y = console.log, pe = console.info, he = console.warn, ge = console.error, ye = console.group, xe = console.groupCollapsed, me = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Se,
+            value: ve,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -561,332 +685,332 @@ function Tr() {
             groupEnd: e
           });
         }
-        U++;
+        D++;
       }
     }
-    function Je() {
+    function ke() {
       {
-        if (U--, U === 0) {
+        if (D--, D === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: m({}, e, {
-              value: G
+            log: E({}, e, {
+              value: Y
             }),
-            info: m({}, e, {
-              value: be
+            info: E({}, e, {
+              value: pe
             }),
-            warn: m({}, e, {
-              value: we
+            warn: E({}, e, {
+              value: he
             }),
-            error: m({}, e, {
-              value: _e
+            error: E({}, e, {
+              value: ge
             }),
-            group: m({}, e, {
-              value: Ee
+            group: E({}, e, {
+              value: ye
             }),
-            groupCollapsed: m({}, e, {
-              value: je
+            groupCollapsed: E({}, e, {
+              value: xe
             }),
-            groupEnd: m({}, e, {
-              value: Re
+            groupEnd: E({}, e, {
+              value: me
             })
           });
         }
-        U < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        D < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ie = $.ReactCurrentDispatcher, le;
-    function re(e, t, o) {
+    var ie = z.ReactCurrentDispatcher, oe;
+    function re(e, a, c) {
       {
-        if (le === void 0)
+        if (oe === void 0)
           try {
             throw Error();
-          } catch (w) {
-            var f = w.stack.trim().match(/\n( *(at )?)/);
-            le = f && f[1] || "";
+          } catch (O) {
+            var y = O.stack.trim().match(/\n( *(at )?)/);
+            oe = y && y[1] || "";
           }
         return `
-` + le + e;
+` + oe + e;
       }
     }
-    var ce = !1, te;
+    var le = !1, ne;
     {
-      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
-      te = new Ke();
+      var Te = typeof WeakMap == "function" ? WeakMap : Map;
+      ne = new Te();
     }
-    function Te(e, t) {
-      if (!e || ce)
+    function be(e, a) {
+      if (!e || le)
         return "";
       {
-        var o = te.get(e);
-        if (o !== void 0)
-          return o;
+        var c = ne.get(e);
+        if (c !== void 0)
+          return c;
       }
-      var f;
-      ce = !0;
-      var w = Error.prepareStackTrace;
+      var y;
+      le = !0;
+      var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var S;
-      S = ie.current, ie.current = null, ze();
+      var A;
+      A = ie.current, ie.current = null, Re();
       try {
-        if (t) {
-          var x = function() {
+        if (a) {
+          var R = function() {
             throw Error();
           };
-          if (Object.defineProperty(x.prototype, "props", {
+          if (Object.defineProperty(R.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(x, []);
-            } catch (I) {
-              f = I;
+              Reflect.construct(R, []);
+            } catch (q) {
+              y = q;
             }
-            Reflect.construct(e, [], x);
+            Reflect.construct(e, [], R);
           } else {
             try {
-              x.call();
-            } catch (I) {
-              f = I;
+              R.call();
+            } catch (q) {
+              y = q;
             }
-            e.call(x.prototype);
+            e.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (I) {
-            f = I;
+          } catch (q) {
+            y = q;
           }
           e();
         }
-      } catch (I) {
-        if (I && f && typeof I.stack == "string") {
-          for (var g = I.stack.split(`
-`), F = f.stack.split(`
-`), O = g.length - 1, A = F.length - 1; O >= 1 && A >= 0 && g[O] !== F[A]; )
-            A--;
-          for (; O >= 1 && A >= 0; O--, A--)
-            if (g[O] !== F[A]) {
-              if (O !== 1 || A !== 1)
+      } catch (q) {
+        if (q && y && typeof q.stack == "string") {
+          for (var w = q.stack.split(`
+`), G = y.stack.split(`
+`), F = w.length - 1, M = G.length - 1; F >= 1 && M >= 0 && w[F] !== G[M]; )
+            M--;
+          for (; F >= 1 && M >= 0; F--, M--)
+            if (w[F] !== G[M]) {
+              if (F !== 1 || M !== 1)
                 do
-                  if (O--, A--, A < 0 || g[O] !== F[A]) {
-                    var W = `
-` + g[O].replace(" at new ", " at ");
-                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, W), W;
+                  if (F--, M--, M < 0 || w[F] !== G[M]) {
+                    var K = `
+` + w[F].replace(" at new ", " at ");
+                    return e.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", e.displayName)), typeof e == "function" && ne.set(e, K), K;
                   }
-                while (O >= 1 && A >= 0);
+                while (F >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        ce = !1, ie.current = S, Je(), Error.prepareStackTrace = w;
+        le = !1, ie.current = A, ke(), Error.prepareStackTrace = O;
       }
-      var H = e ? e.displayName || e.name : "", J = H ? re(H) : "";
-      return typeof e == "function" && te.set(e, J), J;
+      var ae = e ? e.displayName || e.name : "", te = ae ? re(ae) : "";
+      return typeof e == "function" && ne.set(e, te), te;
     }
-    function He(e, t, o) {
-      return Te(e, !1);
+    function Se(e, a, c) {
+      return be(e, !1);
     }
-    function Xe(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
+    function u(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function ne(e, t, o) {
+    function b(e, a, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Te(e, Xe(e));
+        return be(e, u(e));
       if (typeof e == "string")
         return re(e);
       switch (e) {
-        case _:
+        case h:
           return re("Suspense");
-        case v:
+        case x:
           return re("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            return He(e.render);
-          case C:
-            return ne(e.type, t, o);
-          case E: {
-            var f = e, w = f._payload, S = f._init;
+            return Se(e.render);
+          case _:
+            return b(e.type, a, c);
+          case S: {
+            var y = e, O = y._payload, A = y._init;
             try {
-              return ne(S(w), t, o);
+              return b(A(O), a, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var Q = Object.prototype.hasOwnProperty, ke = {}, Ce = $.ReactDebugCurrentFrame;
-    function ae(e) {
+    var B = Object.prototype.hasOwnProperty, W = {}, ee = z.ReactDebugCurrentFrame;
+    function J(e) {
       if (e) {
-        var t = e._owner, o = ne(e.type, e._source, t ? t.type : null);
-        Ce.setExtraStackFrame(o);
+        var a = e._owner, c = b(e.type, e._source, a ? a.type : null);
+        ee.setExtraStackFrame(c);
       } else
-        Ce.setExtraStackFrame(null);
+        ee.setExtraStackFrame(null);
     }
-    function Qe(e, t, o, f, w) {
+    function Ne(e, a, c, y, O) {
       {
-        var S = Function.call.bind(Q);
-        for (var x in e)
-          if (S(e, x)) {
-            var g = void 0;
+        var A = Function.call.bind(B);
+        for (var R in e)
+          if (A(e, R)) {
+            var w = void 0;
             try {
-              if (typeof e[x] != "function") {
-                var F = Error((f || "React class") + ": " + o + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw F.name = "Invariant Violation", F;
+              if (typeof e[R] != "function") {
+                var G = Error((y || "React class") + ": " + c + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw G.name = "Invariant Violation", G;
               }
-              g = e[x](t, x, f, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (O) {
-              g = O;
+              w = e[R](a, R, y, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (F) {
+              w = F;
             }
-            g && !(g instanceof Error) && (ae(w), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", o, x, typeof g), ae(null)), g instanceof Error && !(g.message in ke) && (ke[g.message] = !0, ae(w), P("Failed %s type: %s", o, g.message), ae(null));
+            w && !(w instanceof Error) && (J(O), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", y || "React class", c, R, typeof w), J(null)), w instanceof Error && !(w.message in W) && (W[w.message] = !0, J(O), g("Failed %s type: %s", c, w.message), J(null));
           }
       }
     }
-    var Ze = Array.isArray;
-    function ue(e) {
-      return Ze(e);
+    var we = Array.isArray;
+    function ce(e) {
+      return we(e);
     }
-    function er(e) {
+    function rt(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, o = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, c = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c;
       }
     }
-    function rr(e) {
+    function nt(e) {
       try {
-        return Ne(e), !1;
+        return Me(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ne(e) {
+    function Me(e) {
       return "" + e;
     }
-    function Oe(e) {
-      if (rr(e))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), Ne(e);
+    function Ue(e) {
+      if (nt(e))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rt(e)), Me(e);
     }
-    var Pe = $.ReactCurrentOwner, tr = {
+    var Be = z.ReactCurrentOwner, st = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ae, De;
-    function nr(e) {
-      if (Q.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
+    }, Le, ze;
+    function at(e) {
+      if (B.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function ar(e) {
-      if (Q.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
+    function it(e) {
+      if (B.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function or(e, t) {
-      typeof e.ref == "string" && Pe.current;
+    function ot(e, a) {
+      typeof e.ref == "string" && Be.current;
     }
-    function sr(e, t) {
+    function lt(e, a) {
       {
-        var o = function() {
-          Ae || (Ae = !0, P("%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)", t));
+        var c = function() {
+          Le || (Le = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
-        o.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: o,
+        c.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: c,
           configurable: !0
         });
       }
     }
-    function ir(e, t) {
+    function ct(e, a) {
       {
-        var o = function() {
-          De || (De = !0, P("%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)", t));
+        var c = function() {
+          ze || (ze = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
-        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: o,
+        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: c,
           configurable: !0
         });
       }
     }
-    var lr = function(e, t, o, f, w, S, x) {
-      var g = {
+    var dt = function(e, a, c, y, O, A, R) {
+      var w = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: r,
+        $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
-        key: t,
-        ref: o,
-        props: x,
+        key: a,
+        ref: c,
+        props: R,
         // Record the component responsible for creating this element.
-        _owner: S
+        _owner: A
       };
-      return g._store = {}, Object.defineProperty(g._store, "validated", {
+      return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(g, "_self", {
+      }), Object.defineProperty(w, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: f
-      }), Object.defineProperty(g, "_source", {
+        value: y
+      }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+        value: O
+      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function cr(e, t, o, f, w) {
+    function ut(e, a, c, y, O) {
       {
-        var S, x = {}, g = null, F = null;
-        o !== void 0 && (Oe(o), g = "" + o), ar(t) && (Oe(t.key), g = "" + t.key), nr(t) && (F = t.ref, or(t, w));
-        for (S in t)
-          Q.call(t, S) && !tr.hasOwnProperty(S) && (x[S] = t[S]);
+        var A, R = {}, w = null, G = null;
+        c !== void 0 && (Ue(c), w = "" + c), it(a) && (Ue(a.key), w = "" + a.key), at(a) && (G = a.ref, ot(a, O));
+        for (A in a)
+          B.call(a, A) && !st.hasOwnProperty(A) && (R[A] = a[A]);
         if (e && e.defaultProps) {
-          var O = e.defaultProps;
-          for (S in O)
-            x[S] === void 0 && (x[S] = O[S]);
+          var F = e.defaultProps;
+          for (A in F)
+            R[A] === void 0 && (R[A] = F[A]);
         }
-        if (g || F) {
-          var A = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          g && sr(x, A), F && ir(x, A);
+        if (w || G) {
+          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          w && lt(R, M), G && ct(R, M);
         }
-        return lr(e, g, F, w, f, Pe.current, x);
+        return dt(e, w, G, O, y, Be.current, R);
       }
     }
-    var de = $.ReactCurrentOwner, $e = $.ReactDebugCurrentFrame;
-    function K(e) {
+    var Oe = z.ReactCurrentOwner, We = z.ReactDebugCurrentFrame;
+    function se(e) {
       if (e) {
-        var t = e._owner, o = ne(e.type, e._source, t ? t.type : null);
-        $e.setExtraStackFrame(o);
+        var a = e._owner, c = b(e.type, e._source, a ? a.type : null);
+        We.setExtraStackFrame(c);
       } else
-        $e.setExtraStackFrame(null);
+        We.setExtraStackFrame(null);
     }
-    var fe;
-    fe = !1;
-    function he(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === r;
+    var Pe;
+    Pe = !1;
+    function Ae(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function Fe() {
+    function Ge() {
       {
-        if (de.current) {
-          var e = M(de.current.type);
+        if (Oe.current) {
+          var e = U(Oe.current.type);
           if (e)
             return `
 
@@ -895,287 +1019,287 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function ur(e) {
+    function ft(e) {
       return "";
     }
-    var Me = {};
-    function dr(e) {
+    var Ye = {};
+    function pt(e) {
       {
-        var t = Fe();
-        if (!t) {
-          var o = typeof e == "string" ? e : e.displayName || e.name;
-          o && (t = `
+        var a = Ge();
+        if (!a) {
+          var c = typeof e == "string" ? e : e.displayName || e.name;
+          c && (a = `
 
-Check the top-level render call using <` + o + ">.");
+Check the top-level render call using <` + c + ">.");
         }
-        return t;
+        return a;
       }
     }
-    function Ue(e, t) {
+    function qe(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var o = dr(t);
-        if (Me[o])
+        var c = pt(a);
+        if (Ye[c])
           return;
-        Me[o] = !0;
-        var f = "";
-        e && e._owner && e._owner !== de.current && (f = " It was passed a child from " + M(e._owner.type) + "."), K(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, f), K(null);
+        Ye[c] = !0;
+        var y = "";
+        e && e._owner && e._owner !== Oe.current && (y = " It was passed a child from " + U(e._owner.type) + "."), se(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, y), se(null);
       }
     }
-    function Ie(e, t) {
+    function Ve(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (ue(e))
-          for (var o = 0; o < e.length; o++) {
-            var f = e[o];
-            he(f) && Ue(f, t);
+        if (ce(e))
+          for (var c = 0; c < e.length; c++) {
+            var y = e[c];
+            Ae(y) && qe(y, a);
           }
-        else if (he(e))
+        else if (Ae(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var w = Y(e);
-          if (typeof w == "function" && w !== e.entries)
-            for (var S = w.call(e), x; !(x = S.next()).done; )
-              he(x.value) && Ue(x.value, t);
+          var O = H(e);
+          if (typeof O == "function" && O !== e.entries)
+            for (var A = O.call(e), R; !(R = A.next()).done; )
+              Ae(R.value) && qe(R.value, a);
         }
       }
     }
-    function fr(e) {
+    function ht(e) {
       {
-        var t = e.type;
-        if (t == null || typeof t == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
-        var o;
-        if (typeof t == "function")
-          o = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === d || // Note: Memo only checks outer props here.
+        var c;
+        if (typeof a == "function")
+          c = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === C))
-          o = t.propTypes;
+        a.$$typeof === _))
+          c = a.propTypes;
         else
           return;
-        if (o) {
-          var f = M(t);
-          Qe(o, e.props, "prop", f, e);
-        } else if (t.PropTypes !== void 0 && !fe) {
-          fe = !0;
-          var w = M(t);
-          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
+        if (c) {
+          var y = U(a);
+          Ne(c, e.props, "prop", y, e);
+        } else if (a.PropTypes !== void 0 && !Pe) {
+          Pe = !0;
+          var O = U(a);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function hr(e) {
+    function gt(e) {
       {
-        for (var t = Object.keys(e.props), o = 0; o < t.length; o++) {
-          var f = t[o];
-          if (f !== "children" && f !== "key") {
-            K(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), K(null);
+        for (var a = Object.keys(e.props), c = 0; c < a.length; c++) {
+          var y = a[c];
+          if (y !== "children" && y !== "key") {
+            se(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), se(null);
             break;
           }
         }
-        e.ref !== null && (K(e), P("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+        e.ref !== null && (se(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
       }
     }
-    var Le = {};
-    function We(e, t, o, f, w, S) {
+    var Je = {};
+    function Ke(e, a, c, y, O, A) {
       {
-        var x = k(e);
-        if (!x) {
-          var g = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " 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 F = ur();
-          F ? g += F : g += Fe();
-          var O;
-          e === null ? O = "null" : ue(e) ? O = "array" : e !== void 0 && e.$$typeof === r ? (O = "<" + (M(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : O = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, g);
+        var R = k(e);
+        if (!R) {
+          var w = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var G = ft();
+          G ? w += G : w += Ge();
+          var F;
+          e === null ? F = "null" : ce(e) ? F = "array" : e !== void 0 && e.$$typeof === t ? (F = "<" + (U(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, w);
         }
-        var A = cr(e, t, o, w, S);
-        if (A == null)
-          return A;
-        if (x) {
-          var W = t.children;
-          if (W !== void 0)
-            if (f)
-              if (ue(W)) {
-                for (var H = 0; H < W.length; H++)
-                  Ie(W[H], e);
-                Object.freeze && Object.freeze(W);
+        var M = ut(e, a, c, O, A);
+        if (M == null)
+          return M;
+        if (R) {
+          var K = a.children;
+          if (K !== void 0)
+            if (y)
+              if (ce(K)) {
+                for (var ae = 0; ae < K.length; ae++)
+                  Ve(K[ae], e);
+                Object.freeze && Object.freeze(K);
               } else
-                P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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.");
             else
-              Ie(W, e);
+              Ve(K, e);
         }
-        if (Q.call(t, "key")) {
-          var J = M(e), I = Object.keys(t).filter(function(mr) {
-            return mr !== "key";
-          }), pe = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Le[J + pe]) {
-            var xr = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
-            P(`A props object containing a "key" prop is being spread into JSX:
+        if (B.call(a, "key")) {
+          var te = U(e), q = Object.keys(a).filter(function(wt) {
+            return wt !== "key";
+          }), Ce = q.length > 0 ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Je[te + Ce]) {
+            var bt = q.length > 0 ? "{" + q.join(": ..., ") + ": ...}" : "{}";
+            g(`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} />`, pe, J, xr, J), Le[J + pe] = !0;
+  <%s key={someKey} {...props} />`, Ce, te, bt, te), Je[te + Ce] = !0;
           }
         }
-        return e === a ? hr(A) : fr(A), A;
+        return e === n ? gt(M) : ht(M), M;
       }
     }
-    function pr(e, t, o) {
-      return We(e, t, o, !0);
+    function yt(e, a, c) {
+      return Ke(e, a, c, !0);
     }
-    function gr(e, t, o) {
-      return We(e, t, o, !1);
+    function xt(e, a, c) {
+      return Ke(e, a, c, !1);
     }
-    var vr = gr, yr = pr;
-    ee.Fragment = a, ee.jsx = vr, ee.jsxs = yr;
-  }()), ee;
+    var mt = xt, vt = yt;
+    ue.Fragment = n, ue.jsx = mt, ue.jsxs = vt;
+  }()), ue;
 }
-process.env.NODE_ENV === "production" ? me.exports = Sr() : me.exports = Tr();
-var s = me.exports;
-class xe {
+process.env.NODE_ENV === "production" ? Ie.exports = St() : Ie.exports = Nt();
+var s = Ie.exports;
+class Fe {
   /**
    * Filter array by predicate function
    */
-  static filter(r, n) {
-    return r.filter(n);
+  static filter(t, r) {
+    return t.filter(r);
   }
   /**
    * Filter by field value
    */
-  static filterBy(r, n, a) {
-    return r.filter((i) => i[n] === a);
+  static filterBy(t, r, n) {
+    return t.filter((i) => i[r] === n);
   }
   /**
    * Filter by multiple fields
    */
-  static filterByFields(r, n) {
-    return r.filter((a) => Object.entries(n).every(([i, l]) => a[i] === l));
+  static filterByFields(t, r) {
+    return t.filter((n) => Object.entries(r).every(([i, o]) => n[i] === o));
   }
   /**
    * Sort array by field
    */
-  static sort(r, n, a = "asc") {
-    return [...r].sort((i, l) => {
-      const c = i[n], p = l[n];
-      if (c === p) return 0;
+  static sort(t, r, n = "asc") {
+    return [...t].sort((i, o) => {
+      const l = i[r], v = o[r];
+      if (l === v) return 0;
       let d = 0;
-      return c > p && (d = 1), c < p && (d = -1), a === "asc" ? d : -d;
+      return l > v && (d = 1), l < v && (d = -1), n === "asc" ? d : -d;
     });
   }
   /**
    * Search items by query string in specified fields
    */
-  static search(r, n, a) {
-    if (!n.trim()) return r;
-    const i = n.toLowerCase();
-    return r.filter((l) => a.some((c) => {
-      const p = l[c];
-      return p == null ? !1 : String(p).toLowerCase().includes(i);
+  static search(t, r, n) {
+    if (!r.trim()) return t;
+    const i = r.toLowerCase();
+    return t.filter((o) => n.some((l) => {
+      const v = o[l];
+      return v == null ? !1 : String(v).toLowerCase().includes(i);
     }));
   }
   /**
    * Paginate array
    */
-  static paginate(r, n, a) {
-    const i = (n - 1) * a, l = i + a;
+  static paginate(t, r, n) {
+    const i = (r - 1) * n, o = i + n;
     return {
-      data: r.slice(i, l),
-      total: r.length,
-      page: n,
-      totalPages: Math.ceil(r.length / a)
+      data: t.slice(i, o),
+      total: t.length,
+      page: r,
+      totalPages: Math.ceil(t.length / n)
     };
   }
   /**
    * Group items by field value
    */
-  static groupBy(r, n) {
-    return r.reduce((a, i) => {
-      const l = String(i[n]);
-      return a[l] || (a[l] = []), a[l].push(i), a;
+  static groupBy(t, r) {
+    return t.reduce((n, i) => {
+      const o = String(i[r]);
+      return n[o] || (n[o] = []), n[o].push(i), n;
     }, {});
   }
   /**
    * Get unique values for a field
    */
-  static unique(r, n) {
-    const a = r.map((i) => i[n]);
-    return [...new Set(a)];
+  static unique(t, r) {
+    const n = t.map((i) => i[r]);
+    return [...new Set(n)];
   }
   /**
    * Count items by field value
    */
-  static countBy(r, n) {
-    return r.reduce((a, i) => {
-      const l = String(i[n]);
-      return a[l] = (a[l] || 0) + 1, a;
+  static countBy(t, r) {
+    return t.reduce((n, i) => {
+      const o = String(i[r]);
+      return n[o] = (n[o] || 0) + 1, n;
     }, {});
   }
   /**
    * Apply multiple operations in sequence
    */
-  static pipe(r, n) {
-    return n.reduce((a, i) => i(a), r);
+  static pipe(t, r) {
+    return r.reduce((n, i) => i(n), t);
   }
 }
-function Dr({
-  endpoint: u,
-  params: r,
-  layout: n = "list",
-  title: a,
+function It({
+  endpoint: f,
+  params: t,
+  layout: r = "list",
+  title: n,
   emptyMessage: i = "No items found",
-  renderItem: l,
-  keyExtractor: c = (j, Y) => j.id || j._id || String(Y),
-  searchable: p = !1,
+  renderItem: o,
+  keyExtractor: l = (N, H) => N.id || N._id || String(H),
+  searchable: v = !1,
   searchFields: d = [],
-  searchPlaceholder: _ = "Search...",
-  filters: v = [],
-  pageSize: C = 20,
-  onItemClick: E,
-  onRefresh: N,
-  theme: T = {}
+  searchPlaceholder: h = "Search...",
+  filters: x = [],
+  pageSize: _ = 20,
+  onItemClick: S,
+  onRefresh: $,
+  theme: P = {}
 }) {
-  const { data: j, loading: Y, error: $, refetch: P } = Rr(u, r), [B, q] = L(""), [V, h] = L({}), [R, D] = L(1), y = _r(() => {
-    if (!j) return { data: [], total: 0, totalPages: 0 };
-    let m = j;
-    return p && B && d.length > 0 && (m = xe.search(m, B, d)), Object.keys(V).length > 0 && (m = xe.filterByFields(m, V)), xe.paginate(m, R, C);
-  }, [j, B, V, R, C, p, d]);
-  oe(() => {
-    D(1);
-  }, [B, V]);
+  const { data: N, loading: H, error: z, refetch: g } = Tt(f, t), [I, V] = L(""), [Q, m] = L({}), [T, C] = L(1), p = et(() => {
+    if (!N) return { data: [], total: 0, totalPages: 0 };
+    let E = N;
+    return v && I && d.length > 0 && (E = Fe.search(E, I, d)), Object.keys(Q).length > 0 && (E = Fe.filterByFields(E, Q)), Fe.paginate(E, T, _);
+  }, [N, I, Q, T, _, v, d]);
+  fe(() => {
+    C(1);
+  }, [I, Q]);
   const k = () => {
-    q(""), h({}), D(1), P(), N == null || N();
-  }, b = {
-    background: T.background || "#ffffff",
-    cardBackground: T.cardBackground || "#f9fafb",
-    text: T.text || "#111827",
-    textSecondary: T.textSecondary || "#6b7280",
-    border: T.border || "#e5e7eb",
-    primary: T.primary || "#3b82f6"
-  }, M = l || ((m) => /* @__PURE__ */ s.jsxs("div", { style: {
+    V(""), m({}), C(1), g(), $ == null || $();
+  }, 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"
+  }, U = o || ((E) => /* @__PURE__ */ s.jsxs("div", { style: {
     padding: "16px",
-    cursor: E ? "pointer" : "default"
+    cursor: S ? "pointer" : "default"
   }, children: [
-    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: b.text }, children: m.title || m.name || m.label || "Untitled" }),
-    m.description && /* @__PURE__ */ s.jsx("div", { style: { fontSize: "13px", color: b.textSecondary, marginTop: "4px" }, children: m.description })
+    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: j.text }, children: E.title || E.name || E.label || "Untitled" }),
+    E.description && /* @__PURE__ */ s.jsx("div", { style: { fontSize: "13px", color: j.textSecondary, marginTop: "4px" }, children: E.description })
   ] }));
-  return Y && !j ? /* @__PURE__ */ s.jsx("div", { style: {
+  return H && !N ? /* @__PURE__ */ s.jsx("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     padding: "48px",
-    color: b.textSecondary
-  }, children: "Loading..." }) : $ ? /* @__PURE__ */ s.jsxs("div", { style: {
+    color: j.textSecondary
+  }, children: "Loading..." }) : z ? /* @__PURE__ */ s.jsxs("div", { style: {
     padding: "24px",
     textAlign: "center",
     color: "#ef4444"
   }, children: [
     /* @__PURE__ */ s.jsx("div", { style: { fontWeight: 500, marginBottom: "8px" }, children: "Error" }),
-    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px" }, children: $.message }),
+    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px" }, children: z.message }),
     /* @__PURE__ */ s.jsx(
       "button",
       {
@@ -1183,7 +1307,7 @@ function Dr({
         style: {
           marginTop: "16px",
           padding: "8px 16px",
-          background: b.primary,
+          background: j.primary,
           color: "white",
           border: "none",
           borderRadius: "6px",
@@ -1193,26 +1317,26 @@ function Dr({
       }
     )
   ] }) : /* @__PURE__ */ s.jsxs("div", { style: {
-    background: b.background,
+    background: j.background,
     borderRadius: "12px",
     overflow: "hidden"
   }, children: [
-    (a || p || v.length > 0) && /* @__PURE__ */ s.jsxs("div", { style: {
+    (n || v || x.length > 0) && /* @__PURE__ */ s.jsxs("div", { style: {
       padding: "16px",
-      borderBottom: `1px solid ${b.border}`
+      borderBottom: `1px solid ${j.border}`
     }, children: [
       /* @__PURE__ */ s.jsxs("div", { style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        marginBottom: p || v.length > 0 ? "12px" : "0"
+        marginBottom: v || x.length > 0 ? "12px" : "0"
       }, children: [
-        a && /* @__PURE__ */ s.jsx("h2", { style: {
+        n && /* @__PURE__ */ s.jsx("h2", { style: {
           margin: 0,
           fontSize: "18px",
           fontWeight: 600,
-          color: b.text
-        }, children: a }),
+          color: j.text
+        }, children: n }),
         /* @__PURE__ */ s.jsx(
           "button",
           {
@@ -1220,9 +1344,9 @@ function Dr({
             style: {
               padding: "6px 12px",
               background: "transparent",
-              border: `1px solid ${b.border}`,
+              border: `1px solid ${j.border}`,
               borderRadius: "6px",
-              color: b.textSecondary,
+              color: j.textSecondary,
               cursor: "pointer",
               fontSize: "13px"
             },
@@ -1230,17 +1354,17 @@ function Dr({
           }
         )
       ] }),
-      p && /* @__PURE__ */ s.jsx(
+      v && /* @__PURE__ */ s.jsx(
         "input",
         {
           type: "text",
-          placeholder: _,
-          value: B,
-          onChange: (m) => q(m.target.value),
+          placeholder: h,
+          value: I,
+          onChange: (E) => V(E.target.value),
           style: {
             width: "100%",
             padding: "8px 12px",
-            border: `1px solid ${b.border}`,
+            border: `1px solid ${j.border}`,
             borderRadius: "8px",
             fontSize: "14px",
             outline: "none"
@@ -1249,61 +1373,61 @@ function Dr({
       )
     ] }),
     /* @__PURE__ */ s.jsx("div", { style: {
-      display: n === "grid" ? "grid" : "flex",
-      flexDirection: n === "list" ? "column" : void 0,
-      gridTemplateColumns: n === "grid" ? "repeat(auto-fill, minmax(250px, 1fr))" : void 0,
-      gap: n === "list" ? "0" : "16px",
-      padding: n === "list" ? "0" : "16px"
-    }, children: y.data.length === 0 ? /* @__PURE__ */ s.jsx("div", { style: {
+      display: r === "grid" ? "grid" : "flex",
+      flexDirection: r === "list" ? "column" : void 0,
+      gridTemplateColumns: r === "grid" ? "repeat(auto-fill, minmax(250px, 1fr))" : void 0,
+      gap: r === "list" ? "0" : "16px",
+      padding: r === "list" ? "0" : "16px"
+    }, children: p.data.length === 0 ? /* @__PURE__ */ s.jsx("div", { style: {
       padding: "48px",
       textAlign: "center",
-      color: b.textSecondary
-    }, children: i }) : y.data.map((m, U) => /* @__PURE__ */ s.jsx(
+      color: j.textSecondary
+    }, children: i }) : p.data.map((E, D) => /* @__PURE__ */ s.jsx(
       "div",
       {
-        onClick: () => E == null ? void 0 : E(m),
+        onClick: () => S == null ? void 0 : S(E),
         style: {
-          background: b.cardBackground,
-          borderRadius: n === "list" ? "0" : "8px",
-          borderBottom: n === "list" ? `1px solid ${b.border}` : "none",
+          background: j.cardBackground,
+          borderRadius: r === "list" ? "0" : "8px",
+          borderBottom: r === "list" ? `1px solid ${j.border}` : "none",
           transition: "all 0.15s ease"
         },
-        onMouseEnter: (G) => {
-          E && (G.currentTarget.style.background = b.border);
+        onMouseEnter: (Y) => {
+          S && (Y.currentTarget.style.background = j.border);
         },
-        onMouseLeave: (G) => {
-          G.currentTarget.style.background = b.cardBackground;
+        onMouseLeave: (Y) => {
+          Y.currentTarget.style.background = j.cardBackground;
         },
-        children: M(m, U)
+        children: U(E, D)
       },
-      c(m, U)
+      l(E, D)
     )) }),
-    y.totalPages > 1 && /* @__PURE__ */ s.jsxs("div", { style: {
+    p.totalPages > 1 && /* @__PURE__ */ s.jsxs("div", { style: {
       padding: "16px",
-      borderTop: `1px solid ${b.border}`,
+      borderTop: `1px solid ${j.border}`,
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between"
     }, children: [
-      /* @__PURE__ */ s.jsxs("div", { style: { fontSize: "13px", color: b.textSecondary }, children: [
+      /* @__PURE__ */ s.jsxs("div", { style: { fontSize: "13px", color: j.textSecondary }, children: [
         "Page ",
-        R,
+        T,
         " of ",
-        y.totalPages
+        p.totalPages
       ] }),
       /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
         /* @__PURE__ */ s.jsx(
           "button",
           {
-            onClick: () => D((m) => Math.max(1, m - 1)),
-            disabled: R === 1,
+            onClick: () => C((E) => Math.max(1, E - 1)),
+            disabled: T === 1,
             style: {
               padding: "6px 12px",
-              border: `1px solid ${b.border}`,
+              border: `1px solid ${j.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: R === 1 ? "not-allowed" : "pointer",
-              opacity: R === 1 ? 0.5 : 1
+              cursor: T === 1 ? "not-allowed" : "pointer",
+              opacity: T === 1 ? 0.5 : 1
             },
             children: "Previous"
           }
@@ -1311,15 +1435,15 @@ function Dr({
         /* @__PURE__ */ s.jsx(
           "button",
           {
-            onClick: () => D((m) => Math.min(y.totalPages, m + 1)),
-            disabled: R === y.totalPages,
+            onClick: () => C((E) => Math.min(p.totalPages, E + 1)),
+            disabled: T === p.totalPages,
             style: {
               padding: "6px 12px",
-              border: `1px solid ${b.border}`,
+              border: `1px solid ${j.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: R === y.totalPages ? "not-allowed" : "pointer",
-              opacity: R === y.totalPages ? 0.5 : 1
+              cursor: T === p.totalPages ? "not-allowed" : "pointer",
+              opacity: T === p.totalPages ? 0.5 : 1
             },
             children: "Next"
           }
@@ -1328,189 +1452,189 @@ function Dr({
     ] })
   ] });
 }
-function $r({
-  item: u,
-  onClick: r,
-  title: n = (c) => c.title || c.name || c.label || "Untitled",
-  subtitle: a = (c) => c.description || c.subtitle || "",
-  image: i = (c) => c.image || c.thumbnail || c.photo,
-  badge: l = (c) => c.badge || c.tag || c.type
+function Mt({
+  item: f,
+  onClick: t,
+  title: r = (l) => l.title || l.name || l.label || "Untitled",
+  subtitle: n = (l) => l.description || l.subtitle || "",
+  image: i = (l) => l.image || l.thumbnail || l.photo,
+  badge: o = (l) => l.badge || l.tag || l.type
 }) {
-  const c = n(u), p = a(u), d = i(u), _ = l(u);
+  const l = r(f), v = n(f), d = i(f), h = o(f);
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      onClick: r,
+      onClick: t,
       className: `
         flex items-center gap-4 p-4 border-b border-gray-200
         hover:bg-gray-50 transition-colors
-        ${r ? "cursor-pointer" : ""}
+        ${t ? "cursor-pointer" : ""}
       `,
       children: [
         d && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ s.jsx(
           "img",
           {
             src: d,
-            alt: c,
+            alt: l,
             className: "w-16 h-16 object-cover rounded-lg"
           }
         ) }),
         /* @__PURE__ */ s.jsxs("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ s.jsx("h3", { className: "font-medium text-gray-900 truncate", children: c }),
-            _ && /* @__PURE__ */ s.jsx("span", { className: "px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full", children: _ })
+            /* @__PURE__ */ s.jsx("h3", { className: "font-medium text-gray-900 truncate", children: l }),
+            h && /* @__PURE__ */ s.jsx("span", { className: "px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full", children: h })
           ] }),
-          p && /* @__PURE__ */ s.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: p })
+          v && /* @__PURE__ */ s.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: v })
         ] }),
-        r && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0 text-gray-400", children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
+        t && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0 text-gray-400", children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
       ]
     }
   );
 }
-function Fr({
-  item: u,
-  onClose: r,
-  title: n = (l) => l.title || l.name || l.label || "Detail",
-  image: a = (l) => l.image || l.thumbnail || l.photo,
+function Ut({
+  item: f,
+  onClose: t,
+  title: r = (o) => o.title || o.name || o.label || "Detail",
+  image: n = (o) => o.image || o.thumbnail || o.photo,
   fields: i = []
 }) {
-  if (!u) return null;
-  const l = n(u), c = a(u);
+  if (!f) return null;
+  const o = r(f), l = n(f);
   return /* @__PURE__ */ s.jsx("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ s.jsxs("div", { className: "bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto shadow-2xl", children: [
     /* @__PURE__ */ s.jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ s.jsx("h2", { className: "text-xl font-semibold text-gray-900", children: l }),
-      r && /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ s.jsx("h2", { className: "text-xl font-semibold text-gray-900", children: o }),
+      t && /* @__PURE__ */ s.jsx(
         "button",
         {
-          onClick: r,
+          onClick: t,
           className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
           children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
         }
       )
     ] }),
     /* @__PURE__ */ s.jsxs("div", { className: "p-6", children: [
-      c && /* @__PURE__ */ s.jsx("div", { className: "mb-6", children: /* @__PURE__ */ s.jsx(
+      l && /* @__PURE__ */ s.jsx("div", { className: "mb-6", children: /* @__PURE__ */ s.jsx(
         "img",
         {
-          src: c,
-          alt: l,
+          src: l,
+          alt: o,
           className: "w-full h-64 object-cover rounded-lg"
         }
       ) }),
-      i.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "space-y-4", children: i.map((p, d) => {
-        const _ = p.value(u);
-        return _ == null || _ === "" ? null : /* @__PURE__ */ s.jsxs("div", { children: [
-          /* @__PURE__ */ s.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: p.label }),
-          /* @__PURE__ */ s.jsx("div", { className: "text-base text-gray-900", children: typeof _ == "object" ? JSON.stringify(_, null, 2) : String(_) })
+      i.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "space-y-4", children: i.map((v, d) => {
+        const h = v.value(f);
+        return h == null || h === "" ? null : /* @__PURE__ */ s.jsxs("div", { children: [
+          /* @__PURE__ */ s.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: v.label }),
+          /* @__PURE__ */ s.jsx("div", { className: "text-base text-gray-900", children: typeof h == "object" ? JSON.stringify(h, null, 2) : String(h) })
         ] }, d);
       }) }),
-      i.length === 0 && /* @__PURE__ */ s.jsx("pre", { className: "bg-gray-50 p-4 rounded-lg text-sm overflow-x-auto", children: JSON.stringify(u, null, 2) })
+      i.length === 0 && /* @__PURE__ */ s.jsx("pre", { className: "bg-gray-50 p-4 rounded-lg text-sm overflow-x-auto", children: JSON.stringify(f, null, 2) })
     ] }),
-    r && /* @__PURE__ */ s.jsx("div", { className: "sticky bottom-0 bg-gray-50 border-t border-gray-200 px-6 py-4", children: /* @__PURE__ */ s.jsx(
+    t && /* @__PURE__ */ s.jsx("div", { className: "sticky bottom-0 bg-gray-50 border-t border-gray-200 px-6 py-4", children: /* @__PURE__ */ s.jsx(
       "button",
       {
-        onClick: r,
+        onClick: t,
         className: "w-full px-4 py-2 bg-gray-900 text-white rounded-lg hover:bg-gray-800 transition-colors font-medium",
         children: "Close"
       }
     ) })
   ] }) });
 }
-const kr = {
+const Ot = {
   small: "w-32 h-32",
   medium: "w-48 h-48",
   large: "w-64 h-64"
 };
-function Mr({
-  nodes: u,
-  cardCount: r = 2,
-  minInterval: n = 1e3,
-  maxInterval: a = 3e3,
+function Bt({
+  nodes: f,
+  cardCount: t = 2,
+  minInterval: r = 1e3,
+  maxInterval: n = 3e3,
   onCardClick: i,
-  cardSize: l = "medium",
-  className: c = ""
+  cardSize: o = "medium",
+  className: l = ""
 }) {
-  const p = Math.min(Math.max(r, 1), 5), [d, _] = L([]), [v, C] = L([]), [E, N] = L(Array(p).fill(!1)), [T, j] = L(Array(p).fill(!1)), Y = Be([]), $ = X((h) => {
-    const R = u.filter((y) => !h.includes(y._id));
-    if (R.length === 0) return null;
-    const D = Math.floor(Math.random() * R.length);
-    return R[D];
-  }, [u]), P = X(() => Math.random() * (a - n) + n, [n, a]);
-  oe(() => {
-    if (u.length === 0) {
-      _([]), C([]);
+  const v = Math.min(Math.max(t, 1), 5), [d, h] = L([]), [x, _] = L([]), [S, $] = L(Array(v).fill(!1)), [P, N] = L(Array(v).fill(!1)), H = Xe([]), z = X((m) => {
+    const T = f.filter((p) => !m.includes(p._id));
+    if (T.length === 0) return null;
+    const C = Math.floor(Math.random() * T.length);
+    return T[C];
+  }, [f]), g = X(() => Math.random() * (n - r) + r, [r, n]);
+  fe(() => {
+    if (f.length === 0) {
+      h([]), _([]);
       return;
     }
-    const h = [], R = [], D = [];
-    for (let y = 0; y < p && y < u.length; y++) {
-      const k = $(D);
-      k && (h.push(k), D.push(k._id));
+    const m = [], T = [], C = [];
+    for (let p = 0; p < v && p < f.length; p++) {
+      const k = z(C);
+      k && (m.push(k), C.push(k._id));
     }
-    for (let y = 0; y < h.length; y++) {
+    for (let p = 0; p < m.length; p++) {
       const k = [
-        h[y]._id,
-        ...h.filter((z, M) => M !== y).map((z) => z._id)
-      ], b = $(k);
-      b ? R.push(b) : R.push(h[y]);
+        m[p]._id,
+        ...m.filter((Z, U) => U !== p).map((Z) => Z._id)
+      ], j = z(k);
+      j ? T.push(j) : T.push(m[p]);
     }
-    _(h), C(R);
-  }, [u, p, $]);
-  const B = X((h) => {
-    const R = P(), D = setTimeout(() => {
-      N((y) => {
-        const k = [...y];
-        return k[h] = !k[h], k;
+    h(m), _(T);
+  }, [f, v, z]);
+  const I = X((m) => {
+    const T = g(), C = setTimeout(() => {
+      $((p) => {
+        const k = [...p];
+        return k[m] = !k[m], k;
       }), setTimeout(() => {
-        j((y) => {
-          const k = [...y];
-          return k[h] = !k[h], k;
+        N((p) => {
+          const k = [...p];
+          return k[m] = !k[m], k;
         }), setTimeout(() => {
-          const y = !T[h];
-          y && _((k) => {
-            const b = [...k];
-            return b[h] = v[h], b;
-          }), C((k) => {
-            const b = [...k], M = [
-              (y ? v[h] : d[h])._id,
-              ...d.filter((U, G) => G !== h).map((U) => U._id),
-              ...k.filter((U, G) => G !== h).map((U) => U._id)
-            ], m = $(M);
-            return m && (b[h] = m), b;
+          const p = !P[m];
+          p && h((k) => {
+            const j = [...k];
+            return j[m] = x[m], j;
+          }), _((k) => {
+            const j = [...k], U = [
+              (p ? x[m] : d[m])._id,
+              ...d.filter((D, Y) => Y !== m).map((D) => D._id),
+              ...k.filter((D, Y) => Y !== m).map((D) => D._id)
+            ], E = z(U);
+            return E && (j[m] = E), j;
           }), setTimeout(() => {
-            B(h);
+            I(m);
           }, 150);
         }, 200);
       }, 150);
-    }, R);
-    Y.current[h] = D;
-  }, [P, $, d, v, T]), q = Be(!1);
-  oe(() => {
-    if (!(d.length === 0 || u.length <= 1) && !q.current) {
-      q.current = !0;
-      for (let h = 0; h < d.length; h++)
-        B(h);
+    }, T);
+    H.current[m] = C;
+  }, [g, z, d, x, P]), V = Xe(!1);
+  fe(() => {
+    if (!(d.length === 0 || f.length <= 1) && !V.current) {
+      V.current = !0;
+      for (let m = 0; m < d.length; m++)
+        I(m);
       return () => {
-        Y.current.forEach((h) => clearTimeout(h)), Y.current = [], q.current = !1;
+        H.current.forEach((m) => clearTimeout(m)), H.current = [], V.current = !1;
       };
     }
-  }, [d.length, u.length]);
-  const V = (h) => {
-    i && i(h);
+  }, [d.length, f.length]);
+  const Q = (m) => {
+    i && i(m);
   };
-  return u.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${c}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : d.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${c}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "Loading..." }) }) : /* @__PURE__ */ s.jsx("div", { className: `flex gap-4 justify-center items-center flex-wrap ${c}`, children: d.map((h, R) => {
-    const D = v[R], y = T[R];
+  return f.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : d.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${l}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "Loading..." }) }) : /* @__PURE__ */ s.jsx("div", { className: `flex gap-4 justify-center items-center flex-wrap ${l}`, children: d.map((m, T) => {
+    const C = x[T], p = P[T];
     return /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: `relative ${kr[l]}`,
+        className: `relative ${Ot[o]}`,
         style: { perspective: "1000px" },
-        onClick: () => V(y ? D : h),
+        onClick: () => Q(p ? C : m),
         children: /* @__PURE__ */ s.jsxs(
           "div",
           {
             className: "w-full h-full rounded-lg shadow-lg overflow-hidden cursor-pointer hover:shadow-xl",
             style: {
-              transform: `rotateY(${E[R] ? 180 : 0}deg)`,
+              transform: `rotateY(${S[T] ? 180 : 0}deg)`,
               transition: "transform 0.5s",
               transformStyle: "preserve-3d"
             },
@@ -1520,13 +1644,13 @@ function Mr({
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: y ? 0 : 1
+                    opacity: p ? 0 : 1
                   },
                   children: /* @__PURE__ */ s.jsxs(
                     "div",
                     {
                       style: {
-                        transform: E[R] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: S[T] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
@@ -1534,29 +1658,29 @@ function Mr({
                         /* @__PURE__ */ s.jsx(
                           "img",
                           {
-                            src: h.data.image,
-                            alt: h.title,
+                            src: m.data.image,
+                            alt: m.title,
                             className: "w-full h-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: h.title }) })
+                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: m.title }) })
                       ]
                     }
                   )
                 }
               ),
-              D && /* @__PURE__ */ s.jsx(
+              C && /* @__PURE__ */ s.jsx(
                 "div",
                 {
                   className: "absolute inset-0 transition-opacity duration-200",
                   style: {
-                    opacity: y ? 1 : 0
+                    opacity: p ? 1 : 0
                   },
                   children: /* @__PURE__ */ s.jsxs(
                     "div",
                     {
                       style: {
-                        transform: E[R] ? "scaleX(-1)" : "scaleX(1)",
+                        transform: S[T] ? "scaleX(-1)" : "scaleX(1)",
                         width: "100%",
                         height: "100%"
                       },
@@ -1564,12 +1688,12 @@ function Mr({
                         /* @__PURE__ */ s.jsx(
                           "img",
                           {
-                            src: D.data.image,
-                            alt: D.title,
+                            src: C.data.image,
+                            alt: C.title,
                             className: "w-full h-full object-cover"
                           }
                         ),
-                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: D.title }) })
+                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: C.title }) })
                       ]
                     }
                   )
@@ -1579,21 +1703,331 @@ function Mr({
           }
         )
       },
-      `slot-${R}`
+      `slot-${T}`
     );
   }) });
 }
+function je(f) {
+  if (!f) return "";
+  const t = /=\?([^?]+)\?([BQbq])\?([^?]*)\?=/g;
+  return f.replace(t, (r, n, i, o) => {
+    try {
+      if (i.toUpperCase() === "B") {
+        const l = atob(o);
+        return decodeURIComponent(escape(l));
+      } else if (i.toUpperCase() === "Q") {
+        const l = o.replace(/_/g, " ").replace(
+          /=([0-9A-Fa-f]{2})/g,
+          (v, d) => String.fromCharCode(parseInt(d, 16))
+        );
+        return decodeURIComponent(escape(l));
+      }
+    } catch (l) {
+      console.warn("MIME decode error:", l);
+    }
+    return r;
+  }).replace(/\s+/g, " ").trim();
+}
+const Pt = {
+  background: "#ffffff",
+  cardBackground: "#ffffff",
+  selectedBackground: "#f5f5f5",
+  unreadBackground: "#ffffff",
+  text: "#111827",
+  textSecondary: "#6b7280",
+  border: "#e5e7eb",
+  primary: "#3b82f6",
+  danger: "#ef4444"
+};
+function Lt({
+  baseUrl: f,
+  systemId: t,
+  accountId: r,
+  limit: n = 30,
+  selectable: i = !0,
+  showDetail: o = !1,
+  emptyMessage: l = "No emails",
+  autoLoad: v = !0,
+  onSelect: d,
+  onSelectionChange: h,
+  onDelete: x,
+  onError: _,
+  renderItem: S,
+  renderDetail: $,
+  renderActions: P,
+  renderEmpty: N,
+  renderLoading: H,
+  theme: z = {}
+}) {
+  const g = { ...Pt, ...z }, [I, V] = L([]), [Q, m] = L(!1), [T, C] = L(null), [p, k] = L(/* @__PURE__ */ new Set()), [j, Z] = L(null), [U, E] = L(null), D = et(() => t ? new Et({ baseUrl: f, system_id: t }) : null, [f, t]), Y = X(async () => {
+    if (D) {
+      m(!0), C(null);
+      try {
+        const u = await D.listEmails(r, n);
+        if (u != null && u.messages) {
+          const b = [...u.messages].sort(
+            (B, W) => new Date(W.date).getTime() - new Date(B.date).getTime()
+          );
+          V(b);
+        }
+      } catch (u) {
+        const b = u instanceof Error ? u : new Error("Failed to fetch emails");
+        C(b.message), _ == null || _(b);
+      }
+      m(!1);
+    }
+  }, [D, r, n, _]);
+  fe(() => {
+    v && Y();
+  }, [v, Y]);
+  const pe = X((u, b, B) => {
+    if (!i) {
+      d == null || d(u), o && E(u);
+      return;
+    }
+    const W = u.uid;
+    if (B.shiftKey && j !== null) {
+      const ee = Math.min(j, b), J = Math.max(j, b), Ne = I.slice(ee, J + 1).map((ce) => ce.uid), we = new Set(Ne);
+      k(we), h == null || h(Array.from(we));
+    } else if (B.ctrlKey || B.metaKey)
+      k((ee) => {
+        const J = new Set(ee);
+        return J.has(W) ? J.delete(W) : J.add(W), h == null || h(Array.from(J)), J;
+      }), Z(b);
+    else if (p.size === 1 && p.has(W))
+      d == null || d(u), o && E(u);
+    else {
+      const ee = /* @__PURE__ */ new Set([W]);
+      k(ee), Z(b), h == null || h(Array.from(ee));
+    }
+  }, [i, j, I, p, d, h, o]), he = X(async () => {
+    if (!(!D || p.size === 0))
+      try {
+        const u = await D.trashEmails(r, Array.from(p));
+        if (console.log("Trash result:", u), u.success && u.moved > 0) {
+          V((B) => B.filter((W) => !p.has(W.uid)));
+          const b = Array.from(p);
+          k(/* @__PURE__ */ new Set()), x == null || x(b);
+        } else
+          C("Failed to move emails to trash");
+      } catch (u) {
+        const b = u instanceof Error ? u : new Error("Trash failed");
+        console.error("Trash error:", b), C(b.message), _ == null || _(b);
+      }
+  }, [D, r, p, x, _]), ge = X(async () => {
+    if (!(!D || p.size === 0))
+      try {
+        const u = await D.archiveEmails(r, Array.from(p));
+        if (console.log("Archive result:", u), u.success && u.archived > 0) {
+          V((B) => B.filter((W) => !p.has(W.uid)));
+          const b = Array.from(p);
+          k(/* @__PURE__ */ new Set()), x == null || x(b);
+        } else
+          C("Failed to archive emails");
+      } catch (u) {
+        const b = u instanceof Error ? u : new Error("Archive failed");
+        console.error("Archive error:", b), C(b.message), _ == null || _(b);
+      }
+  }, [D, r, p, x, _]), ye = X(() => {
+    if (p.size === I.length)
+      k(/* @__PURE__ */ new Set()), h == null || h([]);
+    else {
+      const u = new Set(I.map((b) => b.uid));
+      k(u), h == null || h(Array.from(u));
+    }
+  }, [I, p.size, h]), xe = X(() => {
+    k(/* @__PURE__ */ new Set()), h == null || h([]);
+  }, [h]), me = {
+    delete: he,
+    archive: ge,
+    refresh: Y,
+    selectAll: ye,
+    clearSelection: xe
+  }, ve = (u) => {
+    if (!u) return "";
+    const b = new Date(u), B = /* @__PURE__ */ new Date();
+    return b.toDateString() === B.toDateString() ? b.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : b.toLocaleDateString([], { month: "short", day: "numeric" });
+  }, Re = (u, b) => /* @__PURE__ */ s.jsx("div", { style: {
+    padding: "12px 16px",
+    background: b ? g.selectedBackground : u.seen ? g.cardBackground : g.unreadBackground,
+    borderBottom: `1px solid ${g.border}`,
+    cursor: "pointer",
+    transition: "background 0.15s ease"
+  }, children: /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "12px" }, children: [
+    /* @__PURE__ */ s.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ s.jsx("div", { style: {
+        fontSize: "14px",
+        fontWeight: u.seen ? 400 : 600,
+        color: g.text,
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      }, children: je(u.from).split("@")[0] }),
+      /* @__PURE__ */ s.jsx("div", { style: {
+        fontSize: "14px",
+        fontWeight: u.seen ? 400 : 500,
+        color: u.seen ? g.textSecondary : g.text,
+        marginTop: "2px",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      }, children: je(u.subject) || "(No subject)" })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { style: {
+      fontSize: "12px",
+      color: g.textSecondary,
+      flexShrink: 0
+    }, children: ve(u.date) })
+  ] }) }), ke = (u) => /* @__PURE__ */ s.jsxs("div", { style: { padding: "24px" }, children: [
+    /* @__PURE__ */ s.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: g.text }, children: je(u.subject) || "(No subject)" }),
+    /* @__PURE__ */ s.jsxs("div", { style: { fontSize: "14px", color: g.textSecondary, marginBottom: "16px" }, children: [
+      "From: ",
+      je(u.from),
+      " • ",
+      new Date(u.date).toLocaleString()
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px", color: g.text }, children: "Email body not loaded. Implement getEmail(uid) to fetch full content." })
+  ] }), ie = (u, b) => /* @__PURE__ */ s.jsxs("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: "8px 16px",
+    background: g.cardBackground,
+    borderBottom: `1px solid ${g.border}`
+  }, children: [
+    /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        onClick: b.selectAll,
+        style: {
+          padding: "6px 12px",
+          background: "transparent",
+          border: `1px solid ${g.border}`,
+          borderRadius: "6px",
+          fontSize: "13px",
+          cursor: "pointer",
+          color: g.text
+        },
+        children: u.length === I.length ? "Deselect All" : "Select All"
+      }
+    ),
+    u.length > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsxs("span", { style: { fontSize: "13px", color: g.textSecondary }, children: [
+        u.length,
+        " selected"
+      ] }),
+      /* @__PURE__ */ s.jsx(
+        "button",
+        {
+          onClick: b.archive,
+          title: "Archive",
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "32px",
+            height: "32px",
+            background: "transparent",
+            border: `1px solid ${g.border}`,
+            borderRadius: "6px",
+            cursor: "pointer",
+            color: g.textSecondary
+          },
+          children: /* @__PURE__ */ s.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "archive" })
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        "button",
+        {
+          onClick: b.delete,
+          title: "Delete",
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "32px",
+            height: "32px",
+            background: "transparent",
+            border: `1px solid ${g.border}`,
+            borderRadius: "6px",
+            cursor: "pointer",
+            color: g.textSecondary
+          },
+          children: /* @__PURE__ */ s.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "delete" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { style: { flex: 1 } }),
+    /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        onClick: b.refresh,
+        title: "Refresh",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "32px",
+          height: "32px",
+          background: "transparent",
+          border: `1px solid ${g.border}`,
+          borderRadius: "6px",
+          cursor: "pointer",
+          color: g.textSecondary
+        },
+        children: /* @__PURE__ */ s.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "refresh" })
+      }
+    )
+  ] }), oe = () => /* @__PURE__ */ s.jsx("div", { style: {
+    padding: "48px",
+    textAlign: "center",
+    color: g.textSecondary
+  }, children: l }), re = () => /* @__PURE__ */ s.jsx("div", { style: {
+    padding: "48px",
+    textAlign: "center",
+    color: g.textSecondary
+  }, children: "Loading..." }), le = S || Re, ne = $ || ke, Te = P || ie, be = N || oe, Se = H || re;
+  return Q && I.length === 0 ? /* @__PURE__ */ s.jsx("div", { style: { background: g.background, width: "100%", height: "100%" }, children: Se() }) : /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", background: g.background, width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ s.jsxs("div", { style: {
+      flex: o && U ? "0 0 50%" : "1",
+      display: "flex",
+      flexDirection: "column",
+      borderRight: o && U ? `1px solid ${g.border}` : "none",
+      overflow: "hidden"
+    }, children: [
+      i && Te(Array.from(p), me),
+      T && /* @__PURE__ */ s.jsx("div", { style: {
+        padding: "12px 16px",
+        background: "#fef2f2",
+        color: g.danger,
+        fontSize: "14px",
+        borderBottom: `1px solid ${g.border}`
+      }, children: T }),
+      /* @__PURE__ */ s.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: I.length === 0 ? be() : I.map((u, b) => /* @__PURE__ */ s.jsx(
+        "div",
+        {
+          onClick: (B) => pe(u, b, B),
+          children: le(u, p.has(u.uid))
+        },
+        u.uid
+      )) })
+    ] }),
+    o && U && /* @__PURE__ */ s.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: ne(U) })
+  ] });
+}
 export {
-  Mr as AnimatedCardFlip,
-  jr as ApiClient,
-  Er as AuthManager,
-  $r as Card,
-  xe as DataOperations,
-  Fr as Detail,
-  Or as GraphClient,
-  Dr as Stack,
-  Ve as getApiClient,
-  Pr as initializeApiClient,
-  Ar as useMutation,
-  Rr as useQuery
+  Bt as AnimatedCardFlip,
+  kt as ApiClient,
+  Rt as AuthManager,
+  Mt as Card,
+  Fe as DataOperations,
+  Ut as Detail,
+  $t as GraphClient,
+  Lt as Mail,
+  Et as MailClient,
+  It as Stack,
+  tt as getApiClient,
+  Dt as initializeApiClient,
+  Ft as useMutation,
+  Tt as useQuery
 };