unifyedx-storybook-new 0.2.83 → 0.2.84

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

@@ -157,10 +157,10 @@ const Nn = {
   iconHeight: m,
   iconColor: y,
   strokeWidth: z,
-  onClick: T,
-  ...$
+  onClick: $,
+  ...D
 }) => {
-  const E = g || h, L = p && !x, V = Q(
+  const E = g || h, L = p && !x, j = Q(
     "btn-base",
     Nn[v],
     wn[o],
@@ -175,12 +175,12 @@ const Nn = {
     {
       "data-testid": t,
       type: s,
-      className: V,
+      className: j,
       disabled: E,
-      onClick: T,
+      onClick: $,
       title: a || L && i || (typeof x == "string" ? x : void 0),
       "aria-label": i || L && a || (typeof x == "string" ? x : void 0),
-      ...$,
+      ...D,
       children: h ? /* @__PURE__ */ e(Ra, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
         p && /* @__PURE__ */ e(p, { size: v === "large" ? 20 : 16, width: N || 16, height: m || 16, color: y || "#767676", strokeWidth: z || 2 }),
         x,
@@ -645,7 +645,7 @@ const Nn = {
               Fe,
               {
                 className: "dialog-panel",
-                onClick: (T) => T.stopPropagation(),
+                onClick: ($) => $.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...i() }),
                   /* @__PURE__ */ n("form", { onSubmit: x, className: "form-wrapper", children: [
@@ -688,7 +688,7 @@ const Nn = {
                       z && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          o.map((T, $) => /* @__PURE__ */ n(
+                          o.map(($, D) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -697,28 +697,28 @@ const Nn = {
                                   /* @__PURE__ */ e(
                                     Tt,
                                     {
-                                      extension: T.name.split(".").pop()
+                                      extension: $.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(T.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: $.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At($.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => g($),
+                                    onClick: () => g(D),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Le, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${T.name}-${$}`
+                            `${$.name}-${D}`
                           )),
-                          p.map(({ file: T, message: $ }, E) => /* @__PURE__ */ n(
+                          p.map(({ file: $, message: D }, E) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -727,13 +727,13 @@ const Nn = {
                                   /* @__PURE__ */ e(
                                     Tt,
                                     {
-                                      extension: T.name.split(".").pop()
+                                      extension: $.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(T.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: $ })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: $.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At($.size) }),
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: D })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -747,7 +747,7 @@ const Nn = {
                                 )
                               ]
                             },
-                            `${T.name}-${E}`
+                            `${$.name}-${E}`
                           ))
                         ] })
                       ] })
@@ -842,16 +842,16 @@ const Nn = {
     startDate: null
   }), [y, z] = P({
     endDate: null
-  }), T = Pa({
+  }), $ = Pa({
     initialValues: JSON.parse(JSON.stringify(h)),
     // Deep copy
-    onSubmit: (A) => {
+    onSubmit: (T) => {
       const _ = {};
-      Object.keys(A).forEach((C) => {
-        _[C] = {
-          operator: A[C].operator || "in",
-          values: Array.isArray(A[C].values) ? A[C].values : [],
-          range: A[C].range || null
+      Object.keys(T).forEach((A) => {
+        _[A] = {
+          operator: T[A].operator || "in",
+          values: Array.isArray(T[A].values) ? T[A].values : [],
+          range: T[A].range || null
         };
       }), console.log("[storybook filter] Applied Filters:", _), typeof s == "function" && s({
         filters: _,
@@ -859,47 +859,47 @@ const Nn = {
       }), a();
     },
     enableReinitialize: !0
-  }), $ = ee(() => l.reduce((A, _) => {
-    const C = _.key, u = T.values[C];
-    let S = !1;
+  }), D = ee(() => l.reduce((T, _) => {
+    const A = _.key, u = $.values[A];
+    let C = !1;
     if (u)
       switch (_.type) {
         case "multiselect":
         case "multiselect-users":
-          S = Array.isArray(u.values) && u.values.length > 0;
+          C = Array.isArray(u.values) && u.values.length > 0;
           break;
         case "date":
-          (u.range && u.range !== "" || Array.isArray(u.values) && u.values.length > 0) && (S = !0);
+          (u.range && u.range !== "" || Array.isArray(u.values) && u.values.length > 0) && (C = !0);
           break;
       }
-    return A[C] = S, A;
-  }, {}), [l, T.values]), E = Object.values($).filter(Boolean).length, L = ee(() => l.some((A) => {
-    if (A.type !== "date") return !1;
-    const _ = T.values?.[A.key]?.values;
+    return T[A] = C, T;
+  }, {}), [l, $.values]), E = Object.values(D).filter(Boolean).length, L = ee(() => l.some((T) => {
+    if (T.type !== "date") return !1;
+    const _ = $.values?.[T.key]?.values;
     if (!Array.isArray(_) || _.length < 2) return !1;
-    const [C, u] = _;
-    if (!C || !u) return !1;
-    const S = C instanceof Date ? C : new Date(C), M = u instanceof Date ? u : new Date(u);
-    return S > M;
-  }), [l, T.values]), V = async (A, _) => {
+    const [A, u] = _;
+    if (!A || !u) return !1;
+    const C = A instanceof Date ? A : new Date(A), M = u instanceof Date ? u : new Date(u);
+    return C > M;
+  }), [l, $.values]), j = async (T, _) => {
     try {
-      r((u) => ({ ...u, [A]: !0 }));
-      const C = await p(A, _);
-      v((u) => ({ ...u, [A]: C }));
-    } catch (C) {
-      console.error(`Error fetching ${A} users:`, C);
+      r((u) => ({ ...u, [T]: !0 }));
+      const A = await p(T, _);
+      v((u) => ({ ...u, [T]: A }));
+    } catch (A) {
+      console.error(`Error fetching ${T} users:`, A);
     } finally {
-      r((C) => ({ ...C, [A]: !1 }));
+      r((A) => ({ ...A, [T]: !1 }));
     }
-  }, U = (A) => {
-    const _ = l[A].key, C = l[A].url;
-    l[A].type === "multiselect-users" && g[_].length === 0 && !x[_] && V(_, C);
+  }, U = (T) => {
+    const _ = l[T].key, A = l[T].url;
+    l[T].type === "multiselect-users" && g[_].length === 0 && !x[_] && j(_, A);
   }, Y = () => {
-    T.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
-  }, q = (A) => {
-    const _ = l.find((S) => S.key === A);
+    $.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
+  }, q = (T) => {
+    const _ = l.find((C) => C.key === T);
     if (!_) return null;
-    const C = T.values[A] || h[A], u = Array.isArray(C.values) ? C.values : [];
+    const A = $.values[T] || h[T], u = Array.isArray(A.values) ? A.values : [];
     switch (_.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -908,8 +908,8 @@ const Nn = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: C.operator || "in",
-                onChange: (F) => T.setFieldValue(`${A}.operator`, F.target.value),
+                value: A.operator || "in",
+                onChange: (F) => $.setFieldValue(`${T}.operator`, F.target.value),
                 className: "filter-select",
                 children: _.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Includes" : "Excludes" }, F))
               }
@@ -921,19 +921,19 @@ const Nn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-${A}`,
+                  id: `select-all-${T}`,
                   className: "filter-checkbox-input",
                   checked: _.options.length > 0 && u.length === _.options.length,
                   onChange: (F) => {
                     const G = F.target.checked ? _.options.map((W) => W.value) : [];
-                    T.setFieldValue(`${A}.values`, G);
+                    $.setFieldValue(`${T}.values`, G);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-${A}`,
+                  htmlFor: `select-all-${T}`,
                   className: "filter-checkbox-label",
                   children: "Select All"
                 }
@@ -944,19 +944,19 @@ const Nn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `${A}-${F.value}`,
+                  id: `${T}-${F.value}`,
                   className: "filter-checkbox-input",
                   checked: u.includes(F.value),
                   onChange: (G) => {
                     const W = G.target.checked ? [...u, F.value] : u.filter((pe) => pe !== F.value);
-                    T.setFieldValue(`${A}.values`, W);
+                    $.setFieldValue(`${T}.values`, W);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${A}-${F.value}`,
+                  htmlFor: `${T}-${F.value}`,
                   className: "filter-checkbox-label",
                   children: F.label
                 }
@@ -965,33 +965,33 @@ const Nn = {
           ] })
         ] });
       case "multiselect-users":
-        const S = g[A] || [], M = x[A];
+        const C = g[T] || [], M = x[T];
         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:" }),
             /* @__PURE__ */ e(
               "select",
               {
-                value: C.operator || "in",
-                onChange: (F) => T.setFieldValue(`${A}.operator`, F.target.value),
+                value: A.operator || "in",
+                onChange: (F) => $.setFieldValue(`${T}.operator`, F.target.value),
                 className: "filter-select",
                 children: _.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Includes" : "Excludes" }, F))
               }
             )
           ] }),
-          M ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: S.length > 0 ? /* @__PURE__ */ n(te, { children: [
+          M ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: C.length > 0 ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-users-${A}`,
+                  id: `select-all-users-${T}`,
                   className: "filter-checkbox-input",
-                  checked: S.length > 0 && u.length === S.length,
+                  checked: C.length > 0 && u.length === C.length,
                   onChange: (F) => {
-                    const G = F.target.checked ? S.map((W) => W.email) : [];
-                    T.setFieldValue(
-                      `${A}.values`,
+                    const G = F.target.checked ? C.map((W) => W.email) : [];
+                    $.setFieldValue(
+                      `${T}.values`,
                       G
                     );
                   }
@@ -1000,24 +1000,24 @@ const Nn = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-users-${A}`,
+                  htmlFor: `select-all-users-${T}`,
                   className: "filter-checkbox-label",
                   children: "Select All Users"
                 }
               )
             ] }),
-            S.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            C.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${A}-${F.email}`,
+                  id: `${T}-${F.email}`,
                   className: "filter-checkbox-input",
                   checked: u.includes(F.email),
                   onChange: (G) => {
                     const W = G.target.checked ? [...u, F.email] : u.filter((pe) => pe !== F.email);
-                    T.setFieldValue(
-                      `${A}.values`,
+                    $.setFieldValue(
+                      `${T}.values`,
                       W
                     );
                   }
@@ -1026,7 +1026,7 @@ const Nn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${A}-${F.email}`,
+                  htmlFor: `${T}-${F.email}`,
                   className: "filter-checkbox-label",
                   children: [
                     /* @__PURE__ */ e("span", { className: "user-label-name", children: F.name }),
@@ -1038,12 +1038,12 @@ const Nn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const O = C.values || [], [b, c] = O, f = b && c, w = O[0] || null, D = O[1] || null, I = {
+        const O = A.values || [], [b, c] = O, f = b && c, w = O[0] || null, S = O[1] || null, I = {
           startDate: w instanceof Date ? w.toISOString().slice(0, 10) : null,
           endDate: w instanceof Date ? w.toISOString().slice(0, 10) : null
         }, k = {
-          startDate: D instanceof Date ? D.toISOString().slice(0, 10) : null,
-          endDate: D instanceof Date ? D.toISOString().slice(0, 10) : null
+          startDate: S instanceof Date ? S.toISOString().slice(0, 10) : null,
+          endDate: S instanceof Date ? S.toISOString().slice(0, 10) : null
         }, R = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
@@ -1052,17 +1052,17 @@ const Nn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], j = (F) => {
+        ], V = (F) => {
           if (F === "anytime") {
-            T.setFieldValue(`${A}.values`, []), T.setFieldValue(`${A}.range`, "anytime");
+            $.setFieldValue(`${T}.values`, []), $.setFieldValue(`${T}.range`, "anytime");
             return;
           }
           if (F === "custom") {
-            T.setFieldValue(`${A}.range`, "custom");
+            $.setFieldValue(`${T}.range`, "custom");
             return;
           }
           const [G, W] = Fn(F);
-          T.setFieldValue(`${A}.values`, G && W ? [G, W] : []), T.setFieldValue(`${A}.range`, F);
+          $.setFieldValue(`${T}.values`, G && W ? [G, W] : []), $.setFieldValue(`${T}.range`, F);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1070,8 +1070,8 @@ const Nn = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: C.operator,
-                onChange: (F) => T.setFieldValue(`${A}.operator`, F.target.value),
+                value: A.operator,
+                onChange: (F) => $.setFieldValue(`${T}.operator`, F.target.value),
                 className: "filter-select",
                 children: _.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Is" : "Is not" }, F))
               }
@@ -1081,9 +1081,9 @@ const Nn = {
               {
                 type: "button",
                 onClick: () => {
-                  T.setFieldValue(
-                    A,
-                    h[A]
+                  $.setFieldValue(
+                    T,
+                    h[T]
                   );
                 },
                 className: "filter-clear-selection-button",
@@ -1092,7 +1092,7 @@ const Nn = {
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: R.map((F) => {
-            const G = C.range === F.key || F.key === "anytime" && (!Array.isArray(C.values) || C.values.length === 0);
+            const G = A.range === F.key || F.key === "anytime" && (!Array.isArray(A.values) || A.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1102,9 +1102,9 @@ const Nn = {
                     "input",
                     {
                       type: "radio",
-                      name: `preset-${A}`,
+                      name: `preset-${T}`,
                       checked: G,
-                      onChange: () => j(F.key),
+                      onChange: () => V(F.key),
                       className: "h-4 w-4"
                     }
                   ),
@@ -1127,7 +1127,7 @@ const Nn = {
                   value: I,
                   onChange: (F) => {
                     const G = F?.startDate ? je(new Date(F.startDate)) : null, W = O[1] || null;
-                    G && (T.setFieldValue(`${A}.values`, [G, W]), T.setFieldValue(`${A}.range`, "custom"));
+                    G && ($.setFieldValue(`${T}.values`, [G, W]), $.setFieldValue(`${T}.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",
@@ -1151,7 +1151,7 @@ const Nn = {
                   value: k,
                   onChange: (F) => {
                     const G = F?.startDate ? _e(new Date(F.startDate)) : null, W = O[0] || null;
-                    G && (T.setFieldValue(`${A}.values`, [W, G]), T.setFieldValue(`${A}.range`, "custom"));
+                    G && ($.setFieldValue(`${T}.values`, [W, G]), $.setFieldValue(`${T}.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",
@@ -1164,7 +1164,7 @@ const Nn = {
                 }
               )
             ] }),
-            w && D && w > D && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            w && S && w > S && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
           ] })
         ] });
       default:
@@ -1208,7 +1208,7 @@ const Nn = {
               }
             )
           ] }),
-          /* @__PURE__ */ n("form", { onSubmit: T.handleSubmit, className: "filter-form", children: [
+          /* @__PURE__ */ n("form", { onSubmit: $.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ n(
               Er,
               {
@@ -1219,11 +1219,11 @@ const Nn = {
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(Rr, { className: "filter-tabs-list", children: l.map((A) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(Rr, { className: "filter-tabs-list", children: l.map((T) => /* @__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: [
-                      A.label,
-                      $[A.key] && /* @__PURE__ */ e(
+                      T.label,
+                      D[T.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1231,8 +1231,8 @@ const Nn = {
                         }
                       )
                     ] })
-                  ] }, A.key)) }),
-                  /* @__PURE__ */ e(Ir, { className: "filter-tabs-panels", children: l.map((A) => /* @__PURE__ */ e(
+                  ] }, T.key)) }),
+                  /* @__PURE__ */ e(Ir, { className: "filter-tabs-panels", children: l.map((T) => /* @__PURE__ */ e(
                     ne.Panel,
                     {
                       className: "filter-tab-panel",
@@ -1243,12 +1243,12 @@ const Nn = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: q(A.key)
+                          children: q(T.key)
                         },
-                        A.key
+                        T.key
                       )
                     },
-                    A.key
+                    T.key
                   )) })
                 ]
               }
@@ -1267,7 +1267,7 @@ const Nn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !T.dirty || L,
+                  disabled: !$.dirty || L,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -2666,35 +2666,35 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   },
   isChanged: p = !1
 }) => {
-  const [g, v] = P(Mt[0]), [x, r] = P(""), N = wt(x, 400), [m, y] = P([]), [z, T] = P(/* @__PURE__ */ new Set()), [$, E] = P(!1), [L, V] = P(Pt[0]), {
+  const [g, v] = P(Mt[0]), [x, r] = P(""), N = wt(x, 400), [m, y] = P([]), [z, $] = P(/* @__PURE__ */ new Set()), [D, E] = P(!1), [L, j] = P(Pt[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
-    formState: { errors: A, isSubmitting: _ }
+    formState: { errors: T, isSubmitting: _ }
   } = Za({
     defaultValues: { pendingInvites: [] },
     resolver: tr(Hn)
-  }), { fields: C, append: u, remove: S, update: M } = Ka({
+  }), { fields: A, append: u, remove: C, update: M } = Ka({
     control: U,
     name: "pendingInvites"
   }), O = q("pendingInvites");
   K(() => {
     N.length > 1 ? (E(!0), Jn(g.name, N).then((k) => {
       y(k);
-    }).catch((k) => console.error("Search failed:", k)).finally(() => E(!1))) : (y([]), T(/* @__PURE__ */ new Set()));
+    }).catch((k) => console.error("Search failed:", k)).finally(() => E(!1))) : (y([]), $(/* @__PURE__ */ new Set()));
   }, [N, g]);
   const b = (k) => {
-    T((R) => {
-      const j = new Set(R);
-      return j.has(k) ? j.delete(k) : j.add(k), j;
+    $((R) => {
+      const V = new Set(R);
+      return V.has(k) ? V.delete(k) : V.add(k), V;
     });
   }, c = () => {
     m.filter((k) => z.has(k.id)).forEach((k) => {
-      C.find((R) => R.id === k.id) || u({ ...k, permission: L.name });
-    }), T(/* @__PURE__ */ new Set()), r("");
+      A.find((R) => R.id === k.id) || u({ ...k, permission: L.name });
+    }), $(/* @__PURE__ */ new Set()), r("");
   }, f = (k) => {
-    V(k), C.forEach(
-      (R, j) => M(j, { ...C[j], permission: k.name })
+    j(k), A.forEach(
+      (R, V) => M(V, { ...A[V], permission: k.name })
     );
   }, w = async (k) => {
     try {
@@ -2711,13 +2711,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
           // Always send updated existing shares
         }, i);
       } else if (l === ue.INTEREST) {
-        const R = k.pendingInvites.map((j) => ({
-          identity: j.id,
-          type: j.type.toLowerCase(),
+        const R = k.pendingInvites.map((V) => ({
+          identity: V.id,
+          type: V.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: j.name,
+          userName: V.name,
           interestId: t?.data?.id
         }));
         o(R, i);
@@ -2740,8 +2740,8 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
     } catch (R) {
       throw console.error("Failed to submit invites:", R), R;
     }
-  }, D = (k) => {
-    const R = i[g.code].find((j) => j.name === k.name && j.permission !== "remove") || O.find((j) => j.name === k.name);
+  }, S = (k) => {
+    const R = i[g.code].find((V) => V.name === k.name && V.permission !== "remove") || O.find((V) => V.name === k.name);
     return R ? `${R.permission}` : "";
   }, I = () => {
     switch (l) {
@@ -2836,7 +2836,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             value: x
           }
         ) }),
-        /* @__PURE__ */ e(Se, { children: (m?.length > 0 || $) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Se, { children: (m?.length > 0 || D) && /* @__PURE__ */ e(
           ie.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2844,9 +2844,9 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             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: $ ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
+            children: D ? /* @__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: m.map((k) => {
-                const R = D(k);
+                const R = S(k);
                 return /* @__PURE__ */ n(
                   "div",
                   {
@@ -2900,7 +2900,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Se, { children: C.length > 0 && /* @__PURE__ */ n(
+      /* @__PURE__ */ e(Se, { children: A.length > 0 && /* @__PURE__ */ n(
         ie.div,
         {
           initial: { opacity: 0, y: 20 },
@@ -2910,7 +2910,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
               /* @__PURE__ */ n("div", { className: "font-semibold text-gray-800", children: [
                 "Pending Invites (",
-                C.length,
+                A.length,
                 ")"
               ] }),
               l === ue.DRIVE && /* @__PURE__ */ e(
@@ -2941,7 +2941,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                           {
                             value: k,
                             className: ({ active: R }) => `${R ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: R, active: j }) => /* @__PURE__ */ n(te, { children: [
+                            children: ({ selected: R, active: V }) => /* @__PURE__ */ n(te, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
@@ -2950,7 +2950,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                                     /* @__PURE__ */ e(
                                       k.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${j ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${V ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2975,7 +2975,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Se, { children: C.map((k, R) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Se, { children: A.map((k, R) => /* @__PURE__ */ n(
               ie.div,
               {
                 layout: !0,
@@ -3003,7 +3003,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => S(R),
+                        onClick: () => C(R),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(Be, { className: "h-5 w-5" })
                       }
@@ -3055,22 +3055,22 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
 }) => {
   const [o, p] = P(l), [g, v] = P(0), [x, r] = P(""), N = wt(x, 300), m = {
     users: o.users.filter(
-      ($) => $.name.toLowerCase().includes(N.toLowerCase())
+      (D) => D.name.toLowerCase().includes(N.toLowerCase())
     ),
     groups: o.groups.filter(
-      ($) => $.name.toLowerCase().includes(N.toLowerCase())
+      (D) => D.name.toLowerCase().includes(N.toLowerCase())
     ),
     roles: o.roles.filter(
-      ($) => $.name.toLowerCase().includes(N.toLowerCase())
+      (D) => D.name.toLowerCase().includes(N.toLowerCase())
     )
-  }, y = ($, E) => {
-    console.log("[ManageFlow] Removing item:", { itemToRemove: $, listKey: E });
+  }, y = (D, E) => {
+    console.log("[ManageFlow] Removing item:", { itemToRemove: D, listKey: E });
     const L = {
       ...o,
-      [E]: o[E].filter((V) => V.id !== $.id)
+      [E]: o[E].filter((j) => j.id !== D.id)
     };
     p(L), console.log("[ManageFlow] Syncing updated shares with parent:", L), a(L, !0);
-  }, z = ["users", "groups", "roles"], T = ["Users", "Groups", "Roles"];
+  }, z = ["users", "groups", "roles"], $ = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3098,7 +3098,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       ] }),
       /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ n(ne.Group, { selectedIndex: g, onChange: v, 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: T.map(($) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: $.map((D) => /* @__PURE__ */ e(
             ne,
             {
               className: ({
@@ -3106,16 +3106,16 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
               }) => `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
                                        ${E ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-              children: $
+              children: D
             },
-            $
+            D
           )) }),
           /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
             fe,
             {
               onDebouncedChange: r,
               value: x,
-              placeholder: `Search in ${T[g]}...`
+              placeholder: `Search in ${$[g]}...`
             }
           ) })
         ] }),
@@ -3126,11 +3126,11 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             animate: { y: 0, opacity: 1 },
             exit: { y: -10, opacity: 0 },
             transition: { duration: 0.2 },
-            children: /* @__PURE__ */ e(ne.Panels, { as: Z, children: z.map(($) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(ne.Panels, { as: Z, children: z.map((D) => /* @__PURE__ */ e(
               ne.Panel,
               {
                 className: "space-y-3 focus:outline-none",
-                children: /* @__PURE__ */ e(Se, { children: m[$].length > 0 ? m[$].map((E) => /* @__PURE__ */ n(
+                children: /* @__PURE__ */ e(Se, { children: m[D].length > 0 ? m[D].map((E) => /* @__PURE__ */ n(
                   ie.div,
                   {
                     layout: !0,
@@ -3154,12 +3154,12 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                         ),
                         /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
                           /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: E.name }),
-                          $ !== "users" && /* @__PURE__ */ e(
+                          D !== "users" && /* @__PURE__ */ e(
                             "button",
                             {
                               onClick: () => i({
                                 id: E.id,
-                                type: $,
+                                type: D,
                                 name: E.name
                               }),
                               className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3171,7 +3171,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => y(E, $),
+                          onClick: () => y(E, D),
                           className: "text-gray-400 hover:text-red-500 hover:cursor-pointer p-1 rounded-full hover:bg-red-50",
                           title: "Remove access",
                           children: /* @__PURE__ */ e(Be, { className: "h-5 w-5" })
@@ -3192,16 +3192,16 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                         /* @__PURE__ */ e(Zt, { className: "h-12 w-12 text-gray-400" }),
                         /* @__PURE__ */ n("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                           "No ",
-                          T[g],
+                          $[g],
                           " Found"
                         ] }),
-                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: x ? `No results for "${x}"` : `There are no ${T[g].toLowerCase()} with access.` })
+                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: x ? `No results for "${x}"` : `There are no ${$[g].toLowerCase()} with access.` })
                       ]
                     }
                   )
                 ) })
               },
-              $
+              D
             )) })
           },
           g
@@ -3343,12 +3343,12 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   allowedPermissions: p = [],
   ...g
 }) => {
-  const [v, x] = P(ge.INVITE), [r, N] = P(t), [m, y] = P(null), [z, T] = P(!1), [$, E] = P([]), [L, V] = P(ge.MANAGE), U = () => {
+  const [v, x] = P(ge.INVITE), [r, N] = P(t), [m, y] = P(null), [z, $] = P(!1), [D, E] = P([]), [L, j] = P(ge.MANAGE), U = () => {
     x(ge.INVITE), y(null), h();
   }, Y = () => {
     x(ge.MANAGE);
-  }, q = async ({ id: C, name: u, type: S }) => {
-    if (S === "groups") {
+  }, q = async ({ id: A, name: u, type: C }) => {
+    if (C === "groups") {
       try {
         const M = await Ze(`${Xe.getMembersForGroup(u)}`);
       } catch (M) {
@@ -3356,13 +3356,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       }
       E(resp);
     }
-    y({ id: C, type: S, name: u }), V(v), x(ge.MEMBERS);
-  }, A = (C, u = !1) => {
-    console.log("changedExistingShares", C), N(C);
-    const S = it.mapValues(t, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id)), M = it.mapValues(C, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id));
-    console.log("Existing data:", S), console.log("Changed data:", M);
-    const O = !it.isEqual(S, M);
-    console.log("hasPermissionChanged:", O), T(O), O && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, C)), u && v === ge.MANAGE ? console.log("[AddUserGroupsRolesModal] Staying in ManageFlow after removal") : x(v === ge.MEMBERS ? L : ge.INVITE);
+    y({ id: A, type: C, name: u }), j(v), x(ge.MEMBERS);
+  }, T = (A, u = !1) => {
+    console.log("changedExistingShares", A), N(A);
+    const C = it.mapValues(t, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id)), M = it.mapValues(A, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id));
+    console.log("Existing data:", C), console.log("Changed data:", M);
+    const O = !it.isEqual(C, M);
+    console.log("hasPermissionChanged:", O), $(O), O && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, A)), u && v === ge.MANAGE ? console.log("[AddUserGroupsRolesModal] Staying in ManageFlow after removal") : x(v === ge.MEMBERS ? L : ge.INVITE);
   };
   return /* @__PURE__ */ e(be, { appear: !0, show: a, as: Z, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3381,7 +3381,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                 Kn,
                 {
                   entity: i,
-                  onBack: A,
+                  onBack: T,
                   onClose: U,
                   onOpenMembers: q,
                   existingShares: r,
@@ -3405,11 +3405,11 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                 ts,
                 {
                   entity: m,
-                  onBack: A,
+                  onBack: T,
                   onClose: U,
                   calledBy: l,
                   existingShares: r,
-                  members: $
+                  members: D
                 }
               )
             },
@@ -3433,8 +3433,8 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                   existingShares: r,
                   calledBy: l,
                   showExistingShares: o,
-                  onFinalSubmit: (C) => {
-                    s(C, r);
+                  onFinalSubmit: (A) => {
+                    s(A, r);
                   },
                   isChanged: z
                 }
@@ -3472,30 +3472,30 @@ function at({
   getOptionId: m = (z) => String(z.id),
   getOptionLabel: y = (z) => z.name
 }) {
-  const z = He(), T = He(), [$, E] = P(""), L = he(""), V = ee(() => {
-    const C = /* @__PURE__ */ new Map();
-    for (const u of a) C.set(m(u), u);
-    return C;
-  }, [a, m]), U = ee(() => Array.isArray(s) ? s.map((C) => C && typeof C == "object" ? V.get(m(C)) || null : V.get(String(C))).filter(Boolean) : [], [s, V, m]), Y = ee(() => {
-    if (!$) return a;
-    const C = $.toLowerCase();
-    return a.filter((u) => y(u).toLowerCase().includes(C));
-  }, [a, $, y]);
+  const z = He(), $ = He(), [D, E] = P(""), L = he(""), j = ee(() => {
+    const A = /* @__PURE__ */ new Map();
+    for (const u of a) A.set(m(u), u);
+    return A;
+  }, [a, m]), U = ee(() => Array.isArray(s) ? s.map((A) => A && typeof A == "object" ? j.get(m(A)) || null : j.get(String(A))).filter(Boolean) : [], [s, j, m]), Y = ee(() => {
+    if (!D) return a;
+    const A = D.toLowerCase();
+    return a.filter((u) => y(u).toLowerCase().includes(A));
+  }, [a, D, y]);
   K(() => {
-    v === "server" && $.length >= N && $ !== L.current && (L.current = $, x && x($));
-  }, [$, v, N, x]);
-  const q = v === "client" ? Y : a, A = () => {
+    v === "server" && D.length >= N && D !== L.current && (L.current = D, x && x(D));
+  }, [D, v, N, x]);
+  const q = v === "client" ? Y : a, T = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: h });
-    const C = U.slice(0, p), u = U.length - p;
+    const A = U.slice(0, p), u = U.length - p;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
-      C.map((S) => /* @__PURE__ */ e(
+      A.map((C) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: y(S)
+          children: y(C)
         },
-        m(S)
+        m(C)
       )),
       u > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
@@ -3504,10 +3504,10 @@ function at({
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(le, { value: U, onChange: (C) => {
-    const u = Array.from(new Set(C.map((S) => m(S))));
+  return /* @__PURE__ */ e(le, { value: U, onChange: (A) => {
+    const u = Array.from(new Set(A.map((C) => m(C))));
     g !== -1 && u.length > g || i(u);
-  }, multiple: !0, by: "id", children: ({ open: C }) => /* @__PURE__ */ n("div", { children: [
+  }, multiple: !0, by: "id", children: ({ open: A }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       le.Label,
       {
@@ -3522,14 +3522,14 @@ function at({
         {
           "aria-labelledby": z,
           "aria-invalid": !!o,
-          "aria-describedby": o ? T : void 0,
+          "aria-describedby": o ? $ : void 0,
           onBlur: l,
           className: qe(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
             o ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: A() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: T() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Qt, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3538,7 +3538,7 @@ function at({
         be,
         {
           as: Z,
-          show: C,
+          show: A,
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
@@ -3546,14 +3546,14 @@ function at({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               fe,
               {
-                value: $,
+                value: D,
                 onDebouncedChange: E,
                 placeholder: v === "server" ? `Search (min ${N})…` : "Search options…"
               }
             ) }),
             v === "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: v === "server" ? $.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : q.map((u) => {
-              const S = m(u), M = y(u), O = U.some((c) => m(c) === S), b = g !== -1 && U.length >= g && !O;
+            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: v === "server" ? D.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : q.map((u) => {
+              const C = m(u), M = y(u), O = U.some((c) => m(c) === C), b = g !== -1 && U.length >= g && !O;
               return /* @__PURE__ */ e(
                 le.Option,
                 {
@@ -3586,13 +3586,13 @@ function at({
                     )
                   ] })
                 },
-                S
+                C
               );
             })
           ] })
         }
       ),
-      o && /* @__PURE__ */ e("p", { id: T, className: "mt-1 text-sm text-red-600", children: o })
+      o && /* @__PURE__ */ e("p", { id: $, className: "mt-1 text-sm text-red-600", children: o })
     ] })
   ] }) });
 }
@@ -3750,9 +3750,9 @@ function ns({
   dropId: x,
   indent: r = 24
 }) {
-  const { setNodeRef: N, isOver: m } = rr({ id: x }), { attributes: y, listeners: z, setNodeRef: T, transform: $, isDragging: E } = nr({ id: v }), L = $ ? { transform: `translate3d(${Math.round($.x)}px, ${Math.round($.y)}px, 0)` } : void 0, [V, U] = P(!1), [Y, q] = P(t.name), A = () => {
-    const C = Y.trim();
-    U(!1), C && C !== t.name ? o?.(t, C) : q(t.name);
+  const { setNodeRef: N, isOver: m } = rr({ id: x }), { attributes: y, listeners: z, setNodeRef: $, transform: D, isDragging: E } = nr({ id: v }), L = D ? { transform: `translate3d(${Math.round(D.x)}px, ${Math.round(D.y)}px, 0)` } : void 0, [j, U] = P(!1), [Y, q] = P(t.name), T = () => {
+    const A = Y.trim();
+    U(!1), A && A !== t.name ? o?.(t, A) : q(t.name);
   }, _ = ee(() => /* @__PURE__ */ e(
     Ln,
     {
@@ -3772,21 +3772,21 @@ function ns({
       ref: N,
       className: `tv-row ${m ? "tv-drop-over" : ""} ${E ? "dragging" : ""}`,
       style: { ...L, paddingLeft: 8 + a * r },
-      onClick: (C) => {
-        C.target.closest(".tv-toggle") || C.target.tagName === "INPUT" || l?.(t);
+      onClick: (A) => {
+        A.target.closest(".tv-toggle") || A.target.tagName === "INPUT" || l?.(t);
       },
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(yt, { size: 16 }) : /* @__PURE__ */ e(xe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Ve, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: T, children: V ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: $, children: j ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
             value: Y,
-            onChange: (C) => q(C.target.value),
-            onBlur: A,
-            onKeyDown: (C) => {
-              C.key === "Enter" && A(), C.key === "Escape" && (U(!1), q(t.name));
+            onChange: (A) => q(A.target.value),
+            onBlur: T,
+            onKeyDown: (A) => {
+              A.key === "Enter" && T(), A.key === "Escape" && (U(!1), q(t.name));
             },
             autoFocus: !0
           }
@@ -3895,39 +3895,39 @@ function Ul({
   const { roots: z } = ee(() => os(t) ? ds(t, { rootId: a, getId: i, getName: h }) : cs(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: h }
-  ), [t, a, i, l, h]), [T, $] = P({}), E = H((b) => {
+  ), [t, a, i, l, h]), [$, D] = P({}), E = H((b) => {
     const c = {};
     return (function f(w) {
-      w.forEach((D) => {
-        c[D.id] = !0, D.children?.length && f(D.children);
+      w.forEach((S) => {
+        c[S.id] = !0, S.children?.length && f(S.children);
       });
     })(b), c;
   }, []);
   ae.useEffect(() => {
-    $(E(z));
+    D(E(z));
   }, [z, E]);
   const L = H(
-    (b) => $((c) => ({ ...c, [b]: !c[b] })),
+    (b) => D((c) => ({ ...c, [b]: !c[b] })),
     []
-  ), [V, U] = P(() => Pe(z));
+  ), [j, U] = P(() => Pe(z));
   ae.useEffect(() => U(Pe(z)), [z]);
   const Y = sr(
     lr(dr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = he(null), [A, _] = P(null), C = he(0), u = () => {
-  }, S = ({ delta: b }) => {
-    C.current = b?.x ?? 0;
+  ), q = he(null), [T, _] = P(null), A = he(0), u = () => {
+  }, C = ({ delta: b }) => {
+    A.current = b?.x ?? 0;
   }, M = H(
     ({ active: b, over: c }) => {
-      const f = C.current;
-      if (C.current = 0, _(null), !b || !c) return;
-      const w = String(b.id).replace(/^drag-/, ""), D = String(c.id).replace(/^drop-/, "");
-      if (!w || !D || w === D) return;
-      let I = D;
+      const f = A.current;
+      if (A.current = 0, _(null), !b || !c) return;
+      const w = String(b.id).replace(/^drag-/, ""), S = String(c.id).replace(/^drop-/, "");
+      if (!w || !S || w === S) return;
+      let I = S;
       const k = Math.max(0, Math.floor(-f / y));
       if (k > 0) {
-        let W = D;
+        let W = S;
         for (let pe = 0; pe < k; pe++) {
-          const Ne = ya(V, W, null);
+          const Ne = ya(j, W, null);
           if (!Ne) break;
           if (!Ne.parentId) {
             I = a;
@@ -3940,12 +3940,12 @@ function Ul({
         U(Pe(z));
         return;
       }
-      const R = Pe(V), { newRoots: j, removed: F } = ms(R, w);
+      const R = Pe(j), { newRoots: V, removed: F } = ms(R, w);
       if (!F) return;
-      const G = us(j, I, F);
+      const G = us(V, I, F);
       U(G), r?.({ sourceId: w, destParentId: I, newTree: G });
     },
-    [V, z, a, m, y, r]
+    [j, z, a, m, y, r]
   ), O = H(
     (b, c = 0) => b.map((f) => /* @__PURE__ */ n(ae.Fragment, { children: [
       /* @__PURE__ */ e(
@@ -3953,7 +3953,7 @@ function Ul({
         {
           node: f,
           depth: c,
-          expanded: !!T[f.id],
+          expanded: !!$[f.id],
           onToggle: () => L(f.id),
           onSelect: o,
           onCreateChild: g,
@@ -3965,23 +3965,23 @@ function Ul({
           indent: y
         }
       ),
-      T[f.id] && f.children?.length > 0 ? O(f.children, c + 1) : null
+      $[f.id] && f.children?.length > 0 ? O(f.children, c + 1) : null
     ] }, f.id)),
-    [T, y, g, x, v, o, N, L]
+    [$, y, g, x, v, o, N, L]
   );
   return ae.useMemo(() => {
-    if (!A) return null;
-    const b = String(A).replace(/^drag-/, "");
+    if (!T) return null;
+    const b = String(T).replace(/^drag-/, "");
     function c(f) {
       for (const w of f) {
         if (w.id === b) return w;
-        const D = w.children?.length ? c(w.children) : null;
-        if (D) return D;
+        const S = w.children?.length ? c(w.children) : null;
+        if (S) return S;
       }
       return null;
     }
-    return c(V);
-  }, [A, V]), /* @__PURE__ */ n("div", { className: "tv", children: [
+    return c(j);
+  }, [T, j]), /* @__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: p, children: "+ New folder" })
@@ -3997,10 +3997,10 @@ function Ul({
         collisionDetection: cr,
         sensors: Y,
         onDragStart: u,
-        onDragMove: S,
+        onDragMove: C,
         onDragEnd: M,
         modifiers: [or],
-        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: O(V, 0) })
+        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: O(j, 0) })
       }
     )
   ] });
@@ -4582,16 +4582,16 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [x, r] = P(() => {
     const u = a && a[l.key] || [];
-    let S;
-    return u.length > 0 ? S = u.map((M, O) => ({
+    let C;
+    return u.length > 0 ? C = u.map((M, O) => ({
       ...M,
       id: M.id !== void 0 ? M.id : O
-    })) : S = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Initial data:`, S), S;
+    })) : C = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Initial data:`, C), C;
   }), N = he(a), m = he(null);
   K(() => {
-    const u = a && a[l.key] || [], S = m.current;
-    if (JSON.stringify(u) !== JSON.stringify(S)) {
-      console.log(`[DataTableRenderer] ${l.key} - Section data changed`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, S), console.log(`[DataTableRenderer] ${l.key} - Current:`, u), N.current = a, m.current = u;
+    const u = a && a[l.key] || [], C = m.current;
+    if (JSON.stringify(u) !== JSON.stringify(C)) {
+      console.log(`[DataTableRenderer] ${l.key} - Section data changed`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, C), console.log(`[DataTableRenderer] ${l.key} - Current:`, u), N.current = a, m.current = u;
       let O;
       u.length > 0 ? O = u.map((b, c) => ({
         ...b,
@@ -4599,16 +4599,16 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       })) : O = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, O), r(O);
     }
   }, [a, l.key]);
-  const y = he(x), z = he(null), T = he(!1);
+  const y = he(x), z = he(null), $ = he(!1);
   K(() => {
-    y.current !== x && s && typeof s == "function" && (y.current = x, z.current && clearTimeout(z.current), T.current ? (console.log("[DataTableRenderer] Executing immediate update for audience change"), T.current = !1, s(l.key, x)) : z.current = setTimeout(() => {
+    y.current !== x && s && typeof s == "function" && (y.current = x, z.current && clearTimeout(z.current), $.current ? (console.log("[DataTableRenderer] Executing immediate update for audience change"), $.current = !1, s(l.key, x)) : z.current = setTimeout(() => {
       s(l.key, x);
     }, 300));
   }, [l.key, x, s]), K(() => () => {
     z.current && clearTimeout(z.current);
   }, []);
-  const $ = (u) => {
-    const S = (b, c) => {
+  const D = (u) => {
+    const C = (b, c) => {
       console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: b, value: c, type: typeof c }), r((f) => {
         const w = [...f];
         return w[b][u.key] = c, w;
@@ -4624,7 +4624,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4638,7 +4638,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ca,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`,
@@ -4657,12 +4657,12 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               min: u.min,
               max: u.max,
               step: u.step,
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               onBlur: (f) => {
                 const w = f.target.value;
                 if (w !== "" && w !== null && w !== void 0) {
-                  const D = Number(w);
-                  isNaN(D) || (u.min !== void 0 && D < u.min ? (f.target.setCustomValidity(`${u.label} must be at least ${u.min}`), f.target.reportValidity()) : u.max !== void 0 && D > u.max ? (f.target.setCustomValidity(`${u.label} must not exceed ${u.max}`), f.target.reportValidity()) : f.target.setCustomValidity(""));
+                  const S = Number(w);
+                  isNaN(S) || (u.min !== void 0 && S < u.min ? (f.target.setCustomValidity(`${u.label} must be at least ${u.min}`), f.target.reportValidity()) : u.max !== void 0 && S > u.max ? (f.target.setCustomValidity(`${u.label} must not exceed ${u.max}`), f.target.reportValidity()) : f.target.setCustomValidity(""));
                 }
               },
               placeholder: u.placeholder || `Enter ${u.label}`,
@@ -4687,7 +4687,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "email",
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || "Enter email address",
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4702,7 +4702,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "url",
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || "Enter URL",
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4717,7 +4717,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "password",
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || "Enter password",
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4732,7 +4732,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             pt,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f),
+              onChange: (f) => C(c, f),
               options: u.options || [],
               placeholder: u.placeholder || `Select ${u.label}`,
               required: u.required,
@@ -4745,11 +4745,11 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (b, c) => {
           const f = () => {
             if (u.optionsFrom && a) {
-              const { config: w, valueField: D, labelField: I } = u.optionsFrom, k = a[w] || [];
+              const { config: w, valueField: S, labelField: I } = u.optionsFrom, k = a[w] || [];
               if (Array.isArray(k))
                 return k.map((R) => ({
-                  id: R[D] || "",
-                  value: R[D] || "",
+                  id: R[S] || "",
+                  value: R[S] || "",
                   label: R[I] || ""
                 }));
             }
@@ -4761,7 +4761,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               {
                 index: c,
                 value: b[u.key] || "",
-                onChange: (w) => S(c, w),
+                onChange: (w) => C(c, w),
                 options: f(),
                 placeholder: u.placeholder || `Select ${u.label}`,
                 required: u.required,
@@ -4779,7 +4779,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             at,
             {
               selectedItems: f,
-              onSelectionChange: (w) => S(c, w),
+              onSelectionChange: (w) => C(c, w),
               options: u.options || [],
               placeholder: u.placeholder || `Select ${u.label}`,
               className: "w-full"
@@ -4792,7 +4792,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           mt,
           {
             checked: !!b[u.key],
-            onChange: (f) => S(c, f),
+            onChange: (f) => C(c, f),
             label: u.placeholder || u.label,
             className: "w-full"
           }
@@ -4803,7 +4803,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           da,
           {
             isOn: !!b[u.key],
-            onToggle: (f) => S(c, f),
+            onToggle: (f) => C(c, f),
             label: u.placeholder || u.label,
             className: "w-full"
           }
@@ -4813,7 +4813,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           sa,
           {
             selectedDate: b[u.key] ? new Date(b[u.key]) : null,
-            onDateChange: (f) => S(c, f ? f.toISOString().split("T")[0] : ""),
+            onDateChange: (f) => C(c, f ? f.toISOString().split("T")[0] : ""),
             placeholder: u.placeholder || "Select date",
             className: "w-full"
           }
@@ -4824,7 +4824,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "datetime-local",
             value: b[u.key] || "",
-            onChange: (f) => S(c, f.target.value),
+            onChange: (f) => C(c, f.target.value),
             placeholder: u.placeholder || "Select date and time",
             required: u.required,
             className: "w-full"
@@ -4836,7 +4836,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "time",
             value: b[u.key] || "",
-            onChange: (f) => S(c, f.target.value),
+            onChange: (f) => C(c, f.target.value),
             placeholder: u.placeholder || "Select time",
             required: u.required,
             className: "w-full"
@@ -4847,7 +4847,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           la,
           {
             selectedValue: b[u.key] || "",
-            onValueChange: (f) => S(c, f),
+            onValueChange: (f) => C(c, f),
             options: u.options || [],
             className: "w-full"
           }
@@ -4857,7 +4857,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           fe,
           {
             value: b[u.key] || "",
-            onChange: (f) => S(c, f),
+            onChange: (f) => C(c, f),
             placeholder: u.placeholder || `Search ${u.label}`,
             className: "w-full"
           }
@@ -4870,12 +4870,12 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ...f.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(ps, { children: w.length > 0 ? w.slice(0, 3).map((D, I) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(ps, { children: w.length > 0 ? w.slice(0, 3).map((S, I) => /* @__PURE__ */ e(
               we,
               {
                 size: "small",
-                name: D.name || D.displayName || D.id,
-                src: D.avatarUrl
+                name: S.name || S.displayName || S.id,
+                src: S.avatarUrl
               },
               I
             )) : null }),
@@ -4897,7 +4897,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "color",
             value: b[u.key] || "#000000",
-            onChange: (f) => S(c, f.target.value),
+            onChange: (f) => C(c, f.target.value),
             className: "w-full h-10"
           }
         );
@@ -4908,7 +4908,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "range",
               value: b[u.key] || u.min || 0,
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               min: u.min || 0,
               max: u.max || 100,
               step: u.step || 1,
@@ -4924,7 +4924,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "file",
             onChange: (f) => {
               const w = f.target.files[0];
-              S(c, w ? w.name : "");
+              C(c, w ? w.name : "");
             },
             accept: u.accept,
             className: "w-full"
@@ -4936,7 +4936,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "hidden",
             value: b[u.key] || "",
-            onChange: (f) => S(c, f.target.value)
+            onChange: (f) => C(c, f.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4946,7 +4946,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4969,42 +4969,42 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       return console.log("[DataTableRenderer] Updated data:", b), b;
     });
   }, [l.fields]), L = H((u) => {
-    r((S) => {
-      if (S.length <= 1)
-        return S;
-      const M = [...S];
+    r((C) => {
+      if (C.length <= 1)
+        return C;
+      const M = [...C];
       return M.splice(u, 1), M;
     });
-  }, []), [V, U] = P(null), Y = H((u, S) => {
-    U(S), u.dataTransfer.effectAllowed = "move", u.dataTransfer.setData("text/html", "");
+  }, []), [j, U] = P(null), Y = H((u, C) => {
+    U(C), u.dataTransfer.effectAllowed = "move", u.dataTransfer.setData("text/html", "");
   }, []), q = H((u) => {
     u.preventDefault(), u.dataTransfer.dropEffect = "move";
-  }, []), A = H((u, S) => {
-    u.preventDefault(), !(V === null || V === S) && (r((M) => {
-      const O = [...M], b = O[V];
-      return O.splice(V, 1), O.splice(S, 0, b), O;
+  }, []), T = H((u, C) => {
+    u.preventDefault(), !(j === null || j === C) && (r((M) => {
+      const O = [...M], b = O[j];
+      return O.splice(j, 1), O.splice(C, 0, b), O;
     }), U(null));
-  }, [V]), _ = H(() => {
+  }, [j]), _ = H(() => {
     U(null);
-  }, []), C = H((u, S) => {
-    console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: u, existingShares: S }), r((O) => {
+  }, []), A = H((u, C) => {
+    console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: u, existingShares: C }), r((O) => {
       const b = [...O];
       if (o !== null && g && b[o]) {
         const c = u?.pendingInvites || [];
         if (c.length > 0) {
           console.log("[DataTableRenderer] Adding new pending invites:", c);
-          const f = c.filter((k) => k.type === "User"), w = c.filter((k) => k.type === "Group"), D = c.filter((k) => k.type === "Role"), I = b[o][g] || { users: [], groups: [], roles: [] };
+          const f = c.filter((k) => k.type === "User"), w = c.filter((k) => k.type === "Group"), S = c.filter((k) => k.type === "Role"), I = b[o][g] || { users: [], groups: [], roles: [] };
           b[o][g] = {
             users: [...I.users || [], ...f],
             groups: [...I.groups || [], ...w],
-            roles: [...I.roles || [], ...D]
+            roles: [...I.roles || [], ...S]
           }, console.log("[DataTableRenderer] Added new audience members:", b[o][g]);
-        } else S && (console.log("[DataTableRenderer] Updating audience from ManageFlow with existing shares:", S), b[o][g] = {
-          users: S.users || [],
-          groups: S.groups || [],
-          roles: S.roles || []
+        } else C && (console.log("[DataTableRenderer] Updating audience from ManageFlow with existing shares:", C), b[o][g] = {
+          users: C.users || [],
+          groups: C.groups || [],
+          roles: C.roles || []
         }, console.log("[DataTableRenderer] Updated audience from ManageFlow:", b[o][g]));
-        console.log("[DataTableRenderer] Final audience data:", b[o][g]), T.current = !0;
+        console.log("[DataTableRenderer] Final audience data:", b[o][g]), $.current = !0;
       }
       return b;
     }), (u?.pendingInvites || []).length > 0 && (p(null), v(null));
@@ -5027,32 +5027,32 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ n("table", { className: "min-w-full bg-white border border-gray-300", style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "bg-gray-50", children: [
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-10" }),
-        l.fields.map((u, S) => /* @__PURE__ */ e(
+        l.fields.map((u, C) => /* @__PURE__ */ e(
           "th",
           {
             className: "px-4 py-2 text-left text-sm font-medium text-gray-700",
             children: u.label || u.key
           },
-          S
+          C
         )),
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-16" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: x.map((u, S) => /* @__PURE__ */ n(
+      /* @__PURE__ */ e("tbody", { children: x.map((u, C) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${V === S ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${j === C ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (M) => Y(M, S),
+          onDragStart: (M) => Y(M, C),
           onDragOver: q,
-          onDrop: (M) => A(M, S),
+          onDrop: (M) => T(M, C),
           onDragEnd: _,
           children: [
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(xt, { size: 16 }) }) }),
-            l.fields.map((M, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(M)(u, S) }, O)),
+            l.fields.map((M, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: D(M)(u, C) }, O)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => L(S),
+                onClick: () => L(C),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(mr, { size: 16 })
@@ -5060,7 +5060,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ) })
           ]
         },
-        S
+        C
       )) })
     ] }) }),
     o !== null && (() => {
@@ -5076,7 +5076,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           onClose: () => {
             p(null), v(null);
           },
-          onFinalSubmit: C,
+          onFinalSubmit: A,
           existingShares: u,
           allowedPermissions: ["view", "remove"]
         }
@@ -5106,15 +5106,15 @@ function xs({
   onShowCancelModal: l,
   onCancel: h
 }) {
-  const [o, p] = ae.useState(a), [g, v] = ae.useState(null), [x, r] = ae.useState(null), [N, m] = P(!1), [y, z] = P(!1), [T, $] = P({}), E = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = E, [V, U] = P(1), Y = () => {
+  const [o, p] = ae.useState(a), [g, v] = ae.useState(null), [x, r] = ae.useState(null), [N, m] = P(!1), [y, z] = P(!1), [$, D] = P({}), E = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = E, [j, U] = P(1), Y = () => {
     if (!x || !g)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: x, data: g }), !1;
-    const b = (D) => {
-      if (D == null || typeof D != "object") return D;
-      if (Array.isArray(D)) return D.map(b);
+    const b = (S) => {
+      if (S == null || typeof S != "object") return S;
+      if (Array.isArray(S)) return S.map(b);
       const I = {};
-      return Object.keys(D).sort().forEach((k) => {
-        I[k] = b(D[k]);
+      return Object.keys(S).sort().forEach((k) => {
+        I[k] = b(S[k]);
       }), I;
     }, c = b(x), f = b(g), w = JSON.stringify(c) !== JSON.stringify(f);
     return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
@@ -5130,7 +5130,7 @@ function xs({
     return a.configuration.forEach((w) => {
       if (w.key && w.type === "datatable") {
         const I = (f[w.key] || []).map((k, R) => {
-          const j = { id: k.id || 0 };
+          const V = { id: k.id || 0 };
           return w.fields && w.fields.forEach((F) => {
             if (F.fieldtype === "audience") {
               let G = { users: [], groups: [], roles: [] };
@@ -5138,9 +5138,9 @@ function xs({
                 users: k[F.key].users || [],
                 groups: k[F.key].groups || [],
                 roles: k[F.key].roles || []
-              })), j[F.key] = G;
-            } else F.fieldtype === "select" ? j[F.key] = k[F.key] !== void 0 && k[F.key] !== "" ? k[F.key] : F.default || "" : j[F.key] = k[F.key] || F.default || "";
-          }), j;
+              })), V[F.key] = G;
+            } else F.fieldtype === "select" ? V[F.key] = k[F.key] !== void 0 && k[F.key] !== "" ? k[F.key] : F.default || "" : V[F.key] = k[F.key] || F.default || "";
+          }), V;
         });
         if (I.length === 0) {
           const k = { id: 0 };
@@ -5150,13 +5150,13 @@ function xs({
         }
         c[w.key] = I;
       } else if (w.key) {
-        const D = f[w.key] || {};
+        const S = f[w.key] || {};
         w.type === "section" && w.fields && w.fields.forEach((I) => {
-          I.fieldtype === "managecollectionlist" && I.key && (!D[I.key] || !Array.isArray(D[I.key])) && (D[I.key] = I.initialData || []);
-        }), c[w.key] = D;
+          I.fieldtype === "managecollectionlist" && I.key && (!S[I.key] || !Array.isArray(S[I.key])) && (S[I.key] = I.initialData || []);
+        }), c[w.key] = S;
       }
     }), c;
-  }, A = () => {
+  }, T = () => {
     if (a && a.configuration) {
       const b = {};
       a.configuration.forEach((c) => {
@@ -5189,21 +5189,21 @@ function xs({
           const f = q(c);
           v(f), r(f);
         } else
-          A();
+          T();
       } catch (c) {
         console.error("Error fetching configuration:", c);
         let f = "Failed to load configuration";
         if (c.response) {
-          const w = c.response.status, D = c.response.data?.message || c.response.data?.error;
-          w === 400 ? f = D || "Invalid request. Please check the application ID." : w === 401 ? f = "You are not authorized to access this configuration." : w === 403 ? f = "Access denied. You don't have permission to view this configuration." : w === 404 ? f = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? f = D || "Server error. Please try again later." : f = D || `Failed to load configuration (Error ${w})`;
+          const w = c.response.status, S = c.response.data?.message || c.response.data?.error;
+          w === 400 ? f = S || "Invalid request. Please check the application ID." : w === 401 ? f = "You are not authorized to access this configuration." : w === 403 ? f = "Access denied. You don't have permission to view this configuration." : w === 404 ? f = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? f = S || "Server error. Please try again later." : f = S || `Failed to load configuration (Error ${w})`;
         } else c.request ? f = "Network error. Please check your connection and try again." : f = c.message || "An unexpected error occurred while loading configuration.";
-        Ye.error(f), A();
+        Ye.error(f), T();
       } finally {
         m(!1);
       }
     };
-    a && (p(a), t ? b() : A());
-  }, [a, V, t, s]);
+    a && (p(a), t ? b() : T());
+  }, [a, j, t, s]);
   const _ = (b, c) => {
     console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, c), v((f) => {
       const w = {
@@ -5211,11 +5211,11 @@ function xs({
         [b]: c
       };
       return console.log("[DynamicConfig] Updated data state:", w), w;
-    }), $((f) => {
+    }), D((f) => {
       const w = { ...f };
       return w[b] && delete w[b], w;
     });
-  }, C = () => {
+  }, A = () => {
     const b = {};
     return !o || !g || o.configuration.forEach((c) => {
       if (c.type === "section")
@@ -5226,41 +5226,41 @@ function xs({
             return;
           }
           if (f.fieldtype === "number" && w !== "" && w !== null && w !== void 0) {
-            const D = Number(w);
-            isNaN(D) ? (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be a valid number`) : (f.min !== void 0 && D < f.min && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be at least ${f.min}`), f.max !== void 0 && D > f.max && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must not exceed ${f.max}`));
+            const S = Number(w);
+            isNaN(S) ? (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be a valid number`) : (f.min !== void 0 && S < f.min && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be at least ${f.min}`), f.max !== void 0 && S > f.max && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must not exceed ${f.max}`));
           }
         });
       else if (c.type === "datatable") {
         const f = g[c.key];
-        Array.isArray(f) && f.forEach((w, D) => {
+        Array.isArray(f) && f.forEach((w, S) => {
           c.fields.forEach((I) => {
             const k = w[I.key];
             if (I.required && (!k || typeof k == "string" && k.trim() === "")) {
-              b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} is required`;
+              b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} is required`;
               return;
             }
             if (I.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
               const R = Number(k);
-              isNaN(R) ? (b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} must be a valid number`) : (I.min !== void 0 && R < I.min && (b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} must be at least ${I.min}`), I.max !== void 0 && R > I.max && (b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} must not exceed ${I.max}`));
+              isNaN(R) ? (b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} must be a valid number`) : (I.min !== void 0 && R < I.min && (b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} must be at least ${I.min}`), I.max !== void 0 && R > I.max && (b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} must not exceed ${I.max}`));
             }
           });
         });
       }
     }), b;
-  }, u = (b) => Object.keys(b).length > 0, S = () => {
+  }, u = (b) => Object.keys(b).length > 0, C = () => {
     if (y) {
       console.log("[handleSave] Already saving, ignoring duplicate call");
       return;
     }
     console.log("[handleSave] Starting save process");
-    const b = C();
-    if ($(b), u(b)) {
+    const b = A();
+    if (D(b), u(b)) {
       let f = [];
       Object.keys(b).forEach((w) => {
-        typeof b[w] == "object" && Object.keys(b[w]).forEach((D) => {
-          typeof b[w][D] == "object" ? Object.keys(b[w][D]).forEach((I) => {
-            f.push(`${w} row ${parseInt(D) + 1}: ${b[w][D][I]}`);
-          }) : f.push(`${w}: ${b[w][D]}`);
+        typeof b[w] == "object" && Object.keys(b[w]).forEach((S) => {
+          typeof b[w][S] == "object" ? Object.keys(b[w][S]).forEach((I) => {
+            f.push(`${w} row ${parseInt(S) + 1}: ${b[w][S][I]}`);
+          }) : f.push(`${w}: ${b[w][S]}`);
         });
       });
       return;
@@ -5269,30 +5269,30 @@ function xs({
       try {
         z(!0);
         const f = {};
-        g && Object.keys(g).forEach((D) => {
+        g && Object.keys(g).forEach((S) => {
           const I = a?.configuration?.find(
-            (k) => k.key === D && k.type === "datatable"
+            (k) => k.key === S && k.type === "datatable"
           );
-          I && Array.isArray(g[D]) ? f[D] = g[D].map((k) => {
+          I && Array.isArray(g[S]) ? f[S] = g[S].map((k) => {
             const R = { id: k.id || 0 };
-            return I.fields && I.fields.forEach((j) => {
-              if (j.fieldtype === "audience") {
+            return I.fields && I.fields.forEach((V) => {
+              if (V.fieldtype === "audience") {
                 let F = { users: [], groups: [], roles: [] };
-                k[j.key] && typeof k[j.key] == "object" && !Array.isArray(k[j.key]) && (F = {
-                  users: k[j.key].users || [],
-                  groups: k[j.key].groups || [],
-                  roles: k[j.key].roles || []
-                }), R[j.key] = F;
+                k[V.key] && typeof k[V.key] == "object" && !Array.isArray(k[V.key]) && (F = {
+                  users: k[V.key].users || [],
+                  groups: k[V.key].groups || [],
+                  roles: k[V.key].roles || []
+                }), R[V.key] = F;
               } else
-                R[j.key] = k[j.key] || "";
+                R[V.key] = k[V.key] || "";
             }), R;
-          }) : f[D] = g[D];
+          }) : f[S] = g[S];
         }), (!f.appkey || f.appkey === "") && (f.appkey = t);
         let w = await bt(L, f);
         if (w && w.status != "fail") {
-          $({}), r(JSON.parse(JSON.stringify(g)));
-          const D = w.message || "Configuration has been saved successfully";
-          Ye.success(D), i && typeof i == "function" && i(g);
+          D({}), r(JSON.parse(JSON.stringify(g)));
+          const S = w.message || "Configuration has been saved successfully";
+          Ye.success(S), i && typeof i == "function" && i(g);
         } else
           throw Ye.error(w?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (f) {
@@ -5308,7 +5308,7 @@ function xs({
     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" }) });
   const O = a?.configuration || o?.configuration;
   return K(() => {
-    s && a ? (!g || Object.keys(g).length === 0) && A() : s && !a && A();
+    s && a ? (!g || Object.keys(g).length === 0) && T() : s && !a && T();
   }, [s, a]), /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n(
       "div",
@@ -5326,7 +5326,7 @@ function xs({
                   item: b,
                   data: g,
                   updateHandler: _,
-                  validationErrors: T
+                  validationErrors: $
                 },
                 c
               );
@@ -5349,7 +5349,7 @@ function xs({
         se,
         {
           category: "primary",
-          onClick: S,
+          onClick: C,
           disabled: y,
           label: y ? "Saving..." : "Save",
           type: "submit"
@@ -5361,35 +5361,36 @@ function xs({
 const Yl = ({
   config: t,
   appid: a = "Configuration-Page",
-  disableApi: s = !1
+  disableApi: s = !1,
+  hasConfig: i = !1
 }) => {
-  const [i, l] = P(0), [h, o] = P(!1), {
-    pageHeader: p = {},
-    appletHeader: g = {},
-    breadcrumb: v = [],
-    overview: x = {},
-    configuration: r = []
-  } = t, N = ee(() => r.map((C) => {
-    if (C.type === "section" && C.fields) {
-      const u = [...C.fields], S = u.findIndex((M) => M && M.key === "appkey");
-      if (S !== -1) {
-        const M = u[S];
-        if (u[S] = {
-          ...M,
+  const [l, h] = P(0), [o, p] = P(!1), {
+    pageHeader: g = {},
+    appletHeader: v = {},
+    breadcrumb: x = [],
+    overview: r = {},
+    configuration: N = []
+  } = t, m = ee(() => N.map((u) => {
+    if (u.type === "section" && u.fields) {
+      const C = [...u.fields], M = C.findIndex((O) => O && O.key === "appkey");
+      if (M !== -1) {
+        const O = C[M];
+        if (C[M] = {
+          ...O,
           default: a,
           value: a,
           readonly: !0,
           placeholder: a,
           disabled: !1
-        }, u.some((b) => b.key === "displayname")) {
-          const b = u.findIndex((f) => f.key === "displayname"), c = u[b] || {};
-          u[b] = {
-            ...c,
-            default: c.default || c.value || a,
-            placeholder: c.placeholder || "Enter display name"
+        }, C.some((c) => c.key === "displayname")) {
+          const c = C.findIndex((w) => w.key === "displayname"), f = C[c] || {};
+          C[c] = {
+            ...f,
+            default: f.default || f.value || a,
+            placeholder: f.placeholder || "Enter display name"
           };
         } else {
-          const b = {
+          const c = {
             key: "displayname",
             label: "Display Name",
             fieldtype: "text",
@@ -5398,56 +5399,56 @@ const Yl = ({
             placeholder: "Enter display name",
             required: !1
           };
-          u.splice(S + 1, 0, b);
+          C.splice(M + 1, 0, c);
         }
       }
       return {
-        ...C,
-        fields: u
+        ...u,
+        fields: C
       };
     }
-    return C;
-  }), [r, a]), m = {
+    return u;
+  }), [N, a]), y = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
-    ...p
-  }, y = v.map((C) => ({
-    label: C.text,
-    href: C.href || "#"
-  })), z = H(() => {
-    o(!0);
-  }, []), T = H((C) => {
-    o(!1), C.primary && window.history.back();
-  }, []), $ = H((C) => {
-    console.log("Configuration changed:", C);
-  }, []), E = H(() => {
+    ...g
+  }, z = x.map((u) => ({
+    label: u.text,
+    href: u.href || "#"
+  })), $ = H(() => {
+    p(!0);
+  }, []), D = H((u) => {
+    p(!1), u.primary && window.history.back();
+  }, []), E = H((u) => {
+    console.log("Configuration changed:", u);
+  }, []), L = H(() => {
     window.history.back();
-  }, []), L = (() => {
-    if (g.headingKey && Array.isArray(r)) {
-      const C = g.headingKey.split("."), u = C[0], S = C[1], M = r.find((O) => O && O.key === u);
-      if (M && M.fields) {
-        const O = M.fields.find((b) => b && b.key === S);
-        if (O)
-          return O.default ?? O.value ?? g.heading ?? a;
+  }, []), j = (() => {
+    if (v.headingKey && Array.isArray(N)) {
+      const u = v.headingKey.split("."), C = u[0], M = u[1], O = N.find((b) => b && b.key === C);
+      if (O && O.fields) {
+        const b = O.fields.find((c) => c && c.key === M);
+        if (b)
+          return b.default ?? b.value ?? v.heading ?? a;
       }
     }
-    if (Array.isArray(r)) {
-      for (const C of r)
-        if (C && C.fields) {
-          const u = C.fields.find((S) => S && S.key === "displayname");
-          if (u) return u.default ?? u.value ?? a;
+    if (Array.isArray(N)) {
+      for (const u of N)
+        if (u && u.fields) {
+          const C = u.fields.find((M) => M && M.key === "displayname");
+          if (C) return C.default ?? C.value ?? a;
         }
     }
-    return g.heading || a;
-  })(), V = {
+    return v.heading || a;
+  })(), U = {
     subHeading: "Application configuration and details",
     tags: [],
-    ...g,
-    heading: L
+    ...v,
+    heading: j
     // Use resolvedDisplayName only
-  }, U = {
+  }, Y = {
     about: "This application provides comprehensive functionality for your organization.",
     images: {
       desktop: "https://via.placeholder.com/600x400?text=Desktop+View",
@@ -5464,27 +5465,27 @@ const Yl = ({
         description: "Description of feature 2"
       }
     ],
-    ...x
-  }, Y = ee(() => ({
-    configuration: N
-  }), [N]), q = ee(() => [
-    { label: "Overview", content: _(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(xs, { appid: a, configdata: Y, disableApi: s, onSave: $, onShowCancelModal: z, onCancel: E }) }
-  ], [a, Y, s, $, z, E, U]);
-  function A(C) {
-    return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
+    ...r
+  }, q = ee(() => ({
+    configuration: m
+  }), [m]), T = ee(() => [
+    { label: "Overview", content: A(Y) },
+    i && { label: "Configuration", content: /* @__PURE__ */ e(xs, { appid: a, configdata: q, disableApi: s, onSave: E, onShowCancelModal: $, onCancel: L }) }
+  ].filter(Boolean), [a, q, s, E, $, L, Y]);
+  function _(u) {
+    return u ? u.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: u } }) : u : "📱";
   }
-  function _(C) {
+  function A(u) {
     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: C.about })
+        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: u.about })
       ] }),
       /* @__PURE__ */ n("section", { className: "flex flex-row gap-6 justify-center items-center mb-8", children: [
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.desktop,
+            src: u.images.desktop,
             alt: "Desktop View",
             className: "rounded-xl border border-gray-200 w-[340px] h-[220px] object-cover"
           }
@@ -5492,7 +5493,7 @@ const Yl = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.mobile1,
+            src: u.images.mobile1,
             alt: "Mobile View 1",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5500,11 +5501,11 @@ const Yl = ({
       ] }),
       /* @__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: C.features.map((u, S) => /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: u.title }),
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: u.features.map((C, M) => /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: C.title }),
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("span", { className: "text-gray-700", children: u.description })
-        ] }, S)) })
+          /* @__PURE__ */ e("span", { className: "text-gray-700", children: C.description })
+        ] }, M)) })
       ] })
     ] });
   }
@@ -5512,45 +5513,45 @@ const Yl = ({
     /* @__PURE__ */ e(
       Pn,
       {
-        heading: m.heading,
-        subHeading: y.length > 0 ? void 0 : m.subHeading,
-        breadcrumbItems: y,
-        isLeftArrow: m.isLeftArrow,
-        onBackClick: m.onBackClick
+        heading: y.heading,
+        subHeading: z.length > 0 ? void 0 : y.subHeading,
+        breadcrumbItems: z,
+        isLeftArrow: y.isLeftArrow,
+        onBackClick: y.onBackClick
       }
     ),
     /* @__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: A(V.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: _(U.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: V.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: V.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: V.tags && V.tags.map((C, u) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: U.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: U.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: U.tags && U.tags.map((u, C) => /* @__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: C
+            children: u
           },
-          u
+          C
         )) })
       ] })
     ] }),
     /* @__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: q.map((C, u) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: T.map((u, C) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => l(u),
-          className: `${i === u ? "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: C.label
+          onClick: () => h(C),
+          className: `${l === C ? "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: u.label
         },
-        u
+        C
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: q[i].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: T[l].content })
     ] }),
     /* @__PURE__ */ e(
       En,
       {
-        isOpen: h,
-        onClose: T,
+        isOpen: o,
+        onClose: D,
         variant: "warning",
         title: "Are you sure you want to cancel?",
         primaryButtonText: "Yes",
@@ -5569,11 +5570,11 @@ const Yl = ({
   allowReorder: o = !0,
   initialData: p = null
 }) => {
-  const [g, v] = P(null), [x, r] = P(""), [N, m] = P(() => Array.isArray(p) ? p : []), [y, z] = P(null), [T, $] = P(null), [E, L] = P("");
+  const [g, v] = P(null), [x, r] = P(""), [N, m] = P(() => Array.isArray(p) ? p : []), [y, z] = P(null), [$, D] = P(null), [E, L] = P("");
   K(() => {
     Array.isArray(p) && m(p);
   }, [p]);
-  const V = (c) => {
+  const j = (c) => {
     l && (v(c._id), r(c.categoryName || ""));
   }, U = () => {
     if (!i || g !== null) return;
@@ -5591,7 +5592,7 @@ const Yl = ({
     ]), v(f), r("");
   }, Y = () => {
     g != null && (m((c) => {
-      const w = !Array.isArray(p) || !p.some((D) => D._id === g) ? c.filter((D) => D._id !== g) : c;
+      const w = !Array.isArray(p) || !p.some((S) => S._id === g) ? c.filter((S) => S._id !== g) : c;
       return a?.(w), w;
     }), v(null), r(""));
   }, q = () => {
@@ -5602,33 +5603,33 @@ const Yl = ({
       } : w);
       return a?.(f), f;
     }), v(null), r(""));
-  }, A = (c) => {
+  }, T = (c) => {
     h && m((f) => {
-      const w = f.filter((D) => D._id !== c._id);
+      const w = f.filter((S) => S._id !== c._id);
       return a?.(w), w;
     });
   }, _ = (c, f, w) => {
-    const D = Number(f), I = Number(w);
-    if (!o || D === I) return c;
-    const k = c.findIndex((G) => Number(G._id) === D), R = c.findIndex((G) => Number(G._id) === I);
+    const S = Number(f), I = Number(w);
+    if (!o || S === I) return c;
+    const k = c.findIndex((G) => Number(G._id) === S), R = c.findIndex((G) => Number(G._id) === I);
     if (k === -1 || R === -1) return c;
-    const j = [...c], [F] = j.splice(k, 1);
-    return j.splice(R, 0, F), j.map((G, W) => ({ ...G, order: W + 1 }));
-  }, C = (c, f) => {
+    const V = [...c], [F] = V.splice(k, 1);
+    return V.splice(R, 0, F), V.map((G, W) => ({ ...G, order: W + 1 }));
+  }, A = (c, f) => {
     o && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("text/plain", String(f)), z(Number(f)));
   }, u = (c) => {
-    y && c !== T && $(c);
-  }, S = (c) => {
+    y && c !== $ && D(c);
+  }, C = (c) => {
     c.preventDefault();
   }, M = (c, f) => {
     c.preventDefault();
-    const w = c.dataTransfer.getData("text/plain"), D = w === "0" ? 0 : Number(w), I = f === "0" ? 0 : Number(f);
-    D === void 0 || I === void 0 || (m((k) => {
-      const R = _(k, D, I);
+    const w = c.dataTransfer.getData("text/plain"), S = w === "0" ? 0 : Number(w), I = f === "0" ? 0 : Number(f);
+    S === void 0 || I === void 0 || (m((k) => {
+      const R = _(k, S, I);
       return a?.(R), R;
-    }), z(null), $(null));
+    }), z(null), D(null));
   }, O = () => {
-    z(null), $(null);
+    z(null), D(null);
   }, b = Array.isArray(N) ? N.filter(
     (c) => c.categoryName?.toLowerCase().includes(E.toLowerCase())
   ) : [];
@@ -5657,19 +5658,19 @@ const Yl = ({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((c) => {
-      const f = g === c._id, w = c?.links?.length ?? 0, D = y === c._id, I = T === c._id && y !== c._id;
+      const f = g === c._id, w = c?.links?.length ?? 0, S = y === c._id, I = $ === c._id && y !== c._id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => u(c._id),
-          onDragOver: S,
+          onDragOver: C,
           onDrop: (k) => M(k, c._id),
           onDragEnd: O,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
             I ? "ring-2 ring-gray-800/20" : "",
-            D ? "opacity-60" : ""
+            S ? "opacity-60" : ""
           ].join(" "),
           children: f ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
@@ -5720,7 +5721,7 @@ const Yl = ({
                   "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) => C(k, c._id),
+                  onDragStart: (k) => A(k, c._id),
                   children: /* @__PURE__ */ e(xt, {})
                 }
               ),
@@ -5732,7 +5733,7 @@ const Yl = ({
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => V(c),
+                  onClick: () => j(c),
                   "aria-label": `Edit ${c.categoryName}`,
                   children: /* @__PURE__ */ e(ur, { color: "#767676" })
                 }
@@ -5742,7 +5743,7 @@ const Yl = ({
                 {
                   className: w === 0 && !c.protected ? "cursor-pointer" : "cursor-not-allowed",
                   title: w === 0 && !c.protected ? "Delete" : "Cannot delete a collection with linked items",
-                  onClick: w === 0 ? () => A(c) : null,
+                  onClick: w === 0 ? () => T(c) : null,
                   children: /* @__PURE__ */ e(Le, { color: w === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
@@ -5844,24 +5845,24 @@ const Lt = () => {
   showExcel: m = !1,
   showPdf: y = !1,
   showRefresh: z = !1,
-  showAdd: T = !1,
-  iSelectedRecords: $ = 0,
+  showAdd: $ = !1,
+  iSelectedRecords: D = 0,
   // Additional props
   searchPlaceholder: E = "Search...",
   handleRefreshClick: L = () => {
   },
-  handleSearchChange: V = () => {
+  handleSearchChange: j = () => {
   },
   handleDeleteClick: U = () => {
   },
   // Optional: override export file names
   excelFileName: Y,
   pdfFileName: q,
-  searchIconSize: A,
+  searchIconSize: T,
   searchIconClass: _,
-  inputStyle: C
+  inputStyle: A
 }) => {
-  const u = () => l?.current || i?.current, [S, M] = ae.useState(""), O = (t || "export").toString().trim() || "export", b = `${Y || O}.xlsx`, c = `${q || O}.pdf`, f = (I, k, R) => Math.max(k, Math.min(I, R)), w = H(
+  const u = () => l?.current || i?.current, [C, M] = ae.useState(""), O = (t || "export").toString().trim() || "export", b = `${Y || O}.xlsx`, c = `${q || O}.pdf`, f = (I, k, R) => Math.max(k, Math.min(I, R)), w = H(
     (I) => {
       const k = u();
       if (k?.openColumnChooser) {
@@ -5870,8 +5871,8 @@ const Lt = () => {
           return;
         }
         try {
-          const R = I.currentTarget.getBoundingClientRect(), j = R.left + window.scrollX, F = R.bottom + window.scrollY;
-          let G = j - 120, W = F - 120;
+          const R = I.currentTarget.getBoundingClientRect(), V = R.left + window.scrollX, F = R.bottom + window.scrollY;
+          let G = V - 120, W = F - 120;
           const pe = window.innerWidth, Ne = window.innerHeight;
           G = f(G, window.scrollX + 8, window.scrollX + pe - 340), W = f(W, window.scrollY, window.scrollY + Ne - 120), k.openColumnChooser(G, W);
         } catch (R) {
@@ -5881,15 +5882,15 @@ const Lt = () => {
     },
     []
     // no external deps; reads ref at call time
-  ), D = H(
+  ), S = H(
     (I, k) => {
       const R = u();
       if (R)
         switch (I) {
           case "Delete": {
             if (v) {
-              const j = R.getSelectedRecords();
-              return U(j);
+              const V = R.getSelectedRecords();
+              return U(V);
             }
             break;
           }
@@ -5926,13 +5927,13 @@ const Lt = () => {
         fe,
         {
           placeholder: E,
-          value: S,
+          value: C,
           onDebouncedChange: (I) => {
-            M(I), V(I);
+            M(I), j(I);
           },
-          searchIconSize: A || 16,
+          searchIconSize: T || 16,
           searchIconClass: _ || "",
-          inputStyle: C || { paddingTop: "4px", paddingBottom: "4px" }
+          inputStyle: A || { paddingTop: "4px", paddingBottom: "4px" }
         }
       ) }),
       /* @__PURE__ */ n("div", { className: "flex gap-3", children: [
@@ -5941,16 +5942,16 @@ const Lt = () => {
             Ce,
             {
               icon: Le,
-              onClick: () => D("Delete"),
+              onClick: () => S("Delete"),
               ariaLabel: "Delete",
-              disabled: $ === 0
+              disabled: D === 0
             }
           ),
           x && /* @__PURE__ */ e(
             Ce,
             {
               icon: hr,
-              onClick: (I) => D("ColumnChooser", I),
+              onClick: (I) => S("ColumnChooser", I),
               ariaLabel: "Column Chooser"
             }
           ),
@@ -5966,7 +5967,7 @@ const Lt = () => {
             Ce,
             {
               icon: gr,
-              onClick: () => D("Print"),
+              onClick: () => S("Print"),
               ariaLabel: "Print"
             }
           ),
@@ -5974,7 +5975,7 @@ const Lt = () => {
             Ce,
             {
               icon: br,
-              onClick: () => D("Excel"),
+              onClick: () => S("Excel"),
               ariaLabel: "Excel Download"
             }
           ),
@@ -5982,7 +5983,7 @@ const Lt = () => {
             Ce,
             {
               icon: fr,
-              onClick: () => D("Pdf"),
+              onClick: () => S("Pdf"),
               ariaLabel: "PDF Download"
             }
           ),
@@ -5990,12 +5991,12 @@ const Lt = () => {
             Ce,
             {
               icon: yr,
-              onClick: () => D("Refresh"),
+              onClick: () => S("Refresh"),
               ariaLabel: "Refresh"
             }
           )
         ] }),
-        T && h && /* @__PURE__ */ e(
+        $ && h && /* @__PURE__ */ e(
           se,
           {
             label: p,
@@ -6028,22 +6029,22 @@ function Xl(t) {
     allowPdfExport: m = !1,
     showColumnChooser: y = !1,
     enableSearchApi: z = !1,
-    height: T = "600",
-    selectionSettings: $,
+    height: $ = "600",
+    selectionSettings: D,
     enableCheckbox: E = !1,
     columns: L = [],
-    onGridStateChange: V,
+    onGridStateChange: j,
     onRowSelected: U,
     onRowDeselected: Y,
     onRowDoubleClick: q,
-    apiRef: A,
+    apiRef: T,
     gridProps: _ = {}
-  } = t, C = he(null), {
+  } = t, A = he(null), {
     pageSettings: u,
-    sortSettings: S,
+    sortSettings: C,
     ...M
-  } = _ || {}, [O, b] = ae.useState(u?.page || l), [c, f] = ae.useState(u?.pageSize || h), [w, D] = ae.useState(S?.sortKey || "updatedDate"), [I, k] = ae.useState(S?.direction || "Descending"), R = ee(() => {
-    const B = $ || {
+  } = _ || {}, [O, b] = ae.useState(u?.page || l), [c, f] = ae.useState(u?.pageSize || h), [w, S] = ae.useState(C?.sortKey || "updatedDate"), [I, k] = ae.useState(C?.direction || "Descending"), R = ee(() => {
+    const B = D || {
       type: "Multiple",
       mode: "Row"
     };
@@ -6056,9 +6057,9 @@ function Xl(t) {
       checkboxOnly: !1,
       enableSimpleMultiRowSelection: !0
     } : B;
-  }, [$, E]), j = ee(() => {
+  }, [D, E]), V = ee(() => {
     const B = [en];
-    return (E || $) && B.push(tn), p && B.push(an), g && B.push(rn), v && B.push(nn), z && B.push(sn), N && B.push(ln), m && B.push(on), y && B.push(cn), r && B.push(dn), x && B.push(mn), B.push(un), B;
+    return (E || D) && B.push(tn), p && B.push(an), g && B.push(rn), v && B.push(nn), z && B.push(sn), N && B.push(ln), m && B.push(on), y && B.push(cn), r && B.push(dn), x && B.push(mn), B.push(un), B;
   }, [
     p,
     g,
@@ -6070,9 +6071,9 @@ function Xl(t) {
     r,
     x,
     E,
-    $
+    D
   ]), F = ee(() => {
-    const B = () => C.current, re = (J, ce) => {
+    const B = () => A.current, re = (J, ce) => {
       !ce && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
     return {
@@ -6102,15 +6103,15 @@ function Xl(t) {
     };
   }, [z, N, m, y]);
   K(() => {
-    A && (A.current = F);
-  }, [A, F]), K(() => () => {
-    A && (A.current = null);
-  }, [A]);
+    T && (T.current = F);
+  }, [T, F]), K(() => () => {
+    T && (T.current = null);
+  }, [T]);
   const G = (B) => {
     const re = String(B || "");
     return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, W = (B) => {
-    const re = C.current, J = B?.requestType, ce = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Re = B?.pageSize ?? re?.pageSettings?.pageSize ?? c, Ue = B?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = B?.columnName && B?.direction ? [{ field: B.columnName, dir: G(B.direction) }] : (re?.sortSettings?.columns || []).map((Ie) => ({
+    const re = A.current, J = B?.requestType, ce = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Re = B?.pageSize ?? re?.pageSettings?.pageSize ?? c, Ue = B?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = B?.columnName && B?.direction ? [{ field: B.columnName, dir: G(B.direction) }] : (re?.sortSettings?.columns || []).map((Ie) => ({
       field: Ie.field,
       dir: G(Ie.direction ?? Ie.dir)
     })), nt = B?.searchString ?? "", st = B?.columns ?? re?.filterSettings?.columns ?? [];
@@ -6129,8 +6130,8 @@ function Xl(t) {
     };
   }, pe = (B) => {
     setTimeout(() => {
-      C?.current?.hideSpinner();
-    }, 1e3), B.requestType === "paging" && (b(B.currentPage), f(B.pageSize)), B.requestType === "sorting" && (D(B.columnName || "updatedDate"), k(B.direction)), V?.(W(B), B);
+      A?.current?.hideSpinner();
+    }, 1e3), B.requestType === "paging" && (b(B.currentPage), f(B.pageSize)), B.requestType === "sorting" && (S(B.columnName || "updatedDate"), k(B.direction)), j?.(W(B), B);
   }, Ne = (B) => {
     q?.(B?.rowData, B);
   }, Na = () => {
@@ -6197,20 +6198,20 @@ function Xl(t) {
     pageSize: c,
     pageSizes: u?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
-  }), [O, c, u?.pageSizes, s]), ka = ee(() => S ?? {
+  }), [O, c, u?.pageSizes, s]), ka = ee(() => C ?? {
     columns: [{ field: w, direction: G(I) }],
     allowUnsort: !1
-  }, [S, w, I]);
+  }, [C, w, I]);
   return /* @__PURE__ */ n(
     hn,
     {
       id: i,
-      ref: C,
+      ref: A,
       dataSource: {
         result: a,
         count: s
       },
-      height: T,
+      height: $,
       allowPaging: o,
       allowSorting: p,
       allowFiltering: g,
@@ -6229,7 +6230,7 @@ function Xl(t) {
       ...M,
       children: [
         /* @__PURE__ */ e(pn, { children: Na() }),
-        /* @__PURE__ */ e(gn, { services: j })
+        /* @__PURE__ */ e(gn, { services: V })
       ]
     }
   );
@@ -6746,7 +6747,7 @@ function Os({
   // optional full embed URL override
   ...N
 }) {
-  const m = de(t), y = me[m], z = Es[m], T = r || Is(v, x);
+  const m = de(t), y = me[m], z = Es[m], $ = r || Is(v, x);
   return /* @__PURE__ */ e(
     oe,
     {
@@ -6762,7 +6763,7 @@ function Os({
           "iframe",
           {
             title: "Google Map",
-            src: T,
+            src: $,
             className: "h-full w-full",
             style: { border: 0 },
             loading: "lazy",
@@ -6780,7 +6781,7 @@ function Os({
             /* @__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 ${z.chipGap} overflow-x-auto scrollbar-none`, children: p.map(($) => /* @__PURE__ */ e(Rs, { label: $, active: $ === g, size: m }, $)) }) }),
+        /* @__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 ${z.chipGap} overflow-x-auto scrollbar-none`, children: p.map((D) => /* @__PURE__ */ e(Rs, { label: D, active: D === g, size: m }, D)) }) }),
         /* @__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 ${z.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" })
@@ -6952,9 +6953,9 @@ function Vs({
   selectedIndex: p = 0,
   ...g
 }) {
-  const [v, x] = P(p), r = de(t), N = me[r], m = Ps[r], y = o[v] || o[0], z = ($, E) => {
-    x(E), i?.($);
-  }, T = r === "lg";
+  const [v, x] = P(p), r = de(t), N = me[r], m = Ps[r], y = o[v] || o[0], z = (D, E) => {
+    x(E), i?.(D);
+  }, $ = r === "lg";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -6970,35 +6971,35 @@ function Vs({
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${N.title}`, children: h }),
           /* @__PURE__ */ e("button", { className: "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" })
         ] }),
-        T ? (
+        $ ? (
           // 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: o.map(($, E) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((D, E) => /* @__PURE__ */ e(
               jt,
               {
-                ev: $,
+                ev: D,
                 sizeMeta: m,
                 isSelected: E === v,
                 onClick: (L) => z(L, E)
               },
-              $._id || $.id || E
+              D._id || D.id || E
             )) }),
             /* @__PURE__ */ e(Bs, { ev: y, sizeMeta: m })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map(($, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((D, E) => /* @__PURE__ */ e(
             jt,
             {
-              ev: $,
+              ev: D,
               sizeMeta: m,
               isSelected: E === v,
               onClick: (L) => z(L, E)
             },
-            $._id || $.id || E
+            D._id || D.id || E
           )) })
         ),
-        !T && /* @__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" }) })
+        !$ && /* @__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" }) })
       ]
     }
   );
@@ -7169,14 +7170,14 @@ function Gs({
   onPin: v,
   ...x
 }) {
-  const [r, N] = P(p), m = de(t), y = me[m], z = _s[m], T = (L, V) => {
-    N(V), i?.(L);
-  }, $ = (L) => {
-    const V = { ...L, starred: !L.starred };
-    g?.(V);
+  const [r, N] = P(p), m = de(t), y = me[m], z = _s[m], $ = (L, j) => {
+    N(j), i?.(L);
+  }, D = (L) => {
+    const j = { ...L, starred: !L.starred };
+    g?.(j);
   }, E = (L) => {
-    const V = { ...L, pinned: !L.pinned };
-    v?.(V);
+    const j = { ...L, pinned: !L.pinned };
+    v?.(j);
   };
   return /* @__PURE__ */ n(
     oe,
@@ -7191,17 +7192,17 @@ function Gs({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title}`, children: h }) }),
         /* @__PURE__ */ e(fe, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((L, V) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((L, j) => /* @__PURE__ */ e(
           Us,
           {
             email: L,
             sizeMeta: z,
-            isSelected: V === r,
-            onClick: (U) => T(U, V),
-            onStar: $,
+            isSelected: j === r,
+            onClick: (U) => $(U, j),
+            onStar: D,
             onPin: E
           },
-          L._id || L.id || V
+          L._id || L.id || j
         )) }),
         /* @__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" }) })
       ]
@@ -7421,9 +7422,9 @@ function Xs({
   selectedIndex: p = 0,
   ...g
 }) {
-  const [v, x] = P(p), r = de(t), N = me[r], m = Ys[r], y = ($, E) => {
-    x(E), i?.($);
-  }, z = o[v] || o[0], T = m.layout === "split";
+  const [v, x] = P(p), r = de(t), N = me[r], m = Ys[r], y = (D, E) => {
+    x(E), i?.(D);
+  }, z = o[v] || o[0], $ = m.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7437,16 +7438,16 @@ function Xs({
       children: [
         /* @__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: h }) }),
         /* @__PURE__ */ e(Js, { sizeMeta: m }),
-        T ? /* @__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: o.map(($, E) => /* @__PURE__ */ e(
+        $ ? /* @__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: o.map((D, E) => /* @__PURE__ */ e(
             _t,
             {
-              contact: $,
+              contact: D,
               sizeMeta: m,
               isSelected: E === v,
               onClick: (L) => y(L, E)
             },
-            $._id || $.id || E
+            D._id || D.id || E
           )) }),
           /* @__PURE__ */ e(
             Ws,
@@ -7457,15 +7458,15 @@ function Xs({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map(($, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((D, E) => /* @__PURE__ */ e(
             _t,
             {
-              contact: $,
+              contact: D,
               sizeMeta: m,
               isSelected: E === v,
               onClick: (L) => y(L, E)
             },
-            $._id || $.id || E
+            D._id || D.id || E
           )) })
         ),
         /* @__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" }) })
@@ -7618,16 +7619,16 @@ function Zs({
                 /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(v) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: x.slice(0, 2).map((z, T) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: x.slice(0, 2).map((z, $) => /* @__PURE__ */ e(
               Qs,
               {
-                side: T === 0 ? "left" : "right",
+                side: $ === 0 ? "left" : "right",
                 date: z.date,
                 title: z.title,
                 amount: z.amount,
                 kind: z.kind
               },
-              z.id || T
+              z.id || $
             )) })
           ] })
         ] }),
@@ -7746,7 +7747,7 @@ function el({
   term: o = "Fall 2025",
   ...p
 }) {
-  const [g, v] = P("vacation"), [x, r] = P(!1), N = de(t), m = me[N], y = Ks[N], z = We.find((T) => T.id === g) || We[0];
+  const [g, v] = P("vacation"), [x, r] = P(!1), N = de(t), m = me[N], y = Ks[N], z = We.find(($) => $.id === g) || We[0];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7782,18 +7783,18 @@ function el({
             ] })
           ] })
         ] }),
-        y.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: We.map((T) => /* @__PURE__ */ e(
+        y.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: We.map(($) => /* @__PURE__ */ e(
           "button",
           {
-            className: `flex-1 py-2 px-4 text-center ${y.tab} font-medium border-b-2 transition-colors duration-200 ${g === T.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
-            onClick: () => v(T.id),
-            children: T.name.split(" ")[0]
+            className: `flex-1 py-2 px-4 text-center ${y.tab} font-medium border-b-2 transition-colors duration-200 ${g === $.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
+            onClick: () => v($.id),
+            children: $.name.split(" ")[0]
           },
-          T.id
+          $.id
         )) }),
         /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: y.showAllLeave ? (
           // LG: Show all leave types
-          We.map((T) => /* @__PURE__ */ e(Ut, { leave: T, sizeMeta: y }, T.id))
+          We.map(($) => /* @__PURE__ */ e(Ut, { leave: $, sizeMeta: y }, $.id))
         ) : y.showSingleLeave ? (
           // MD: Show active tab leave type
           /* @__PURE__ */ e(Ut, { leave: z, sizeMeta: y })
@@ -8183,9 +8184,9 @@ function dl({
   showBanner: p = !0,
   ...g
 }) {
-  const [v, x] = P(o), r = de(t), N = me[r], m = ll[r], y = ($) => {
-    x((E) => E.filter((L) => L.id !== $.id));
-  }, z = v.find(($) => $.type === "banner"), T = v.filter(($) => $.type !== "banner");
+  const [v, x] = P(o), r = de(t), N = me[r], m = ll[r], y = (D) => {
+    x((E) => E.filter((L) => L.id !== D.id));
+  }, z = v.find((D) => D.type === "banner"), $ = v.filter((D) => D.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8205,14 +8206,14 @@ function dl({
             onDismiss: y
           }
         ),
-        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: T.slice(0, 3).map(($) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: $.slice(0, 3).map((D) => /* @__PURE__ */ e(
           ol,
           {
-            alert: $,
+            alert: D,
             sizeMeta: m,
             onDismiss: y
           },
-          $.id
+          D.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" })
       ]