unifyedx-storybook-new 0.2.36 → 0.2.37

package/dist/unifyedx-storybook-new.es.js

@@ -684,7 +684,7 @@ const zn = {
                       $ && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          i.map((A, R) => /* @__PURE__ */ n(
+                          i.map((A, E) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -705,16 +705,16 @@ const zn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => g(R),
+                                    onClick: () => g(E),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Ze, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${A.name}-${R}`
+                            `${A.name}-${E}`
                           )),
-                          u.map(({ file: A, message: R }, O) => /* @__PURE__ */ n(
+                          u.map(({ file: A, message: E }, R) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -729,21 +729,21 @@ const zn = {
                                   /* @__PURE__ */ n("div", { children: [
                                     /* @__PURE__ */ e("p", { className: "file-item-name", children: A.name }),
                                     /* @__PURE__ */ e("p", { className: "file-item-size", children: Tt(A.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: R })
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: E })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => f(O),
+                                    onClick: () => f(R),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Ze, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${A.name}-${O}`
+                            `${A.name}-${R}`
                           ))
                         ] })
                       ] })
@@ -841,21 +841,21 @@ const zn = {
   }), A = qa({
     initialValues: JSON.parse(JSON.stringify(m)),
     // Deep copy
-    onSubmit: (z) => {
+    onSubmit: (C) => {
       const h = {};
-      Object.keys(z).forEach((w) => {
+      Object.keys(C).forEach((w) => {
         h[w] = {
-          operator: z[w].operator || "in",
-          values: Array.isArray(z[w].values) ? z[w].values : [],
-          range: z[w].range || null
+          operator: C[w].operator || "in",
+          values: Array.isArray(C[w].values) ? C[w].values : [],
+          range: C[w].range || null
         };
       }), console.log("[storybook filter] Applied Filters:", h), typeof s == "function" && s({
         filters: h,
-        activeCount: O
+        activeCount: R
       }), a();
     },
     enableReinitialize: !0
-  }), R = me(() => l.reduce((z, h) => {
+  }), E = me(() => l.reduce((C, h) => {
     const w = h.key, T = A.values[w];
     let k = !1;
     if (T)
@@ -868,34 +868,34 @@ const zn = {
           (T.range && T.range !== "" || Array.isArray(T.values) && T.values.length > 0) && (k = !0);
           break;
       }
-    return z[w] = k, z;
-  }, {}), [l, A.values]), O = Object.values(R).filter(Boolean).length, P = me(() => l.some((z) => {
-    if (z.type !== "date") return !1;
-    const h = A.values?.[z.key]?.values;
+    return C[w] = k, C;
+  }, {}), [l, A.values]), R = Object.values(E).filter(Boolean).length, O = me(() => l.some((C) => {
+    if (C.type !== "date") return !1;
+    const h = A.values?.[C.key]?.values;
     if (!Array.isArray(h) || h.length < 2) return !1;
     const [w, T] = h;
     if (!w || !T) return !1;
     const k = w instanceof Date ? w : new Date(w), v = T instanceof Date ? T : new Date(T);
     return k > v;
-  }), [l, A.values]), V = async (z, h) => {
+  }), [l, A.values]), V = async (C, h) => {
     try {
-      r((T) => ({ ...T, [z]: !0 }));
-      const w = await u(z, h);
-      f((T) => ({ ...T, [z]: w }));
+      r((T) => ({ ...T, [C]: !0 }));
+      const w = await u(C, h);
+      f((T) => ({ ...T, [C]: w }));
     } catch (w) {
-      console.error(`Error fetching ${z} users:`, w);
+      console.error(`Error fetching ${C} users:`, w);
     } finally {
-      r((w) => ({ ...w, [z]: !1 }));
+      r((w) => ({ ...w, [C]: !1 }));
     }
-  }, U = (z) => {
-    const h = l[z].key, w = l[z].url;
-    l[z].type === "multiselect-users" && g[h].length === 0 && !x[h] && V(h, w);
+  }, U = (C) => {
+    const h = l[C].key, w = l[C].url;
+    l[C].type === "multiselect-users" && g[h].length === 0 && !x[h] && V(h, w);
   }, Y = () => {
     A.resetForm(), f({ createdBy: [], updatedBy: [] }), o();
-  }, q = (z) => {
-    const h = l.find((k) => k.key === z);
+  }, q = (C) => {
+    const h = l.find((k) => k.key === C);
     if (!h) return null;
-    const w = A.values[z] || m[z], T = Array.isArray(w.values) ? w.values : [];
+    const w = A.values[C] || m[C], T = Array.isArray(w.values) ? w.values : [];
     switch (h.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -905,7 +905,7 @@ const zn = {
               "select",
               {
                 value: w.operator || "in",
-                onChange: (I) => A.setFieldValue(`${z}.operator`, I.target.value),
+                onChange: (I) => A.setFieldValue(`${C}.operator`, I.target.value),
                 className: "filter-select",
                 children: h.operators.map((I) => /* @__PURE__ */ e("option", { value: I, children: I === "in" ? "Includes" : "Excludes" }, I))
               }
@@ -917,19 +917,19 @@ const zn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-${z}`,
+                  id: `select-all-${C}`,
                   className: "filter-checkbox-input",
                   checked: h.options.length > 0 && T.length === h.options.length,
                   onChange: (I) => {
                     const G = I.target.checked ? h.options.map((X) => X.value) : [];
-                    A.setFieldValue(`${z}.values`, G);
+                    A.setFieldValue(`${C}.values`, G);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-${z}`,
+                  htmlFor: `select-all-${C}`,
                   className: "filter-checkbox-label",
                   children: "Select All"
                 }
@@ -940,19 +940,19 @@ const zn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `${z}-${I.value}`,
+                  id: `${C}-${I.value}`,
                   className: "filter-checkbox-input",
                   checked: T.includes(I.value),
                   onChange: (G) => {
                     const X = G.target.checked ? [...T, I.value] : T.filter((xe) => xe !== I.value);
-                    A.setFieldValue(`${z}.values`, X);
+                    A.setFieldValue(`${C}.values`, X);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${z}-${I.value}`,
+                  htmlFor: `${C}-${I.value}`,
                   className: "filter-checkbox-label",
                   children: I.label
                 }
@@ -961,7 +961,7 @@ const zn = {
           ] })
         ] });
       case "multiselect-users":
-        const k = g[z] || [], v = x[z];
+        const k = g[C] || [], v = x[C];
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
@@ -969,7 +969,7 @@ const zn = {
               "select",
               {
                 value: w.operator || "in",
-                onChange: (I) => A.setFieldValue(`${z}.operator`, I.target.value),
+                onChange: (I) => A.setFieldValue(`${C}.operator`, I.target.value),
                 className: "filter-select",
                 children: h.operators.map((I) => /* @__PURE__ */ e("option", { value: I, children: I === "in" ? "Includes" : "Excludes" }, I))
               }
@@ -981,13 +981,13 @@ const zn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-users-${z}`,
+                  id: `select-all-users-${C}`,
                   className: "filter-checkbox-input",
                   checked: k.length > 0 && T.length === k.length,
                   onChange: (I) => {
                     const G = I.target.checked ? k.map((X) => X.email) : [];
                     A.setFieldValue(
-                      `${z}.values`,
+                      `${C}.values`,
                       G
                     );
                   }
@@ -996,7 +996,7 @@ const zn = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-users-${z}`,
+                  htmlFor: `select-all-users-${C}`,
                   className: "filter-checkbox-label",
                   children: "Select All Users"
                 }
@@ -1007,13 +1007,13 @@ const zn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `${z}-${I.email}`,
+                  id: `${C}-${I.email}`,
                   className: "filter-checkbox-input",
                   checked: T.includes(I.email),
                   onChange: (G) => {
                     const X = G.target.checked ? [...T, I.email] : T.filter((xe) => xe !== I.email);
                     A.setFieldValue(
-                      `${z}.values`,
+                      `${C}.values`,
                       X
                     );
                   }
@@ -1022,7 +1022,7 @@ const zn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${z}-${I.email}`,
+                  htmlFor: `${C}-${I.email}`,
                   className: "filter-checkbox-label",
                   children: [
                     /* @__PURE__ */ e("span", { className: "user-label-name", children: I.name }),
@@ -1034,12 +1034,12 @@ const zn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const b = w.values || [], [y, S] = b, M = y && S, D = b[0] || null, F = b[1] || null, E = {
-          startDate: D instanceof Date ? D.toISOString().slice(0, 10) : null,
-          endDate: D instanceof Date ? D.toISOString().slice(0, 10) : null
-        }, C = {
-          startDate: F instanceof Date ? F.toISOString().slice(0, 10) : null,
-          endDate: F instanceof Date ? F.toISOString().slice(0, 10) : null
+        const b = w.values || [], [y, D] = b, M = y && D, z = b[0] || null, P = b[1] || null, F = {
+          startDate: z instanceof Date ? z.toISOString().slice(0, 10) : null,
+          endDate: z instanceof Date ? z.toISOString().slice(0, 10) : null
+        }, S = {
+          startDate: P instanceof Date ? P.toISOString().slice(0, 10) : null,
+          endDate: P instanceof Date ? P.toISOString().slice(0, 10) : null
         }, B = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
@@ -1050,15 +1050,15 @@ const zn = {
           { key: "custom", label: "Custom" }
         ], _ = (I) => {
           if (I === "anytime") {
-            A.setFieldValue(`${z}.values`, []), A.setFieldValue(`${z}.range`, "anytime");
+            A.setFieldValue(`${C}.values`, []), A.setFieldValue(`${C}.range`, "anytime");
             return;
           }
           if (I === "custom") {
-            A.setFieldValue(`${z}.range`, "custom");
+            A.setFieldValue(`${C}.range`, "custom");
             return;
           }
           const [G, X] = Pn(I);
-          A.setFieldValue(`${z}.values`, G && X ? [G, X] : []), A.setFieldValue(`${z}.range`, I);
+          A.setFieldValue(`${C}.values`, G && X ? [G, X] : []), A.setFieldValue(`${C}.range`, I);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1067,7 +1067,7 @@ const zn = {
               "select",
               {
                 value: w.operator,
-                onChange: (I) => A.setFieldValue(`${z}.operator`, I.target.value),
+                onChange: (I) => A.setFieldValue(`${C}.operator`, I.target.value),
                 className: "filter-select",
                 children: h.operators.map((I) => /* @__PURE__ */ e("option", { value: I, children: I === "in" ? "Is" : "Is not" }, I))
               }
@@ -1078,8 +1078,8 @@ const zn = {
                 type: "button",
                 onClick: () => {
                   A.setFieldValue(
-                    z,
-                    m[z]
+                    C,
+                    m[C]
                   );
                 },
                 className: "filter-clear-selection-button",
@@ -1098,7 +1098,7 @@ const zn = {
                     "input",
                     {
                       type: "radio",
-                      name: `preset-${z}`,
+                      name: `preset-${C}`,
                       checked: G,
                       onChange: () => _(I.key),
                       className: "h-4 w-4"
@@ -1120,10 +1120,10 @@ const zn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: E,
+                  value: F,
                   onChange: (I) => {
                     const G = I?.startDate ? je(new Date(I.startDate)) : null, X = b[1] || null;
-                    G && (A.setFieldValue(`${z}.values`, [G, X]), A.setFieldValue(`${z}.range`, "custom"));
+                    G && (A.setFieldValue(`${C}.values`, [G, X]), A.setFieldValue(`${C}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1144,10 +1144,10 @@ const zn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: C,
+                  value: S,
                   onChange: (I) => {
                     const G = I?.startDate ? Ve(new Date(I.startDate)) : null, X = b[0] || null;
-                    G && (A.setFieldValue(`${z}.values`, [X, G]), A.setFieldValue(`${z}.range`, "custom"));
+                    G && (A.setFieldValue(`${C}.values`, [X, G]), A.setFieldValue(`${C}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1160,7 +1160,7 @@ const zn = {
                 }
               )
             ] }),
-            D && F && D > F && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            z && P && z > P && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
           ] })
         ] });
       default:
@@ -1215,11 +1215,11 @@ const zn = {
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(Br, { className: "filter-tabs-list", children: l.map((z) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(Br, { className: "filter-tabs-list", children: l.map((C) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
-                      z.label,
-                      R[z.key] && /* @__PURE__ */ e(
+                      C.label,
+                      E[C.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1227,8 +1227,8 @@ const zn = {
                         }
                       )
                     ] })
-                  ] }, z.key)) }),
-                  /* @__PURE__ */ e(jr, { className: "filter-tabs-panels", children: l.map((z) => /* @__PURE__ */ e(
+                  ] }, C.key)) }),
+                  /* @__PURE__ */ e(jr, { className: "filter-tabs-panels", children: l.map((C) => /* @__PURE__ */ e(
                     ne.Panel,
                     {
                       className: "filter-tab-panel",
@@ -1239,12 +1239,12 @@ const zn = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: q(z.key)
+                          children: q(C.key)
                         },
-                        z.key
+                        C.key
                       )
                     },
-                    z.key
+                    C.key
                   )) })
                 ]
               }
@@ -1263,12 +1263,12 @@ const zn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !A.dirty || P,
+                  disabled: !A.dirty || O,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
                     " ",
-                    O > 0 ? `(${O})` : ""
+                    R > 0 ? `(${R})` : ""
                   ]
                 }
               )
@@ -2642,11 +2642,11 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   },
   isChanged: u = !1
 }) => {
-  const [g, f] = L(Pt[0]), [x, r] = L(""), N = kt(x, 400), [d, p] = L([]), [$, A] = L(/* @__PURE__ */ new Set()), [R, O] = L(!1), [P, V] = L(It[0]), {
+  const [g, f] = L(Pt[0]), [x, r] = L(""), N = kt(x, 400), [d, p] = L([]), [$, A] = L(/* @__PURE__ */ new Set()), [E, R] = L(!1), [O, V] = L(It[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
-    formState: { errors: z, isSubmitting: h }
+    formState: { errors: C, isSubmitting: h }
   } = rr({
     defaultValues: { pendingInvites: [] },
     resolver: lr(ts)
@@ -2655,27 +2655,27 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
     name: "pendingInvites"
   }), b = q("pendingInvites");
   Z(() => {
-    N.length > 1 ? (O(!0), Zn(g.name, N).then((C) => {
-      p(C);
-    }).catch((C) => console.error("Search failed:", C)).finally(() => O(!1))) : (p([]), A(/* @__PURE__ */ new Set()));
+    N.length > 1 ? (R(!0), Zn(g.name, N).then((S) => {
+      p(S);
+    }).catch((S) => console.error("Search failed:", S)).finally(() => R(!1))) : (p([]), A(/* @__PURE__ */ new Set()));
   }, [N, g]);
-  const y = (C) => {
+  const y = (S) => {
     A((B) => {
       const _ = new Set(B);
-      return _.has(C) ? _.delete(C) : _.add(C), _;
+      return _.has(S) ? _.delete(S) : _.add(S), _;
     });
-  }, S = () => {
-    d.filter((C) => $.has(C.id)).forEach((C) => {
-      w.find((B) => B.id === C.id) || T({ ...C, permission: P.name });
+  }, D = () => {
+    d.filter((S) => $.has(S.id)).forEach((S) => {
+      w.find((B) => B.id === S.id) || T({ ...S, permission: O.name });
     }), A(/* @__PURE__ */ new Set()), r("");
-  }, M = (C) => {
-    V(C), w.forEach(
-      (B, _) => v(_, { ...w[_], permission: C.name })
+  }, M = (S) => {
+    V(S), w.forEach(
+      (B, _) => v(_, { ...w[_], permission: S.name })
     );
-  }, D = async (C) => {
+  }, z = async (S) => {
     try {
       if (l === de.DRIVE) {
-        const B = C.pendingInvites.map((I) => ({
+        const B = S.pendingInvites.map((I) => ({
           id: I.id,
           permission: I.permission,
           type: I.type.toLowerCase()
@@ -2687,7 +2687,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
           // Always send updated existing shares
         }, o);
       } else if (l === de.INTEREST) {
-        const B = C.pendingInvites.map((_) => ({
+        const B = S.pendingInvites.map((_) => ({
           identity: _.id,
           type: _.type.toLowerCase(),
           opt: !0,
@@ -2698,7 +2698,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
         }));
         i(B, o);
       } else if (l === de.ARTICLE) {
-        const B = C.pendingInvites.map((I) => ({
+        const B = S.pendingInvites.map((I) => ({
           id: I.id,
           permission: I.permission,
           type: I.type.toLowerCase()
@@ -2709,17 +2709,17 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
           existingShares: o
         }, o);
       } else
-        i(C, o);
+        i(S, o);
       setTimeout(() => {
         s();
       }, 1e3);
     } catch (B) {
       throw console.error("Failed to submit invites:", B), B;
     }
-  }, F = (C) => {
-    const B = o[g.code].find((_) => _.name === C.name && _.permission !== "remove") || b.find((_) => _.name === C.name);
+  }, P = (S) => {
+    const B = o[g.code].find((_) => _.name === S.name && _.permission !== "remove") || b.find((_) => _.name === S.name);
     return B ? `${B.permission}` : "";
-  }, E = () => {
+  }, F = () => {
     switch (l) {
       case de.DRIVE:
         return "Share with others";
@@ -2733,7 +2733,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   };
   return me(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", b.length), b.length === 0 && !u), [b.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: E() }),
+      /* @__PURE__ */ e(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: F() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === de.DRIVE && /* @__PURE__ */ n("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(sr, { className: "h-5 w-5" }),
@@ -2753,9 +2753,9 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       (l === de.DRIVE || m) && /* @__PURE__ */ e(
         es,
         {
-          users: o.users.filter((C) => C.permission !== "remove"),
-          groups: o.groups.filter((C) => C.permission !== "remove"),
-          roles: o.roles.filter((C) => C.permission !== "remove"),
+          users: o.users.filter((S) => S.permission !== "remove"),
+          groups: o.groups.filter((S) => S.permission !== "remove"),
+          roles: o.roles.filter((S) => S.permission !== "remove"),
           onClick: a
         }
       ),
@@ -2775,10 +2775,10 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Pt.map((C) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Pt.map((S) => /* @__PURE__ */ e(
                 K.Option,
                 {
-                  value: C,
+                  value: S,
                   className: ({ active: B }) => `${B ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
                   children: ({ selected: B }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
@@ -2787,19 +2787,19 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                         className: `${B ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
-                            C.icon,
+                            S.icon,
                             {
                               className: `h-5 w-5 mr-2 ${B ? "text-white" : "text-gray-400"}`
                             }
                           ),
-                          C.name
+                          S.name
                         ]
                       }
                     ),
                     B && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
                   ] })
                 },
-                C.id
+                S.id
               )) })
             }
           )
@@ -2808,11 +2808,11 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
           he,
           {
             placeholder: `Search by ${g.name.toLowerCase()}...`,
-            onDebouncedChange: (C) => r(C),
+            onDebouncedChange: (S) => r(S),
             value: x
           }
         ) }),
-        /* @__PURE__ */ e(ke, { children: (d?.length > 0 || R) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ke, { children: (d?.length > 0 || E) && /* @__PURE__ */ e(
           le.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2820,20 +2820,20 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
             exit: { opacity: 0, y: -10 },
             transition: { duration: 0.2 },
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
-            children: R ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
-              /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((C) => {
-                const B = F(C);
+            children: E ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
+              /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((S) => {
+                const B = P(S);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => B ? null : y(C.id),
+                    onClick: () => B ? null : y(S.id),
                     className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${B ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
                         "input",
                         {
                           type: "checkbox",
-                          checked: $.has(C.id),
+                          checked: $.has(S.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
                           disabled: !!B
@@ -2842,19 +2842,19 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                       /* @__PURE__ */ e(
                         "img",
                         {
-                          src: C.avatarUrl || `https://avatar.vercel.sh/${C.name}.svg?text=${C.name.charAt(0)}`,
-                          alt: C.name,
+                          src: S.avatarUrl || `https://avatar.vercel.sh/${S.name}.svg?text=${S.name.charAt(0)}`,
+                          alt: S.name,
                           className: "w-8 h-8 rounded-full"
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: C.name }),
+                      /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: S.name }),
                       B ? /* @__PURE__ */ n(te, { children: [
                         /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: B }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
                     ]
                   },
-                  C.id
+                  S.id
                 );
               }) }),
               /* @__PURE__ */ n("div", { className: "flex justify-end gap-2 p-2 border-t border-gray-300", children: [
@@ -2869,7 +2869,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: S,
+                    onClick: D,
                     disabled: $.size === 0,
                     className: "px-3 py-1 text-sm text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed hover:cursor-pointer",
                     children: "Add"
@@ -2896,15 +2896,15 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
               l === de.DRIVE && /* @__PURE__ */ e(
                 K,
                 {
-                  value: P,
+                  value: O,
                   onChange: M,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(K.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
                       /* @__PURE__ */ n("span", { className: "flex items-center", children: [
-                        /* @__PURE__ */ e(P.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+                        /* @__PURE__ */ e(O.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ n("span", { className: "truncate", children: [
                           "Can ",
-                          P.name
+                          O.name
                         ] })
                       ] }),
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(ut, { className: "h-5 w-5 text-gray-400" }) })
@@ -2916,10 +2916,10 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                         leave: "transition ease-in duration-100",
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
-                        children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: It.map((C) => /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: It.map((S) => /* @__PURE__ */ e(
                           K.Option,
                           {
-                            value: C,
+                            value: S,
                             className: ({ active: B }) => `${B ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
                             children: ({ selected: B, active: _ }) => /* @__PURE__ */ n(te, { children: [
                               /* @__PURE__ */ n(
@@ -2928,13 +2928,13 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                                   className: `${B ? "font-medium" : "font-normal"} flex items-center`,
                                   children: [
                                     /* @__PURE__ */ e(
-                                      C.icon,
+                                      S.icon,
                                       {
                                         className: `h-5 w-5 mr-2 ${_ ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
-                                    C.name
+                                    S.name
                                   ]
                                 }
                               ),
@@ -2947,7 +2947,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                               ) })
                             ] })
                           },
-                          C.id
+                          S.id
                         )) })
                       }
                     )
@@ -2955,7 +2955,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ke, { children: w.map((C, B) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ke, { children: w.map((S, B) => /* @__PURE__ */ n(
               le.div,
               {
                 layout: !0,
@@ -2969,16 +2969,16 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                     /* @__PURE__ */ e(
                       "img",
                       {
-                        src: C.avatarUrl || `https://avatar.vercel.sh/${C.name}.svg?text=${C.name.charAt(0)}`,
+                        src: S.avatarUrl || `https://avatar.vercel.sh/${S.name}.svg?text=${S.name.charAt(0)}`,
                         className: "w-8 h-8 rounded-full flex-shrink-0"
                       }
                     ),
-                    /* @__PURE__ */ e("span", { className: "font-medium text-sm text-gray-800 truncate", children: C.name })
+                    /* @__PURE__ */ e("span", { className: "font-medium text-sm text-gray-800 truncate", children: S.name })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
                     l === de.DRIVE && /* @__PURE__ */ n("span", { className: "text-sm text-gray-500", children: [
                       "can ",
-                      C.permission
+                      S.permission
                     ] }),
                     /* @__PURE__ */ e(
                       "button",
@@ -2991,7 +2991,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                   ] })
                 ]
               },
-              C.id
+              S.id
             )) }) })
           ]
         }
@@ -3016,7 +3016,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => Y(D)(),
+            onClick: () => Y(z)(),
             disabled: h || b.length === 0 && !u,
             className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-blue-300 disabled:cursor-not-allowed",
             children: h ? "Inviting..." : l === de.DRIVE ? "Send Invites" : "Add"
@@ -3120,30 +3120,30 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
 }) => {
   const [i, u] = L(l), [g, f] = L(0), [x, r] = L(""), N = kt(x, 300), d = {
     users: i.users.filter(
-      (O) => O.name.toLowerCase().includes(N.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
     groups: i.groups.filter(
-      (O) => O.name.toLowerCase().includes(N.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
     roles: i.roles.filter(
-      (O) => O.name.toLowerCase().includes(N.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     )
-  }, p = async (O, P, V, U) => {
-    const Y = P.value;
+  }, p = async (R, O, V, U) => {
+    const Y = O.value;
     u((q) => ({
       ...q,
       [V]: q[V].map(
-        (z) => z.id === O.id ? { ...z, permission: Y } : z
+        (C) => C.id === R.id ? { ...C, permission: Y } : C
       )
     }));
   }, $ = () => {
-    const O = {
-      users: i.users.filter((P) => P.permission !== "remove"),
-      groups: i.groups.filter((P) => P.permission !== "remove"),
-      roles: i.roles.filter((P) => P.permission !== "remove")
+    const R = {
+      users: i.users.filter((O) => O.permission !== "remove"),
+      groups: i.groups.filter((O) => O.permission !== "remove"),
+      roles: i.roles.filter((O) => O.permission !== "remove")
     };
-    a(O);
-  }, A = ["users", "groups", "roles"], R = ["Users", "Groups", "Roles"];
+    a(R);
+  }, A = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3172,24 +3172,24 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
         /* @__PURE__ */ n(ne.Group, { selectedIndex: g, onChange: f, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: R.map((O) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((R) => /* @__PURE__ */ e(
               ne,
               {
                 className: ({
-                  selected: P
+                  selected: O
                 }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
-                                       ${P ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-                children: O
+                                       ${O ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
+                children: R
               },
-              O
+              R
             )) }),
             /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
               he,
               {
                 onDebouncedChange: r,
                 value: x,
-                placeholder: `Search in ${R[g]}...`
+                placeholder: `Search in ${E[g]}...`
               }
             ) })
           ] }),
@@ -3200,11 +3200,11 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(ne.Panels, { as: Q, children: A.map((O) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(ne.Panels, { as: Q, children: A.map((R) => /* @__PURE__ */ e(
                 ne.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(ke, { children: d[O].length > 0 ? d[O].map((P) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(ke, { children: d[R].length > 0 ? d[R].map((O) => /* @__PURE__ */ n(
                     le.div,
                     {
                       layout: !0,
@@ -3221,20 +3221,20 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                           /* @__PURE__ */ e(
                             "img",
                             {
-                              src: P.avatarUrl || `https://avatar.vercel.sh/${P.name}.svg?text=${P.name.charAt(0)}`,
-                              alt: P.name,
+                              src: O.avatarUrl || `https://avatar.vercel.sh/${O.name}.svg?text=${O.name.charAt(0)}`,
+                              alt: O.name,
                               className: "w-10 h-10 rounded-full flex-shrink-0"
                             }
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
-                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: P.name }),
-                            O !== "users" && /* @__PURE__ */ e(
+                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: O.name }),
+                            R !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => o({
-                                  id: P.id,
-                                  type: O,
-                                  name: P.name
+                                  id: O.id,
+                                  type: R,
+                                  name: O.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
                                 children: "View Members"
@@ -3245,18 +3245,18 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                         /* @__PURE__ */ e(
                           rs,
                           {
-                            item: P,
+                            item: O,
                             allowedPermissions: m,
                             onPermissionChange: (V) => p(
-                              P,
+                              O,
                               V,
-                              O
+                              R
                             )
                           }
                         )
                       ]
                     },
-                    P.id
+                    O.id
                   )) : (
                     // Empty state is unchanged
                     /* @__PURE__ */ n(
@@ -3269,16 +3269,16 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                           /* @__PURE__ */ e(Qt, { className: "h-12 w-12 text-gray-400" }),
                           /* @__PURE__ */ n("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                             "No ",
-                            R[g],
+                            E[g],
                             " Found"
                           ] }),
-                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: x ? `No results for "${x}"` : `There are no ${R[g].toLowerCase()} with access.` })
+                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: x ? `No results for "${x}"` : `There are no ${E[g].toLowerCase()} with access.` })
                         ]
                       }
                     )
                   ) })
                 },
-                O
+                R
               )) })
             },
             g
@@ -3429,7 +3429,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   allowedPermissions: u = [],
   ...g
 }) => {
-  const [f, x] = L(pe.INVITE), [r, N] = L(t), [d, p] = L(null), [$, A] = L(!1), [R, O] = L([]), [P, V] = L(pe.MANAGE), U = () => {
+  const [f, x] = L(pe.INVITE), [r, N] = L(t), [d, p] = L(null), [$, A] = L(!1), [E, R] = L([]), [O, V] = L(pe.MANAGE), U = () => {
     x(pe.INVITE), p(null), m();
   }, Y = () => {
     x(pe.MANAGE);
@@ -3440,15 +3440,15 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       } catch (v) {
         console.log("Error searching entities:", v);
       }
-      O(resp);
+      R(resp);
     }
     p({ id: w, type: k, name: T }), V(f), x(pe.MEMBERS);
-  }, z = (w) => {
+  }, C = (w) => {
     console.log("changedExistingShares", w), N(w);
-    const T = it.mapValues(t, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, S) => y.id - S.id)), k = it.mapValues(w, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, S) => y.id - S.id));
+    const T = it.mapValues(t, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id)), k = it.mapValues(w, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id));
     console.log("Existing data:", T), console.log("Changed data:", k);
     const v = !it.isEqual(T, k);
-    console.log("hasPermissionChanged:", v), A(v), x(f === pe.MEMBERS ? P : pe.INVITE);
+    console.log("hasPermissionChanged:", v), A(v), x(f === pe.MEMBERS ? O : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3467,7 +3467,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                 ns,
                 {
                   entity: o,
-                  onBack: z,
+                  onBack: C,
                   onClose: U,
                   onOpenMembers: q,
                   existingShares: r,
@@ -3491,11 +3491,11 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                 ls,
                 {
                   entity: d,
-                  onBack: z,
+                  onBack: C,
                   onClose: U,
                   calledBy: l,
                   existingShares: r,
-                  members: R
+                  members: E
                 }
               )
             },
@@ -3558,19 +3558,19 @@ function rt({
   getOptionId: d = ($) => String($.id),
   getOptionLabel: p = ($) => $.name
 }) {
-  const $ = Qe(), A = Qe(), [R, O] = L(""), P = ge(""), V = me(() => {
+  const $ = Qe(), A = Qe(), [E, R] = L(""), O = ge(""), V = me(() => {
     const w = /* @__PURE__ */ new Map();
     for (const T of a) w.set(d(T), T);
     return w;
   }, [a, d]), U = me(() => Array.isArray(s) ? s.map((w) => w && typeof w == "object" ? V.get(d(w)) || null : V.get(String(w))).filter(Boolean) : [], [s, V, d]), Y = me(() => {
-    if (!R) return a;
-    const w = R.toLowerCase();
+    if (!E) return a;
+    const w = E.toLowerCase();
     return a.filter((T) => p(T).toLowerCase().includes(w));
-  }, [a, R, p]);
+  }, [a, E, p]);
   Z(() => {
-    f === "server" && R.length >= N && R !== P.current && (P.current = R, x && x(R));
-  }, [R, f, N, x]);
-  const q = f === "client" ? Y : a, z = () => {
+    f === "server" && E.length >= N && E !== O.current && (O.current = E, x && x(E));
+  }, [E, f, N, x]);
+  const q = f === "client" ? Y : a, C = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
     const w = U.slice(0, u), T = U.length - u;
@@ -3615,7 +3615,7 @@ function rt({
             i ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: z() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: C() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Xt, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3632,35 +3632,35 @@ function rt({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               he,
               {
-                value: R,
-                onDebouncedChange: O,
+                value: E,
+                onDebouncedChange: R,
                 placeholder: f === "server" ? `Search (min ${N})…` : "Search options…"
               }
             ) }),
             f === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : q.map((T) => {
-              const k = d(T), v = p(T), b = U.some((S) => d(S) === k), y = g !== -1 && U.length >= g && !b;
+            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? E.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : q.map((T) => {
+              const k = d(T), v = p(T), b = U.some((D) => d(D) === k), y = g !== -1 && U.length >= g && !b;
               return /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: T,
                   disabled: y,
-                  className: ({ active: S }) => Ge(
-                    y ? " text-gray-400  bg-white  cursor-not-allowed" : S ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  className: ({ active: D }) => Ge(
+                    y ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: S, active: M }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: D, active: M }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
-                          S ? "font-semibold" : "font-normal",
+                          D ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
                         children: v
                       }
                     ),
-                    S && /* @__PURE__ */ e(
+                    D && /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
@@ -3836,7 +3836,7 @@ function cs({
   dropId: x,
   indent: r = 24
 }) {
-  const { setNodeRef: N, isOver: d } = cr({ id: x }), { attributes: p, listeners: $, setNodeRef: A, transform: R, isDragging: O } = dr({ id: f }), P = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [V, U] = L(!1), [Y, q] = L(t.name), z = () => {
+  const { setNodeRef: N, isOver: d } = cr({ id: x }), { attributes: p, listeners: $, setNodeRef: A, transform: E, isDragging: R } = dr({ id: f }), O = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [V, U] = L(!1), [Y, q] = L(t.name), C = () => {
     const w = Y.trim();
     U(!1), w && w !== t.name ? i?.(t, w) : q(t.name);
   }, h = me(() => /* @__PURE__ */ e(
@@ -3856,8 +3856,8 @@ function cs({
     "div",
     {
       ref: N,
-      className: `tv-row ${d ? "tv-drop-over" : ""} ${O ? "dragging" : ""}`,
-      style: { ...P, paddingLeft: 8 + a * r },
+      className: `tv-row ${d ? "tv-drop-over" : ""} ${R ? "dragging" : ""}`,
+      style: { ...O, paddingLeft: 8 + a * r },
       onClick: (w) => {
         w.target.closest(".tv-toggle") || w.target.tagName === "INPUT" || l?.(t);
       },
@@ -3870,9 +3870,9 @@ function cs({
             className: "tv-input",
             value: Y,
             onChange: (w) => q(w.target.value),
-            onBlur: z,
+            onBlur: C,
             onKeyDown: (w) => {
-              w.key === "Enter" && z(), w.key === "Escape" && (U(!1), q(t.name));
+              w.key === "Enter" && C(), w.key === "Escape" && (U(!1), q(t.name));
             },
             autoFocus: !0
           }
@@ -3981,66 +3981,66 @@ function Jl({
   const { roots: $ } = me(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
     t.map((y) => ({ ...y })),
     { rootId: a, getId: o, getParent: l, getName: m }
-  ), [t, a, o, l, m]), [A, R] = L({}), O = ae((y) => {
-    const S = {};
-    return (function M(D) {
-      D.forEach((F) => {
-        S[F.id] = !0, F.children?.length && M(F.children);
+  ), [t, a, o, l, m]), [A, E] = L({}), R = ae((y) => {
+    const D = {};
+    return (function M(z) {
+      z.forEach((P) => {
+        D[P.id] = !0, P.children?.length && M(P.children);
       });
-    })(y), S;
+    })(y), D;
   }, []);
   se.useEffect(() => {
-    R(O($));
-  }, [$, O]);
-  const P = ae(
-    (y) => R((S) => ({ ...S, [y]: !S[y] })),
+    E(R($));
+  }, [$, R]);
+  const O = ae(
+    (y) => E((D) => ({ ...D, [y]: !D[y] })),
     []
   ), [V, U] = L(() => Me($));
   se.useEffect(() => U(Me($)), [$]);
   const Y = mr(
     ur(br, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = ge(null), [z, h] = L(null), w = ge(0), T = () => {
+  ), q = ge(null), [C, h] = L(null), w = ge(0), T = () => {
   }, k = ({ delta: y }) => {
     w.current = y?.x ?? 0;
   }, v = ae(
-    ({ active: y, over: S }) => {
+    ({ active: y, over: D }) => {
       const M = w.current;
-      if (w.current = 0, h(null), !y || !S) return;
-      const D = String(y.id).replace(/^drag-/, ""), F = String(S.id).replace(/^drop-/, "");
-      if (!D || !F || D === F) return;
-      let E = F;
-      const C = Math.max(0, Math.floor(-M / p));
-      if (C > 0) {
-        let X = F;
-        for (let xe = 0; xe < C; xe++) {
+      if (w.current = 0, h(null), !y || !D) return;
+      const z = String(y.id).replace(/^drag-/, ""), P = String(D.id).replace(/^drop-/, "");
+      if (!z || !P || z === P) return;
+      let F = P;
+      const S = Math.max(0, Math.floor(-M / p));
+      if (S > 0) {
+        let X = P;
+        for (let xe = 0; xe < S; xe++) {
           const j = Sa(V, X, null);
           if (!j) break;
           if (!j.parentId) {
-            E = a;
+            F = a;
             break;
           }
-          E = j.parentId, X = j.parentId;
+          F = j.parentId, X = j.parentId;
         }
       }
-      if (d && E === a) {
+      if (d && F === a) {
         U(Me($));
         return;
       }
-      const B = Me(V), { newRoots: _, removed: I } = bs(B, D);
+      const B = Me(V), { newRoots: _, removed: I } = bs(B, z);
       if (!I) return;
-      const G = fs(_, E, I);
-      U(G), r?.({ sourceId: D, destParentId: E, newTree: G });
+      const G = fs(_, F, I);
+      U(G), r?.({ sourceId: z, destParentId: F, newTree: G });
     },
     [V, $, a, d, p, r]
   ), b = ae(
-    (y, S = 0) => y.map((M) => /* @__PURE__ */ n(se.Fragment, { children: [
+    (y, D = 0) => y.map((M) => /* @__PURE__ */ n(se.Fragment, { children: [
       /* @__PURE__ */ e(
         cs,
         {
           node: M,
-          depth: S,
+          depth: D,
           expanded: !!A[M.id],
-          onToggle: () => P(M.id),
+          onToggle: () => O(M.id),
           onSelect: i,
           onCreateChild: g,
           onRename: f,
@@ -4051,23 +4051,23 @@ function Jl({
           indent: p
         }
       ),
-      A[M.id] && M.children?.length > 0 ? b(M.children, S + 1) : null
+      A[M.id] && M.children?.length > 0 ? b(M.children, D + 1) : null
     ] }, M.id)),
-    [A, p, g, x, f, i, N, P]
+    [A, p, g, x, f, i, N, O]
   );
   return se.useMemo(() => {
-    if (!z) return null;
-    const y = String(z).replace(/^drag-/, "");
-    function S(M) {
-      for (const D of M) {
-        if (D.id === y) return D;
-        const F = D.children?.length ? S(D.children) : null;
-        if (F) return F;
+    if (!C) return null;
+    const y = String(C).replace(/^drag-/, "");
+    function D(M) {
+      for (const z of M) {
+        if (z.id === y) return z;
+        const P = z.children?.length ? D(z.children) : null;
+        if (P) return P;
       }
       return null;
     }
-    return S(V);
-  }, [z, V]), /* @__PURE__ */ n("div", { className: "tv", children: [
+    return D(V);
+  }, [C, V]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
@@ -4181,7 +4181,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       }
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: l.description }),
-    l.fields.map((r, N) => x(r) && /* @__PURE__ */ e("div", { className: r.fullWidth ? "grid grid-cols-1 md:grid-cols-1 gap-4" : "grid grid-cols-1 md:grid-cols-2 gap-4", children: /* @__PURE__ */ n("div", { style: { marginBottom: "10px" }, children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, N) => x(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
       /* @__PURE__ */ n(
         "label",
         {
@@ -4619,7 +4619,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           children: r.info
         }
       )
-    ] }, N) }))
+    ] }, N)) })
   ] }) });
 }
 const xs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
@@ -4649,8 +4649,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   const $ = (h) => {
     const w = (v, b) => {
       console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: v, value: b, type: typeof b }), r((y) => {
-        const S = [...y];
-        return S[v][h.key] = b, S;
+        const D = [...y];
+        return D[v][h.key] = b, D;
       });
     }, T = (v) => o[l.key]?.[v]?.[h.key], k = (v) => {
       const b = T(v);
@@ -4698,9 +4698,9 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
               step: h.step,
               onChange: (y) => w(b, y.target.value),
               onBlur: (y) => {
-                const S = y.target.value;
-                if (S !== "" && S !== null && S !== void 0) {
-                  const M = Number(S);
+                const D = y.target.value;
+                if (D !== "" && D !== null && D !== void 0) {
+                  const M = Number(D);
                   isNaN(M) || (h.min !== void 0 && M < h.min ? (y.target.setCustomValidity(`${h.label} must be at least ${h.min}`), y.target.reportValidity()) : h.max !== void 0 && M > h.max ? (y.target.setCustomValidity(`${h.label} must not exceed ${h.max}`), y.target.reportValidity()) : y.target.setCustomValidity(""));
                 }
               },
@@ -4784,12 +4784,12 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         return (v, b) => {
           const y = () => {
             if (h.optionsFrom && a) {
-              const { config: S, valueField: M, labelField: D } = h.optionsFrom, F = a[S] || [];
-              if (Array.isArray(F))
-                return F.map((E) => ({
-                  id: E[M] || "",
-                  value: E[M] || "",
-                  label: E[D] || ""
+              const { config: D, valueField: M, labelField: z } = h.optionsFrom, P = a[D] || [];
+              if (Array.isArray(P))
+                return P.map((F) => ({
+                  id: F[M] || "",
+                  value: F[M] || "",
+                  label: F[z] || ""
                 }));
             }
             return h.options || [];
@@ -4800,7 +4800,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
               {
                 index: b,
                 value: v[h.key] || "",
-                onChange: (S) => w(b, S),
+                onChange: (D) => w(b, D),
                 options: y(),
                 placeholder: h.placeholder || `Select ${h.label}`,
                 required: h.required,
@@ -4818,7 +4818,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             rt,
             {
               selectedItems: y,
-              onSelectionChange: (S) => w(b, S),
+              onSelectionChange: (D) => w(b, D),
               options: h.options || [],
               placeholder: h.placeholder || `Select ${h.label}`,
               className: "w-full"
@@ -4903,20 +4903,20 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         );
       case "audience":
         return (v, b) => {
-          const y = v[h.key] || { users: [], groups: [], roles: [] }, S = [
+          const y = v[h.key] || { users: [], groups: [], roles: [] }, D = [
             ...y.users || [],
             ...y.groups || [],
             ...y.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(xs, { children: S.length > 0 ? S.slice(0, 3).map((M, D) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(xs, { children: D.length > 0 ? D.slice(0, 3).map((M, z) => /* @__PURE__ */ e(
               Ce,
               {
                 size: "small",
                 name: M.name || M.displayName || M.id,
                 src: M.avatarUrl
               },
-              D
+              z
             )) : null }),
             /* @__PURE__ */ e(
               "button",
@@ -4925,7 +4925,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
                 onClick: () => {
                   f(h.key), u(b);
                 },
-                children: S.length > 0 ? "Edit" : "Assign"
+                children: D.length > 0 ? "Edit" : "Assign"
               }
             )
           ] });
@@ -4962,8 +4962,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "file",
             onChange: (y) => {
-              const S = y.target.files[0];
-              w(b, S ? S.name : "");
+              const D = y.target.files[0];
+              w(b, D ? D.name : "");
             },
             accept: h.accept,
             className: "w-full"
@@ -5007,29 +5007,29 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       const T = [...h, w];
       return console.log("[DataTableRenderer] Updated data:", T), T;
     });
-  }, [l.fields]), R = ae((h) => {
+  }, [l.fields]), E = ae((h) => {
     r((w) => {
       if (w.length <= 1)
         return w;
       const T = [...w];
       return T.splice(h, 1), T;
     });
-  }, []), [O, P] = L(null), V = ae((h, w) => {
-    P(w), h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/html", "");
+  }, []), [R, O] = L(null), V = ae((h, w) => {
+    O(w), h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/html", "");
   }, []), U = ae((h) => {
     h.preventDefault(), h.dataTransfer.dropEffect = "move";
   }, []), Y = ae((h, w) => {
-    h.preventDefault(), !(O === null || O === w) && (r((T) => {
-      const k = [...T], v = k[O];
-      return k.splice(O, 1), k.splice(w, 0, v), k;
-    }), P(null));
-  }, [O]), q = ae(() => {
-    P(null);
-  }, []), z = ae((h) => {
+    h.preventDefault(), !(R === null || R === w) && (r((T) => {
+      const k = [...T], v = k[R];
+      return k.splice(R, 1), k.splice(w, 0, v), k;
+    }), O(null));
+  }, [R]), q = ae(() => {
+    O(null);
+  }, []), C = ae((h) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", h), r((w) => {
       const T = [...w];
       if (i !== null && g && T[i]) {
-        const k = h.pendingInvites || [], v = k.filter((S) => S.type === "User"), b = k.filter((S) => S.type === "Group"), y = k.filter((S) => S.type === "Role");
+        const k = h.pendingInvites || [], v = k.filter((D) => D.type === "User"), b = k.filter((D) => D.type === "Group"), y = k.filter((D) => D.type === "Role");
         T[i][g] = {
           users: [...T[i][g]?.users || [], ...v],
           groups: [...T[i][g]?.groups || [], ...b],
@@ -5070,7 +5070,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       /* @__PURE__ */ e("tbody", { children: x.map((h, w) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${O === w ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${R === w ? "opacity-50" : ""}`,
           draggable: !0,
           onDragStart: (T) => V(T, w),
           onDragOver: U,
@@ -5082,7 +5082,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => R(w),
+                onClick: () => E(w),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(fr, { size: 16 })
@@ -5106,7 +5106,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           onClose: () => {
             u(null), f(null);
           },
-          onFinalSubmit: z,
+          onFinalSubmit: C,
           existingShares: h,
           allowedPermissions: ["view", "remove"]
         }
@@ -5181,18 +5181,18 @@ const Mt = () => {
   initialData: g = null
   // Add prop for initial demo data
 }) => {
-  const [f, x] = L(null), [r, N] = L(""), [d, p] = L(() => Array.isArray(g) ? g : []), [$, A] = L(null), [R, O] = L(null), [P, V] = L(""), U = async () => {
+  const [f, x] = L(null), [r, N] = L(""), [d, p] = L(() => Array.isArray(g) ? g : []), [$, A] = L(null), [E, R] = L(null), [O, V] = L(""), U = async () => {
     try {
-      const D = await _e(t.collectionList);
-      if (D) {
-        const F = D.map((E, C) => ({
-          ...E,
-          order: typeof E.order == "number" ? E.order : C + 1
+      const z = await _e(t.collectionList);
+      if (z) {
+        const P = z.map((F, S) => ({
+          ...F,
+          order: typeof F.order == "number" ? F.order : S + 1
         }));
-        F.sort((E, C) => (E.order ?? 0) - (C.order ?? 0)), p(F), s?.(F);
+        P.sort((F, S) => (F.order ?? 0) - (S.order ?? 0)), p(P), s?.(P);
       }
-    } catch (D) {
-      console.log("Error loading collections:", D), typeof window < "u" && !window.location.pathname.includes("iframe.html") && Se.error("Failed to load collections");
+    } catch (z) {
+      console.log("Error loading collections:", z), typeof window < "u" && !window.location.pathname.includes("iframe.html") && Se.error("Failed to load collections");
     }
   };
   Z(() => {
@@ -5200,30 +5200,30 @@ const Mt = () => {
   }, [g]), Z(() => {
     Array.isArray(g) && p(g);
   }, [g]);
-  const Y = (D) => {
-    m && (x(D.id), N(D.categoryName || ""));
+  const Y = (z) => {
+    m && (x(z.id), N(z.categoryName || ""));
   }, q = () => {
     if (!l || f !== null) return;
-    const D = `temp-${Date.now()}`;
-    p((F) => [
-      ...F,
+    const z = `temp-${Date.now()}`;
+    p((P) => [
+      ...P,
       {
-        id: D,
+        id: z,
         categoryName: "",
         links: [],
-        order: (F.at(-1)?.order ?? 0) + 1,
+        order: (P.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
-    ]), x(D), N("");
-  }, z = () => {
-    f != null && (p((D) => {
-      const F = D.find((C) => C.id === f), E = F && F._temp ? D.filter((C) => C.id !== f) : D;
-      return s?.(E), E;
+    ]), x(z), N("");
+  }, C = () => {
+    f != null && (p((z) => {
+      const P = z.find((S) => S.id === f), F = P && P._temp ? z.filter((S) => S.id !== f) : z;
+      return s?.(F), F;
     }), x(null), N(""));
   }, h = () => {
     if (f == null || !r.trim()) return;
     if (typeof f == "string" && f.startsWith("temp-")) {
-      const F = {
+      const P = {
         id: f,
         categoryName: r.trim(),
         links: [],
@@ -5233,55 +5233,55 @@ const Mt = () => {
         _isDraft: !0
         // Flag to indicate this is a draft change
       };
-      p((E) => {
-        const C = E.map((B) => B.id === f ? F : B);
-        return s?.(C), C;
+      p((F) => {
+        const S = F.map((B) => B.id === f ? P : B);
+        return s?.(S), S;
       });
     } else
-      p((F) => {
-        const E = F.map(
-          (C) => C.id === f ? { ...C, categoryName: r.trim(), _isDraft: !0 } : C
+      p((P) => {
+        const F = P.map(
+          (S) => S.id === f ? { ...S, categoryName: r.trim(), _isDraft: !0 } : S
         );
-        return s?.(E), E;
+        return s?.(F), F;
       });
     x(null), N("");
-  }, w = (D) => {
-    i && p((F) => {
-      const E = F.filter((C) => C.id !== D.id);
-      return s?.(E), E;
+  }, w = (z) => {
+    i && p((P) => {
+      const F = P.filter((S) => S.id !== z.id);
+      return s?.(F), F;
     });
-  }, T = (D, F, E) => {
-    if (!u || !F || !E || F === E) return D;
-    const C = D.findIndex((G) => G.id === F), B = D.findIndex((G) => G.id === E);
-    if (C === -1 || B === -1) return D;
-    const _ = [...D], [I] = _.splice(C, 1);
+  }, T = (z, P, F) => {
+    if (!u || !P || !F || P === F) return z;
+    const S = z.findIndex((G) => G.id === P), B = z.findIndex((G) => G.id === F);
+    if (S === -1 || B === -1) return z;
+    const _ = [...z], [I] = _.splice(S, 1);
     return _.splice(B, 0, I), _.map((G, X) => ({ ...G, order: X + 1 }));
-  }, k = (D, F) => {
-    u && (D.dataTransfer.effectAllowed = "move", D.dataTransfer.setData("text/plain", String(F)), A(F));
-  }, v = (D) => {
-    $ && D !== R && O(D);
-  }, b = (D) => {
-    D.preventDefault();
-  }, y = (D, F) => {
-    D.preventDefault();
-    const E = D.dataTransfer.getData("text/plain");
-    E && (p((C) => {
-      const B = T(C, E, F);
+  }, k = (z, P) => {
+    u && (z.dataTransfer.effectAllowed = "move", z.dataTransfer.setData("text/plain", String(P)), A(P));
+  }, v = (z) => {
+    $ && z !== E && R(z);
+  }, b = (z) => {
+    z.preventDefault();
+  }, y = (z, P) => {
+    z.preventDefault();
+    const F = z.dataTransfer.getData("text/plain");
+    F && (p((S) => {
+      const B = T(S, F, P);
       console.log("Reordered", B);
       const _ = B.map((I) => ({ ...I, _isDraft: !0 }));
       return s?.(_), _;
-    }), A(null), O(null));
-  }, S = () => {
-    A(null), O(null);
+    }), A(null), R(null));
+  }, D = () => {
+    A(null), R(null);
   }, M = Array.isArray(d) ? d.filter(
-    (D) => D.categoryName?.toLowerCase().includes(P.toLowerCase())
+    (z) => z.categoryName?.toLowerCase().includes(O.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${a}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       o && /* @__PURE__ */ e(
         he,
         {
-          value: P,
+          value: O,
           onDebouncedChange: V,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
@@ -5300,32 +5300,32 @@ const Mt = () => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: M.map((D) => {
-      const F = f === D.id, E = D?.links?.length ?? 0, C = $ === D.id, B = R === D.id && $ !== D.id;
+    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: M.map((z) => {
+      const P = f === z.id, F = z?.links?.length ?? 0, S = $ === z.id, B = E === z.id && $ !== z.id;
       return /* @__PURE__ */ e(
         "div",
         {
-          onDragEnter: () => v(D.id),
+          onDragEnter: () => v(z.id),
           onDragOver: b,
-          onDrop: (_) => y(_, D.id),
-          onDragEnd: S,
+          onDrop: (_) => y(_, z.id),
+          onDragEnd: D,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
             B ? "ring-2 ring-gray-800/20" : "",
-            C ? "opacity-60" : ""
+            S ? "opacity-60" : ""
           ].join(" "),
-          children: F ? /* @__PURE__ */ n(te, { children: [
+          children: P ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: r,
-                placeholder: D._temp ? "New collection name" : "Edit collection name",
+                placeholder: z._temp ? "New collection name" : "Edit collection name",
                 onChange: (_) => N(_.target.value),
                 onKeyDown: (_) => {
-                  _.key === "Enter" && h(), _.key === "Escape" && z();
+                  _.key === "Enter" && h(), _.key === "Escape" && C();
                 },
                 autoFocus: !0
               }
@@ -5335,7 +5335,7 @@ const Mt = () => {
                 "button",
                 {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
-                  onClick: z,
+                  onClick: C,
                   "aria-label": "Cancel edit",
                   children: /* @__PURE__ */ e(ye, { color: "#767676" })
                 }
@@ -5364,36 +5364,36 @@ const Mt = () => {
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (_) => k(_, D.id),
+                  onDragStart: (_) => k(_, z.id),
                   children: /* @__PURE__ */ e(Nt, {})
                 }
               ),
-              /* @__PURE__ */ e("span", { children: D.categoryName })
+              /* @__PURE__ */ e("span", { children: z.categoryName })
             ] }),
             /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: [
-              D.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: D.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${E} ${E === 1 ? "link" : "links"}` }),
+              z.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: z.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${F} ${F === 1 ? "link" : "links"}` }),
               m && /* @__PURE__ */ e(
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => Y(D),
-                  "aria-label": `Edit ${D.categoryName}`,
+                  onClick: () => Y(z),
+                  "aria-label": `Edit ${z.categoryName}`,
                   children: /* @__PURE__ */ e(yr, { color: "#767676" })
                 }
               ),
               i && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: E === 0 && !D.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: E === 0 && !D.protected ? "Delete" : "Cannot delete this collection",
-                  onClick: E === 0 ? () => w(D) : null,
-                  children: /* @__PURE__ */ e(Ze, { color: E === 0 ? "#767676" : "#C2C2C2" })
+                  className: F === 0 && !z.protected ? "cursor-pointer" : "cursor-not-allowed",
+                  title: F === 0 && !z.protected ? "Delete" : "Cannot delete this collection",
+                  onClick: F === 0 ? () => w(z) : null,
+                  children: /* @__PURE__ */ e(Ze, { color: F === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
           ] })
         },
-        D.id
+        z.id
       );
     }) })
   ] });
@@ -5455,31 +5455,31 @@ function zs({
   onCancel: o,
   onSave: l
 }) {
-  const [m, i] = se.useState(a), [u, g] = se.useState(null), [f, x] = L(!1), [r, N] = L(!1), [d, p] = L({}), $ = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = $, [R, O] = L(1), P = (k) => {
+  const [m, i] = se.useState(a), [u, g] = se.useState(null), [f, x] = L(!1), [r, N] = L(!1), [d, p] = L({}), $ = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = $, [E, R] = L(1), O = (k) => {
     if (!a || !a.configuration)
       return k;
     const v = {}, b = k?.configuration || {};
     return a.configuration.forEach((y) => {
       if (y.key && y.type === "datatable") {
-        const M = (b[y.key] || []).map((D, F) => {
-          const E = { id: D.id || 0 };
-          return y.fields && y.fields.forEach((C) => {
-            if (C.fieldtype === "audience") {
+        const M = (b[y.key] || []).map((z, P) => {
+          const F = { id: z.id || 0 };
+          return y.fields && y.fields.forEach((S) => {
+            if (S.fieldtype === "audience") {
               let B = { users: [], groups: [], roles: [] };
-              D[C.key] && (Array.isArray(D[C.key]) ? B = { users: [], groups: [], roles: [] } : typeof D[C.key] == "object" && (B = {
-                users: D[C.key].users || [],
-                groups: D[C.key].groups || [],
-                roles: D[C.key].roles || []
-              })), E[C.key] = B;
+              z[S.key] && (Array.isArray(z[S.key]) ? B = { users: [], groups: [], roles: [] } : typeof z[S.key] == "object" && (B = {
+                users: z[S.key].users || [],
+                groups: z[S.key].groups || [],
+                roles: z[S.key].roles || []
+              })), F[S.key] = B;
             } else
-              E[C.key] = D[C.key] || C.default || "";
-          }), E;
+              F[S.key] = z[S.key] || S.default || "";
+          }), F;
         });
         if (M.length === 0) {
-          const D = { id: 0 };
-          y.fields && y.fields.forEach((F) => {
-            F.fieldtype === "audience" ? D[F.key] = { users: [], groups: [], roles: [] } : D[F.key] = F.default || "";
-          }), M.push(D);
+          const z = { id: 0 };
+          y.fields && y.fields.forEach((P) => {
+            P.fieldtype === "audience" ? z[P.key] = { users: [], groups: [], roles: [] } : z[P.key] = P.default || "";
+          }), M.push(z);
         }
         v[y.key] = M;
       } else y.key && (v[y.key] = b[y.key] || {});
@@ -5514,7 +5514,7 @@ function zs({
         x(!0);
         let v = await _e($);
         if (v) {
-          const b = P(v);
+          const b = O(v);
           g(b);
         } else
           V();
@@ -5522,8 +5522,8 @@ function zs({
         console.error("Error fetching configuration:", v);
         let b = "Failed to load configuration";
         if (v.response) {
-          const y = v.response.status, S = v.response.data?.message || v.response.data?.error;
-          y === 400 ? b = S || "Invalid request. Please check the application ID." : y === 401 ? b = "You are not authorized to access this configuration." : y === 403 ? b = "Access denied. You don't have permission to view this configuration." : y === 404 ? b = "Configuration not found. It may not exist yet or the application ID is incorrect." : y >= 500 ? b = S || "Server error. Please try again later." : b = S || `Failed to load configuration (Error ${y})`;
+          const y = v.response.status, D = v.response.data?.message || v.response.data?.error;
+          y === 400 ? b = D || "Invalid request. Please check the application ID." : y === 401 ? b = "You are not authorized to access this configuration." : y === 403 ? b = "Access denied. You don't have permission to view this configuration." : y === 404 ? b = "Configuration not found. It may not exist yet or the application ID is incorrect." : y >= 500 ? b = D || "Server error. Please try again later." : b = D || `Failed to load configuration (Error ${y})`;
         } else v.request ? b = "Network error. Please check your connection and try again." : b = v.message || "An unexpected error occurred while loading configuration.";
         Ie.error(b), V();
       } finally {
@@ -5531,7 +5531,7 @@ function zs({
       }
     };
     a && (i(a), t ? k() : V());
-  }, [a, R, t, s]);
+  }, [a, E, t, s]);
   const U = (k, v) => {
     g((b) => ({
       ...b,
@@ -5551,68 +5551,68 @@ function zs({
             return;
           }
           if (b.fieldtype === "number" && y !== "" && y !== null && y !== void 0) {
-            const S = Number(y);
-            isNaN(S) ? (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be a valid number`) : (b.min !== void 0 && S < b.min && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be at least ${b.min}`), b.max !== void 0 && S > b.max && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must not exceed ${b.max}`));
+            const D = Number(y);
+            isNaN(D) ? (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be a valid number`) : (b.min !== void 0 && D < b.min && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be at least ${b.min}`), b.max !== void 0 && D > b.max && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must not exceed ${b.max}`));
           }
         });
       else if (v.type === "datatable") {
         const b = u[v.key];
-        Array.isArray(b) && b.forEach((y, S) => {
+        Array.isArray(b) && b.forEach((y, D) => {
           v.fields.forEach((M) => {
-            const D = y[M.key];
-            if (M.required && (!D || typeof D == "string" && D.trim() === "")) {
-              k[v.key] || (k[v.key] = {}), k[v.key][S] || (k[v.key][S] = {}), k[v.key][S][M.key] = `${M.label} is required`;
+            const z = y[M.key];
+            if (M.required && (!z || typeof z == "string" && z.trim() === "")) {
+              k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} is required`;
               return;
             }
-            if (M.fieldtype === "number" && D !== "" && D !== null && D !== void 0) {
-              const F = Number(D);
-              isNaN(F) ? (k[v.key] || (k[v.key] = {}), k[v.key][S] || (k[v.key][S] = {}), k[v.key][S][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && F < M.min && (k[v.key] || (k[v.key] = {}), k[v.key][S] || (k[v.key][S] = {}), k[v.key][S][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && F > M.max && (k[v.key] || (k[v.key] = {}), k[v.key][S] || (k[v.key][S] = {}), k[v.key][S][M.key] = `${M.label} must not exceed ${M.max}`));
+            if (M.fieldtype === "number" && z !== "" && z !== null && z !== void 0) {
+              const P = Number(z);
+              isNaN(P) ? (k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && P < M.min && (k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && P > M.max && (k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} must not exceed ${M.max}`));
             }
           });
         });
       }
     }), k;
-  }, q = (k) => Object.keys(k).length > 0, z = async (k) => {
+  }, q = (k) => Object.keys(k).length > 0, C = async (k) => {
     const v = a?.configuration?.filter(
       (b) => b.fields?.some((y) => y.fieldtype === "managecollectionlist")
     ) || [];
     for (const b of v) {
-      const y = b.fields.find((E) => E.fieldtype === "managecollectionlist");
+      const y = b.fields.find((F) => F.fieldtype === "managecollectionlist");
       if (!y || !k[b.key]) continue;
-      const S = k[b.key][y.key];
-      if (!Array.isArray(S)) continue;
+      const D = k[b.key][y.key];
+      if (!Array.isArray(D)) continue;
       const M = y.endpoints || {};
-      let D = 0, F = 0;
-      for (const E of S)
+      let z = 0, P = 0;
+      for (const F of D)
         try {
-          if (E._temp && E._isDraft) {
-            console.log("Creating new collection:", E.categoryName);
-            const C = await Le(M.collectionCreate, {
-              categoryName: E.categoryName,
-              order: E.order
+          if (F._temp && F._isDraft) {
+            console.log("Creating new collection:", F.categoryName);
+            const S = await Le(M.collectionCreate, {
+              categoryName: F.categoryName,
+              order: F.order
             });
-            C && (console.log("Collection created successfully:", C), D++);
-          } else if (E._isDraft && !E._temp) {
-            console.log("Updating collection:", E.id, E.categoryName);
-            const C = await Qn(`${M.collectionUpdate}/${E.id}?newName=${encodeURIComponent(E.categoryName)}`);
-            C && (console.log("Collection updated successfully:", C), F++);
+            S && (console.log("Collection created successfully:", S), z++);
+          } else if (F._isDraft && !F._temp) {
+            console.log("Updating collection:", F.id, F.categoryName);
+            const S = await Qn(`${M.collectionUpdate}/${F.id}?newName=${encodeURIComponent(F.categoryName)}`);
+            S && (console.log("Collection updated successfully:", S), P++);
           }
-        } catch (C) {
-          throw console.error(`Failed to save collection ${E.categoryName}:`, C), new Error(`Failed to save collection "${E.categoryName}": ${C.message}`);
+        } catch (S) {
+          throw console.error(`Failed to save collection ${F.categoryName}:`, S), new Error(`Failed to save collection "${F.categoryName}": ${S.message}`);
         }
-      if (D > 0 || F > 0) {
-        const E = [];
-        D > 0 && E.push(`${D} collection${D > 1 ? "s" : ""} created`), F > 0 && E.push(`${F} collection${F > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", E.join(", "));
+      if (z > 0 || P > 0) {
+        const F = [];
+        z > 0 && F.push(`${z} collection${z > 1 ? "s" : ""} created`), P > 0 && F.push(`${P} collection${P > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", F.join(", "));
       }
       try {
-        const E = S.filter((C) => !C._temp).map((C) => ({
-          id: C.id,
-          order: C.order,
-          categoryName: C.categoryName
+        const F = D.filter((S) => !S._temp).map((S) => ({
+          id: S.id,
+          order: S.order,
+          categoryName: S.categoryName
         }));
-        E.length > 0 && (console.log("Updating collection order:", E), await Le(M.updateCollection, E), console.log("Collection order updated successfully"));
-      } catch (E) {
-        throw console.error("Failed to update collection order:", E), new Error(`Failed to update collection order: ${E.message}`);
+        F.length > 0 && (console.log("Updating collection order:", F), await Le(M.updateCollection, F), console.log("Collection order updated successfully"));
+      } catch (F) {
+        throw console.error("Failed to update collection order:", F), new Error(`Failed to update collection order: ${F.message}`);
       }
     }
   }, h = () => {
@@ -5620,10 +5620,10 @@ function zs({
     if (p(k), q(k)) {
       let b = [];
       Object.keys(k).forEach((y) => {
-        typeof k[y] == "object" && Object.keys(k[y]).forEach((S) => {
-          typeof k[y][S] == "object" ? Object.keys(k[y][S]).forEach((M) => {
-            b.push(`${y} row ${parseInt(S) + 1}: ${k[y][S][M]}`);
-          }) : b.push(`${y}: ${k[y][S]}`);
+        typeof k[y] == "object" && Object.keys(k[y]).forEach((D) => {
+          typeof k[y][D] == "object" ? Object.keys(k[y][D]).forEach((M) => {
+            b.push(`${y} row ${parseInt(D) + 1}: ${k[y][D][M]}`);
+          }) : b.push(`${y}: ${k[y][D]}`);
         });
       });
       return;
@@ -5632,32 +5632,30 @@ function zs({
       try {
         N(!0);
         const b = {};
-        u && (await z(u), Object.keys(u).forEach((S) => {
+        u && (await C(u), Object.keys(u).forEach((D) => {
           const M = a?.configuration?.find(
-            (F) => F.key === S && F.type === "datatable"
+            (z) => z.key === D && z.type === "datatable"
           );
-          a?.configuration?.find(
-            (F) => F.key === S && F.fields?.some((E) => E.fieldtype === "managecollectionlist")
-          ) || (M && Array.isArray(u[S]) ? b[S] = u[S].map((F) => {
-            const E = { id: F.id || 0 };
-            return M.fields && M.fields.forEach((C) => {
-              if (C.fieldtype === "audience") {
-                let B = { users: [], groups: [], roles: [] };
-                F[C.key] && typeof F[C.key] == "object" && !Array.isArray(F[C.key]) && (B = {
-                  users: F[C.key].users || [],
-                  groups: F[C.key].groups || [],
-                  roles: F[C.key].roles || []
-                }), E[C.key] = B;
+          M && Array.isArray(u[D]) ? b[D] = u[D].map((z) => {
+            const P = { id: z.id || 0 };
+            return M.fields && M.fields.forEach((F) => {
+              if (F.fieldtype === "audience") {
+                let S = { users: [], groups: [], roles: [] };
+                z[F.key] && typeof z[F.key] == "object" && !Array.isArray(z[F.key]) && (S = {
+                  users: z[F.key].users || [],
+                  groups: z[F.key].groups || [],
+                  roles: z[F.key].roles || []
+                }), P[F.key] = S;
               } else
-                E[C.key] = F[C.key] || "";
-            }), E;
-          }) : b[S] = u[S]);
+                P[F.key] = z[F.key] || "";
+            }), P;
+          }) : b[D] = u[D];
         }));
         let y = await Le(A, b);
         if (console.log(), y && y.status != "fail") {
           p({});
-          const S = y.message || "Configuration has been saved successfully";
-          Ie.success(S), l && typeof l == "function" && l(u);
+          const D = y.message || "Configuration has been saved successfully";
+          Ie.success(D), l && typeof l == "function" && l(u);
         } else
           throw Ie.error(y?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (b) {
@@ -5673,7 +5671,7 @@ function zs({
     }
     d && Object.keys(d).length > 0 && !window.confirm(
       "You have validation errors that will be lost. Are you sure you want to cancel?"
-    ) || (p({}), g(null), O((v) => v + 1), Ie.info("Configuration changes cancelled"));
+    ) || (p({}), g(null), R((v) => v + 1), Ie.info("Configuration changes cancelled"));
   };
   if (!m?.configuration && !a?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
@@ -5739,9 +5737,9 @@ const Ql = ({
     breadcrumb: f = [],
     overview: x = {},
     configuration: r = []
-  } = t, N = r.map((z) => {
-    if (z.type === "section" && z.fields) {
-      const h = [...z.fields], w = h.findIndex((T) => T.key === "appkey");
+  } = t, N = r.map((C) => {
+    if (C.type === "section" && C.fields) {
+      const h = [...C.fields], w = h.findIndex((T) => T.key === "appkey");
       if (w !== -1) {
         const T = h[w];
         if (h[w] = {
@@ -5771,29 +5769,29 @@ const Ql = ({
         }
       }
       return {
-        ...z,
+        ...C,
         fields: h
       };
     }
-    return z;
+    return C;
   }), d = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
     ...u
-  }, p = f.map((z) => ({
-    label: z.text,
-    href: z.href || "#"
+  }, p = f.map((C) => ({
+    label: C.text,
+    href: C.href || "#"
   })), $ = ae(() => {
     console.log("handleCancelRequest called - showing modal"), i(!0);
-  }, []), A = ae((z) => {
-    i(!1), z.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
-  }, []), R = ae((z) => {
-    console.log("Configuration changed:", z);
-  }, []), O = (() => {
+  }, []), A = ae((C) => {
+    i(!1), C.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
+  }, []), E = ae((C) => {
+    console.log("Configuration changed:", C);
+  }, []), R = (() => {
     if (g.headingKey && Array.isArray(r)) {
-      const z = g.headingKey.split("."), h = z[0], w = z[1], T = r.find((k) => k && k.key === h);
+      const C = g.headingKey.split("."), h = C[0], w = C[1], T = r.find((k) => k && k.key === h);
       if (T && T.fields) {
         const k = T.fields.find((v) => v && v.key === w);
         if (k)
@@ -5801,18 +5799,18 @@ const Ql = ({
       }
     }
     if (Array.isArray(r)) {
-      for (const z of r)
-        if (z && z.fields) {
-          const h = z.fields.find((w) => w && w.key === "displayname");
+      for (const C of r)
+        if (C && C.fields) {
+          const h = C.fields.find((w) => w && w.key === "displayname");
           if (h) return h.default ?? h.value ?? a;
         }
     }
     return g.heading || a;
-  })(), P = {
+  })(), O = {
     subHeading: "Application configuration and details",
     tags: [],
     ...g,
-    heading: O
+    heading: R
     // Use resolvedDisplayName only
   }, V = {
     about: "This application provides comprehensive functionality for your organization.",
@@ -5834,22 +5832,22 @@ const Ql = ({
     ...x
   }, U = [
     { label: "Overview", content: q(V) },
-    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: { configuration: N }, disableApi: s, onCancel: $, onSave: R }) }
+    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: { configuration: N }, disableApi: s, onCancel: $, onSave: E }) }
   ];
-  function Y(z) {
-    return z ? z.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: z } }) : z : "📱";
+  function Y(C) {
+    return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
   }
-  function q(z) {
+  function q(C) {
     return /* @__PURE__ */ n("div", { className: "bg-white rounded-2xl p-1", children: [
       /* @__PURE__ */ n("section", { className: "mb-8", children: [
         /* @__PURE__ */ e("h2", { className: "text-xl font-semibold mb-2", children: "About" }),
-        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: z.about })
+        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: C.about })
       ] }),
       /* @__PURE__ */ n("section", { className: "flex flex-row gap-6 justify-center items-center mb-8", children: [
         /* @__PURE__ */ e(
           "img",
           {
-            src: z.images.desktop,
+            src: C.images.desktop,
             alt: "Desktop View",
             className: "rounded-xl border border-gray-200 w-[340px] h-[220px] object-cover"
           }
@@ -5857,7 +5855,7 @@ const Ql = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: z.images.mobile1,
+            src: C.images.mobile1,
             alt: "Mobile View 1",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5865,7 +5863,7 @@ const Ql = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: z.images.mobile2,
+            src: C.images.mobile2,
             alt: "Mobile View 2",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5873,7 +5871,7 @@ const Ql = ({
       ] }),
       /* @__PURE__ */ n("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4", children: "Key Features" }),
-        /* @__PURE__ */ e("ul", { className: "space-y-3", children: z.features.map((h, w) => /* @__PURE__ */ n("li", { children: [
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: C.features.map((h, w) => /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { className: "font-semibold", children: h.title }),
           /* @__PURE__ */ e("br", {}),
           /* @__PURE__ */ e("span", { className: "text-gray-700", children: h.description })
@@ -5893,27 +5891,27 @@ const Ql = ({
       }
     ),
     /* @__PURE__ */ n("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
-      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: Y(P.icon) }),
+      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: Y(O.icon) }),
       /* @__PURE__ */ n("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: P.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: P.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: P.tags && P.tags.map((z, h) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: O.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: O.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: O.tags && O.tags.map((C, h) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
-            children: z
+            children: C
           },
           h
         )) })
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "bg-white border border-gray-300 rounded-2xl w-full mt-5 ", children: [
-      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: U.map((z, h) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: U.map((C, h) => /* @__PURE__ */ e(
         "button",
         {
           onClick: () => l(h),
           className: `${o === h ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
-          children: z.label
+          children: C.label
         },
         h
       )) }) }),
@@ -5981,15 +5979,15 @@ const Kl = ({
   showAdd: $ = !1,
   // Additional props
   searchPlaceholder: A = "Search...",
-  handleRefreshClick: R = () => {
+  handleRefreshClick: E = () => {
   },
-  handleSearchChange: O = () => {
+  handleSearchChange: R = () => {
   },
   // Optional: override export file names
-  excelFileName: P,
+  excelFileName: O,
   pdfFileName: V
 }) => {
-  const U = () => l?.current || o?.current, [Y, q] = se.useState(""), z = (t || "export").toString().trim() || "export", h = `${P || z}.xlsx`, w = `${V || z}.pdf`, T = (b, y, S) => Math.max(y, Math.min(b, S)), k = ae(
+  const U = () => l?.current || o?.current, [Y, q] = se.useState(""), C = (t || "export").toString().trim() || "export", h = `${O || C}.xlsx`, w = `${V || C}.pdf`, T = (b, y, D) => Math.max(y, Math.min(b, D)), k = ae(
     (b) => {
       const y = U();
       if (console.log("openColumnChooserNear", y), !!y?.openColumnChooser) {
@@ -5998,12 +5996,12 @@ const Kl = ({
           return;
         }
         try {
-          const S = b.currentTarget.getBoundingClientRect(), M = S.left + window.scrollX, D = S.bottom + window.scrollY;
-          let F = M - 120, E = D - 120;
-          const C = window.innerWidth, B = window.innerHeight;
-          F = T(F, window.scrollX + 8, window.scrollX + C - 340), E = T(E, window.scrollY, window.scrollY + B - 120), console.log("openColumnChooserNear", F, E), y.openColumnChooser(F, E);
-        } catch (S) {
-          console.log("coloumn choose error", S);
+          const D = b.currentTarget.getBoundingClientRect(), M = D.left + window.scrollX, z = D.bottom + window.scrollY;
+          let P = M - 120, F = z - 120;
+          const S = window.innerWidth, B = window.innerHeight;
+          P = T(P, window.scrollX + 8, window.scrollX + S - 340), F = T(F, window.scrollY, window.scrollY + B - 120), console.log("openColumnChooserNear", P, F), y.openColumnChooser(P, F);
+        } catch (D) {
+          console.log("coloumn choose error", D);
         }
       }
     },
@@ -6011,27 +6009,27 @@ const Kl = ({
     // no external deps; reads ref at call time
   ), v = ae(
     (b, y) => {
-      const S = U();
-      if (S)
+      const D = U();
+      if (D)
         switch (b) {
           case "ColumnChooser":
-            f && (console.log("openColumnChooser", y), y ? k(y) : S.openColumnChooser?.()), console.log("openColumnChooser out", y);
+            f && (console.log("openColumnChooser", y), y ? k(y) : D.openColumnChooser?.()), console.log("openColumnChooser out", y);
             break;
           case "Print":
-            r && S.print?.();
+            r && D.print?.();
             break;
           case "Excel":
-            N && S.excelExport?.({ fileName: h });
+            N && D.excelExport?.({ fileName: h });
             break;
           case "Pdf":
-            d && S.pdfExport?.({ fileName: w });
+            d && D.pdfExport?.({ fileName: w });
             break;
           case "Refresh":
-            p && R();
+            p && E();
             break;
         }
     },
-    [f, r, N, d, p, h, w, R, k]
+    [f, r, N, d, p, h, w, E, k]
   );
   return /* @__PURE__ */ n("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
@@ -6049,7 +6047,7 @@ const Kl = ({
           placeholder: A,
           value: Y,
           onDebouncedChange: (b) => {
-            q(b), O(b);
+            q(b), R(b);
           }
         }
       ) }),
@@ -6157,19 +6155,19 @@ function eo(t) {
     enableSearchApi: p = !1,
     height: $ = "600",
     selectionSettings: A = { type: "Multiple", mode: "Row" },
-    enableCheckbox: R = !1,
-    columns: O = [],
-    onGridStateChange: P,
+    enableCheckbox: E = !1,
+    columns: R = [],
+    onGridStateChange: O,
     onRowSelected: V,
     onRowDeselected: U,
     onRowDoubleClick: Y,
     apiRef: q,
-    gridProps: z = {}
+    gridProps: C = {}
   } = t, h = ge(null), {
     pageSettings: w,
     sortSettings: T,
     ...k
-  } = z || {}, [v, b] = se.useState(w?.page || 1), [y, S] = se.useState(T?.pageSize || 20), [M, D] = se.useState(T?.sortKey || "updatedDate"), [F, E] = se.useState(T?.direction || "Descending"), C = me(() => {
+  } = C || {}, [v, b] = se.useState(w?.page || 1), [y, D] = se.useState(T?.pageSize || 20), [M, z] = se.useState(T?.sortKey || "updatedDate"), [P, F] = se.useState(T?.direction || "Descending"), S = me(() => {
     const j = [sn];
     return i && j.push(ln), u && j.push(on), g && j.push(cn), p && j.push(dn), r && j.push(mn), N && j.push(un), d && j.push(hn), x && j.push(pn), f && j.push(gn), j.push(bn), j;
   }, [i, u, g, p, r, N, d, x, f]), B = me(() => {
@@ -6223,12 +6221,12 @@ function eo(t) {
   }, G = (j) => {
     setTimeout(() => {
       h?.current?.hideSpinner();
-    }, 1e3), j.requestType === "paging" && (b(j.currentPage), S(j.pageSize)), j.requestType === "sorting" && (D(j.columnName || "updatedDate"), E(j.direction === "Ascending" ? "ASC" : "DESC")), P && P(I(j), j);
+    }, 1e3), j.requestType === "paging" && (b(j.currentPage), D(j.pageSize)), j.requestType === "sorting" && (z(j.columnName || "updatedDate"), F(j.direction === "Ascending" ? "ASC" : "DESC")), O && O(I(j), j);
   }, X = (j) => {
     typeof Y == "function" && Y(j?.rowData, j);
   }, xe = () => {
     const j = [];
-    return R && j.push(/* @__PURE__ */ e(St, { type: "checkbox", width: "50" }, "__checkbox__")), O.forEach((re, W) => {
+    return E && j.push(/* @__PURE__ */ e(St, { type: "checkbox", width: "50" }, "__checkbox__")), R.forEach((re, W) => {
       const {
         field: ve,
         headerText: Re,
@@ -6293,7 +6291,7 @@ function eo(t) {
       selectionSettings: A,
       pageSettings: { pageSize: 10, pageSizes: w?.pageSizes ?? [20, 40, 60, 80, 100] },
       sortSettings: T ?? {
-        columns: [{ field: M, direction: _(F) }],
+        columns: [{ field: M, direction: _(P) }],
         allowUnsort: !1
       },
       actionBegin: G,
@@ -6303,7 +6301,7 @@ function eo(t) {
       ...k,
       children: [
         /* @__PURE__ */ e(yn, { children: xe() }),
-        /* @__PURE__ */ e(xn, { services: C })
+        /* @__PURE__ */ e(xn, { services: S })
       ]
     }
   );
@@ -6854,7 +6852,7 @@ function js({
             /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-full bg-white/90 border border-zinc-300 flex items-center justify-center", children: "›" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${$.chipGap} overflow-x-auto scrollbar-none`, children: u.map((R) => /* @__PURE__ */ e(Ls, { label: R, active: R === g, size: d }, R)) }) }),
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${$.chipGap} overflow-x-auto scrollbar-none`, children: u.map((E) => /* @__PURE__ */ e(Ls, { label: E, active: E === g, size: d }, E)) }) }),
         /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${$.searchH}`, children: [
           /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "opacity-60", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-4.23C15.91 6.01 13.4 3.5 10.45 3.5S5 6.01 5 9.5 7.5 15.5 10.45 15.5c1.61 0 3.09-.59 4.23-1.48l.27.28v.79l4.25 4.25c.41.41 1.07.41 1.48 0s.41-1.07 0-1.48L15.5 14Zm-5.05 0C8.01 14 6 11.99 6 9.5S8.01 5 10.45 5s4.45 2.01 4.45 4.5-2.01 4.5-4.45 4.5Z" }) }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-500 dark:text-zinc-400", children: "Search places" })
@@ -7026,8 +7024,8 @@ function Gs({
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, x] = L(u), r = ie(t), N = ce[r], d = _s[r], p = i[f] || i[0], $ = (R, O) => {
-    x(O), o?.(R);
+  const [f, x] = L(u), r = ie(t), N = ce[r], d = _s[r], p = i[f] || i[0], $ = (E, R) => {
+    x(R), o?.(E);
   }, A = r === "lg";
   return /* @__PURE__ */ n(
     oe,
@@ -7047,29 +7045,29 @@ function Gs({
         A ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((R, O) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
               jt,
               {
-                ev: R,
+                ev: E,
                 sizeMeta: d,
-                isSelected: O === f,
-                onClick: (P) => $(P, O)
+                isSelected: R === f,
+                onClick: (O) => $(O, R)
               },
-              R._id || R.id || O
+              E._id || E.id || R
             )) }),
             /* @__PURE__ */ e(qs, { ev: p, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((R, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
             jt,
             {
-              ev: R,
+              ev: E,
               sizeMeta: d,
-              isSelected: O === f,
-              onClick: (P) => $(P, O)
+              isSelected: R === f,
+              onClick: (O) => $(O, R)
             },
-            R._id || R.id || O
+            E._id || E.id || R
           )) })
         ),
         !A && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -7243,13 +7241,13 @@ function Xs({
   onPin: f,
   ...x
 }) {
-  const [r, N] = L(u), d = ie(t), p = ce[d], $ = Ws[d], A = (P, V) => {
-    N(V), o?.(P);
-  }, R = (P) => {
-    const V = { ...P, starred: !P.starred };
+  const [r, N] = L(u), d = ie(t), p = ce[d], $ = Ws[d], A = (O, V) => {
+    N(V), o?.(O);
+  }, E = (O) => {
+    const V = { ...O, starred: !O.starred };
     g?.(V);
-  }, O = (P) => {
-    const V = { ...P, pinned: !P.pinned };
+  }, R = (O) => {
+    const V = { ...O, pinned: !O.pinned };
     f?.(V);
   };
   return /* @__PURE__ */ n(
@@ -7265,17 +7263,17 @@ function Xs({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${p.title}`, children: m }) }),
         /* @__PURE__ */ e(he, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: i.map((P, V) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: i.map((O, V) => /* @__PURE__ */ e(
           Js,
           {
-            email: P,
+            email: O,
             sizeMeta: $,
             isSelected: V === r,
             onClick: (U) => A(U, V),
-            onStar: R,
-            onPin: O
+            onStar: E,
+            onPin: R
           },
-          P._id || P.id || V
+          O._id || O.id || V
         )) }),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
@@ -7495,8 +7493,8 @@ function el({
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, x] = L(u), r = ie(t), N = ce[r], d = Qs[r], p = (R, O) => {
-    x(O), o?.(R);
+  const [f, x] = L(u), r = ie(t), N = ce[r], d = Qs[r], p = (E, R) => {
+    x(R), o?.(E);
   }, $ = i[f] || i[0], A = d.layout === "split";
   return /* @__PURE__ */ n(
     oe,
@@ -7512,15 +7510,15 @@ function el({
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${N.title}`, children: m }) }),
         /* @__PURE__ */ e(Ks, { sizeMeta: d }),
         A ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((R, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
             Vt,
             {
-              contact: R,
+              contact: E,
               sizeMeta: d,
-              isSelected: O === f,
-              onClick: (P) => p(P, O)
+              isSelected: R === f,
+              onClick: (O) => p(O, R)
             },
-            R._id || R.id || O
+            E._id || E.id || R
           )) }),
           /* @__PURE__ */ e(
             Zs,
@@ -7531,15 +7529,15 @@ function el({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((R, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
             Vt,
             {
-              contact: R,
+              contact: E,
               sizeMeta: d,
-              isSelected: O === f,
-              onClick: (P) => p(P, O)
+              isSelected: R === f,
+              onClick: (O) => p(O, R)
             },
-            R._id || R.id || O
+            E._id || E.id || R
           )) })
         ),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -8257,9 +8255,9 @@ function gl({
   showBanner: u = !0,
   ...g
 }) {
-  const [f, x] = L(i), r = ie(t), N = ce[r], d = ml[r], p = (R) => {
-    x((O) => O.filter((P) => P.id !== R.id));
-  }, $ = f.find((R) => R.type === "banner"), A = f.filter((R) => R.type !== "banner");
+  const [f, x] = L(i), r = ie(t), N = ce[r], d = ml[r], p = (E) => {
+    x((R) => R.filter((O) => O.id !== E.id));
+  }, $ = f.find((E) => E.type === "banner"), A = f.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8279,14 +8277,14 @@ function gl({
             onDismiss: p
           }
         ),
-        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: A.slice(0, 3).map((R) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: A.slice(0, 3).map((E) => /* @__PURE__ */ e(
           hl,
           {
-            alert: R,
+            alert: E,
             sizeMeta: d,
             onDismiss: p
           },
-          R.id
+          E.id
         )) }),
         /* @__PURE__ */ e("button", { className: "w-full py-3 px-4 border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 font-medium rounded-lg transition-colors duration-200", children: "View All" })
       ]