unifyedx-storybook-new 0.2.76 → 0.2.77

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

@@ -160,7 +160,7 @@ const Dn = {
   onClick: F,
   ...E
 }) => {
-  const I = h || m, P = u && !y, j = H(
+  const R = h || m, P = u && !y, j = H(
     "btn-base",
     Dn[N],
     $n[o],
@@ -176,7 +176,7 @@ const Dn = {
       "data-testid": t,
       type: s,
       className: j,
-      disabled: I,
+      disabled: R,
       onClick: F,
       title: a || P && i || (typeof y == "string" ? y : void 0),
       "aria-label": i || P && a || (typeof y == "string" ? y : void 0),
@@ -718,7 +718,7 @@ const Dn = {
                             },
                             `${F.name}-${E}`
                           )),
-                          u.map(({ file: F, message: E }, I) => /* @__PURE__ */ n(
+                          u.map(({ file: F, message: E }, R) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -740,14 +740,14 @@ const Dn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => N(I),
+                                    onClick: () => N(R),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Le, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${F.name}-${I}`
+                            `${F.name}-${R}`
                           ))
                         ] })
                       ] })
@@ -855,7 +855,7 @@ const Dn = {
         };
       }), console.log("[storybook filter] Applied Filters:", x), typeof s == "function" && s({
         filters: x,
-        activeCount: I
+        activeCount: R
       }), a();
     },
     enableReinitialize: !0
@@ -873,14 +873,14 @@ const Dn = {
           break;
       }
     return $[b] = O, $;
-  }, {}), [l, F.values]), I = Object.values(E).filter(Boolean).length, P = ae(() => l.some(($) => {
+  }, {}), [l, F.values]), R = Object.values(E).filter(Boolean).length, P = ae(() => l.some(($) => {
     if ($.type !== "date") return !1;
     const x = F.values?.[$.key]?.values;
     if (!Array.isArray(x) || x.length < 2) return !1;
     const [b, S] = x;
     if (!b || !S) return !1;
-    const O = b instanceof Date ? b : new Date(b), R = S instanceof Date ? S : new Date(S);
-    return O > R;
+    const O = b instanceof Date ? b : new Date(b), I = S instanceof Date ? S : new Date(S);
+    return O > I;
   }), [l, F.values]), j = async ($, x) => {
     try {
       r((S) => ({ ...S, [$]: !0 }));
@@ -965,7 +965,7 @@ const Dn = {
           ] })
         ] });
       case "multiselect-users":
-        const O = h[$] || [], R = y[$];
+        const O = h[$] || [], I = y[$];
         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:" }),
@@ -979,7 +979,7 @@ const Dn = {
               }
             )
           ] }),
-          R ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: O.length > 0 ? /* @__PURE__ */ n(te, { children: [
+          I ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: O.length > 0 ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -1038,9 +1038,9 @@ const Dn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const D = b.values || [], [f, g] = D, w = f && g, k = D[0] || null, T = D[1] || null, L = {
-          startDate: k instanceof Date ? k.toISOString().slice(0, 10) : null,
-          endDate: k instanceof Date ? k.toISOString().slice(0, 10) : null
+        const D = b.values || [], [f, g] = D, k = f && g, w = D[0] || null, T = D[1] || null, L = {
+          startDate: w instanceof Date ? w.toISOString().slice(0, 10) : null,
+          endDate: w instanceof Date ? w.toISOString().slice(0, 10) : null
         }, C = {
           startDate: T instanceof Date ? T.toISOString().slice(0, 10) : null,
           endDate: T instanceof Date ? T.toISOString().slice(0, 10) : null
@@ -1076,7 +1076,7 @@ const Dn = {
                 children: x.operators.map((A) => /* @__PURE__ */ e("option", { value: A, children: A === "in" ? "Is" : "Is not" }, A))
               }
             ),
-            w && /* @__PURE__ */ e(
+            k && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -1164,7 +1164,7 @@ const Dn = {
                 }
               )
             ] }),
-            k && T && k > T && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            w && T && w > T && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
           ] })
         ] });
       default:
@@ -1272,7 +1272,7 @@ const Dn = {
                   children: [
                     "Apply Filters",
                     " ",
-                    I > 0 ? `(${I})` : ""
+                    R > 0 ? `(${R})` : ""
                   ]
                 }
               )
@@ -2666,7 +2666,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   },
   isChanged: u = !1
 }) => {
-  const [h, N] = B(Mt[0]), [y, r] = B(""), v = zt(y, 400), [d, p] = B([]), [z, F] = B(/* @__PURE__ */ new Set()), [E, I] = B(!1), [P, j] = B(Lt[0]), {
+  const [h, N] = B(Mt[0]), [y, r] = B(""), v = zt(y, 400), [d, p] = B([]), [z, F] = B(/* @__PURE__ */ new Set()), [E, R] = B(!1), [P, j] = B(Lt[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
@@ -2674,14 +2674,14 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   } = nr({
     defaultValues: { pendingInvites: [] },
     resolver: ir(rs)
-  }), { fields: b, append: S, remove: O, update: R } = sr({
+  }), { fields: b, append: S, remove: O, update: I } = sr({
     control: U,
     name: "pendingInvites"
   }), D = q("pendingInvites");
   Z(() => {
-    v.length > 1 ? (I(!0), es(h.name, v).then((C) => {
+    v.length > 1 ? (R(!0), es(h.name, v).then((C) => {
       p(C);
-    }).catch((C) => console.error("Search failed:", C)).finally(() => I(!1))) : (p([]), F(/* @__PURE__ */ new Set()));
+    }).catch((C) => console.error("Search failed:", C)).finally(() => R(!1))) : (p([]), F(/* @__PURE__ */ new Set()));
   }, [v, h]);
   const f = (C) => {
     F((M) => {
@@ -2692,11 +2692,11 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
     d.filter((C) => z.has(C.id)).forEach((C) => {
       b.find((M) => M.id === C.id) || S({ ...C, permission: P.name });
     }), F(/* @__PURE__ */ new Set()), r("");
-  }, w = (C) => {
+  }, k = (C) => {
     j(C), b.forEach(
-      (M, _) => R(_, { ...b[_], permission: C.name })
+      (M, _) => I(_, { ...b[_], permission: C.name })
     );
-  }, k = async (C) => {
+  }, w = async (C) => {
     try {
       if (l === ue.DRIVE) {
         const M = C.pendingInvites.map((A) => ({
@@ -2919,7 +2919,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 K,
                 {
                   value: P,
-                  onChange: w,
+                  onChange: k,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(K.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
                       /* @__PURE__ */ n("span", { className: "flex items-center", children: [
@@ -3038,7 +3038,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         /* @__PURE__ */ e(
           le,
           {
-            onClick: () => Y(k)(),
+            onClick: () => Y(w)(),
             disabled: x || D.length === 0 && !u,
             label: x ? "Inviting..." : l === ue.DRIVE ? "Send Invites" : "Add"
           }
@@ -3141,29 +3141,29 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
 }) => {
   const [o, u] = B(l), [h, N] = B(0), [y, r] = B(""), v = zt(y, 300), d = {
     users: o.users.filter(
-      (I) => I.name.toLowerCase().includes(v.toLowerCase())
+      (R) => R.name.toLowerCase().includes(v.toLowerCase())
     ),
     groups: o.groups.filter(
-      (I) => I.name.toLowerCase().includes(v.toLowerCase())
+      (R) => R.name.toLowerCase().includes(v.toLowerCase())
     ),
     roles: o.roles.filter(
-      (I) => I.name.toLowerCase().includes(v.toLowerCase())
+      (R) => R.name.toLowerCase().includes(v.toLowerCase())
     )
-  }, p = async (I, P, j, U) => {
+  }, p = async (R, P, j, U) => {
     const Y = P.value;
     u((q) => ({
       ...q,
       [j]: q[j].map(
-        ($) => $.id === I.id ? { ...$, permission: Y } : $
+        ($) => $.id === R.id ? { ...$, permission: Y } : $
       )
     }));
   }, z = () => {
-    const I = {
+    const R = {
       users: o.users.filter((P) => P.permission !== "remove"),
       groups: o.groups.filter((P) => P.permission !== "remove"),
       roles: o.roles.filter((P) => P.permission !== "remove")
     };
-    a(I);
+    a(R);
   }, F = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
@@ -3193,7 +3193,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
         /* @__PURE__ */ n(se.Group, { selectedIndex: h, onChange: N, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((I) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((R) => /* @__PURE__ */ e(
               se,
               {
                 className: ({
@@ -3201,9 +3201,9 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
                                        ${P ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-                children: I
+                children: R
               },
-              I
+              R
             )) }),
             /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
               ge,
@@ -3221,11 +3221,11 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(se.Panels, { as: Q, children: F.map((I) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(se.Panels, { as: Q, children: F.map((R) => /* @__PURE__ */ e(
                 se.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(Se, { children: d[I].length > 0 ? d[I].map((P) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(Se, { children: d[R].length > 0 ? d[R].map((P) => /* @__PURE__ */ n(
                     ie.div,
                     {
                       layout: !0,
@@ -3249,12 +3249,12 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
                             /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: P.name }),
-                            I !== "users" && /* @__PURE__ */ e(
+                            R !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => i({
                                   id: P.id,
-                                  type: I,
+                                  type: R,
                                   name: P.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3271,7 +3271,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                             onPermissionChange: (j) => p(
                               P,
                               j,
-                              I
+                              R
                             )
                           }
                         )
@@ -3299,7 +3299,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                     )
                   ) })
                 },
-                I
+                R
               )) })
             },
             h
@@ -3450,26 +3450,26 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   allowedPermissions: u = [],
   ...h
 }) => {
-  const [N, y] = B(be.INVITE), [r, v] = B(t), [d, p] = B(null), [z, F] = B(!1), [E, I] = B([]), [P, j] = B(be.MANAGE), U = () => {
+  const [N, y] = B(be.INVITE), [r, v] = B(t), [d, p] = B(null), [z, F] = B(!1), [E, R] = B([]), [P, j] = B(be.MANAGE), U = () => {
     y(be.INVITE), p(null), m();
   }, Y = () => {
     y(be.MANAGE);
   }, q = async ({ id: b, name: S, type: O }) => {
     if (O === "groups") {
       try {
-        const R = await Ze(`${Je.getMembersForGroup(S)}`);
-      } catch (R) {
-        console.log("Error searching entities:", R);
+        const I = await Ze(`${Je.getMembersForGroup(S)}`);
+      } catch (I) {
+        console.log("Error searching entities:", I);
       }
-      I(resp);
+      R(resp);
     }
     p({ id: b, type: O, name: S }), j(N), y(be.MEMBERS);
   }, $ = (b) => {
     console.log("changedExistingShares", b), v(b);
     const S = it.mapValues(t, (D) => D.map((f) => ({ id: f.id, permission: f.permission })).sort((f, g) => f.id - g.id)), O = it.mapValues(b, (D) => D.map((f) => ({ id: f.id, permission: f.permission })).sort((f, g) => f.id - g.id));
     console.log("Existing data:", S), console.log("Changed data:", O);
-    const R = !it.isEqual(S, O);
-    console.log("hasPermissionChanged:", R), F(R), y(N === be.MEMBERS ? P : be.INVITE);
+    const I = !it.isEqual(S, O);
+    console.log("hasPermissionChanged:", I), F(I), y(N === be.MEMBERS ? P : be.INVITE);
   };
   return /* @__PURE__ */ e(he, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3579,7 +3579,7 @@ function at({
   getOptionId: d = (z) => String(z.id),
   getOptionLabel: p = (z) => z.name
 }) {
-  const z = He(), F = He(), [E, I] = B(""), P = fe(""), j = ae(() => {
+  const z = He(), F = He(), [E, R] = B(""), P = fe(""), j = ae(() => {
     const b = /* @__PURE__ */ new Map();
     for (const S of a) b.set(d(S), S);
     return b;
@@ -3654,13 +3654,13 @@ function at({
               ge,
               {
                 value: E,
-                onDebouncedChange: I,
+                onDebouncedChange: R,
                 placeholder: N === "server" ? `Search (min ${v})…` : "Search options…"
               }
             ) }),
             N === "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: N === "server" ? E.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((S) => {
-              const O = d(S), R = p(S), D = U.some((g) => d(g) === O), f = h !== -1 && U.length >= h && !D;
+              const O = d(S), I = p(S), D = U.some((g) => d(g) === O), f = h !== -1 && U.length >= h && !D;
               return /* @__PURE__ */ e(
                 K.Option,
                 {
@@ -3670,7 +3670,7 @@ function at({
                     f ? " text-gray-400  bg-white  cursor-not-allowed" : g ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: g, active: w }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: g, active: k }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -3678,14 +3678,14 @@ function at({
                           g ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
-                        children: R
+                        children: I
                       }
                     ),
                     g && /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
-                          w ? " text-gray-900" : " text-gray-600",
+                          k ? " text-gray-900" : " text-gray-600",
                           " absolute  inset-y-0  right-0  flex  items-center  pr-4"
                         ),
                         children: /* @__PURE__ */ e(et, { className: "w-5 h-5", "aria-hidden": "true" })
@@ -3857,7 +3857,7 @@ function ms({
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: p, listeners: z, setNodeRef: F, transform: E, isDragging: I } = mr({ id: N }), P = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [j, U] = B(!1), [Y, q] = B(t.name), $ = () => {
+  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: p, listeners: z, setNodeRef: F, transform: E, isDragging: R } = mr({ id: N }), P = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [j, U] = B(!1), [Y, q] = B(t.name), $ = () => {
     const b = Y.trim();
     U(!1), b && b !== t.name ? o?.(t, b) : q(t.name);
   }, x = ae(() => /* @__PURE__ */ e(
@@ -3877,7 +3877,7 @@ function ms({
     "div",
     {
       ref: v,
-      className: `tv-row ${d ? "tv-drop-over" : ""} ${I ? "dragging" : ""}`,
+      className: `tv-row ${d ? "tv-drop-over" : ""} ${R ? "dragging" : ""}`,
       style: { ...P, paddingLeft: 8 + a * r },
       onClick: (b) => {
         b.target.closest(".tv-toggle") || b.target.tagName === "INPUT" || l?.(t);
@@ -4002,17 +4002,17 @@ function Hl({
   const { roots: z } = ae(() => gs(t) ? fs(t, { rootId: a, getId: i, getName: m }) : bs(
     t.map((f) => ({ ...f })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [F, E] = B({}), I = ee((f) => {
+  ), [t, a, i, l, m]), [F, E] = B({}), R = ee((f) => {
     const g = {};
-    return (function w(k) {
-      k.forEach((T) => {
-        g[T.id] = !0, T.children?.length && w(T.children);
+    return (function k(w) {
+      w.forEach((T) => {
+        g[T.id] = !0, T.children?.length && k(T.children);
       });
     })(f), g;
   }, []);
   re.useEffect(() => {
-    E(I(z));
-  }, [z, I]);
+    E(R(z));
+  }, [z, R]);
   const P = ee(
     (f) => E((g) => ({ ...g, [f]: !g[f] })),
     []
@@ -4023,14 +4023,14 @@ function Hl({
   ), q = fe(null), [$, x] = B(null), b = fe(0), S = () => {
   }, O = ({ delta: f }) => {
     b.current = f?.x ?? 0;
-  }, R = ee(
+  }, I = ee(
     ({ active: f, over: g }) => {
-      const w = b.current;
+      const k = b.current;
       if (b.current = 0, x(null), !f || !g) return;
-      const k = String(f.id).replace(/^drag-/, ""), T = String(g.id).replace(/^drop-/, "");
-      if (!k || !T || k === T) return;
+      const w = String(f.id).replace(/^drag-/, ""), T = String(g.id).replace(/^drop-/, "");
+      if (!w || !T || w === T) return;
       let L = T;
-      const C = Math.max(0, Math.floor(-w / p));
+      const C = Math.max(0, Math.floor(-k / p));
       if (C > 0) {
         let W = T;
         for (let pe = 0; pe < C; pe++) {
@@ -4047,42 +4047,42 @@ function Hl({
         U(Me(z));
         return;
       }
-      const M = Me(j), { newRoots: _, removed: A } = ys(M, k);
+      const M = Me(j), { newRoots: _, removed: A } = ys(M, w);
       if (!A) return;
       const G = xs(_, L, A);
-      U(G), r?.({ sourceId: k, destParentId: L, newTree: G });
+      U(G), r?.({ sourceId: w, destParentId: L, newTree: G });
     },
     [j, z, a, d, p, r]
   ), D = ee(
-    (f, g = 0) => f.map((w) => /* @__PURE__ */ n(re.Fragment, { children: [
+    (f, g = 0) => f.map((k) => /* @__PURE__ */ n(re.Fragment, { children: [
       /* @__PURE__ */ e(
         ms,
         {
-          node: w,
+          node: k,
           depth: g,
-          expanded: !!F[w.id],
-          onToggle: () => P(w.id),
+          expanded: !!F[k.id],
+          onToggle: () => P(k.id),
           onSelect: o,
           onCreateChild: h,
           onRename: N,
           onDelete: y,
           renderActions: v,
-          dragId: `drag-${w.id}`,
-          dropId: `drop-${w.id}`,
+          dragId: `drag-${k.id}`,
+          dropId: `drop-${k.id}`,
           indent: p
         }
       ),
-      F[w.id] && w.children?.length > 0 ? D(w.children, g + 1) : null
-    ] }, w.id)),
+      F[k.id] && k.children?.length > 0 ? D(k.children, g + 1) : null
+    ] }, k.id)),
     [F, p, h, y, N, o, v, P]
   );
   return re.useMemo(() => {
     if (!$) return null;
     const f = String($).replace(/^drag-/, "");
-    function g(w) {
-      for (const k of w) {
-        if (k.id === f) return k;
-        const T = k.children?.length ? g(k.children) : null;
+    function g(k) {
+      for (const w of k) {
+        if (w.id === f) return w;
+        const T = w.children?.length ? g(w.children) : null;
         if (T) return T;
       }
       return null;
@@ -4105,7 +4105,7 @@ function Hl({
         sensors: Y,
         onDragStart: S,
         onDragMove: O,
-        onDragEnd: R,
+        onDragEnd: I,
         modifiers: [gr],
         children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: D(j, 0) })
       }
@@ -4707,22 +4707,22 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     p.current && clearTimeout(p.current);
   }, []);
   const z = (x) => {
-    const b = (R, D) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: R, value: D, type: typeof D }), r((f) => {
+    const b = (I, D) => {
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: I, value: D, type: typeof D }), r((f) => {
         const g = [...f];
-        return g[R][x.key] = D, g;
+        return g[I][x.key] = D, g;
       });
-    }, S = (R) => i[l.key]?.[R]?.[x.key], O = (R) => {
-      const D = S(R);
+    }, S = (I) => i[l.key]?.[I]?.[x.key], O = (I) => {
+      const D = S(I);
       return D ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: D }) : null;
     };
     switch (x.fieldtype) {
       case "text":
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               onChange: (f) => b(D, f.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
@@ -4732,11 +4732,11 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           O(D)
         ] });
       case "textarea":
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             fa,
             {
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               onChange: (f) => b(D, f.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
@@ -4747,12 +4747,12 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           O(D)
         ] });
       case "number":
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "number",
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               min: x.min,
               max: x.max,
               step: x.step,
@@ -4760,8 +4760,8 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onBlur: (f) => {
                 const g = f.target.value;
                 if (g !== "" && g !== null && g !== void 0) {
-                  const w = Number(g);
-                  isNaN(w) || (x.min !== void 0 && w < x.min ? (f.target.setCustomValidity(`${x.label} must be at least ${x.min}`), f.target.reportValidity()) : x.max !== void 0 && w > x.max ? (f.target.setCustomValidity(`${x.label} must not exceed ${x.max}`), f.target.reportValidity()) : f.target.setCustomValidity(""));
+                  const k = Number(g);
+                  isNaN(k) || (x.min !== void 0 && k < x.min ? (f.target.setCustomValidity(`${x.label} must be at least ${x.min}`), f.target.reportValidity()) : x.max !== void 0 && k > x.max ? (f.target.setCustomValidity(`${x.label} must not exceed ${x.max}`), f.target.reportValidity()) : f.target.setCustomValidity(""));
                 }
               },
               placeholder: x.placeholder || `Enter ${x.label}`,
@@ -4780,12 +4780,12 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           O(D)
         ] });
       case "email":
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "email",
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               onChange: (f) => b(D, f.target.value),
               placeholder: x.placeholder || "Enter email address",
               required: x.required,
@@ -4795,12 +4795,12 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           O(D)
         ] });
       case "url":
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "url",
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               onChange: (f) => b(D, f.target.value),
               placeholder: x.placeholder || "Enter URL",
               required: x.required,
@@ -4810,12 +4810,12 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           O(D)
         ] });
       case "password":
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "password",
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               onChange: (f) => b(D, f.target.value),
               placeholder: x.placeholder || "Enter password",
               required: x.required,
@@ -4826,11 +4826,11 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         ] });
       case "select":
       case "dropdown":
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             ft,
             {
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               onChange: (f) => b(D, f),
               options: x.options || [],
               placeholder: x.placeholder || `Select ${x.label}`,
@@ -4841,15 +4841,15 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           O(D)
         ] });
       case "selectDynamic":
-        return (R, D) => {
+        return (I, D) => {
           const f = () => {
             if (x.optionsFrom && a) {
-              const { config: g, valueField: w, labelField: k } = x.optionsFrom, T = a[g] || [];
+              const { config: g, valueField: k, labelField: w } = x.optionsFrom, T = a[g] || [];
               if (Array.isArray(T))
                 return T.map((L) => ({
-                  id: L[w] || "",
-                  value: L[w] || "",
-                  label: L[k] || ""
+                  id: L[k] || "",
+                  value: L[k] || "",
+                  label: L[w] || ""
                 }));
             }
             return x.options || [];
@@ -4859,7 +4859,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               ft,
               {
                 index: D,
-                value: R[x.key] || "",
+                value: I[x.key] || "",
                 onChange: (g) => b(D, g),
                 options: f(),
                 placeholder: x.placeholder || `Select ${x.label}`,
@@ -4872,8 +4872,8 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ] });
         };
       case "multiselect":
-        return (R, D) => {
-          const f = R[x.key] || [];
+        return (I, D) => {
+          const f = I[x.key] || [];
           return /* @__PURE__ */ e(
             at,
             {
@@ -4887,10 +4887,10 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "checkbox":
       case "boolean":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           pt,
           {
-            checked: !!R[x.key],
+            checked: !!I[x.key],
             onChange: (f) => b(D, f),
             label: x.placeholder || x.label,
             className: "w-full"
@@ -4898,31 +4898,31 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "toggle":
       case "switch":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           ya,
           {
-            isOn: !!R[x.key],
+            isOn: !!I[x.key],
             onToggle: (f) => b(D, f),
             label: x.placeholder || x.label,
             className: "w-full"
           }
         );
       case "date":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           ha,
           {
-            selectedDate: R[x.key] ? new Date(R[x.key]) : null,
+            selectedDate: I[x.key] ? new Date(I[x.key]) : null,
             onDateChange: (f) => b(D, f ? f.toISOString().split("T")[0] : ""),
             placeholder: x.placeholder || "Select date",
             className: "w-full"
           }
         );
       case "datetime":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           X,
           {
             type: "datetime-local",
-            value: R[x.key] || "",
+            value: I[x.key] || "",
             onChange: (f) => b(D, f.target.value),
             placeholder: x.placeholder || "Select date and time",
             required: x.required,
@@ -4930,11 +4930,11 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           }
         );
       case "time":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           X,
           {
             type: "time",
-            value: R[x.key] || "",
+            value: I[x.key] || "",
             onChange: (f) => b(D, f.target.value),
             placeholder: x.placeholder || "Select time",
             required: x.required,
@@ -4942,41 +4942,41 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           }
         );
       case "radio":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           pa,
           {
-            selectedValue: R[x.key] || "",
+            selectedValue: I[x.key] || "",
             onValueChange: (f) => b(D, f),
             options: x.options || [],
             className: "w-full"
           }
         );
       case "search":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           ge,
           {
-            value: R[x.key] || "",
+            value: I[x.key] || "",
             onChange: (f) => b(D, f),
             placeholder: x.placeholder || `Search ${x.label}`,
             className: "w-full"
           }
         );
       case "audience":
-        return (R, D) => {
-          const f = R[x.key] || { users: [], groups: [], roles: [] }, g = [
+        return (I, D) => {
+          const f = I[x.key] || { users: [], groups: [], roles: [] }, g = [
             ...f.users || [],
             ...f.groups || [],
             ...f.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(Ns, { children: g.length > 0 ? g.slice(0, 3).map((w, k) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(Ns, { children: g.length > 0 ? g.slice(0, 3).map((k, w) => /* @__PURE__ */ e(
               we,
               {
                 size: "small",
-                name: w.name || w.displayName || w.id,
-                src: w.avatarUrl
+                name: k.name || k.displayName || k.id,
+                src: k.avatarUrl
               },
-              k
+              w
             )) : null }),
             /* @__PURE__ */ e(
               "button",
@@ -4991,22 +4991,22 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ] });
         };
       case "color":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           X,
           {
             type: "color",
-            value: R[x.key] || "#000000",
+            value: I[x.key] || "#000000",
             onChange: (f) => b(D, f.target.value),
             className: "w-full h-10"
           }
         );
       case "range":
-        return (R, D) => /* @__PURE__ */ n("div", { className: "w-full", children: [
+        return (I, D) => /* @__PURE__ */ n("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "range",
-              value: R[x.key] || x.min || 0,
+              value: I[x.key] || x.min || 0,
               onChange: (f) => b(D, f.target.value),
               min: x.min || 0,
               max: x.max || 100,
@@ -5014,10 +5014,10 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: "w-full"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: R[x.key] || x.min || 0 })
+          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: I[x.key] || x.min || 0 })
         ] });
       case "file":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           X,
           {
             type: "file",
@@ -5030,21 +5030,21 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           }
         );
       case "hidden":
-        return (R, D) => /* @__PURE__ */ e(
+        return (I, D) => /* @__PURE__ */ e(
           X,
           {
             type: "hidden",
-            value: R[x.key] || "",
+            value: I[x.key] || "",
             onChange: (f) => b(D, f.target.value)
           }
         );
       // Default fallback for unknown field types
       default:
-        return (R, D) => /* @__PURE__ */ n("div", { children: [
+        return (I, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
-              value: R[x.key] || "",
+              value: I[x.key] || "",
               onChange: (f) => b(D, f.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
@@ -5074,37 +5074,42 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const S = [...b];
       return S.splice(x, 1), S;
     });
-  }, []), [I, P] = B(null), j = ee((x, b) => {
+  }, []), [R, P] = B(null), j = ee((x, b) => {
     P(b), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/html", "");
   }, []), U = ee((x) => {
     x.preventDefault(), x.dataTransfer.dropEffect = "move";
   }, []), Y = ee((x, b) => {
-    x.preventDefault(), !(I === null || I === b) && (r((S) => {
-      const O = [...S], R = O[I];
-      return O.splice(I, 1), O.splice(b, 0, R), O;
+    x.preventDefault(), !(R === null || R === b) && (r((S) => {
+      const O = [...S], I = O[R];
+      return O.splice(R, 1), O.splice(b, 0, I), O;
     }), P(null));
-  }, [I]), q = ee(() => {
+  }, [R]), q = ee(() => {
     P(null);
   }, []), $ = ee((x, b) => {
-    console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: x, existingShares: b }), r((S) => {
-      const O = [...S];
-      if (o !== null && h && O[o]) {
-        const R = x.pendingInvites || [];
-        if (R.length > 0) {
-          const D = R.filter((w) => w.type === "User"), f = R.filter((w) => w.type === "Group"), g = R.filter((w) => w.type === "Role");
-          O[o][h] = {
-            users: [...O[o][h]?.users || [], ...D],
-            groups: [...O[o][h]?.groups || [], ...f],
-            roles: [...O[o][h]?.roles || [], ...g]
+    console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: x, existingShares: b });
+    const S = x.pendingInvites || [], O = !b || !b.users?.length && !b.groups?.length && !b.roles?.length;
+    if (S.length === 0 && O) {
+      console.log("[DataTableRenderer] Ignoring empty initial call from InviteFlow useEffect");
+      return;
+    }
+    r((I) => {
+      const D = [...I];
+      if (o !== null && h && D[o]) {
+        if (S.length > 0) {
+          const f = S.filter((w) => w.type === "User"), g = S.filter((w) => w.type === "Group"), k = S.filter((w) => w.type === "Role");
+          D[o][h] = {
+            users: [...D[o][h]?.users || [], ...f],
+            groups: [...D[o][h]?.groups || [], ...g],
+            roles: [...D[o][h]?.roles || [], ...k]
           };
-        } else b && (O[o][h] = {
+        } else b && !O && (D[o][h] = {
           users: b.users || [],
           groups: b.groups || [],
           roles: b.roles || []
         });
-        console.log("[DataTableRenderer] Updated audience data:", O[o][h]);
+        console.log("[DataTableRenderer] Updated audience data:", D[o][h]);
       }
-      return O;
+      return D;
     }), console.log("[DataTableRenderer] Closing modal after update"), u(null), N(null);
   }, [o, h]);
   return /* @__PURE__ */ n("div", { children: [
@@ -5138,7 +5143,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       /* @__PURE__ */ e("tbody", { children: y.map((x, b) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${I === b ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${R === b ? "opacity-50" : ""}`,
           draggable: !0,
           onDragStart: (S) => j(S, b),
           onDragOver: U,
@@ -5204,7 +5209,7 @@ function Ss({
   onShowCancelModal: l,
   onCancel: m
 }) {
-  const [o, u] = re.useState(a), [h, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = B(!1), [p, z] = B(!1), [F, E] = B({}), I = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = I, [j, U] = B(1), Y = () => {
+  const [o, u] = re.useState(a), [h, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = B(!1), [p, z] = B(!1), [F, E] = B({}), R = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = R, [j, U] = B(1), Y = () => {
     if (!y || !h)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: h }), !1;
     const f = (T) => {
@@ -5214,22 +5219,22 @@ function Ss({
       return Object.keys(T).sort().forEach((C) => {
         L[C] = f(T[C]);
       }), L;
-    }, g = f(y), w = f(h), k = JSON.stringify(g) !== JSON.stringify(w);
-    return console.log("[DynamicConfig] hasUnsavedChanges:", k, {
+    }, g = f(y), k = f(h), w = JSON.stringify(g) !== JSON.stringify(k);
+    return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
       originalData: g,
-      currentData: w,
+      currentData: k,
       originalRaw: y,
       currentRaw: h
-    }), k;
+    }), w;
   }, q = (f) => {
     if (!a || !a.configuration)
       return f;
-    const g = {}, w = f?.configuration || {};
-    return a.configuration.forEach((k) => {
-      if (k.key && k.type === "datatable") {
-        const L = (w[k.key] || []).map((C, M) => {
+    const g = {}, k = f?.configuration || {};
+    return a.configuration.forEach((w) => {
+      if (w.key && w.type === "datatable") {
+        const L = (k[w.key] || []).map((C, M) => {
           const _ = { id: C.id || 0 };
-          return k.fields && k.fields.forEach((A) => {
+          return w.fields && w.fields.forEach((A) => {
             if (A.fieldtype === "audience") {
               let G = { users: [], groups: [], roles: [] };
               C[A.key] && (Array.isArray(C[A.key]) ? G = { users: [], groups: [], roles: [] } : typeof C[A.key] == "object" && (G = {
@@ -5242,16 +5247,16 @@ function Ss({
         });
         if (L.length === 0) {
           const C = { id: 0 };
-          k.fields && k.fields.forEach((M) => {
+          w.fields && w.fields.forEach((M) => {
             M.fieldtype === "audience" ? C[M.key] = { users: [], groups: [], roles: [] } : C[M.key] = M.default || "";
           }), L.push(C);
         }
-        g[k.key] = L;
-      } else if (k.key) {
-        const T = w[k.key] || {};
-        k.type === "section" && k.fields && k.fields.forEach((L) => {
+        g[w.key] = L;
+      } else if (w.key) {
+        const T = k[w.key] || {};
+        w.type === "section" && w.fields && w.fields.forEach((L) => {
           L.fieldtype === "managecollectionlist" && L.key && (!T[L.key] || !Array.isArray(T[L.key])) && (T[L.key] = L.initialData || []);
-        }), g[k.key] = T;
+        }), g[w.key] = T;
       }
     }), g;
   }, $ = () => {
@@ -5260,15 +5265,15 @@ function Ss({
       a.configuration.forEach((g) => {
         if (g.key)
           if (g.type === "datatable") {
-            const w = { id: 0 };
-            g.fields && g.fields.forEach((k) => {
-              k.fieldtype === "audience" ? w[k.key] = { users: [], groups: [], roles: [] } : (k.fieldtype, w[k.key] = k.default || "");
-            }), f[g.key] = [w];
+            const k = { id: 0 };
+            g.fields && g.fields.forEach((w) => {
+              w.fieldtype === "audience" ? k[w.key] = { users: [], groups: [], roles: [] } : (w.fieldtype, k[w.key] = w.default || "");
+            }), f[g.key] = [k];
           } else if (g.type === "section") {
-            const w = {};
-            g.fields && Array.isArray(g.fields) && g.fields.forEach((k) => {
-              k.key && (k.fieldtype === "managecollectionlist" ? w[k.key] = k.initialData || [] : w[k.key] = k.default || "");
-            }), f[g.key] = w;
+            const k = {};
+            g.fields && Array.isArray(g.fields) && g.fields.forEach((w) => {
+              w.key && (w.fieldtype === "managecollectionlist" ? k[w.key] = w.initialData || [] : k[w.key] = w.default || "");
+            }), f[g.key] = k;
           } else
             f[g.key] = {};
       }), N(f), r(f);
@@ -5282,20 +5287,20 @@ function Ss({
     const f = async () => {
       try {
         d(!0);
-        let g = await Ze(I);
+        let g = await Ze(R);
         if (g) {
-          const w = q(g);
-          N(w), r(w);
+          const k = q(g);
+          N(k), r(k);
         } else
           $();
       } catch (g) {
         console.error("Error fetching configuration:", g);
-        let w = "Failed to load configuration";
+        let k = "Failed to load configuration";
         if (g.response) {
-          const k = g.response.status, T = g.response.data?.message || g.response.data?.error;
-          k === 400 ? w = T || "Invalid request. Please check the application ID." : k === 401 ? w = "You are not authorized to access this configuration." : k === 403 ? w = "Access denied. You don't have permission to view this configuration." : k === 404 ? w = "Configuration not found. It may not exist yet or the application ID is incorrect." : k >= 500 ? w = T || "Server error. Please try again later." : w = T || `Failed to load configuration (Error ${k})`;
-        } else g.request ? w = "Network error. Please check your connection and try again." : w = g.message || "An unexpected error occurred while loading configuration.";
-        qe.error(w), $();
+          const w = g.response.status, T = g.response.data?.message || g.response.data?.error;
+          w === 400 ? k = T || "Invalid request. Please check the application ID." : w === 401 ? k = "You are not authorized to access this configuration." : w === 403 ? k = "Access denied. You don't have permission to view this configuration." : w === 404 ? k = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? k = T || "Server error. Please try again later." : k = T || `Failed to load configuration (Error ${w})`;
+        } else g.request ? k = "Network error. Please check your connection and try again." : k = g.message || "An unexpected error occurred while loading configuration.";
+        qe.error(k), $();
       } finally {
         d(!1);
       }
@@ -5303,36 +5308,36 @@ function Ss({
     a && (u(a), t ? f() : $());
   }, [a, j, t, s]);
   const x = (f, g) => {
-    console.log(`[DynamicConfig] handleSectionChange called for ${f}:`, g), N((w) => {
-      const k = {
-        ...w,
+    console.log(`[DynamicConfig] handleSectionChange called for ${f}:`, g), N((k) => {
+      const w = {
+        ...k,
         [f]: g
       };
-      return console.log("[DynamicConfig] Updated data state:", k), k;
-    }), E((w) => {
-      const k = { ...w };
-      return k[f] && delete k[f], k;
+      return console.log("[DynamicConfig] Updated data state:", w), w;
+    }), E((k) => {
+      const w = { ...k };
+      return w[f] && delete w[f], w;
     });
   }, b = () => {
     const f = {};
     return !o || !h || o.configuration.forEach((g) => {
       if (g.type === "section")
-        g.fields.forEach((w) => {
-          const k = h[g.key]?.[w.key];
-          if (w.required && (!k || typeof k == "string" && k.trim() === "")) {
-            f[g.key] || (f[g.key] = {}), f[g.key][w.key] = `${w.label} is required`;
+        g.fields.forEach((k) => {
+          const w = h[g.key]?.[k.key];
+          if (k.required && (!w || typeof w == "string" && w.trim() === "")) {
+            f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} is required`;
             return;
           }
-          if (w.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
-            const T = Number(k);
-            isNaN(T) ? (f[g.key] || (f[g.key] = {}), f[g.key][w.key] = `${w.label} must be a valid number`) : (w.min !== void 0 && T < w.min && (f[g.key] || (f[g.key] = {}), f[g.key][w.key] = `${w.label} must be at least ${w.min}`), w.max !== void 0 && T > w.max && (f[g.key] || (f[g.key] = {}), f[g.key][w.key] = `${w.label} must not exceed ${w.max}`));
+          if (k.fieldtype === "number" && w !== "" && w !== null && w !== void 0) {
+            const T = Number(w);
+            isNaN(T) ? (f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} must be a valid number`) : (k.min !== void 0 && T < k.min && (f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} must be at least ${k.min}`), k.max !== void 0 && T > k.max && (f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} must not exceed ${k.max}`));
           }
         });
       else if (g.type === "datatable") {
-        const w = h[g.key];
-        Array.isArray(w) && w.forEach((k, T) => {
+        const k = h[g.key];
+        Array.isArray(k) && k.forEach((w, T) => {
           g.fields.forEach((L) => {
-            const C = k[L.key];
+            const C = w[L.key];
             if (L.required && (!C || typeof C == "string" && C.trim() === "")) {
               f[g.key] || (f[g.key] = {}), f[g.key][T] || (f[g.key][T] = {}), f[g.key][T][L.key] = `${L.label} is required`;
               return;
@@ -5353,12 +5358,12 @@ function Ss({
     console.log("[handleSave] Starting save process");
     const f = b();
     if (E(f), S(f)) {
-      let w = [];
-      Object.keys(f).forEach((k) => {
-        typeof f[k] == "object" && Object.keys(f[k]).forEach((T) => {
-          typeof f[k][T] == "object" ? Object.keys(f[k][T]).forEach((L) => {
-            w.push(`${k} row ${parseInt(T) + 1}: ${f[k][T][L]}`);
-          }) : w.push(`${k}: ${f[k][T]}`);
+      let k = [];
+      Object.keys(f).forEach((w) => {
+        typeof f[w] == "object" && Object.keys(f[w]).forEach((T) => {
+          typeof f[w][T] == "object" ? Object.keys(f[w][T]).forEach((L) => {
+            k.push(`${w} row ${parseInt(T) + 1}: ${f[w][T][L]}`);
+          }) : k.push(`${w}: ${f[w][T]}`);
         });
       });
       return;
@@ -5366,12 +5371,12 @@ function Ss({
     (async () => {
       try {
         z(!0);
-        const w = {};
+        const k = {};
         h && Object.keys(h).forEach((T) => {
           const L = a?.configuration?.find(
             (C) => C.key === T && C.type === "datatable"
           );
-          L && Array.isArray(h[T]) ? w[T] = h[T].map((C) => {
+          L && Array.isArray(h[T]) ? k[T] = h[T].map((C) => {
             const M = { id: C.id || 0 };
             return L.fields && L.fields.forEach((_) => {
               if (_.fieldtype === "audience") {
@@ -5384,22 +5389,22 @@ function Ss({
               } else
                 M[_.key] = C[_.key] || "";
             }), M;
-          }) : w[T] = h[T];
-        }), (!w.appkey || w.appkey === "") && (w.appkey = t);
-        let k = await xt(P, w);
-        if (k && k.status != "fail") {
+          }) : k[T] = h[T];
+        }), (!k.appkey || k.appkey === "") && (k.appkey = t);
+        let w = await xt(P, k);
+        if (w && w.status != "fail") {
           E({}), r(JSON.parse(JSON.stringify(h)));
-          const T = k.message || "Configuration has been saved successfully";
+          const T = w.message || "Configuration has been saved successfully";
           qe.success(T), i && typeof i == "function" && i(h);
         } else
-          throw qe.error(k?.message || "Failed to save configuration"), new Error("No response received from server");
-      } catch (w) {
-        console.error("Error saving configuration:", w), qe.error(w?.message || "Failed to save configuration");
+          throw qe.error(w?.message || "Failed to save configuration"), new Error("No response received from server");
+      } catch (k) {
+        console.error("Error saving configuration:", k), qe.error(k?.message || "Failed to save configuration");
       } finally {
         z(!1);
       }
     })();
-  }, R = () => {
+  }, I = () => {
     console.log("[DynamicConfig] handleCancel called"), Y() ? (console.log("[DynamicConfig] Unsaved changes detected - showing modal"), l ? l() : console.warn("[DynamicConfig] onShowCancelModal not provided, cannot show modal")) : (console.log("[DynamicConfig] No unsaved changes - going back directly"), m ? m() : (console.log("[DynamicConfig] Using fallback window.history.back()"), window.history.back()));
   };
   if (!o?.configuration && !a?.configuration)
@@ -5416,10 +5421,10 @@ function Ss({
         children: [
           v && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ba, { size: "large" }) }),
           !v && D?.map((f, g) => {
-            const w = zs(f.type);
-            if (w && w !== "UnknownType")
+            const k = zs(f.type);
+            if (k && k !== "UnknownType")
               return /* @__PURE__ */ e(
-                w,
+                k,
                 {
                   item: f,
                   data: h,
@@ -5437,7 +5442,7 @@ function Ss({
         le,
         {
           category: "secondary",
-          onClick: R,
+          onClick: I,
           label: "Cancel",
           disabled: p,
           type: "button"
@@ -5469,18 +5474,18 @@ const Kl = ({
     configuration: r = []
   } = t, v = ae(() => r.map((b) => {
     if (b.type === "section" && b.fields) {
-      const S = [...b.fields], O = S.findIndex((R) => R && R.key === "appkey");
+      const S = [...b.fields], O = S.findIndex((I) => I && I.key === "appkey");
       if (O !== -1) {
-        const R = S[O];
+        const I = S[O];
         if (S[O] = {
-          ...R,
+          ...I,
           default: a,
           value: a,
           readonly: !0,
           placeholder: a,
           disabled: !1
         }, S.some((f) => f.key === "displayname")) {
-          const f = S.findIndex((w) => w.key === "displayname"), g = S[f] || {};
+          const f = S.findIndex((k) => k.key === "displayname"), g = S[f] || {};
           S[f] = {
             ...g,
             default: g.default || g.value || a,
@@ -5520,13 +5525,13 @@ const Kl = ({
     o(!1), b.primary && window.history.back();
   }, []), E = ee((b) => {
     console.log("Configuration changed:", b);
-  }, []), I = ee(() => {
+  }, []), R = ee(() => {
     window.history.back();
   }, []), P = (() => {
     if (h.headingKey && Array.isArray(r)) {
-      const b = h.headingKey.split("."), S = b[0], O = b[1], R = r.find((D) => D && D.key === S);
-      if (R && R.fields) {
-        const D = R.fields.find((f) => f && f.key === O);
+      const b = h.headingKey.split("."), S = b[0], O = b[1], I = r.find((D) => D && D.key === S);
+      if (I && I.fields) {
+        const D = I.fields.find((f) => f && f.key === O);
         if (D)
           return D.default ?? D.value ?? h.heading ?? a;
       }
@@ -5567,8 +5572,8 @@ const Kl = ({
     configuration: v
   }), [v]), q = ae(() => [
     { label: "Overview", content: x(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: E, onShowCancelModal: z, onCancel: I }) }
-  ], [a, Y, s, E, z, I, U]);
+    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: E, onShowCancelModal: z, onCancel: R }) }
+  ], [a, Y, s, E, z, R, U]);
   function $(b) {
     return b ? b.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: b } }) : b : "📱";
   }
@@ -5667,7 +5672,7 @@ const Kl = ({
   allowReorder: o = !0,
   initialData: u = null
 }) => {
-  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [p, z] = B(null), [F, E] = B(null), [I, P] = B("");
+  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [p, z] = B(null), [F, E] = B(null), [R, P] = B("");
   Z(() => {
     Array.isArray(u) && d(u);
   }, [u]);
@@ -5675,52 +5680,52 @@ const Kl = ({
     l && (N(g._id), r(g.categoryName || ""));
   }, U = () => {
     if (!i || h !== null) return;
-    const w = (v.length > 0 ? Math.max(...v.map((k) => typeof k._id == "number" ? k._id : 0)) : 0) + 1;
-    d((k) => [
-      ...k,
+    const k = (v.length > 0 ? Math.max(...v.map((w) => typeof w._id == "number" ? w._id : 0)) : 0) + 1;
+    d((w) => [
+      ...w,
       {
-        _id: w,
+        _id: k,
         categoryName: "",
         links: [],
-        order: (k.at(-1)?.order ?? 0) + 1,
+        order: (w.at(-1)?.order ?? 0) + 1,
         protected: !1,
         _class: "com.unifyed.model.Collection"
       }
-    ]), N(w), r("");
+    ]), N(k), r("");
   }, Y = () => {
     h != null && (d((g) => {
-      const k = !Array.isArray(u) || !u.some((T) => T._id === h) ? g.filter((T) => T._id !== h) : g;
-      return a?.(k), k;
+      const w = !Array.isArray(u) || !u.some((T) => T._id === h) ? g.filter((T) => T._id !== h) : g;
+      return a?.(w), w;
     }), N(null), r(""));
   }, q = () => {
     h == null || !y.trim() || (d((g) => {
-      const w = g.map((k) => k._id === h ? {
-        ...k,
+      const k = g.map((w) => w._id === h ? {
+        ...w,
         categoryName: y.trim()
-      } : k);
-      return a?.(w), w;
+      } : w);
+      return a?.(k), k;
     }), N(null), r(""));
   }, $ = (g) => {
-    m && d((w) => {
-      const k = w.filter((T) => T._id !== g._id);
-      return a?.(k), k;
+    m && d((k) => {
+      const w = k.filter((T) => T._id !== g._id);
+      return a?.(w), w;
     });
-  }, x = (g, w, k) => {
-    const T = Number(w), L = Number(k);
+  }, x = (g, k, w) => {
+    const T = Number(k), L = Number(w);
     if (!o || T === L) return g;
     const C = g.findIndex((G) => Number(G._id) === T), M = g.findIndex((G) => Number(G._id) === L);
     if (C === -1 || M === -1) return g;
     const _ = [...g], [A] = _.splice(C, 1);
     return _.splice(M, 0, A), _.map((G, W) => ({ ...G, order: W + 1 }));
-  }, b = (g, w) => {
-    o && (g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", String(w)), z(Number(w)));
+  }, b = (g, k) => {
+    o && (g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", String(k)), z(Number(k)));
   }, S = (g) => {
     p && g !== F && E(g);
   }, O = (g) => {
     g.preventDefault();
-  }, R = (g, w) => {
+  }, I = (g, k) => {
     g.preventDefault();
-    const k = g.dataTransfer.getData("text/plain"), T = k === "0" ? 0 : Number(k), L = w === "0" ? 0 : Number(w);
+    const w = g.dataTransfer.getData("text/plain"), T = w === "0" ? 0 : Number(w), L = k === "0" ? 0 : Number(k);
     T === void 0 || L === void 0 || (d((C) => {
       const M = x(C, T, L);
       return a?.(M), M;
@@ -5728,14 +5733,14 @@ const Kl = ({
   }, D = () => {
     z(null), E(null);
   }, f = Array.isArray(v) ? v.filter(
-    (g) => g.categoryName?.toLowerCase().includes(I.toLowerCase())
+    (g) => g.categoryName?.toLowerCase().includes(R.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       s && /* @__PURE__ */ e(
         ge,
         {
-          value: I,
+          value: R,
           onDebouncedChange: P,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
@@ -5755,13 +5760,13 @@ const Kl = ({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: f.map((g) => {
-      const w = h === g._id, k = g?.links?.length ?? 0, T = p === g._id, L = F === g._id && p !== g._id;
+      const k = h === g._id, w = g?.links?.length ?? 0, T = p === g._id, L = F === g._id && p !== g._id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => S(g._id),
           onDragOver: O,
-          onDrop: (C) => R(C, g._id),
+          onDrop: (C) => I(C, g._id),
           onDragEnd: D,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
@@ -5769,7 +5774,7 @@ const Kl = ({
             L ? "ring-2 ring-gray-800/20" : "",
             T ? "opacity-60" : ""
           ].join(" "),
-          children: w ? /* @__PURE__ */ n(te, { children: [
+          children: k ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5825,7 +5830,7 @@ const Kl = ({
               /* @__PURE__ */ e("span", { children: g.categoryName })
             ] }),
             /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: [
-              g.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: g.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${k} ${k === 1 ? "link" : "links"}` }),
+              g.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: g.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${w} ${w === 1 ? "link" : "links"}` }),
               l && /* @__PURE__ */ e(
                 "button",
                 {
@@ -5838,10 +5843,10 @@ const Kl = ({
               m && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: k === 0 && !g.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: k === 0 && !g.protected ? "Delete" : "Cannot delete a collection with linked items",
-                  onClick: k === 0 ? () => $(g) : null,
-                  children: /* @__PURE__ */ e(Le, { color: k === 0 ? "#767676" : "#C2C2C2" })
+                  className: w === 0 && !g.protected ? "cursor-pointer" : "cursor-not-allowed",
+                  title: w === 0 && !g.protected ? "Delete" : "Cannot delete a collection with linked items",
+                  onClick: w === 0 ? () => $(g) : null,
+                  children: /* @__PURE__ */ e(Le, { color: w === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
@@ -5945,7 +5950,7 @@ const Bt = () => {
   showAdd: F = !1,
   iSelectedRecords: E = 0,
   // Additional props
-  searchPlaceholder: I = "Search...",
+  searchPlaceholder: R = "Search...",
   handleRefreshClick: P = () => {
   },
   handleSearchChange: j = () => {
@@ -5959,7 +5964,7 @@ const Bt = () => {
   searchIconClass: x,
   inputStyle: b
 }) => {
-  const S = () => l?.current || i?.current, [O, R] = re.useState(""), D = (t || "export").toString().trim() || "export", f = `${Y || D}.xlsx`, g = `${q || D}.pdf`, w = (L, C, M) => Math.max(C, Math.min(L, M)), k = ee(
+  const S = () => l?.current || i?.current, [O, I] = re.useState(""), D = (t || "export").toString().trim() || "export", f = `${Y || D}.xlsx`, g = `${q || D}.pdf`, k = (L, C, M) => Math.max(C, Math.min(L, M)), w = ee(
     (L) => {
       const C = S();
       if (C?.openColumnChooser) {
@@ -5971,7 +5976,7 @@ const Bt = () => {
           const M = L.currentTarget.getBoundingClientRect(), _ = M.left + window.scrollX, A = M.bottom + window.scrollY;
           let G = _ - 120, W = A - 120;
           const pe = window.innerWidth, Ne = window.innerHeight;
-          G = w(G, window.scrollX + 8, window.scrollX + pe - 340), W = w(W, window.scrollY, window.scrollY + Ne - 120), C.openColumnChooser(G, W);
+          G = k(G, window.scrollX + 8, window.scrollX + pe - 340), W = k(W, window.scrollY, window.scrollY + Ne - 120), C.openColumnChooser(G, W);
         } catch (M) {
           console.log("coloumn choose error", M);
         }
@@ -5992,7 +5997,7 @@ const Bt = () => {
             break;
           }
           case "ColumnChooser":
-            y && (C ? k(C) : M.openColumnChooser?.());
+            y && (C ? w(C) : M.openColumnChooser?.());
             break;
           case "Print":
             v && M.print?.();
@@ -6008,7 +6013,7 @@ const Bt = () => {
             break;
         }
     },
-    [y, v, d, p, z, f, g, P, k]
+    [y, v, d, p, z, f, g, P, w]
   );
   return /* @__PURE__ */ n("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
@@ -6023,10 +6028,10 @@ const Bt = () => {
       h && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         ge,
         {
-          placeholder: I,
+          placeholder: R,
           value: O,
           onDebouncedChange: (L) => {
-            R(L), j(L);
+            I(L), j(L);
           },
           searchIconSize: $ || 16,
           searchIconClass: x || "",
@@ -6128,7 +6133,7 @@ function ai(t) {
     enableSearchApi: z = !1,
     height: F = "600",
     selectionSettings: E,
-    enableCheckbox: I = !1,
+    enableCheckbox: R = !1,
     columns: P = [],
     onGridStateChange: j,
     onRowSelected: U,
@@ -6139,13 +6144,13 @@ function ai(t) {
   } = t, b = fe(null), {
     pageSettings: S,
     sortSettings: O,
-    ...R
-  } = x || {}, [D, f] = re.useState(S?.page || l), [g, w] = re.useState(S?.pageSize || m), [k, T] = re.useState(O?.sortKey || "updatedDate"), [L, C] = re.useState(O?.direction || "Descending"), M = ae(() => {
+    ...I
+  } = x || {}, [D, f] = re.useState(S?.page || l), [g, k] = re.useState(S?.pageSize || m), [w, T] = re.useState(O?.sortKey || "updatedDate"), [L, C] = re.useState(O?.direction || "Descending"), M = ae(() => {
     const V = E || {
       type: "Multiple",
       mode: "Row"
     };
-    return I ? {
+    return R ? {
       ...V,
       // These are important for checkbox selection
       enableToggle: !0,
@@ -6154,9 +6159,9 @@ function ai(t) {
       checkboxOnly: !1,
       enableSimpleMultiRowSelection: !0
     } : V;
-  }, [E, I]), _ = ae(() => {
+  }, [E, R]), _ = ae(() => {
     const V = [ln];
-    return (I || E) && V.push(on), u && V.push(cn), h && V.push(dn), N && V.push(mn), z && V.push(un), v && V.push(hn), d && V.push(pn), p && V.push(gn), r && V.push(bn), y && V.push(fn), V.push(yn), V;
+    return (R || E) && V.push(on), u && V.push(cn), h && V.push(dn), N && V.push(mn), z && V.push(un), v && V.push(hn), d && V.push(pn), p && V.push(gn), r && V.push(bn), y && V.push(fn), V.push(yn), V;
   }, [
     u,
     h,
@@ -6167,7 +6172,7 @@ function ai(t) {
     p,
     r,
     y,
-    I,
+    R,
     E
   ]), A = ae(() => {
     const V = () => b.current, ne = (J, ce) => {
@@ -6228,12 +6233,12 @@ function ai(t) {
   }, pe = (V) => {
     setTimeout(() => {
       b?.current?.hideSpinner();
-    }, 1e3), V.requestType === "paging" && (f(V.currentPage), w(V.pageSize)), V.requestType === "sorting" && (T(V.columnName || "updatedDate"), C(V.direction)), j?.(W(V), V);
+    }, 1e3), V.requestType === "paging" && (f(V.currentPage), k(V.pageSize)), V.requestType === "sorting" && (T(V.columnName || "updatedDate"), C(V.direction)), j?.(W(V), V);
   }, Ne = (V) => {
     q?.(V?.rowData, V);
   }, Ta = () => {
     const V = [];
-    return I && V.push(
+    return R && V.push(
       /* @__PURE__ */ e(
         $t,
         {
@@ -6296,9 +6301,9 @@ function ai(t) {
     pageSizes: S?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
   }), [D, g, S?.pageSizes, s]), Fa = ae(() => O ?? {
-    columns: [{ field: k, direction: G(L) }],
+    columns: [{ field: w, direction: G(L) }],
     allowUnsort: !1
-  }, [O, k, L]);
+  }, [O, w, L]);
   return /* @__PURE__ */ n(
     xn,
     {
@@ -6324,7 +6329,7 @@ function ai(t) {
       rowDeselected: Y,
       recordDoubleClick: Ne,
       cssClass: "custom-grid-padding",
-      ...R,
+      ...I,
       children: [
         /* @__PURE__ */ e(vn, { children: Ta() }),
         /* @__PURE__ */ e(Nn, { services: _ })
@@ -7050,8 +7055,8 @@ function Ws({
   selectedIndex: u = 0,
   ...h
 }) {
-  const [N, y] = B(u), r = de(t), v = me[r], d = Gs[r], p = o[N] || o[0], z = (E, I) => {
-    y(I), i?.(E);
+  const [N, y] = B(u), r = de(t), v = me[r], d = Gs[r], p = o[N] || o[0], z = (E, R) => {
+    y(R), i?.(E);
   }, F = r === "lg";
   return /* @__PURE__ */ n(
     oe,
@@ -7071,29 +7076,29 @@ function Ws({
         F ? (
           // 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, I) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
               _t,
               {
                 ev: E,
                 sizeMeta: d,
-                isSelected: I === N,
-                onClick: (P) => z(P, I)
+                isSelected: R === N,
+                onClick: (P) => z(P, R)
               },
-              E._id || E.id || I
+              E._id || E.id || R
             )) }),
             /* @__PURE__ */ e(Ys, { ev: p, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, I) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
             _t,
             {
               ev: E,
               sizeMeta: d,
-              isSelected: I === N,
-              onClick: (P) => z(P, I)
+              isSelected: R === N,
+              onClick: (P) => z(P, R)
             },
-            E._id || E.id || I
+            E._id || E.id || R
           )) })
         ),
         !F && /* @__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" }) })
@@ -7272,7 +7277,7 @@ function Qs({
   }, E = (P) => {
     const j = { ...P, starred: !P.starred };
     h?.(j);
-  }, I = (P) => {
+  }, R = (P) => {
     const j = { ...P, pinned: !P.pinned };
     N?.(j);
   };
@@ -7297,7 +7302,7 @@ function Qs({
             isSelected: j === r,
             onClick: (U) => F(U, j),
             onStar: E,
-            onPin: I
+            onPin: R
           },
           P._id || P.id || j
         )) }),
@@ -7519,8 +7524,8 @@ function al({
   selectedIndex: u = 0,
   ...h
 }) {
-  const [N, y] = B(u), r = de(t), v = me[r], d = Ks[r], p = (E, I) => {
-    y(I), i?.(E);
+  const [N, y] = B(u), r = de(t), v = me[r], d = Ks[r], p = (E, R) => {
+    y(R), i?.(E);
   }, z = o[N] || o[0], F = d.layout === "split";
   return /* @__PURE__ */ n(
     oe,
@@ -7536,15 +7541,15 @@ function al({
         /* @__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 ${v.title}`, children: m }) }),
         /* @__PURE__ */ e(tl, { sizeMeta: d }),
         F ? /* @__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, I) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
             Ut,
             {
               contact: E,
               sizeMeta: d,
-              isSelected: I === N,
-              onClick: (P) => p(P, I)
+              isSelected: R === N,
+              onClick: (P) => p(P, R)
             },
-            E._id || E.id || I
+            E._id || E.id || R
           )) }),
           /* @__PURE__ */ e(
             el,
@@ -7555,15 +7560,15 @@ function al({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, I) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
             Ut,
             {
               contact: E,
               sizeMeta: d,
-              isSelected: I === N,
-              onClick: (P) => p(P, I)
+              isSelected: R === N,
+              onClick: (P) => p(P, R)
             },
-            E._id || E.id || I
+            E._id || E.id || R
           )) })
         ),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -8282,7 +8287,7 @@ function fl({
   ...h
 }) {
   const [N, y] = B(o), r = de(t), v = me[r], d = hl[r], p = (E) => {
-    y((I) => I.filter((P) => P.id !== E.id));
+    y((R) => R.filter((P) => P.id !== E.id));
   }, z = N.find((E) => E.type === "banner"), F = N.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
     oe,