unifyedx-storybook-new 0.2.89 → 0.2.91

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

@@ -1,9 +1,9 @@
 import { jsxs as n, jsx as e, Fragment as re } from "react/jsx-runtime";
 import ne, { useState as B, useMemo as ae, useId as Ze, Fragment as ee, useEffect as te, useCallback as K, useRef as ge } from "react";
-import { a as Z, U as ct, X as Ne, P as c, L as Ra, C as ve, b as tt, D as dt, f as Ct, d as Wt, F as Ia, e as Oa, h as Ma, T as Be, u as Pa, I as Jt, i as Xt, j as La, k as Ba, l as Va, m as Qt, S as yt, n as Ht, M as ja, o as _a, p as xt, q as Ua, A as Ga, E as Zt, r as qa, s as Ya, t as Wa, v as Ja, w as Kt, x as Xa, y as Qa, z as Ha, B as Za, G as Ka, H as er, J as Ve, K as zt, N as St, O as tr, Q as ea, R as ar, V as vt, W as rr, Y as nr, Z as je, _ as sr, $ as lr, a0 as ir, a1 as or, a2 as cr, a3 as dr, a4 as Dt, a5 as mr, a6 as ur, a7 as hr, a8 as pr, a9 as gr, aa as br, ab as fr, ac as yr, ad as Ae, ae as ta, af as xr, ag as vr, ah as Nr, ai as wr, aj as kr, ak as aa, al as Cr, am as zr, an as ra, ao as Sr, ap as mt, aq as na, ar as Dr } from "./vendor-CU8ed0Ft.js";
-import { Popover as $r, PopoverButton as Tr, PopoverPanel as Ar, Transition as fe, Dialog as xe, TransitionChild as ke, DialogPanel as Fe, DialogTitle as at, TabGroup as Fr, TabList as Er, Tab as le, TabPanels as Rr, RadioGroup as qe, Listbox as oe, ListboxButton as Ir, ListboxOptions as Or, ListboxOption as Mr, SwitchGroup as Pr, Switch as it, Menu as Lr, MenuButton as Br, Portal as Vr, MenuItems as jr, MenuItem as _r, DialogBackdrop as Ur } from "@headlessui/react";
+import { a as Z, U as ct, X as Ne, P as c, L as Ra, C as ve, b as tt, D as dt, f as Ct, d as Wt, F as Ia, e as Oa, h as Ma, T as Be, u as Pa, I as Jt, i as Xt, j as La, k as Ba, l as Va, m as Qt, S as yt, n as Ht, M as ja, o as _a, p as xt, q as Ga, A as Ua, E as Zt, r as qa, s as Ya, t as Wa, v as Ja, w as Kt, x as Xa, y as Qa, z as Ha, B as Za, G as Ka, H as er, J as Ve, K as zt, N as St, O as tr, Q as ea, R as ar, V as vt, W as rr, Y as nr, Z as je, _ as sr, $ as lr, a0 as ir, a1 as or, a2 as cr, a3 as dr, a4 as Dt, a5 as mr, a6 as ur, a7 as hr, a8 as pr, a9 as gr, aa as br, ab as fr, ac as yr, ad as Te, ae as ta, af as xr, ag as vr, ah as Nr, ai as wr, aj as kr, ak as aa, al as Cr, am as zr, an as ra, ao as Sr, ap as mt, aq as na, ar as Dr } from "./vendor-CU8ed0Ft.js";
+import { Popover as $r, PopoverButton as Ar, PopoverPanel as Tr, Transition as fe, Dialog as xe, TransitionChild as ke, DialogPanel as Fe, DialogTitle as at, TabGroup as Fr, TabList as Er, Tab as le, TabPanels as Rr, RadioGroup as qe, Listbox as oe, ListboxButton as Ir, ListboxOptions as Or, ListboxOption as Mr, SwitchGroup as Pr, Switch as it, Menu as Lr, MenuButton as Br, Portal as Vr, MenuItems as jr, MenuItem as _r, DialogBackdrop as Gr } from "@headlessui/react";
 import { motion as ce, AnimatePresence as De } from "framer-motion";
-import { d as Gr } from "./vendor-lodash-BV9sr8Va.js";
+import { d as Ur } from "./vendor-lodash-BV9sr8Va.js";
 import { useFloating as qr, offset as Yr, flip as Wr, shift as Jr, autoUpdate as Xr } from "@floating-ui/react";
 import ot, { debounce as Qr } from "lodash";
 import { ToastContainer as Hr, Slide as Zr, toast as Me } from "react-toastify";
@@ -15,8 +15,8 @@ const gn = (t) => {
     a ^= t.charCodeAt(s), a += (a << 1) + (a << 4) + (a << 7) + (a << 8) + (a << 24);
   return a >>> 0;
 }, bn = (t) => {
-  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = gn(a), l = (i % 360 + 37 * s) % 360, u = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, h = 86 + (i >>> 24) % 8, b = `hsl(${l}, ${u}%, ${h}%)`, v = `hsl(${l}, ${u}%, ${o}%)`;
-  return { bg: b, text: v };
+  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = gn(a), l = (i % 360 + 37 * s) % 360, u = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, h = 86 + (i >>> 24) % 8, f = `hsl(${l}, ${u}%, ${h}%)`, v = `hsl(${l}, ${u}%, ${o}%)`;
+  return { bg: f, text: v };
 }, fn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), we = ({
   src: t,
   name: a,
@@ -29,13 +29,13 @@ const gn = (t) => {
   className: u,
   ...o
 }) => {
-  const [h, b] = B(!1), v = ae(() => bn(a), []), g = t && !h, r = !g && a, x = !g && !a, d = Z(
+  const [h, f] = B(!1), v = ae(() => bn(a), []), g = t && !h, r = !g && a, x = !g && !a, d = Z(
     "avatar-container",
     `avatar--size-${s}`,
     u
-  ), f = g ? "transparent" : i || v.bg, C = l || v.text;
+  ), b = g ? "transparent" : i || v.bg, C = l || v.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
-    backgroundColor: f,
+    backgroundColor: b,
     color: C
   }, ...o, children: [
     g && /* @__PURE__ */ e(
@@ -44,7 +44,7 @@ const gn = (t) => {
         src: t,
         alt: a || "User avatar",
         className: "avatar-image",
-        onError: () => b(!0)
+        onError: () => f(!0)
       }
     ),
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: fn(a) }),
@@ -72,7 +72,7 @@ const gn = (t) => {
   bgColor: u,
   textColor: o,
   className: h,
-  ...b
+  ...f
 }) => {
   const v = Z(
     "badge",
@@ -85,7 +85,7 @@ const gn = (t) => {
     backgroundColor: u,
     color: o,
     borderColor: "#ff0000"
-  } : {}, ...b, children: [
+  } : {}, ...f, children: [
     i && /* @__PURE__ */ e(i, { className: "badge-icon" }),
     /* @__PURE__ */ e("span", { className: "badge-label", children: t }),
     l && /* @__PURE__ */ e(
@@ -113,6 +113,7 @@ const gn = (t) => {
       type: "button",
       className: ["storybook-button", `storybook-button--${s}`, u].join(" "),
       style: a && { backgroundColor: a },
+      "aria-label": typeof i == "string" ? i : void 0,
       ...l,
       children: i
     }
@@ -148,19 +149,19 @@ const vn = {
   category: o = "primary",
   icon: h,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
-  disabled: b = !1,
+  disabled: f = !1,
   size: v = "medium",
   label: g,
   children: r,
   // ✅ Add children to the props list
   iconWidth: x,
   iconHeight: d,
-  iconColor: f,
+  iconColor: b,
   strokeWidth: C,
-  onClick: A,
-  ...T
+  onClick: T,
+  ...A
 }) => {
-  const O = b || u, V = h && !g, _ = Z(
+  const O = f || u, V = h && !g, _ = Z(
     "btn-base",
     vn[v],
     Nn[o],
@@ -177,12 +178,12 @@ const vn = {
       type: s,
       className: _,
       disabled: O,
-      onClick: A,
+      onClick: T,
       title: a || V && i || (typeof g == "string" ? g : void 0),
       "aria-label": i || V && a || (typeof g == "string" ? g : void 0),
-      ...T,
+      ...A,
       children: u ? /* @__PURE__ */ e(Ra, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(re, { children: [
-        h && /* @__PURE__ */ e(h, { size: v === "large" ? 20 : 16, width: x || 16, height: d || 16, color: f || "#767676", strokeWidth: C || 2 }),
+        h && /* @__PURE__ */ e(h, { size: v === "large" ? 20 : 16, width: x || 16, height: d || 16, color: b || "#767676", strokeWidth: C || 2 }),
         g,
         r,
         " "
@@ -222,7 +223,7 @@ const vn = {
   onChange: o,
   ...h
 }) => {
-  const b = Ze(), v = a || b;
+  const f = Ze(), v = a || f;
   return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
     /* @__PURE__ */ n("label", { htmlFor: v, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
@@ -252,7 +253,7 @@ const vn = {
     ] }),
     s && /* @__PURE__ */ e("p", { className: "checkbox-error-message", children: s })
   ] });
-}, kn = ({ children: t }) => /* @__PURE__ */ e($r, { className: "popover-container", children: t }), Cn = ({ children: t }) => /* @__PURE__ */ e(Tr, { as: "div", children: t }), zn = ({ children: t, className: a }) => /* @__PURE__ */ e(Ar, { className: `popover-panel ${a || ""}`, children: t }), sa = dt, la = ({
+}, kn = ({ children: t }) => /* @__PURE__ */ e($r, { className: "popover-container", children: t }), Cn = ({ children: t }) => /* @__PURE__ */ e(Ar, { as: "div", children: t }), zn = ({ children: t, className: a }) => /* @__PURE__ */ e(Tr, { className: `popover-panel ${a || ""}`, children: t }), sa = dt, la = ({
   value: t,
   onChange: a,
   onClear: s,
@@ -261,7 +262,7 @@ const vn = {
   error: u,
   disabled: o = !1,
   className: h,
-  ...b
+  ...f
 }) => /* @__PURE__ */ n("div", { className: Z("datepicker-wrapper", h), children: [
   l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: l }),
   /* @__PURE__ */ e(
@@ -289,7 +290,7 @@ const vn = {
   error: u,
   disabled: o = !1,
   className: h,
-  ...b
+  ...f
 }) => {
   const v = t?.from, g = t?.to, r = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
@@ -559,10 +560,10 @@ const vn = {
   DRIVE: "drive",
   INTEREST: "interest",
   ARTICLE: "article"
-}, Tt = {
+}, At = {
   View: "view",
   Manage: "edit"
-}, At = ({ extension: t, size: a = 36 }) => {
+}, Tt = ({ extension: t, size: a = 36 }) => {
   const s = (t || "").toLowerCase(), i = Dn[s];
   return i ? /* @__PURE__ */ e("div", { style: { width: a }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
     Ia,
@@ -600,14 +601,14 @@ const vn = {
   // --- Form and File State ---
   validFiles: o = [],
   rejectedFiles: h = [],
-  handleRemoveValidFile: b,
+  handleRemoveValidFile: f,
   handleRemoveRejectedFile: v,
   handleSubmit: g,
   isSubmitting: r,
   formErrors: x,
   // --- UI Text ---
   title: d = "Upload Files",
-  subHeading: f = "Supports PNG, JPG, PDF. Max size: 50MB."
+  subHeading: b = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
   const C = o.length > 0 || h.length > 0;
   return /* @__PURE__ */ e(fe, { appear: !0, show: t, as: ee, children: /* @__PURE__ */ n(
@@ -645,7 +646,7 @@ const vn = {
               Fe,
               {
                 className: "dialog-panel",
-                onClick: (A) => A.stopPropagation(),
+                onClick: (T) => T.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...i() }),
                   /* @__PURE__ */ n("form", { onSubmit: g, className: "form-wrapper", children: [
@@ -669,7 +670,7 @@ const vn = {
                           children: [
                             /* @__PURE__ */ e(Ma, { size: 48, className: "text-gray-400" }),
                             /* @__PURE__ */ e("p", { children: "Drag and drop files here" }),
-                            /* @__PURE__ */ e("p", { className: "sub-heading", children: f }),
+                            /* @__PURE__ */ e("p", { className: "sub-heading", children: b }),
                             /* @__PURE__ */ e("hr", {}),
                             /* @__PURE__ */ e("p", { children: "OR" }),
                             /* @__PURE__ */ e(
@@ -688,52 +689,52 @@ const vn = {
                       C && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          o.map((A, T) => /* @__PURE__ */ n(
+                          o.map((T, A) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
                               children: [
                                 /* @__PURE__ */ n("div", { className: "file-item-details", children: [
                                   /* @__PURE__ */ e(
-                                    At,
+                                    Tt,
                                     {
-                                      extension: A.name.split(".").pop()
+                                      extension: T.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: A.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(A.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(T.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => b(T),
+                                    onClick: () => f(A),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Be, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${A.name}-${T}`
+                            `${T.name}-${A}`
                           )),
-                          h.map(({ file: A, message: T }, O) => /* @__PURE__ */ n(
+                          h.map(({ file: T, message: A }, O) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
                               children: [
                                 /* @__PURE__ */ n("div", { className: "file-item-details", children: [
                                   /* @__PURE__ */ e(
-                                    At,
+                                    Tt,
                                     {
-                                      extension: A.name.split(".").pop()
+                                      extension: T.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: A.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(A.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: T })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(T.size) }),
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: A })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -747,7 +748,7 @@ const vn = {
                                 )
                               ]
                             },
-                            `${A.name}-${O}`
+                            `${T.name}-${O}`
                           ))
                         ] })
                       ] })
@@ -784,7 +785,7 @@ const vn = {
 }, _e = (t) => {
   const a = new Date(t);
   return a.setHours(0, 0, 0, 0), a;
-}, Ue = (t) => {
+}, Ge = (t) => {
   const a = new Date(t);
   return a.setHours(23, 59, 59, 999), a;
 }, ht = (t, a) => {
@@ -793,24 +794,24 @@ const vn = {
 }, pt = (t) => {
   const a = new Date(t), s = a.getDay(), i = a.getDate() - s;
   return _e(new Date(a.setDate(i)));
-}, Tn = (t) => Ue(ht(pt(t), 6)), Et = (t) => {
+}, An = (t) => Ge(ht(pt(t), 6)), Et = (t) => {
   const a = new Date(t);
   return _e(new Date(a.getFullYear(), a.getMonth(), 1));
 }, Rt = (t) => {
   const a = new Date(t);
-  return Ue(new Date(a.getFullYear(), a.getMonth() + 1, 0));
-}, An = (t) => {
+  return Ge(new Date(a.getFullYear(), a.getMonth() + 1, 0));
+}, Tn = (t) => {
   const a = /* @__PURE__ */ new Date();
   switch (t) {
     case "anytime":
       return [null, null];
     case "today":
-      return [_e(a), Ue(a)];
+      return [_e(a), Ge(a)];
     case "this_week":
-      return [pt(a), Tn(a)];
+      return [pt(a), An(a)];
     case "last_week": {
       const s = ht(pt(a), -7);
-      return [_e(s), Ue(ht(s, 6))];
+      return [_e(s), Ge(ht(s, 6))];
     }
     case "this_month":
       return [Et(a), Rt(a)];
@@ -832,7 +833,7 @@ const vn = {
   fetchCreatedOrUpdatedByUsers: h = async () => []
   // Mockable fetcher
 }) => {
-  const [b, v] = B({
+  const [f, v] = B({
     createdBy: [],
     updatedBy: []
   }), [g, r] = B({
@@ -840,30 +841,30 @@ const vn = {
     updatedBy: !1
   }), [x, d] = B({
     startDate: null
-  }), [f, C] = B({
+  }), [b, C] = B({
     endDate: null
-  }), A = Pa({
+  }), T = Pa({
     initialValues: JSON.parse(JSON.stringify(u)),
     // Deep copy
     onSubmit: (E) => {
-      const G = {};
+      const U = {};
       Object.keys(E).forEach((F) => {
-        G[F] = {
+        U[F] = {
           operator: E[F].operator || "in",
           values: Array.isArray(E[F].values) ? E[F].values : [],
           range: E[F].range || null
         };
-      }), console.log("[storybook filter] Applied Filters:", G), typeof s == "function" && s({
-        filters: G,
+      }), console.log("[storybook filter] Applied Filters:", U), typeof s == "function" && s({
+        filters: U,
         activeCount: O
       }), a();
     },
     enableReinitialize: !0
-  }), T = ae(() => l.reduce((E, G) => {
-    const F = G.key, m = A.values[F];
+  }), A = ae(() => l.reduce((E, U) => {
+    const F = U.key, m = T.values[F];
     let k = !1;
     if (m)
-      switch (G.type) {
+      switch (U.type) {
         case "multiselect":
         case "multiselect-users":
           k = Array.isArray(m.values) && m.values.length > 0;
@@ -873,34 +874,34 @@ const vn = {
           break;
       }
     return E[F] = k, E;
-  }, {}), [l, A.values]), O = Object.values(T).filter(Boolean).length, V = ae(() => l.some((E) => {
+  }, {}), [l, T.values]), O = Object.values(A).filter(Boolean).length, V = ae(() => l.some((E) => {
     if (E.type !== "date") return !1;
-    const G = A.values?.[E.key]?.values;
-    if (!Array.isArray(G) || G.length < 2) return !1;
-    const [F, m] = G;
+    const U = T.values?.[E.key]?.values;
+    if (!Array.isArray(U) || U.length < 2) return !1;
+    const [F, m] = U;
     if (!F || !m) return !1;
     const k = F instanceof Date ? F : new Date(F), L = m instanceof Date ? m : new Date(m);
     return k > L;
-  }), [l, A.values]), _ = async (E, G) => {
+  }), [l, T.values]), _ = async (E, U) => {
     try {
       r((m) => ({ ...m, [E]: !0 }));
-      const F = await h(E, G);
+      const F = await h(E, U);
       v((m) => ({ ...m, [E]: F }));
     } catch (F) {
       console.error(`Error fetching ${E} users:`, F);
     } finally {
       r((F) => ({ ...F, [E]: !1 }));
     }
-  }, U = (E) => {
-    const G = l[E].key, F = l[E].url;
-    l[E].type === "multiselect-users" && b[G].length === 0 && !g[G] && _(G, F);
+  }, G = (E) => {
+    const U = l[E].key, F = l[E].url;
+    l[E].type === "multiselect-users" && f[U].length === 0 && !g[U] && _(U, F);
   }, W = () => {
-    A.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
+    T.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
   }, J = (E) => {
-    const G = l.find((k) => k.key === E);
-    if (!G) return null;
-    const F = A.values[E] || u[E], m = Array.isArray(F.values) ? F.values : [];
-    switch (G.type) {
+    const U = l.find((k) => k.key === E);
+    if (!U) return null;
+    const F = T.values[E] || u[E], m = Array.isArray(F.values) ? F.values : [];
+    switch (U.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -909,9 +910,9 @@ const vn = {
               "select",
               {
                 value: F.operator || "in",
-                onChange: ($) => A.setFieldValue(`${E}.operator`, $.target.value),
+                onChange: (D) => T.setFieldValue(`${E}.operator`, D.target.value),
                 className: "filter-select",
-                children: G.operators.map(($) => /* @__PURE__ */ e("option", { value: $, children: $ === "in" ? "Includes" : "Excludes" }, $))
+                children: U.operators.map((D) => /* @__PURE__ */ e("option", { value: D, children: D === "in" ? "Includes" : "Excludes" }, D))
               }
             )
           ] }),
@@ -923,10 +924,10 @@ const vn = {
                   type: "checkbox",
                   id: `select-all-${E}`,
                   className: "filter-checkbox-input",
-                  checked: G.options.length > 0 && m.length === G.options.length,
-                  onChange: ($) => {
-                    const M = $.target.checked ? G.options.map((q) => q.value) : [];
-                    A.setFieldValue(`${E}.values`, M);
+                  checked: U.options.length > 0 && m.length === U.options.length,
+                  onChange: (D) => {
+                    const M = D.target.checked ? U.options.map((q) => q.value) : [];
+                    T.setFieldValue(`${E}.values`, M);
                   }
                 }
               ),
@@ -939,33 +940,33 @@ const vn = {
                 }
               )
             ] }),
-            G.options.map(($) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
+            U.options.map((D) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${E}-${$.value}`,
+                  id: `${E}-${D.value}`,
                   className: "filter-checkbox-input",
-                  checked: m.includes($.value),
+                  checked: m.includes(D.value),
                   onChange: (M) => {
-                    const q = M.target.checked ? [...m, $.value] : m.filter((X) => X !== $.value);
-                    A.setFieldValue(`${E}.values`, q);
+                    const q = M.target.checked ? [...m, D.value] : m.filter((X) => X !== D.value);
+                    T.setFieldValue(`${E}.values`, q);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${E}-${$.value}`,
+                  htmlFor: `${E}-${D.value}`,
                   className: "filter-checkbox-label",
-                  children: $.label
+                  children: D.label
                 }
               )
-            ] }, $.value))
+            ] }, D.value))
           ] })
         ] });
       case "multiselect-users":
-        const k = b[E] || [], L = g[E];
+        const k = f[E] || [], L = g[E];
         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:" }),
@@ -973,9 +974,9 @@ const vn = {
               "select",
               {
                 value: F.operator || "in",
-                onChange: ($) => A.setFieldValue(`${E}.operator`, $.target.value),
+                onChange: (D) => T.setFieldValue(`${E}.operator`, D.target.value),
                 className: "filter-select",
-                children: G.operators.map(($) => /* @__PURE__ */ e("option", { value: $, children: $ === "in" ? "Includes" : "Excludes" }, $))
+                children: U.operators.map((D) => /* @__PURE__ */ e("option", { value: D, children: D === "in" ? "Includes" : "Excludes" }, D))
               }
             )
           ] }),
@@ -988,9 +989,9 @@ const vn = {
                   id: `select-all-users-${E}`,
                   className: "filter-checkbox-input",
                   checked: k.length > 0 && m.length === k.length,
-                  onChange: ($) => {
-                    const M = $.target.checked ? k.map((q) => q.email) : [];
-                    A.setFieldValue(
+                  onChange: (D) => {
+                    const M = D.target.checked ? k.map((q) => q.email) : [];
+                    T.setFieldValue(
                       `${E}.values`,
                       M
                     );
@@ -1006,17 +1007,17 @@ const vn = {
                 }
               )
             ] }),
-            k.map(($) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            k.map((D) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${E}-${$.email}`,
+                  id: `${E}-${D.email}`,
                   className: "filter-checkbox-input",
-                  checked: m.includes($.email),
+                  checked: m.includes(D.email),
                   onChange: (M) => {
-                    const q = M.target.checked ? [...m, $.email] : m.filter((X) => X !== $.email);
-                    A.setFieldValue(
+                    const q = M.target.checked ? [...m, D.email] : m.filter((X) => X !== D.email);
+                    T.setFieldValue(
                       `${E}.values`,
                       q
                     );
@@ -1026,19 +1027,19 @@ const vn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${E}-${$.email}`,
+                  htmlFor: `${E}-${D.email}`,
                   className: "filter-checkbox-label",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "user-label-name", children: $.name }),
-                    /* @__PURE__ */ e("span", { className: "user-label-email", children: $.email })
+                    /* @__PURE__ */ e("span", { className: "user-label-name", children: D.name }),
+                    /* @__PURE__ */ e("span", { className: "user-label-email", children: D.email })
                   ]
                 }
               )
-            ] }, $.email))
+            ] }, D.email))
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const P = F.values || [], [D, p] = P, S = D && p, I = P[0] || null, w = P[1] || null, z = {
+        const P = F.values || [], [$, p] = P, z = $ && p, I = P[0] || null, w = P[1] || null, S = {
           startDate: I instanceof Date ? I.toISOString().slice(0, 10) : null,
           endDate: I instanceof Date ? I.toISOString().slice(0, 10) : null
         }, y = {
@@ -1052,17 +1053,17 @@ const vn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], R = ($) => {
-          if ($ === "anytime") {
-            A.setFieldValue(`${E}.values`, []), A.setFieldValue(`${E}.range`, "anytime");
+        ], R = (D) => {
+          if (D === "anytime") {
+            T.setFieldValue(`${E}.values`, []), T.setFieldValue(`${E}.range`, "anytime");
             return;
           }
-          if ($ === "custom") {
-            A.setFieldValue(`${E}.range`, "custom");
+          if (D === "custom") {
+            T.setFieldValue(`${E}.range`, "custom");
             return;
           }
-          const [M, q] = An($);
-          A.setFieldValue(`${E}.values`, M && q ? [M, q] : []), A.setFieldValue(`${E}.range`, $);
+          const [M, q] = Tn(D);
+          T.setFieldValue(`${E}.values`, M && q ? [M, q] : []), T.setFieldValue(`${E}.range`, D);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1071,17 +1072,17 @@ const vn = {
               "select",
               {
                 value: F.operator,
-                onChange: ($) => A.setFieldValue(`${E}.operator`, $.target.value),
+                onChange: (D) => T.setFieldValue(`${E}.operator`, D.target.value),
                 className: "filter-select",
-                children: G.operators.map(($) => /* @__PURE__ */ e("option", { value: $, children: $ === "in" ? "Is" : "Is not" }, $))
+                children: U.operators.map((D) => /* @__PURE__ */ e("option", { value: D, children: D === "in" ? "Is" : "Is not" }, D))
               }
             ),
-            S && /* @__PURE__ */ e(
+            z && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  A.setFieldValue(
+                  T.setFieldValue(
                     E,
                     u[E]
                   );
@@ -1091,8 +1092,8 @@ const vn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: N.map(($) => {
-            const M = F.range === $.key || $.key === "anytime" && (!Array.isArray(F.values) || F.values.length === 0);
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: N.map((D) => {
+            const M = F.range === D.key || D.key === "anytime" && (!Array.isArray(F.values) || F.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1104,15 +1105,15 @@ const vn = {
                       type: "radio",
                       name: `preset-${E}`,
                       checked: M,
-                      onChange: () => R($.key),
+                      onChange: () => R(D.key),
                       className: "h-4 w-4"
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: $.label }),
-                  $.key === "anytime" && M && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
+                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: D.label }),
+                  D.key === "anytime" && M && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
                 ]
               },
-              $.key
+              D.key
             );
           }) }) }),
           /* @__PURE__ */ n("div", { className: "", children: [
@@ -1124,10 +1125,10 @@ const vn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: z,
-                  onChange: ($) => {
-                    const M = $?.startDate ? _e(new Date($.startDate)) : null, q = P[1] || null;
-                    M && (A.setFieldValue(`${E}.values`, [M, q]), A.setFieldValue(`${E}.range`, "custom"));
+                  value: S,
+                  onChange: (D) => {
+                    const M = D?.startDate ? _e(new Date(D.startDate)) : null, q = P[1] || null;
+                    M && (T.setFieldValue(`${E}.values`, [M, q]), T.setFieldValue(`${E}.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",
@@ -1149,9 +1150,9 @@ const vn = {
                   asSingle: !0,
                   useRange: !1,
                   value: y,
-                  onChange: ($) => {
-                    const M = $?.startDate ? Ue(new Date($.startDate)) : null, q = P[0] || null;
-                    M && (A.setFieldValue(`${E}.values`, [q, M]), A.setFieldValue(`${E}.range`, "custom"));
+                  onChange: (D) => {
+                    const M = D?.startDate ? Ge(new Date(D.startDate)) : null, q = P[0] || null;
+                    M && (T.setFieldValue(`${E}.values`, [q, M]), T.setFieldValue(`${E}.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",
@@ -1208,12 +1209,12 @@ const vn = {
               }
             )
           ] }),
-          /* @__PURE__ */ n("form", { onSubmit: A.handleSubmit, className: "filter-form", children: [
+          /* @__PURE__ */ n("form", { onSubmit: T.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ n(
               Fr,
               {
                 vertical: !0,
-                onChange: U,
+                onChange: G,
                 style: {
                   display: "flex",
                   flexGrow: 1
@@ -1223,7 +1224,7 @@ const vn = {
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
                       E.label,
-                      T[E.key] && /* @__PURE__ */ e(
+                      A[E.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1267,7 +1268,7 @@ const vn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !A.dirty || V,
+                  disabled: !T.dirty || V,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -1293,15 +1294,15 @@ const vn = {
   // ✅ 'ref' is now received directly as a prop
   ...h
 }) => {
-  const b = a || h.name;
+  const f = a || h.name;
   return /* @__PURE__ */ n("div", { className: `input-wrapper ${u || ""}`, children: [
-    t && /* @__PURE__ */ e("label", { htmlFor: b, className: "input-label", children: t }),
+    t && /* @__PURE__ */ e("label", { htmlFor: f, className: "input-label", children: t }),
     /* @__PURE__ */ n("div", { className: "input-field-container", children: [
       i && /* @__PURE__ */ e(i, { className: "input-icon", size: 20 }),
       /* @__PURE__ */ e(
         "input",
         {
-          id: b,
+          id: f,
           type: s,
           ref: o,
           className: Z("input-field", {
@@ -1345,7 +1346,7 @@ const vn = {
   variant: o = "info",
   // 'info', 'warning', 'delete'
   loading: h = !1,
-  buttonProps: b = {},
+  buttonProps: f = {},
   size: v
   // Add size prop
 }) => {
@@ -1402,7 +1403,7 @@ const vn = {
                 type: "button",
                 onClick: x,
                 label: l,
-                ...b
+                ...f
               }
             )
           ] })
@@ -1418,14 +1419,14 @@ const vn = {
   onItemsPerPageChange: l,
   itemsPerPageOptions: u = [10, 15, 20]
 }) => {
-  const o = Math.ceil(a / s), [h, b] = B(t);
+  const o = Math.ceil(a / s), [h, f] = B(t);
   te(() => {
-    b(t);
+    f(t);
   }, [t]);
   const v = Math.min((t - 1) * s + 1, a), g = Math.min(t * s, a), r = (x) => {
     x.preventDefault();
     let d = parseInt(h, 10);
-    isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), b(d), d !== t && i(d);
+    isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), f(d), d !== t && i(d);
   };
   return /* @__PURE__ */ n("div", { className: "pagination-container", children: [
     /* @__PURE__ */ n("div", { className: "pagination-left", children: [
@@ -1476,7 +1477,7 @@ const vn = {
             type: "number",
             className: "page-input",
             value: h,
-            onChange: (x) => b(x.target.value),
+            onChange: (x) => f(x.target.value),
             onBlur: r,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1527,9 +1528,9 @@ const vn = {
         qe.Option,
         {
           value: o.value,
-          className: ({ active: h, checked: b }) => Z("radiogroup-option", {
+          className: ({ active: h, checked: f }) => Z("radiogroup-option", {
             "radiogroup-option--active": h,
-            "radiogroup-option--checked": b,
+            "radiogroup-option--checked": f,
             "radiogroup-option--error": !!l
           }),
           children: ({ checked: h }) => /* @__PURE__ */ n(re, { children: [
@@ -1562,7 +1563,7 @@ const vn = {
   customClass: u = "",
   inputStyle: o = {},
   placeholderClass: h = "",
-  searchIconSize: b = 16,
+  searchIconSize: f = 16,
   searchIconClass: v = "",
   ...g
 }) => {
@@ -1571,7 +1572,7 @@ const vn = {
     x(t);
   }, [t]);
   const d = K(
-    Gr((C) => {
+    Ur((C) => {
       a?.(C);
     }, s),
     [s, a]
@@ -1579,12 +1580,12 @@ const vn = {
   te(() => (r !== t && d(r), () => {
     d.cancel();
   }), [r, d, t]);
-  const f = (C) => {
+  const b = (C) => {
     x(C.target.value);
   };
   return /* @__PURE__ */ n("div", { className: `search-bar-wrapper ${u}`, children: [
     l && /* @__PURE__ */ e("label", { htmlFor: "search-field", className: "sr-only", children: l }),
-    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(yt, { size: b || 16, className: `search-bar-icon   ${v}`, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(yt, { size: f || 16, className: `search-bar-icon   ${v}`, "aria-hidden": "true" }) }),
     /* @__PURE__ */ e(
       "input",
       {
@@ -1594,7 +1595,7 @@ const vn = {
         type: "search",
         name: "search",
         value: r,
-        onChange: f,
+        onChange: b,
         style: o,
         ...g
       }
@@ -1612,11 +1613,9 @@ const vn = {
   error: o,
   ref: h,
   // From RHF's <Controller>
-  showSearch: b = !0
+  showSearch: f = !0
 }) => {
-  const [v, g] = B("");
-  console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", i);
-  const r = v === "" ? i : i.filter(
+  const [v, g] = B(""), r = v === "" ? i : i.filter(
     (d) => d.label.toLowerCase().includes(v.toLowerCase())
   ), x = i.find((d) => {
     if (typeof a == "object" && a !== null) {
@@ -1649,7 +1648,7 @@ const vn = {
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ n(Or, { className: "select-options", children: [
-            b && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
+            f && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               ye,
               {
                 onKeyDown: (d) => {
@@ -1663,20 +1662,20 @@ const vn = {
             /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && v !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((d) => /* @__PURE__ */ e(
               Mr,
               {
-                className: ({ active: f }) => `select-option ${f ? "active" : ""}`,
+                className: ({ active: b }) => `select-option ${b ? "active" : ""}`,
                 value: d,
-                children: ({ selected: f }) => /* @__PURE__ */ n(re, { children: [
+                children: ({ selected: b }) => /* @__PURE__ */ n(re, { children: [
                   /* @__PURE__ */ n("div", { className: "option-content", children: [
                     d.icon && /* @__PURE__ */ e(d.icon, { className: "option-icon" }),
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: `option-label ${f ? "selected" : ""}`,
+                        className: `option-label ${b ? "selected" : ""}`,
                         children: d.label
                       }
                     )
                   ] }),
-                  f ? /* @__PURE__ */ e(
+                  b ? /* @__PURE__ */ e(
                     tt,
                     {
                       className: "option-check-icon",
@@ -1713,7 +1712,7 @@ const vn = {
   te(() => {
     bt([t], i) && o(!0);
   }, [t, i]);
-  const b = i === l, v = !b && !!bt([t], i), g = (r) => {
+  const f = i === l, v = !f && !!bt([t], i), g = (r) => {
     r.preventDefault(), o(!u);
   };
   return /* @__PURE__ */ n(
@@ -1731,10 +1730,10 @@ const vn = {
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
             className: Z("nav-item", {
-              "nav-item--active": b,
+              "nav-item--active": f,
               "nav-item--collapsed": a
             }),
-            "aria-current": b ? "page" : void 0,
+            "aria-current": f ? "page" : void 0,
             children: [
               h && /* @__PURE__ */ e(h, { className: "nav-icon", "aria-hidden": "true" }),
               /* @__PURE__ */ e("span", { className: "nav-label", children: t.label || t.name }),
@@ -1831,7 +1830,7 @@ const vn = {
             }
           )
         ] }),
-        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(oa, { item: b, isCollapsed: a }) }, b.label || b.name)) }) }),
+        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((f) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(oa, { item: f, isCollapsed: a }) }, f.label || f.name)) }) }),
         /* @__PURE__ */ n("div", { className: "sidebar-footer", children: [
           /* @__PURE__ */ e(we, { src: h.avatar, name: h.name, size: "medium" }),
           /* @__PURE__ */ n("div", { className: "user-info", children: [
@@ -1884,7 +1883,7 @@ const vn = {
       ]
     }
   );
-}, Tl = ({ label: t = "Loading..." }) => /* @__PURE__ */ e("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ n("div", { className: "loader-content", children: [
+}, Al = ({ label: t = "Loading..." }) => /* @__PURE__ */ e("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ n("div", { className: "loader-content", children: [
   /* @__PURE__ */ e(ca, { size: "large" }),
   t && /* @__PURE__ */ e("span", { className: "loader-label", children: t })
 ] }) }), da = ({
@@ -1899,14 +1898,14 @@ const vn = {
   // ✅ New prop to control visibility
   ...h
 }) => {
-  const b = a || h.name, [v, g] = B(
+  const f = a || h.name, [v, g] = B(
     h.value?.length || h.defaultValue?.length || 0
   ), r = (d) => {
     g(d.target.value.length), h.onChange && h.onChange(d);
   }, x = u - v;
   return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${i || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
-      t && /* @__PURE__ */ e("label", { htmlFor: b, className: "textarea-label", children: t }),
+      t && /* @__PURE__ */ e("label", { htmlFor: f, className: "textarea-label", children: t }),
       o && u && /* @__PURE__ */ n("span", { className: "char-counter", children: [
         x,
         " characters remaining"
@@ -1915,7 +1914,7 @@ const vn = {
     /* @__PURE__ */ e(
       "textarea",
       {
-        id: b,
+        id: f,
         ref: l,
         className: Z("textarea-field", {
           "textarea-field--error": !!s
@@ -1954,7 +1953,7 @@ const vn = {
     t && i === "right" && /* @__PURE__ */ e(it.Label, { className: `switch-label ${u}`, passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
-] }), Al = ({
+] }), Tl = ({
   children: t,
   content: a,
   variant: s = "dark",
@@ -1971,7 +1970,7 @@ const vn = {
   return /* @__PURE__ */ n(re, { children: [
     ne.cloneElement(t, { "data-tooltip-id": h }),
     /* @__PURE__ */ e(
-      Ua,
+      Ga,
       {
         id: h,
         content: a,
@@ -2004,10 +2003,10 @@ const vn = {
   stepProps: u = {},
   title: o,
   description: h,
-  showProgress: b = !0,
+  showProgress: f = !0,
   closeOnOverlayClick: v = !0
 }) => {
-  const g = s[i], r = Object.keys(s), x = r.indexOf(i), d = (x + 1) / r.length * 100, f = x > 0 && u.onBack;
+  const g = s[i], r = Object.keys(s), x = r.indexOf(i), d = (x + 1) / r.length * 100, b = x > 0 && u.onBack;
   return /* @__PURE__ */ e(fe, { show: t, as: ee, children: /* @__PURE__ */ n(
     xe,
     {
@@ -2042,13 +2041,13 @@ const vn = {
             children: /* @__PURE__ */ n(Fe, { className: "wizard-panel", children: [
               /* @__PURE__ */ n("header", { className: "wizard-header", children: [
                 /* @__PURE__ */ n("div", { className: "wizard-header-content", children: [
-                  f && /* @__PURE__ */ e(
+                  b && /* @__PURE__ */ e(
                     "button",
                     {
                       onClick: u.onBack,
                       className: "wizard-back-button",
                       "aria-label": "Go back to previous step",
-                      children: /* @__PURE__ */ e(Ga, { size: 20 })
+                      children: /* @__PURE__ */ e(Ua, { size: 20 })
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
@@ -2066,7 +2065,7 @@ const vn = {
                   }
                 )
               ] }),
-              b && /* @__PURE__ */ e("div", { className: "wizard-progress-container", children: /* @__PURE__ */ e(
+              f && /* @__PURE__ */ e("div", { className: "wizard-progress-container", children: /* @__PURE__ */ e(
                 "div",
                 {
                   className: "wizard-progress-bar",
@@ -2124,17 +2123,17 @@ const vn = {
   icon: o,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: h = !1,
-  size: b = "small",
+  size: f = "small",
   label: v,
   children: g,
   // ✅ Add children to the props list
   onClick: r,
   ...x
 }) => {
-  const d = h, f = Z(
+  const d = h, b = Z(
     "btn-base-icon",
     "btn-icon-only",
-    In[b],
+    In[f],
     On[u],
     l
   );
@@ -2143,13 +2142,13 @@ const vn = {
     {
       "data-testid": t,
       type: s,
-      className: f,
+      className: b,
       disabled: d,
       onClick: r,
       title: i,
       "aria-label": i,
       ...x,
-      children: o && /* @__PURE__ */ e(o, { size: b === "large" ? 20 : 16 })
+      children: o && /* @__PURE__ */ e(o, { size: f === "large" ? 20 : 16 })
     }
   );
 }, El = ({
@@ -2219,7 +2218,7 @@ const vn = {
     }
   ),
   /* @__PURE__ */ n("div", { className: "page-header-content", children: [
-    /* @__PURE__ */ e("h1", { className: "page-header-heading", children: t }),
+    t && /* @__PURE__ */ e("h1", { className: "page-header-heading", children: t }),
     s.length > 1 ? /* @__PURE__ */ e(wn, { crumbs: s }) : a ? /* @__PURE__ */ e("p", { className: "page-header-subheading", children: a }) : null
   ] })
 ] }), Pn = ({
@@ -2351,20 +2350,20 @@ const ha = ua(localStorage), Rl = ua(sessionStorage), Il = {
   }
 };
 function Nt() {
-  const t = window.location.hostname, s = t === "localhost" || t === "127.0.0.1" ? "https://dev.unifyed.com" : `${window.location.protocol}//${t}`;
-  return console.log("::STORYBOOK:: getBaseUrl endpoint", s), s;
+  const t = window.location.hostname;
+  return t === "localhost" || t === "127.0.0.1" ? "https://dev.unifyed.com" : `${window.location.protocol}//${t}`;
 }
 function Vn() {
   try {
     const t = ha.get("userProfile"), a = t && typeof t == "object" ? t : {};
-    return console.log("::STORYBOOK:: gateWayUrl userProfile", a), a.gatewaypath ? a.gatewaypath : "/unifyd-gateway/api";
+    return a.gatewaypath ? a.gatewaypath : "/unifyd-gateway/api";
   } catch (t) {
     return console.warn("Error reading gateway URL from profile", t), "/unifyd-gateway/api";
   }
 }
 function Ce() {
-  const t = Nt().replace(/\/$/, ""), a = Vn().replace(/^\//, ""), s = `${t}/${a}`, i = ha.get("userProfile");
-  return console.log("::STORYBOOK:: gatewayBase endpoint", s, i), s;
+  const t = Nt().replace(/\/$/, ""), a = Vn().replace(/^\//, ""), s = `${t}/${a}`;
+  return ha.get("userProfile"), s;
 }
 function pa() {
   return `${Ce()}/unifyedstudioutility/commonutility/users/list?sortkey=firstName&sortorder=false&page=0&size=999&onlineusersonly=false`;
@@ -2404,7 +2403,7 @@ function Ol() {
     FILE_PERMISSIONS_API: _n()
   });
 }
-function Un(t) {
+function Gn(t) {
   try {
     const a = localStorage.getItem(t);
     return a ? JSON.parse(a) : null;
@@ -2413,7 +2412,7 @@ function Un(t) {
   }
 }
 function Ot() {
-  const t = Un("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", i = t.tenant || "", l = t.tenantdomain || "", u = t.username || t.displayName || "", o = t.email || "";
+  const t = Gn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", i = t.tenant || "", l = t.tenantdomain || "", u = t.username || t.displayName || "", o = t.email || "";
   return {
     Authorization: a ? `Bearer ${a}` : void 0,
     "x-tenant-id": i || void 0,
@@ -2424,7 +2423,7 @@ function Ot() {
     "x-user-email": o || void 0
   };
 }
-function Gn(t) {
+function Un(t) {
   if (t && t.isAxiosError) {
     const { response: a, config: s, message: i } = t, l = a?.status ?? null, u = a?.statusText ?? null, o = a?.data ?? null, h = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
     return {
@@ -2467,7 +2466,7 @@ function qn({
       message: v?.statusText || "Request succeeded"
     },
     (v) => {
-      const g = Gn(v), r = g.status;
+      const g = Un(v), r = g.status;
       return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(g);
     }
   );
@@ -2496,7 +2495,7 @@ function qn({
   async function h(v, g = {}, r = !1, x = {}) {
     return s.put(v, g, i({ open: r, customHeader: x }));
   }
-  async function b(v, g = {}, r = !1, x = {}) {
+  async function f(v, g = {}, r = !1, x = {}) {
     return s.patch(v, g, i({ open: r, customHeader: x }));
   }
   return {
@@ -2506,7 +2505,7 @@ function qn({
     axiosDelete: u,
     axiosPost: o,
     axiosPut: h,
-    axiosPatch: b
+    axiosPatch: f
   };
 }
 const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl = Ee.axiosPut, Ll = Ee.axiosPatch, Bl = Ee.instance, Yn = async (t, a) => {
@@ -2617,8 +2616,8 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   const l = t.slice(0, 2), u = [];
   t.length > 0 && u.push(t[0].name), a.length > 0 && u.push(a[0].name), s.length > 0 && u.length < 2 && u.push(s[0].name);
   const o = t.length + a.length + s.length, h = o - u.length;
-  let b = u.join(", ");
-  return h > 0 && (b += ` and ${h} others`), o === 0 ? /* @__PURE__ */ e(
+  let f = u.join(", ");
+  return h > 0 && (f += ` and ${h} others`), o === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
@@ -2641,7 +2640,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
             },
             v.id || g
           )) }),
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: b })
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: f })
         ] }),
         /* @__PURE__ */ e(ve, { size: 20 })
       ]
@@ -2652,8 +2651,8 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   { id: 2, name: $e.GROUP, icon: Kt, code: "groups" },
   { id: 3, name: $e.ROLE, icon: Xa, code: "roles" }
 ], Lt = [
-  { id: 1, name: Tt.View, icon: Qa },
-  { id: 2, name: Tt.Manage, icon: Ha }
+  { id: 1, name: At.View, icon: Qa },
+  { id: 2, name: At.Manage, icon: Ha }
 ], Xn = Ya().shape({
   pendingInvites: Wa().min(1, "You must add at least one person to invite.")
 }), Qn = ({
@@ -2667,43 +2666,45 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   },
   isChanged: h = !1
 }) => {
-  const [b, v] = B(Pt[0]), [g, r] = B(""), x = kt(g, 400), [d, f] = B([]), [C, A] = B(/* @__PURE__ */ new Set()), [T, O] = B(!1), [V, _] = B(Lt[0]), {
-    control: U,
+  const [f, v] = B(Pt[0]), [g, r] = B(""), x = kt(g, 400), [d, b] = B([]), [C, T] = B(/* @__PURE__ */ new Set()), [A, O] = B(!1), [V, _] = B(Lt[0]), {
+    control: G,
     handleSubmit: W,
     watch: J,
-    formState: { errors: E, isSubmitting: G }
+    formState: { errors: E, isSubmitting: U }
   } = Za({
     defaultValues: { pendingInvites: [] },
     resolver: tr(Xn)
   }), { fields: F, append: m, remove: k, update: L } = Ka({
-    control: U,
-    name: "pendingInvites"
+    control: G,
+    name: "pendingInvites",
+    keyName: "fieldId"
+    // This is auto generated key name created by react form hook to avoid conflict with 'id' in data
   }), P = J("pendingInvites");
   te(() => {
-    x.length > 1 ? (O(!0), Yn(b.name, x).then((y) => {
-      f(y);
-    }).catch((y) => console.error("Search failed:", y)).finally(() => O(!1))) : (f([]), A(/* @__PURE__ */ new Set()));
-  }, [x, b]);
-  const D = (y) => {
-    A((N) => {
+    x.length > 1 ? (O(!0), Yn(f.name, x).then((y) => {
+      b(y);
+    }).catch((y) => console.error("Search failed:", y)).finally(() => O(!1))) : (b([]), T(/* @__PURE__ */ new Set()));
+  }, [x, f]);
+  const $ = (y) => {
+    T((N) => {
       const R = new Set(N);
       return R.has(y) ? R.delete(y) : R.add(y), R;
     });
   }, p = () => {
     d.filter((y) => C.has(y.id)).forEach((y) => {
       F.find((N) => N.id === y.id) || m({ ...y, permission: V.name });
-    }), A(/* @__PURE__ */ new Set()), r("");
-  }, S = (y) => {
+    }), T(/* @__PURE__ */ new Set()), r("");
+  }, z = (y) => {
     _(y), F.forEach(
       (N, R) => L(R, { ...F[R], permission: y.name })
     );
   }, I = async (y) => {
     try {
       if (l === pe.DRIVE) {
-        const N = y.pendingInvites.map(($) => ({
-          id: $.id,
-          permission: $.permission,
-          type: $.type.toLowerCase()
+        const N = y.pendingInvites.map((D) => ({
+          id: D.id,
+          permission: D.permission,
+          type: D.type.toLowerCase()
         }));
         o({
           entity: t,
@@ -2723,10 +2724,10 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
         }));
         o(N, i);
       } else if (l === pe.ARTICLE) {
-        const N = y.pendingInvites.map(($) => ({
-          id: $.id,
-          permission: $.permission,
-          type: $.type.toLowerCase()
+        const N = y.pendingInvites.map((D) => ({
+          id: D.id,
+          permission: D.permission,
+          type: D.type.toLowerCase()
         }));
         o({
           entity: t,
@@ -2742,9 +2743,9 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
       throw console.error("Failed to submit invites:", N), N;
     }
   }, w = (y) => {
-    const N = i[b.code].find((R) => R.name === y.name && R.permission !== "remove") || P.find((R) => R.name === y.name);
+    const N = i[f.code].find((R) => R.name === y.name && R.permission !== "remove") || P.find((R) => R.name === y.name);
     return N ? `${N.permission}` : "";
-  }, z = () => {
+  }, S = () => {
     switch (l) {
       case pe.DRIVE:
         return "Share with others";
@@ -2758,7 +2759,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   };
   return ae(() => (console.log("InviteFlow - isChanged:", h, "pendingInvites.length:", P.length), P.length === 0 && !h), [P.length, h]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(xe.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: z() }),
+      /* @__PURE__ */ e(xe.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: S() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === pe.DRIVE && /* @__PURE__ */ n("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(er, { className: "h-5 w-5" }),
@@ -2785,11 +2786,11 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
         }
       ),
       /* @__PURE__ */ n("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(oe, { value: b, onChange: v, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(oe, { value: f, onChange: v, children: /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ n(oe.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
             /* @__PURE__ */ n("span", { className: "flex items-center", children: [
-              /* @__PURE__ */ e(b.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
-              /* @__PURE__ */ e("span", { className: "truncate", children: b.name })
+              /* @__PURE__ */ e(f.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+              /* @__PURE__ */ e("span", { className: "truncate", children: f.name })
             ] }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(zt, { className: "h-5 w-5 text-gray-400" }) })
           ] }),
@@ -2832,12 +2833,12 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
         /* @__PURE__ */ e("div", { className: "col-span-2", children: /* @__PURE__ */ e(
           ye,
           {
-            placeholder: `Search by ${b.name.toLowerCase()}...`,
+            placeholder: `Search by ${f.name.toLowerCase()}...`,
             onDebouncedChange: (y) => r(y),
             value: g
           }
         ) }),
-        /* @__PURE__ */ e(De, { children: (d?.length > 0 || T) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(De, { children: (d?.length > 0 || A) && /* @__PURE__ */ e(
           ce.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2845,13 +2846,13 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
             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: T ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(re, { children: [
+            children: A ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(re, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((y) => {
                 const N = w(y);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => N ? null : D(y.id),
+                    onClick: () => N ? null : $(y.id),
                     className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${N ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
@@ -2867,7 +2868,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                       /* @__PURE__ */ e(we, { src: y.avatarUrl, name: y.name, size: "small" }),
                       /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
                         /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: y.name }),
-                        b.name === $e.USER && /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: y.id })
+                        f.name === $e.USER && /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: y.id })
                       ] }),
                       N ? /* @__PURE__ */ n(re, { children: [
                         /* @__PURE__ */ e("span", { className: "text-sm px-3 py-0.5 border border-dashed rounded-xl bg-teal-100 text-teal-700", children: N }),
@@ -2918,7 +2919,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                 oe,
                 {
                   value: V,
-                  onChange: S,
+                  onChange: z,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(oe.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,8 +3039,8 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
           ie,
           {
             onClick: () => W(I)(),
-            disabled: G || P.length === 0 && !h,
-            label: G ? "Inviting..." : l === pe.DRIVE ? "Send Invites" : "Add"
+            disabled: U || P.length === 0 && !h,
+            label: U ? "Inviting..." : l === pe.DRIVE ? "Send Invites" : "Add"
           }
         )
       ] })
@@ -3054,24 +3055,24 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   existingShares: l,
   allowedPermissions: u
 }) => {
-  const [o, h] = B(l), [b, v] = B(0), [g, r] = B(""), x = kt(g, 300), d = {
+  const [o, h] = B(l), [f, v] = B(0), [g, r] = B(""), x = kt(g, 300), d = {
     users: o.users.filter(
-      (T) => T.name.toLowerCase().includes(x.toLowerCase())
+      (A) => A.name.toLowerCase().includes(x.toLowerCase())
     ),
     groups: o.groups.filter(
-      (T) => T.name.toLowerCase().includes(x.toLowerCase())
+      (A) => A.name.toLowerCase().includes(x.toLowerCase())
     ),
     roles: o.roles.filter(
-      (T) => T.name.toLowerCase().includes(x.toLowerCase())
+      (A) => A.name.toLowerCase().includes(x.toLowerCase())
     )
-  }, f = (T, O) => {
-    console.log("[ManageFlow] Removing item:", { itemToRemove: T, listKey: O });
+  }, b = (A, O) => {
+    console.log("[ManageFlow] Removing item:", { itemToRemove: A, listKey: O });
     const V = {
       ...o,
-      [O]: o[O].filter((_) => _.id !== T.id)
+      [O]: o[O].filter((_) => _.id !== A.id)
     };
     h(V), console.log("[ManageFlow] Syncing updated shares with parent:", V), a(V, !0);
-  }, C = ["users", "groups", "roles"], A = ["Users", "Groups", "Roles"];
+  }, C = ["users", "groups", "roles"], T = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3097,9 +3098,9 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ n(le.Group, { selectedIndex: b, onChange: v, children: [
+      /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ n(le.Group, { selectedIndex: f, onChange: v, children: [
         /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-          /* @__PURE__ */ e(le.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: A.map((T) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(le.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: T.map((A) => /* @__PURE__ */ e(
             le,
             {
               className: ({
@@ -3107,16 +3108,16 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
               }) => `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
                                        ${O ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-              children: T
+              children: A
             },
-            T
+            A
           )) }),
           /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
             ye,
             {
               onDebouncedChange: r,
               value: g,
-              placeholder: `Search in ${A[b]}...`
+              placeholder: `Search in ${T[f]}...`
             }
           ) })
         ] }),
@@ -3127,11 +3128,11 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
             animate: { y: 0, opacity: 1 },
             exit: { y: -10, opacity: 0 },
             transition: { duration: 0.2 },
-            children: /* @__PURE__ */ e(le.Panels, { as: ee, children: C.map((T) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(le.Panels, { as: ee, children: C.map((A) => /* @__PURE__ */ e(
               le.Panel,
               {
                 className: "space-y-3 focus:outline-none",
-                children: /* @__PURE__ */ e(De, { children: d[T].length > 0 ? d[T].map((O) => /* @__PURE__ */ n(
+                children: /* @__PURE__ */ e(De, { children: d[A].length > 0 ? d[A].map((O) => /* @__PURE__ */ n(
                   ce.div,
                   {
                     layout: !0,
@@ -3155,12 +3156,12 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                         ),
                         /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
                           /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: O.name }),
-                          T !== "users" && /* @__PURE__ */ e(
+                          A !== "users" && /* @__PURE__ */ e(
                             "button",
                             {
                               onClick: () => i({
                                 id: O.id,
-                                type: T,
+                                type: A,
                                 name: O.name
                               }),
                               className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3172,7 +3173,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => f(O, T),
+                          onClick: () => b(O, A),
                           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(Ve, { className: "h-5 w-5" })
@@ -3193,19 +3194,19 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                         /* @__PURE__ */ e(Kt, { className: "h-12 w-12 text-gray-400" }),
                         /* @__PURE__ */ n("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                           "No ",
-                          A[b],
+                          T[f],
                           " Found"
                         ] }),
-                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: g ? `No results for "${g}"` : `There are no ${A[b].toLowerCase()} with access.` })
+                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: g ? `No results for "${g}"` : `There are no ${T[f].toLowerCase()} with access.` })
                       ]
                     }
                   )
                 ) })
               },
-              T
+              A
             )) })
           },
-          b
+          f
         ) }) })
       ] }) })
     ] })
@@ -3223,8 +3224,8 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   onClose: s,
   members: i
 }) => {
-  const [l, u] = B(!0), [o, h] = B(""), b = kt(o, 300), v = i.filter(
-    (d) => d.name.toLowerCase().includes(b.toLowerCase())
+  const [l, u] = B(!0), [o, h] = B(""), f = kt(o, 300), v = i.filter(
+    (d) => d.name.toLowerCase().includes(f.toLowerCase())
   ), g = {
     hidden: { opacity: 0 },
     visible: {
@@ -3239,7 +3240,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
     exit: { opacity: 0, x: -20 }
   }, x = () => l ? (
     // Show 5 skeleton items while loading
-    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, f) => /* @__PURE__ */ e(Zn, {}, f)) })
+    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, b) => /* @__PURE__ */ e(Zn, {}, b)) })
   ) : v.length === 0 ? /* @__PURE__ */ n(
     ce.div,
     {
@@ -3249,7 +3250,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
       children: [
         /* @__PURE__ */ e(ar, { className: "h-12 w-12 text-gray-400" }),
         /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
-        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: b ? `No one found matching "${b}"` : `There are no users in this ${t.type}.` })
+        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: f ? `No one found matching "${f}"` : `There are no users in this ${t.type}.` })
       ]
     }
   ) : /* @__PURE__ */ e(
@@ -3342,10 +3343,10 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   },
   showExistingShares: o = !0,
   allowedPermissions: h = [],
-  ...b
+  ...f
 }) => {
-  const [v, g] = B(be.INVITE), [r, x] = B(t), [d, f] = B(null), [C, A] = B(!1), [T, O] = B([]), [V, _] = B(be.MANAGE), U = () => {
-    g(be.INVITE), f(null), u();
+  const [v, g] = B(be.INVITE), [r, x] = B(t), [d, b] = B(null), [C, T] = B(!1), [A, O] = B([]), [V, _] = B(be.MANAGE), G = () => {
+    g(be.INVITE), b(null), u();
   }, W = () => {
     g(be.MANAGE);
   }, J = async ({ id: F, name: m, type: k }) => {
@@ -3357,15 +3358,15 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
       }
       O(resp);
     }
-    f({ id: F, type: k, name: m }), _(v), g(be.MEMBERS);
+    b({ id: F, type: k, name: m }), _(v), g(be.MEMBERS);
   }, E = (F, m = !1) => {
     console.log("changedExistingShares", F), x(F);
-    const k = ot.mapValues(t, (D) => D.map((p) => ({ id: p.id, permission: p.permission })).sort((p, S) => p.id - S.id)), L = ot.mapValues(F, (D) => D.map((p) => ({ id: p.id, permission: p.permission })).sort((p, S) => p.id - S.id));
+    const k = ot.mapValues(t, ($) => $.map((p) => ({ id: p.id, permission: p.permission })).sort((p, z) => p.id - z.id)), L = ot.mapValues(F, ($) => $.map((p) => ({ id: p.id, permission: p.permission })).sort((p, z) => p.id - z.id));
     console.log("Existing data:", k), console.log("Changed data:", L);
     const P = !ot.isEqual(k, L);
-    console.log("hasPermissionChanged:", P), A(P), P && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, F)), m && v === be.MANAGE ? console.log("[AddUserGroupsRolesModal] Staying in ManageFlow after removal") : g(v === be.MEMBERS ? V : be.INVITE);
+    console.log("hasPermissionChanged:", P), T(P), P && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, F)), m && v === be.MANAGE ? console.log("[AddUserGroupsRolesModal] Staying in ManageFlow after removal") : g(v === be.MEMBERS ? V : be.INVITE);
   };
-  return /* @__PURE__ */ e(fe, { appear: !0, show: a, as: ee, children: /* @__PURE__ */ n(xe, { as: "div", className: "relative z-50", onClose: U, children: [
+  return /* @__PURE__ */ e(fe, { appear: !0, show: a, as: ee, children: /* @__PURE__ */ n(xe, { as: "div", className: "relative z-50", onClose: G, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(Fe, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (v) {
@@ -3383,7 +3384,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                 {
                   entity: i,
                   onBack: E,
-                  onClose: U,
+                  onClose: G,
                   onOpenMembers: J,
                   existingShares: r,
                   calledBy: l,
@@ -3407,10 +3408,10 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                 {
                   entity: d,
                   onBack: E,
-                  onClose: U,
+                  onClose: G,
                   calledBy: l,
                   existingShares: r,
-                  members: T
+                  members: A
                 }
               )
             },
@@ -3430,7 +3431,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                 {
                   entity: i,
                   onManage: W,
-                  onClose: U,
+                  onClose: G,
                   existingShares: r,
                   calledBy: l,
                   showExistingShares: o,
@@ -3461,7 +3462,7 @@ function rt({
   placeholder: u = "Select options",
   error: o = null,
   displayLimit: h = 3,
-  selectionLimit: b = -1,
+  selectionLimit: f = -1,
   // NEW: search behavior
   searchMode: v = "client",
   // "client" | "server"
@@ -3471,30 +3472,30 @@ function rt({
   minSearchChars: x = 2,
   // NEW: mappers (id/label keys)
   getOptionId: d = (C) => String(C.id),
-  getOptionLabel: f = (C) => C.name
+  getOptionLabel: b = (C) => C.name
 }) {
-  const C = Ze(), A = Ze(), [T, O] = B(""), V = ge(""), _ = ae(() => {
+  const C = Ze(), T = Ze(), [A, O] = B(""), V = ge(""), _ = ae(() => {
     const F = /* @__PURE__ */ new Map();
     for (const m of a) F.set(d(m), m);
     return F;
-  }, [a, d]), U = ae(() => Array.isArray(s) ? s.map((F) => F && typeof F == "object" ? _.get(d(F)) || null : _.get(String(F))).filter(Boolean) : [], [s, _, d]), W = ae(() => {
-    if (!T) return a;
-    const F = T.toLowerCase();
-    return a.filter((m) => f(m).toLowerCase().includes(F));
-  }, [a, T, f]);
+  }, [a, d]), G = ae(() => Array.isArray(s) ? s.map((F) => F && typeof F == "object" ? _.get(d(F)) || null : _.get(String(F))).filter(Boolean) : [], [s, _, d]), W = ae(() => {
+    if (!A) return a;
+    const F = A.toLowerCase();
+    return a.filter((m) => b(m).toLowerCase().includes(F));
+  }, [a, A, b]);
   te(() => {
-    v === "server" && T.length >= x && T !== V.current && (V.current = T, g && g(T));
-  }, [T, v, x, g]);
+    v === "server" && A.length >= x && A !== V.current && (V.current = A, g && g(A));
+  }, [A, v, x, g]);
   const J = v === "client" ? W : a, E = () => {
-    if (!U.length)
+    if (!G.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: u });
-    const F = U.slice(0, h), m = U.length - h;
+    const F = G.slice(0, h), m = G.length - h;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
       F.map((k) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: f(k)
+          children: b(k)
         },
         d(k)
       )),
@@ -3505,9 +3506,9 @@ function rt({
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(oe, { value: U, onChange: (F) => {
+  return /* @__PURE__ */ e(oe, { value: G, onChange: (F) => {
     const m = Array.from(new Set(F.map((k) => d(k))));
-    b !== -1 && m.length > b || i(m);
+    f !== -1 && m.length > f || i(m);
   }, multiple: !0, by: "id", children: ({ open: F }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       oe.Label,
@@ -3523,7 +3524,7 @@ function rt({
         {
           "aria-labelledby": C,
           "aria-invalid": !!o,
-          "aria-describedby": o ? A : void 0,
+          "aria-describedby": o ? T : void 0,
           onBlur: l,
           className: Ye(
             "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",
@@ -3547,24 +3548,24 @@ function rt({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               ye,
               {
-                value: T,
+                value: A,
                 onDebouncedChange: O,
                 placeholder: v === "server" ? `Search (min ${x})…` : "Search options…"
               }
             ) }),
             v === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            J.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: v === "server" ? T.length < x ? `Type at least ${x} characters to search.` : "No results." : "No options found." }) : J.map((m) => {
-              const k = d(m), L = f(m), P = U.some((p) => d(p) === k), D = b !== -1 && U.length >= b && !P;
+            J.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: v === "server" ? A.length < x ? `Type at least ${x} characters to search.` : "No results." : "No options found." }) : J.map((m) => {
+              const k = d(m), L = b(m), P = G.some((p) => d(p) === k), $ = f !== -1 && G.length >= f && !P;
               return /* @__PURE__ */ e(
                 oe.Option,
                 {
                   value: m,
-                  disabled: D,
+                  disabled: $,
                   className: ({ active: p }) => Ye(
-                    D ? " text-gray-400  bg-white  cursor-not-allowed" : p ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                    $ ? " text-gray-400  bg-white  cursor-not-allowed" : p ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: p, active: S }) => /* @__PURE__ */ n(re, { children: [
+                  children: ({ selected: p, active: z }) => /* @__PURE__ */ n(re, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -3579,7 +3580,7 @@ function rt({
                       "span",
                       {
                         className: Ye(
-                          S ? " text-gray-900" : " text-gray-600",
+                          z ? " text-gray-900" : " text-gray-600",
                           " absolute  inset-y-0  right-0  flex  items-center  pr-4"
                         ),
                         children: /* @__PURE__ */ e(tt, { className: "w-5 h-5", "aria-hidden": "true" })
@@ -3593,7 +3594,7 @@ function rt({
           ] })
         }
       ),
-      o && /* @__PURE__ */ e("p", { id: A, className: "mt-1 text-sm text-red-600", children: o })
+      o && /* @__PURE__ */ e("p", { id: T, className: "mt-1 text-sm text-red-600", children: o })
     ] })
   ] }) });
 }
@@ -3649,7 +3650,7 @@ const Vl = ({
   secondaryAction: o = { onCancel: null, label: "Cancel" },
   dialogPanelClass: h = ""
 }) => {
-  const b = (g) => {
+  const f = (g) => {
     g.target === g.currentTarget && a(!1);
   }, v = (g) => {
     g.stopPropagation();
@@ -3662,10 +3663,10 @@ const Vl = ({
       className: "relative z-50 overflow-y-auto",
       children: [
         /* @__PURE__ */ e(
-          Ur,
+          Gr,
           {
             className: "fixed inset-0 bg-black/30",
-            onClick: b
+            onClick: f
           }
         ),
         /* @__PURE__ */ e("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ e("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ n(
@@ -3745,16 +3746,16 @@ function as({
   onCreateChild: u,
   onRename: o,
   onDelete: h,
-  renderActions: b,
+  renderActions: f,
   // optional override
   dragId: v,
   dropId: g,
   indent: r = 24
 }) {
-  const { setNodeRef: x, isOver: d } = rr({ id: g }), { attributes: f, listeners: C, setNodeRef: A, transform: T, isDragging: O } = nr({ id: v }), V = T ? { transform: `translate3d(${Math.round(T.x)}px, ${Math.round(T.y)}px, 0)` } : void 0, [_, U] = B(!1), [W, J] = B(t.name), E = () => {
+  const { setNodeRef: x, isOver: d } = rr({ id: g }), { attributes: b, listeners: C, setNodeRef: T, transform: A, isDragging: O } = nr({ id: v }), V = A ? { transform: `translate3d(${Math.round(A.x)}px, ${Math.round(A.y)}px, 0)` } : void 0, [_, G] = B(!1), [W, J] = B(t.name), E = () => {
     const F = W.trim();
-    U(!1), F && F !== t.name ? o?.(t, F) : J(t.name);
-  }, G = ae(() => /* @__PURE__ */ e(
+    G(!1), F && F !== t.name ? o?.(t, F) : J(t.name);
+  }, U = ae(() => /* @__PURE__ */ e(
     Pn,
     {
       options: [
@@ -3763,7 +3764,7 @@ function as({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (m) => {
-        m.action === "create" ? u?.(t) : m.action === "rename" ? U(!0) : m.action === "delete" && h?.(t);
+        m.action === "create" ? u?.(t) : m.action === "rename" ? G(!0) : m.action === "delete" && h?.(t);
       }
     }
   ), [t, u, h]);
@@ -3779,7 +3780,7 @@ function as({
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(xt, { size: 16 }) : /* @__PURE__ */ e(ve, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(je, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: _ ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: T, children: _ ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
@@ -3787,17 +3788,17 @@ function as({
             onChange: (F) => J(F.target.value),
             onBlur: E,
             onKeyDown: (F) => {
-              F.key === "Enter" && E(), F.key === "Escape" && (U(!1), J(t.name));
+              F.key === "Enter" && E(), F.key === "Escape" && (G(!1), J(t.name));
             },
             autoFocus: !0
           }
-        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(ts, { listeners: C, attributes: f }),
-        /* @__PURE__ */ e("div", { className: "tv-actions", children: b ? b(t, {
+        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => G(!0), children: t.name }) }),
+        /* @__PURE__ */ e(ts, { listeners: C, attributes: b }),
+        /* @__PURE__ */ e("div", { className: "tv-actions", children: f ? f(t, {
           onCreateChild: () => u?.(t),
-          onRename: () => U(!0),
+          onRename: () => G(!0),
           onDelete: () => h?.(t)
-        }) : G })
+        }) : U })
       ]
     }
   );
@@ -3806,10 +3807,10 @@ const rs = (t) => String(t.id ?? t._id), ns = (t) => t.parent !== void 0 ? Strin
 function is(t, { rootId: a, getId: s, getParent: i, getName: l }) {
   const u = /* @__PURE__ */ new Map();
   t.forEach((h) => {
-    const b = s(h);
-    u.set(b, {
+    const f = s(h);
+    u.set(f, {
       ...h,
-      id: b,
+      id: f,
       name: l(h),
       parentId: i(h) || a,
       children: []
@@ -3817,18 +3818,18 @@ function is(t, { rootId: a, getId: s, getParent: i, getName: l }) {
   });
   const o = [];
   return u.forEach((h) => {
-    const b = h.parentId || a;
-    b !== a && u.has(b) ? u.get(b).children.push(h) : o.push(h);
+    const f = h.parentId || a;
+    f !== a && u.has(f) ? u.get(f).children.push(h) : o.push(h);
   }), { roots: o, byId: u };
 }
 function os(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
-  function u(h, b) {
+  function u(h, f) {
     const v = s(h), g = {
       ...h,
       id: v,
       name: i(h),
-      parentId: b || a,
+      parentId: f || a,
       children: (h.children || []).map((r) => u(r, v))
     };
     return l.set(v, g), g;
@@ -3884,98 +3885,98 @@ function jl({
   getName: u = ss,
   onSelect: o,
   onCreateRoot: h,
-  onCreateChild: b,
+  onCreateChild: f,
   onRename: v,
   onDelete: g,
   onMove: r,
   renderActions: x,
   disableMoveToRoot: d = !1,
   // ← allow root moves by default now
-  indentUnit: f = 24
+  indentUnit: b = 24
 }) {
   const { roots: C } = ae(() => ls(t) ? os(t, { rootId: a, getId: i, getName: u }) : is(
-    t.map((D) => ({ ...D })),
+    t.map(($) => ({ ...$ })),
     { rootId: a, getId: i, getParent: l, getName: u }
-  ), [t, a, i, l, u]), [A, T] = B({}), O = K((D) => {
+  ), [t, a, i, l, u]), [T, A] = B({}), O = K(($) => {
     const p = {};
-    return (function S(I) {
+    return (function z(I) {
       I.forEach((w) => {
-        p[w.id] = !0, w.children?.length && S(w.children);
+        p[w.id] = !0, w.children?.length && z(w.children);
       });
-    })(D), p;
+    })($), p;
   }, []);
   ne.useEffect(() => {
-    T(O(C));
+    A(O(C));
   }, [C, O]);
   const V = K(
-    (D) => T((p) => ({ ...p, [D]: !p[D] })),
+    ($) => A((p) => ({ ...p, [$]: !p[$] })),
     []
-  ), [_, U] = B(() => Le(C));
-  ne.useEffect(() => U(Le(C)), [C]);
+  ), [_, G] = B(() => Le(C));
+  ne.useEffect(() => G(Le(C)), [C]);
   const W = sr(
     lr(dr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), J = ge(null), [E, G] = B(null), F = ge(0), m = () => {
-  }, k = ({ delta: D }) => {
-    F.current = D?.x ?? 0;
+  ), J = ge(null), [E, U] = B(null), F = ge(0), m = () => {
+  }, k = ({ delta: $ }) => {
+    F.current = $?.x ?? 0;
   }, L = K(
-    ({ active: D, over: p }) => {
-      const S = F.current;
-      if (F.current = 0, G(null), !D || !p) return;
-      const I = String(D.id).replace(/^drag-/, ""), w = String(p.id).replace(/^drop-/, "");
+    ({ active: $, over: p }) => {
+      const z = F.current;
+      if (F.current = 0, U(null), !$ || !p) return;
+      const I = String($.id).replace(/^drag-/, ""), w = String(p.id).replace(/^drop-/, "");
       if (!I || !w || I === w) return;
-      let z = w;
-      const y = Math.max(0, Math.floor(-S / f));
+      let S = w;
+      const y = Math.max(0, Math.floor(-z / b));
       if (y > 0) {
         let q = w;
         for (let X = 0; X < y; X++) {
           const Y = xa(_, q, null);
           if (!Y) break;
           if (!Y.parentId) {
-            z = a;
+            S = a;
             break;
           }
-          z = Y.parentId, q = Y.parentId;
+          S = Y.parentId, q = Y.parentId;
         }
       }
-      if (d && z === a) {
-        U(Le(C));
+      if (d && S === a) {
+        G(Le(C));
         return;
       }
-      const N = Le(_), { newRoots: R, removed: $ } = cs(N, I);
-      if (!$) return;
-      const M = ds(R, z, $);
-      U(M), r?.({ sourceId: I, destParentId: z, newTree: M });
+      const N = Le(_), { newRoots: R, removed: D } = cs(N, I);
+      if (!D) return;
+      const M = ds(R, S, D);
+      G(M), r?.({ sourceId: I, destParentId: S, newTree: M });
     },
-    [_, C, a, d, f, r]
+    [_, C, a, d, b, r]
   ), P = K(
-    (D, p = 0) => D.map((S) => /* @__PURE__ */ n(ne.Fragment, { children: [
+    ($, p = 0) => $.map((z) => /* @__PURE__ */ n(ne.Fragment, { children: [
       /* @__PURE__ */ e(
         as,
         {
-          node: S,
+          node: z,
           depth: p,
-          expanded: !!A[S.id],
-          onToggle: () => V(S.id),
+          expanded: !!T[z.id],
+          onToggle: () => V(z.id),
           onSelect: o,
-          onCreateChild: b,
+          onCreateChild: f,
           onRename: v,
           onDelete: g,
           renderActions: x,
-          dragId: `drag-${S.id}`,
-          dropId: `drop-${S.id}`,
-          indent: f
+          dragId: `drag-${z.id}`,
+          dropId: `drop-${z.id}`,
+          indent: b
         }
       ),
-      A[S.id] && S.children?.length > 0 ? P(S.children, p + 1) : null
-    ] }, S.id)),
-    [A, f, b, g, v, o, x, V]
+      T[z.id] && z.children?.length > 0 ? P(z.children, p + 1) : null
+    ] }, z.id)),
+    [T, b, f, g, v, o, x, V]
   );
   return ne.useMemo(() => {
     if (!E) return null;
-    const D = String(E).replace(/^drag-/, "");
-    function p(S) {
-      for (const I of S) {
-        if (I.id === D) return I;
+    const $ = String(E).replace(/^drag-/, "");
+    function p(z) {
+      for (const I of z) {
+        if (I.id === $) return I;
         const w = I.children?.length ? p(I.children) : null;
         if (w) return w;
       }
@@ -4020,14 +4021,14 @@ const _l = ({
   ...h
   // Pass remaining props to Tab.Group
 }) => {
-  const b = s === "vertical", v = (x) => Se(
+  const f = s === "vertical", v = (x) => Se(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     x ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
   ), g = (x) => Se(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     x ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: x }) => o ? typeof o == "function" ? o(x) : o : b ? g(x) : v(x);
-  return /* @__PURE__ */ e(le.Group, { vertical: b, ...h, children: b ? /* @__PURE__ */ n("div", { className: Se("flex gap-4", i), children: [
+  ), r = ({ selected: x }) => o ? typeof o == "function" ? o(x) : o : f ? g(x) : v(x);
+  return /* @__PURE__ */ e(le.Group, { vertical: f, ...h, children: f ? /* @__PURE__ */ n("div", { className: Se("flex gap-4", i), children: [
     /* @__PURE__ */ e(le.List, { className: Se("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((x) => /* @__PURE__ */ e(le, { className: r, children: x.label }, x.key)) }),
     /* @__PURE__ */ e(le.Panels, { unmount: !a, className: Se("flex-1", u), children: t.map((x) => /* @__PURE__ */ e(le.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: x.content }) }, x.key)) })
   ] }) : (
@@ -4038,31 +4039,27 @@ const _l = ({
     ] })
   ) });
 };
-function Ul(t, a = "YYYY-MM-DD HH:mm:ss") {
+function Gl(t, a = "YYYY-MM-DD HH:mm:ss") {
   return t ? (t.endsWith("Z") || /[+\-]\d{2}:?\d{2}$/.test(t) ? Dt.parseZone(t) : Dt.utc(t)).local().format(a) : null;
 }
 c.string;
 function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
-  console.log(t);
-  const [l, u] = ne.useState(t), [o, h] = ne.useState(() => {
-    const r = a && a[t.key] || {};
-    return console.log("Initial Section data for", t.key, r), r;
-  }), b = ge(a);
+  const [l, u] = ne.useState(t), [o, h] = ne.useState(() => a && a[t.key] || {}), f = ge(a);
   te(() => {
-    if (b.current !== a) {
-      b.current = a;
+    if (f.current !== a) {
+      f.current = a;
       const r = a && a[t.key] || {};
-      console.log("Updated Section data for", t.key, r), h(r);
+      h(r);
     }
-  }, [a, t.key]), console.log("Section data", o);
+  }, [a, t.key]);
   const v = ge(o);
   te(() => {
     v.current !== o && s && typeof s == "function" && (v.current = o, s(l.key, o));
   }, [l.key, o, s]);
   const g = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: x, value: d, operator: f = "equals" } = r.dependsOn, C = o[x];
-    switch (f) {
+    const { field: x, value: d, operator: b = "equals" } = r.dependsOn, C = o[x];
+    switch (b) {
       case "equals":
         return C === d;
       case "notEquals":
@@ -4104,7 +4101,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
-              const f = d.target ? d.target.checked : d, C = { ...o, [r.key]: f };
+              const b = d.target ? d.target.checked : d, C = { ...o, [r.key]: b };
               h(C), s && s(l.key, C);
             },
             label: r.label,
@@ -4159,8 +4156,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder,
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4179,8 +4176,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder,
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             rows: 3,
             required: r.required,
@@ -4204,13 +4201,13 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             max: r.max,
             step: r.step,
             onChange: (d) => {
-              const f = d.target.value, C = { ...o, [r.key]: f };
+              const b = d.target.value, C = { ...o, [r.key]: b };
               h(C), s && s(l.key, C);
             },
             onBlur: (d) => {
-              const f = d.target.value;
-              if (f !== "" && f !== null && f !== void 0) {
-                const C = Number(f);
+              const b = d.target.value;
+              if (b !== "" && b !== null && b !== void 0) {
+                const C = Number(b);
                 isNaN(C) || (r.min !== void 0 && C < r.min ? (d.target.setCustomValidity(`${r.label} must be at least ${r.min}`), d.target.reportValidity()) : r.max !== void 0 && C > r.max ? (d.target.setCustomValidity(`${r.label} must not exceed ${r.max}`), d.target.reportValidity()) : d.target.setCustomValidity(""));
               }
             },
@@ -4236,7 +4233,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
-              const f = d.target ? d.target.checked : d, C = { ...o, [r.key]: f };
+              const b = d.target ? d.target.checked : d, C = { ...o, [r.key]: b };
               h(C), s && s(l.key, C);
             },
             label: r.placeholder || r.label,
@@ -4254,8 +4251,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             defaultValue: r.default,
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d };
-              h(f);
+              const b = { ...o, [r.key]: d };
+              h(b);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4276,8 +4273,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Enter email address",
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4296,8 +4293,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Enter URL",
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4316,8 +4313,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Enter password",
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4332,8 +4329,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             selectedItems: o[r.key] || [],
             onSelectionChange: (d) => {
-              const f = { ...o, [r.key]: d };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d };
+              h(b), s && s(l.key, b);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4350,8 +4347,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             checked: typeof o[r.key] == "boolean" ? o[r.key] : r.default,
             onChange: (d) => {
               console.log("Toggle changed:", r.key, d);
-              const f = { ...o, [r.key]: d };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d };
+              h(b), s && s(l.key, b);
             },
             disabled: r.disabled ? r.disabled : !1
           }
@@ -4364,8 +4361,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           label: r.label,
           value: o[r.key] ? new Date(o[r.key]) : null,
           onChange: (d) => {
-            const f = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
-            h(f), s && s(l.key, f);
+            const b = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
+            h(b), s && s(l.key, b);
           },
           placeholder: r.placeholder || "Select date",
           disabled: r.disabled ? r.disabled : !1,
@@ -4379,8 +4376,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           label: r.label,
           value: o[r.key] || { from: null, to: null },
           onChange: (d) => {
-            const f = { ...o, [r.key]: d };
-            h(f), s && s(l.key, f);
+            const b = { ...o, [r.key]: d };
+            h(b), s && s(l.key, b);
           },
           placeholder: r.placeholder || "Select date range",
           disabled: r.disabled ? r.disabled : !1,
@@ -4394,8 +4391,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             selectedValue: typeof o[r.key] < "u" ? o[r.key] : r.default || "",
             onValueChange: (d) => {
-              const f = { ...o, [r.key]: d };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d };
+              h(b), s && s(l.key, b);
             },
             options: r.options || [],
             disabled: r.disabled ? r.disabled : !1,
@@ -4414,8 +4411,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               name: r.key,
               value: d.value,
               checked: o[r.key] === d.value,
-              onChange: (f) => {
-                const C = { ...o, [r.key]: f.target.value };
+              onChange: (b) => {
+                const C = { ...o, [r.key]: b.target.value };
                 h(C), s && s(l.key, C);
               },
               disabled: r.disabled
@@ -4434,8 +4431,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d };
+              h(b), s && s(l.key, b);
             },
             placeholder: r.placeholder || `Search ${r.label}`,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4453,8 +4450,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Select date and time",
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4472,8 +4469,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Select time",
             value: o[r.key] || "",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4490,8 +4487,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             defaultValue: r.default || "#000000",
             value: o[r.key] || "#000000",
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             className: `w-full h-10 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
@@ -4507,8 +4504,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             defaultValue: r.default || r.min || 0,
             value: o[r.key] || r.min || 0,
             onChange: (d) => {
-              const f = { ...o, [r.key]: d.target.value };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d.target.value };
+              h(b), s && s(l.key, b);
             },
             min: r.min || 0,
             max: r.max || 100,
@@ -4533,7 +4530,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const f = d.target.files[0], C = { ...o, [r.key]: f ? f.name : "" };
+              const b = d.target.files[0], C = { ...o, [r.key]: b ? b.name : "" };
               h(C), s && s(l.key, C);
             },
             accept: r.accept,
@@ -4550,8 +4547,8 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             initialData: o[r.key] || r.initialData || [],
             className: r.className || "",
             onCollectionChange: (d) => {
-              const f = { ...o, [r.key]: d };
-              h(f), s && s(l.key, f);
+              const b = { ...o, [r.key]: d };
+              h(b), s && s(l.key, b);
             },
             showSearch: r.showSearch !== !1,
             allowAdd: r.allowAdd !== !1,
@@ -4578,54 +4575,51 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
 }
 const us = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
-  console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, u] = B(t), [o, h] = B(null), [b, v] = B(null);
-  console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
-  const [g, r] = B(() => {
+  const [l, u] = B(t), [o, h] = B(null), [f, v] = B(null), [g, r] = B(() => {
     const m = a && a[l.key] || [];
     let k;
     return m.length > 0 ? k = m.map((L, P) => ({
       ...L,
       id: L.id !== void 0 ? L.id : P
-    })) : k = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Initial data:`, k), k;
+    })) : k = [{ id: 0 }], k;
   }), x = ge(a), d = ge(null);
   te(() => {
     const m = a && a[l.key] || [], k = d.current;
     if (JSON.stringify(m) !== JSON.stringify(k)) {
-      console.log(`[DataTableRenderer] ${l.key} - Section data changed`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, k), console.log(`[DataTableRenderer] ${l.key} - Current:`, m), x.current = a, d.current = m;
+      x.current = a, d.current = m;
       let P;
-      m.length > 0 ? P = m.map((D, p) => ({
-        ...D,
-        id: D.id !== void 0 ? D.id : p
-      })) : P = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, P), r(P);
+      m.length > 0 ? P = m.map(($, p) => ({
+        ...$,
+        id: $.id !== void 0 ? $.id : p
+      })) : P = [{ id: 0 }], r(P);
     }
   }, [a, l.key]);
-  const f = ge(g), C = ge(null), A = ge(!1);
+  const b = ge(g), C = ge(null), T = ge(!1);
   te(() => {
-    f.current !== g && s && typeof s == "function" && (f.current = g, C.current && clearTimeout(C.current), A.current ? (console.log("[DataTableRenderer] Executing immediate update for audience change"), A.current = !1, s(l.key, g)) : C.current = setTimeout(() => {
+    b.current !== g && s && typeof s == "function" && (b.current = g, C.current && clearTimeout(C.current), T.current ? (T.current = !1, s(l.key, g)) : C.current = setTimeout(() => {
       s(l.key, g);
     }, 300));
   }, [l.key, g, s]), te(() => () => {
     C.current && clearTimeout(C.current);
   }, []);
-  const T = (m) => {
-    const k = (D, p) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: D, value: p, type: typeof p }), r((S) => {
-        const I = [...S];
-        return I[D][m.key] = p, I;
+  const A = (m) => {
+    const k = ($, p) => {
+      r((z) => {
+        const I = [...z];
+        return I[$][m.key] = p, I;
       });
-    }, L = (D) => i[l.key]?.[D]?.[m.key], P = (D) => {
-      const p = L(D);
+    }, L = ($) => i[l.key]?.[$]?.[m.key], P = ($) => {
+      const p = L($);
       return p ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: p }) : null;
     };
     switch (m.fieldtype) {
       case "text":
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             H,
             {
-              value: D[m.key] || "",
-              onChange: (S) => k(p, S.target.value),
+              value: $[m.key] || "",
+              onChange: (z) => k(p, z.target.value),
               placeholder: m.placeholder || `Enter ${m.label}`,
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4634,12 +4628,12 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           P(p)
         ] });
       case "textarea":
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             da,
             {
-              value: D[m.key] || "",
-              onChange: (S) => k(p, S.target.value),
+              value: $[m.key] || "",
+              onChange: (z) => k(p, z.target.value),
               placeholder: m.placeholder || `Enter ${m.label}`,
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`,
@@ -4649,21 +4643,21 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           P(p)
         ] });
       case "number":
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             H,
             {
               type: "number",
-              value: D[m.key] || "",
+              value: $[m.key] || "",
               min: m.min,
               max: m.max,
               step: m.step,
-              onChange: (S) => k(p, S.target.value),
-              onBlur: (S) => {
-                const I = S.target.value;
+              onChange: (z) => k(p, z.target.value),
+              onBlur: (z) => {
+                const I = z.target.value;
                 if (I !== "" && I !== null && I !== void 0) {
                   const w = Number(I);
-                  isNaN(w) || (m.min !== void 0 && w < m.min ? (S.target.setCustomValidity(`${m.label} must be at least ${m.min}`), S.target.reportValidity()) : m.max !== void 0 && w > m.max ? (S.target.setCustomValidity(`${m.label} must not exceed ${m.max}`), S.target.reportValidity()) : S.target.setCustomValidity(""));
+                  isNaN(w) || (m.min !== void 0 && w < m.min ? (z.target.setCustomValidity(`${m.label} must be at least ${m.min}`), z.target.reportValidity()) : m.max !== void 0 && w > m.max ? (z.target.setCustomValidity(`${m.label} must not exceed ${m.max}`), z.target.reportValidity()) : z.target.setCustomValidity(""));
                 }
               },
               placeholder: m.placeholder || `Enter ${m.label}`,
@@ -4682,13 +4676,13 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           P(p)
         ] });
       case "email":
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             H,
             {
               type: "email",
-              value: D[m.key] || "",
-              onChange: (S) => k(p, S.target.value),
+              value: $[m.key] || "",
+              onChange: (z) => k(p, z.target.value),
               placeholder: m.placeholder || "Enter email address",
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4697,13 +4691,13 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           P(p)
         ] });
       case "url":
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             H,
             {
               type: "url",
-              value: D[m.key] || "",
-              onChange: (S) => k(p, S.target.value),
+              value: $[m.key] || "",
+              onChange: (z) => k(p, z.target.value),
               placeholder: m.placeholder || "Enter URL",
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4712,13 +4706,13 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           P(p)
         ] });
       case "password":
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             H,
             {
               type: "password",
-              value: D[m.key] || "",
-              onChange: (S) => k(p, S.target.value),
+              value: $[m.key] || "",
+              onChange: (z) => k(p, z.target.value),
               placeholder: m.placeholder || "Enter password",
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4728,12 +4722,12 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         ] });
       case "select":
       case "dropdown":
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             gt,
             {
-              value: D[m.key] || "",
-              onChange: (S) => k(p, S),
+              value: $[m.key] || "",
+              onChange: (z) => k(p, z),
               options: m.options || [],
               placeholder: m.placeholder || `Select ${m.label}`,
               required: m.required,
@@ -4743,15 +4737,15 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           P(p)
         ] });
       case "selectDynamic":
-        return (D, p) => {
-          const S = () => {
+        return ($, p) => {
+          const z = () => {
             if (m.optionsFrom && a) {
-              const { config: I, valueField: w, labelField: z } = m.optionsFrom, y = a[I] || [];
+              const { config: I, valueField: w, labelField: S } = m.optionsFrom, y = a[I] || [];
               if (Array.isArray(y))
                 return y.map((N) => ({
                   id: N[w] || "",
                   value: N[w] || "",
-                  label: N[z] || ""
+                  label: N[S] || ""
                 }));
             }
             return m.options || [];
@@ -4761,9 +4755,9 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               gt,
               {
                 index: p,
-                value: D[m.key] || "",
+                value: $[m.key] || "",
                 onChange: (I) => k(p, I),
-                options: S(),
+                options: z(),
                 placeholder: m.placeholder || `Select ${m.label}`,
                 required: m.required,
                 className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4774,12 +4768,12 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ] });
         };
       case "multiselect":
-        return (D, p) => {
-          const S = D[m.key] || [];
+        return ($, p) => {
+          const z = $[m.key] || [];
           return /* @__PURE__ */ e(
             rt,
             {
-              selectedItems: S,
+              selectedItems: z,
               onSelectionChange: (I) => k(p, I),
               options: m.options || [],
               placeholder: m.placeholder || `Select ${m.label}`,
@@ -4789,96 +4783,96 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "checkbox":
       case "boolean":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           ut,
           {
-            checked: !!D[m.key],
-            onChange: (S) => k(p, S),
+            checked: !!$[m.key],
+            onChange: (z) => k(p, z),
             label: m.placeholder || m.label,
             className: "w-full"
           }
         );
       case "toggle":
       case "switch":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           ma,
           {
-            isOn: !!D[m.key],
-            onToggle: (S) => k(p, S),
+            isOn: !!$[m.key],
+            onToggle: (z) => k(p, z),
             label: m.placeholder || m.label,
             className: "w-full"
           }
         );
       case "date":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           la,
           {
-            selectedDate: D[m.key] ? new Date(D[m.key]) : null,
-            onDateChange: (S) => k(p, S ? S.toISOString().split("T")[0] : ""),
+            selectedDate: $[m.key] ? new Date($[m.key]) : null,
+            onDateChange: (z) => k(p, z ? z.toISOString().split("T")[0] : ""),
             placeholder: m.placeholder || "Select date",
             className: "w-full"
           }
         );
       case "datetime":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           H,
           {
             type: "datetime-local",
-            value: D[m.key] || "",
-            onChange: (S) => k(p, S.target.value),
+            value: $[m.key] || "",
+            onChange: (z) => k(p, z.target.value),
             placeholder: m.placeholder || "Select date and time",
             required: m.required,
             className: "w-full"
           }
         );
       case "time":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           H,
           {
             type: "time",
-            value: D[m.key] || "",
-            onChange: (S) => k(p, S.target.value),
+            value: $[m.key] || "",
+            onChange: (z) => k(p, z.target.value),
             placeholder: m.placeholder || "Select time",
             required: m.required,
             className: "w-full"
           }
         );
       case "radio":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           ia,
           {
-            selectedValue: D[m.key] || "",
-            onValueChange: (S) => k(p, S),
+            selectedValue: $[m.key] || "",
+            onValueChange: (z) => k(p, z),
             options: m.options || [],
             className: "w-full"
           }
         );
       case "search":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           ye,
           {
-            value: D[m.key] || "",
-            onChange: (S) => k(p, S),
+            value: $[m.key] || "",
+            onChange: (z) => k(p, z),
             placeholder: m.placeholder || `Search ${m.label}`,
             className: "w-full"
           }
         );
       case "audience":
-        return (D, p) => {
-          const S = D[m.key] || { users: [], groups: [], roles: [] }, I = [
-            ...S.users || [],
-            ...S.groups || [],
-            ...S.roles || []
+        return ($, p) => {
+          const z = $[m.key] || { users: [], groups: [], roles: [] }, I = [
+            ...z.users || [],
+            ...z.groups || [],
+            ...z.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(us, { children: I.length > 0 ? I.slice(0, 3).map((w, z) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(us, { children: I.length > 0 ? I.slice(0, 3).map((w, S) => /* @__PURE__ */ e(
               we,
               {
                 size: "small",
                 name: w.name || w.displayName || w.id,
                 src: w.avatarUrl
               },
-              z
+              S
             )) : null }),
             /* @__PURE__ */ e(
               "button",
@@ -4893,38 +4887,38 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ] });
         };
       case "color":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           H,
           {
             type: "color",
-            value: D[m.key] || "#000000",
-            onChange: (S) => k(p, S.target.value),
+            value: $[m.key] || "#000000",
+            onChange: (z) => k(p, z.target.value),
             className: "w-full h-10"
           }
         );
       case "range":
-        return (D, p) => /* @__PURE__ */ n("div", { className: "w-full", children: [
+        return ($, p) => /* @__PURE__ */ n("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
             H,
             {
               type: "range",
-              value: D[m.key] || m.min || 0,
-              onChange: (S) => k(p, S.target.value),
+              value: $[m.key] || m.min || 0,
+              onChange: (z) => k(p, z.target.value),
               min: m.min || 0,
               max: m.max || 100,
               step: m.step || 1,
               className: "w-full"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: D[m.key] || m.min || 0 })
+          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: $[m.key] || m.min || 0 })
         ] });
       case "file":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           H,
           {
             type: "file",
-            onChange: (S) => {
-              const I = S.target.files[0];
+            onChange: (z) => {
+              const I = z.target.files[0];
               k(p, I ? I.name : "");
             },
             accept: m.accept,
@@ -4932,22 +4926,22 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           }
         );
       case "hidden":
-        return (D, p) => /* @__PURE__ */ e(
+        return ($, p) => /* @__PURE__ */ e(
           H,
           {
             type: "hidden",
-            value: D[m.key] || "",
-            onChange: (S) => k(p, S.target.value)
+            value: $[m.key] || "",
+            onChange: (z) => k(p, z.target.value)
           }
         );
       // Default fallback for unknown field types
       default:
-        return (D, p) => /* @__PURE__ */ n("div", { children: [
+        return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             H,
             {
-              value: D[m.key] || "",
-              onChange: (S) => k(p, S.target.value),
+              value: $[m.key] || "",
+              onChange: (z) => k(p, z.target.value),
               placeholder: m.placeholder || `Enter ${m.label}`,
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4957,17 +4951,14 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         ] });
     }
   }, O = K(() => {
-    console.log("[DataTableRenderer] Adding blank row"), r((m) => {
-      console.log("[DataTableRenderer] Current data before add:", m);
-      const L = (m.length > 0 ? Math.max(...m.map((p) => p.id || 0)) : -1) + 1, P = {
-        id: L
+    r((m) => {
+      const P = {
+        id: (m.length > 0 ? Math.max(...m.map((p) => p.id || 0)) : -1) + 1
         // Assign unique incremental ID
       };
-      l.fields.forEach((p) => {
+      return l.fields.forEach((p) => {
         p.fieldtype === "audience" ? P[p.key] = { users: [], groups: [], roles: [] } : P[p.key] = p.default || "";
-      }), console.log("[DataTableRenderer] New blank row with ID:", L, P);
-      const D = [...m, P];
-      return console.log("[DataTableRenderer] Updated data:", D), D;
+      }), [...m, P];
     });
   }, [l.fields]), V = K((m) => {
     r((k) => {
@@ -4976,40 +4967,39 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const L = [...k];
       return L.splice(m, 1), L;
     });
-  }, []), [_, U] = B(null), W = K((m, k) => {
-    U(k), m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("text/html", "");
+  }, []), [_, G] = B(null), W = K((m, k) => {
+    G(k), m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("text/html", "");
   }, []), J = K((m) => {
     m.preventDefault(), m.dataTransfer.dropEffect = "move";
   }, []), E = K((m, k) => {
     m.preventDefault(), !(_ === null || _ === k) && (r((L) => {
-      const P = [...L], D = P[_];
-      return P.splice(_, 1), P.splice(k, 0, D), P;
-    }), U(null));
-  }, [_]), G = K(() => {
-    U(null);
+      const P = [...L], $ = P[_];
+      return P.splice(_, 1), P.splice(k, 0, $), P;
+    }), G(null));
+  }, [_]), U = K(() => {
+    G(null);
   }, []), F = K((m, k) => {
-    console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: m, existingShares: k }), r((P) => {
-      const D = [...P];
-      if (o !== null && b && D[o]) {
+    r((P) => {
+      const $ = [...P];
+      if (o !== null && f && $[o]) {
         const p = m?.pendingInvites || [];
         if (p.length > 0) {
-          console.log("[DataTableRenderer] Adding new pending invites:", p);
-          const S = p.filter((y) => y.type === "User"), I = p.filter((y) => y.type === "Group"), w = p.filter((y) => y.type === "Role"), z = D[o][b] || { users: [], groups: [], roles: [] };
-          D[o][b] = {
-            users: [...z.users || [], ...S],
-            groups: [...z.groups || [], ...I],
-            roles: [...z.roles || [], ...w]
-          }, console.log("[DataTableRenderer] Added new audience members:", D[o][b]);
-        } else k && (console.log("[DataTableRenderer] Updating audience from ManageFlow with existing shares:", k), D[o][b] = {
+          const z = p.filter((y) => y.type === "User"), I = p.filter((y) => y.type === "Group"), w = p.filter((y) => y.type === "Role"), S = $[o][f] || { users: [], groups: [], roles: [] };
+          $[o][f] = {
+            users: [...S.users || [], ...z],
+            groups: [...S.groups || [], ...I],
+            roles: [...S.roles || [], ...w]
+          };
+        } else k && ($[o][f] = {
           users: k.users || [],
           groups: k.groups || [],
           roles: k.roles || []
-        }, console.log("[DataTableRenderer] Updated audience from ManageFlow:", D[o][b]));
-        console.log("[DataTableRenderer] Final audience data:", D[o][b]), A.current = !0;
+        });
+        T.current = !0;
       }
-      return D;
+      return $;
     }), (m?.pendingInvites || []).length > 0 && (h(null), v(null));
-  }, [o, b, s]);
+  }, [o, f, s]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -5046,10 +5036,10 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           onDragStart: (L) => W(L, k),
           onDragOver: J,
           onDrop: (L) => E(L, k),
-          onDragEnd: G,
+          onDragEnd: U,
           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(vt, { size: 16 }) }) }),
-            l.fields.map((L, P) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: T(L)(m, k) }, P)),
+            l.fields.map((L, P) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: A(L)(m, k) }, P)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -5065,12 +5055,12 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       )) })
     ] }) }),
     o !== null && (() => {
-      const m = g[o] && g[o][b] ? {
-        users: g[o][b].users || [],
-        groups: g[o][b].groups || [],
-        roles: g[o][b].roles || []
+      const m = g[o] && g[o][f] ? {
+        users: g[o][f].users || [],
+        groups: g[o][f].groups || [],
+        roles: g[o][f].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", m), console.log("[DataTableRenderer] Row data:", g[o]), console.log("[DataTableRenderer] Field name:", b), /* @__PURE__ */ e(
+      return /* @__PURE__ */ e(
         es,
         {
           isOpen: !0,
@@ -5109,19 +5099,19 @@ function fs({
   widgetId: o,
   mode: h = "app"
 }) {
-  const [b, v] = ne.useState(a), [g, r] = ne.useState(null), [x, d] = ne.useState(null), [f, C] = B(!1), [A, T] = B(!1), [O, V] = B({}), _ = `${Ce()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, U = `${Ce()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration?widgetid=${o}`, W = h === "widget" ? U : _, J = W, [E, G] = B(1), F = () => {
+  const [f, v] = ne.useState(a), [g, r] = ne.useState(null), [x, d] = ne.useState(null), [b, C] = B(!1), [T, A] = B(!1), [O, V] = B({}), _ = `${Ce()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, G = `${Ce()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration?widgetid=${o}`, W = h === "widget" ? G : _, J = W, [E, U] = B(1), F = () => {
     if (!x || !g)
-      return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: x, data: g }), !1;
+      return !1;
     const w = (R) => {
       if (R == null || typeof R != "object") return R;
       if (Array.isArray(R)) return R.map(w);
-      const $ = {};
+      const D = {};
       return Object.keys(R).sort().forEach((M) => {
-        $[M] = w(R[M]);
-      }), $;
-    }, z = w(x), y = w(g), N = JSON.stringify(z) !== JSON.stringify(y);
+        D[M] = w(R[M]);
+      }), D;
+    }, S = w(x), y = w(g), N = JSON.stringify(S) !== JSON.stringify(y);
     return console.log("[DynamicConfig] hasUnsavedChanges:", N, {
-      originalData: z,
+      originalData: S,
       currentData: y,
       originalRaw: x,
       currentRaw: g
@@ -5129,10 +5119,10 @@ function fs({
   }, m = (w) => {
     if (!a || !a.configuration)
       return w;
-    const z = {}, y = w?.configuration || {};
+    const S = {}, y = w?.configuration || {};
     return a.configuration.forEach((N) => {
       if (N.key && N.type === "datatable") {
-        const $ = (y[N.key] || []).map((M, q) => {
+        const D = (y[N.key] || []).map((M, q) => {
           const X = { id: M.id || 0 };
           return N.fields && N.fields.forEach((Y) => {
             if (Y.fieldtype === "audience") {
@@ -5145,37 +5135,37 @@ function fs({
             } else Y.fieldtype === "select" ? X[Y.key] = M[Y.key] !== void 0 && M[Y.key] !== "" ? M[Y.key] : Y.default || "" : X[Y.key] = M[Y.key] || Y.default || "";
           }), X;
         });
-        if ($.length === 0) {
+        if (D.length === 0) {
           const M = { id: 0 };
           N.fields && N.fields.forEach((q) => {
             q.fieldtype === "audience" ? M[q.key] = { users: [], groups: [], roles: [] } : M[q.key] = q.default || "";
-          }), $.push(M);
+          }), D.push(M);
         }
-        z[N.key] = $;
+        S[N.key] = D;
       } else if (N.key) {
         const R = y[N.key] || {};
-        N.type === "section" && N.fields && N.fields.forEach(($) => {
-          $.fieldtype === "managecollectionlist" && $.key && (!R[$.key] || !Array.isArray(R[$.key])) && (R[$.key] = $.initialData || []);
-        }), z[N.key] = R;
+        N.type === "section" && N.fields && N.fields.forEach((D) => {
+          D.fieldtype === "managecollectionlist" && D.key && (!R[D.key] || !Array.isArray(R[D.key])) && (R[D.key] = D.initialData || []);
+        }), S[N.key] = R;
       }
-    }), z;
+    }), S;
   }, k = () => {
     if (a && a.configuration) {
       const w = {};
-      a.configuration.forEach((z) => {
-        if (z.key)
-          if (z.type === "datatable") {
+      a.configuration.forEach((S) => {
+        if (S.key)
+          if (S.type === "datatable") {
             const y = { id: 0 };
-            z.fields && z.fields.forEach((N) => {
+            S.fields && S.fields.forEach((N) => {
               N.fieldtype === "audience" ? y[N.key] = { users: [], groups: [], roles: [] } : (N.fieldtype, y[N.key] = N.default || "");
-            }), w[z.key] = [y];
-          } else if (z.type === "section") {
+            }), w[S.key] = [y];
+          } else if (S.type === "section") {
             const y = {};
-            z.fields && Array.isArray(z.fields) && z.fields.forEach((N) => {
+            S.fields && Array.isArray(S.fields) && S.fields.forEach((N) => {
               N.key && (N.fieldtype === "managecollectionlist" ? y[N.key] = N.initialData || [] : y[N.key] = N.default || "");
-            }), w[z.key] = y;
+            }), w[S.key] = y;
           } else
-            w[z.key] = {};
+            w[S.key] = {};
       }), r(w), d(w);
     }
   };
@@ -5187,19 +5177,19 @@ function fs({
     const w = async () => {
       try {
         C(!0);
-        let z = await Ke(W);
-        if (z) {
-          const y = m(z);
+        let S = await Ke(W);
+        if (S) {
+          const y = m(S);
           r(y), d(y);
         } else
           k();
-      } catch (z) {
-        console.error("Error fetching configuration:", z);
+      } catch (S) {
+        console.error("Error fetching configuration:", S);
         let y = "Failed to load configuration";
-        if (z.response) {
-          const N = z.response.status, R = z.response.data?.message || z.response.data?.error;
+        if (S.response) {
+          const N = S.response.status, R = S.response.data?.message || S.response.data?.error;
           N === 400 ? y = R || "Invalid request. Please check the application ID." : N === 401 ? y = "You are not authorized to access this configuration." : N === 403 ? y = "Access denied. You don't have permission to view this configuration." : N === 404 ? y = "Configuration not found. It may not exist yet or the application ID is incorrect." : N >= 500 ? y = R || "Server error. Please try again later." : y = R || `Failed to load configuration (Error ${N})`;
-        } else z.request ? y = "Network error. Please check your connection and try again." : y = z.message || "An unexpected error occurred while loading configuration.";
+        } else S.request ? y = "Network error. Please check your connection and try again." : y = S.message || "An unexpected error occurred while loading configuration.";
         We.error(y), k();
       } finally {
         C(!1);
@@ -5207,62 +5197,56 @@ function fs({
     };
     a && (v(a), t ? w() : k());
   }, [a, E, t, s]);
-  const L = (w, z) => {
-    console.log(`[DynamicConfig] handleSectionChange called for ${w}:`, z), r((y) => {
-      const N = {
-        ...y,
-        [w]: z
-      };
-      return console.log("[DynamicConfig] Updated data state:", N), N;
-    }), V((y) => {
+  const L = (w, S) => {
+    r((y) => ({
+      ...y,
+      [w]: S
+    })), V((y) => {
       const N = { ...y };
       return N[w] && delete N[w], N;
     });
   }, P = () => {
     const w = {};
-    return !b || !g || b.configuration.forEach((z) => {
-      if (z.type === "section")
-        z.fields.forEach((y) => {
-          const N = g[z.key]?.[y.key];
+    return !f || !g || f.configuration.forEach((S) => {
+      if (S.type === "section")
+        S.fields.forEach((y) => {
+          const N = g[S.key]?.[y.key];
           if (y.required && (!N || typeof N == "string" && N.trim() === "")) {
-            w[z.key] || (w[z.key] = {}), w[z.key][y.key] = `${y.label} is required`;
+            w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} is required`;
             return;
           }
           if (y.fieldtype === "number" && N !== "" && N !== null && N !== void 0) {
             const R = Number(N);
-            isNaN(R) ? (w[z.key] || (w[z.key] = {}), w[z.key][y.key] = `${y.label} must be a valid number`) : (y.min !== void 0 && R < y.min && (w[z.key] || (w[z.key] = {}), w[z.key][y.key] = `${y.label} must be at least ${y.min}`), y.max !== void 0 && R > y.max && (w[z.key] || (w[z.key] = {}), w[z.key][y.key] = `${y.label} must not exceed ${y.max}`));
+            isNaN(R) ? (w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} must be a valid number`) : (y.min !== void 0 && R < y.min && (w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} must be at least ${y.min}`), y.max !== void 0 && R > y.max && (w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} must not exceed ${y.max}`));
           }
         });
-      else if (z.type === "datatable") {
-        const y = g[z.key];
+      else if (S.type === "datatable") {
+        const y = g[S.key];
         Array.isArray(y) && y.forEach((N, R) => {
-          z.fields.forEach(($) => {
-            const M = N[$.key];
-            if ($.required && (!M || typeof M == "string" && M.trim() === "")) {
-              w[z.key] || (w[z.key] = {}), w[z.key][R] || (w[z.key][R] = {}), w[z.key][R][$.key] = `${$.label} is required`;
+          S.fields.forEach((D) => {
+            const M = N[D.key];
+            if (D.required && (!M || typeof M == "string" && M.trim() === "")) {
+              w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} is required`;
               return;
             }
-            if ($.fieldtype === "number" && M !== "" && M !== null && M !== void 0) {
+            if (D.fieldtype === "number" && M !== "" && M !== null && M !== void 0) {
               const q = Number(M);
-              isNaN(q) ? (w[z.key] || (w[z.key] = {}), w[z.key][R] || (w[z.key][R] = {}), w[z.key][R][$.key] = `${$.label} must be a valid number`) : ($.min !== void 0 && q < $.min && (w[z.key] || (w[z.key] = {}), w[z.key][R] || (w[z.key][R] = {}), w[z.key][R][$.key] = `${$.label} must be at least ${$.min}`), $.max !== void 0 && q > $.max && (w[z.key] || (w[z.key] = {}), w[z.key][R] || (w[z.key][R] = {}), w[z.key][R][$.key] = `${$.label} must not exceed ${$.max}`));
+              isNaN(q) ? (w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} must be a valid number`) : (D.min !== void 0 && q < D.min && (w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} must be at least ${D.min}`), D.max !== void 0 && q > D.max && (w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} must not exceed ${D.max}`));
             }
           });
         });
       }
     }), w;
-  }, D = (w) => Object.keys(w).length > 0, p = () => {
-    if (A) {
-      console.log("[handleSave] Already saving, ignoring duplicate call");
+  }, $ = (w) => Object.keys(w).length > 0, p = () => {
+    if (T)
       return;
-    }
-    console.log("[handleSave] Starting save process");
     const w = P();
-    if (V(w), D(w)) {
+    if (V(w), $(w)) {
       let y = [];
       Object.keys(w).forEach((N) => {
         typeof w[N] == "object" && Object.keys(w[N]).forEach((R) => {
-          typeof w[N][R] == "object" ? Object.keys(w[N][R]).forEach(($) => {
-            y.push(`${N} row ${parseInt(R) + 1}: ${w[N][R][$]}`);
+          typeof w[N][R] == "object" ? Object.keys(w[N][R]).forEach((D) => {
+            y.push(`${N} row ${parseInt(R) + 1}: ${w[N][R][D]}`);
           }) : y.push(`${N}: ${w[N][R]}`);
         });
       });
@@ -5270,15 +5254,15 @@ function fs({
     }
     (async () => {
       try {
-        T(!0);
+        A(!0);
         const y = {};
         g && Object.keys(g).forEach((R) => {
-          const $ = a?.configuration?.find(
+          const D = a?.configuration?.find(
             (M) => M.key === R && M.type === "datatable"
           );
-          $ && Array.isArray(g[R]) ? y[R] = g[R].map((M) => {
+          D && Array.isArray(g[R]) ? y[R] = g[R].map((M) => {
             const q = { id: M.id || 0 };
-            return $.fields && $.fields.forEach((X) => {
+            return D.fields && D.fields.forEach((X) => {
               if (X.fieldtype === "audience") {
                 let Y = { users: [], groups: [], roles: [] };
                 M[X.key] && typeof M[X.key] == "object" && !Array.isArray(M[X.key]) && (Y = {
@@ -5301,15 +5285,15 @@ function fs({
       } catch (y) {
         console.error("Error saving configuration:", y), We.error(y?.message || "Failed to save configuration");
       } finally {
-        T(!1);
+        A(!1);
       }
     })();
-  }, S = () => {
-    console.log("[DynamicConfig] handleCancel called"), F() ? (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"), u ? u() : (console.log("[DynamicConfig] Using fallback window.history.back()"), window.history.back()));
+  }, z = () => {
+    F() ? l ? l() : console.warn("[DynamicConfig] onShowCancelModal not provided, cannot show modal") : u ? u() : window.history.back();
   };
-  if (!b?.configuration && !a?.configuration)
+  if (!f?.configuration && !a?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
-  const I = a?.configuration || b?.configuration;
+  const I = a?.configuration || f?.configuration;
   return te(() => {
     s && a ? (!g || Object.keys(g).length === 0) && k() : s && !a && k();
   }, [s, a]), /* @__PURE__ */ n("div", { children: [
@@ -5319,19 +5303,22 @@ function fs({
         className: `dynamic-config bg-white w-full overflow-y-auto ${h !== "widget" ? "h-[calc(100vh-500px)]" : ""}`,
         style: { padding: "0px 20px 0px 0px" },
         children: [
-          f && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ca, { size: "large" }) }),
-          !f && I?.map((w, z) => {
-            const y = bs(w.type);
-            if (y && y !== "UnknownType")
+          b && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ca, { size: "large" }) }),
+          !b && I?.map((w, S) => {
+            const y = {
+              ...w,
+              fields: Array.isArray(w.fields) ? w.fields.filter((R) => !R.hidden) : w.fields
+            }, N = bs(w.type);
+            if (N && N !== "UnknownType")
               return /* @__PURE__ */ e(
-                y,
+                N,
                 {
-                  item: w,
+                  item: y,
                   data: g,
                   updateHandler: L,
                   validationErrors: O
                 },
-                z
+                S
               );
           })
         ]
@@ -5342,9 +5329,9 @@ function fs({
         ie,
         {
           category: "secondary",
-          onClick: S,
+          onClick: z,
           label: "Cancel",
-          disabled: A,
+          disabled: T,
           type: "button"
         }
       ),
@@ -5353,22 +5340,22 @@ function fs({
         {
           category: "primary",
           onClick: p,
-          disabled: A,
-          label: A ? "Saving..." : "Save",
+          disabled: T,
+          label: T ? "Saving..." : "Save",
           type: "submit"
         }
       )
     ] })
   ] });
 }
-const Gl = ({
+const Ul = ({
   config: t,
   appid: a = "Configuration-Page",
   disableApi: s = !1,
   hasConfig: i = !1
 }) => {
   const [l, u] = B(0), [o, h] = B(!1), {
-    pageHeader: b = {},
+    pageHeader: f = {},
     appletHeader: v = {},
     breadcrumb: g = [],
     overview: r = {},
@@ -5386,11 +5373,11 @@ const Gl = ({
           placeholder: a,
           disabled: !1
         }, k.some((p) => p.key === "displayname")) {
-          const p = k.findIndex((I) => I.key === "displayname"), S = k[p] || {};
+          const p = k.findIndex((I) => I.key === "displayname"), z = k[p] || {};
           k[p] = {
-            ...S,
-            default: S.default || S.value || a,
-            placeholder: S.placeholder || "Enter display name"
+            ...z,
+            default: z.default || z.value || a,
+            placeholder: z.placeholder || "Enter display name"
           };
         } else {
           const p = {
@@ -5411,30 +5398,29 @@ const Gl = ({
       };
     }
     return m;
-  }), [x, a]), f = {
+  }), [x, a]), b = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
-    ...b
+    ...f
   }, C = g.map((m) => ({
     label: m.text,
     href: m.href || "#"
-  })), A = K(() => {
+  })), T = K(() => {
     h(!0);
-  }, []), T = K((m) => {
+  }, []), A = K((m) => {
     h(!1), m.primary && window.history.back();
   }, []), O = K((m) => {
-    console.log("Configuration changed:", m);
   }, []), V = K(() => {
     window.history.back();
   }, []), _ = (() => {
     if (v.headingKey && Array.isArray(x)) {
-      const m = v.headingKey.split("."), k = m[0], L = m[1], P = x.find((D) => D && D.key === k);
+      const m = v.headingKey.split("."), k = m[0], L = m[1], P = x.find(($) => $ && $.key === k);
       if (P && P.fields) {
-        const D = P.fields.find((p) => p && p.key === L);
-        if (D)
-          return D.default ?? D.value ?? v.heading ?? a;
+        const $ = P.fields.find((p) => p && p.key === L);
+        if ($)
+          return $.default ?? $.value ?? v.heading ?? a;
       }
     }
     if (Array.isArray(x)) {
@@ -5445,7 +5431,7 @@ const Gl = ({
         }
     }
     return v.heading || a;
-  })(), U = {
+  })(), G = {
     subHeading: "Application configuration and details",
     tags: [],
     ...v,
@@ -5473,9 +5459,9 @@ const Gl = ({
     configuration: d
   }), [d]), E = ae(() => [
     { label: "Overview", content: F(W) },
-    i && { label: "Configuration", content: /* @__PURE__ */ e(fs, { appid: a, configdata: J, disableApi: s, onSave: O, onShowCancelModal: A, onCancel: V }) }
-  ].filter(Boolean), [a, J, s, O, A, V, W]);
-  function G(m) {
+    i && { label: "Configuration", content: /* @__PURE__ */ e(fs, { appid: a, configdata: J, disableApi: s, onSave: O, onShowCancelModal: T, onCancel: V }) }
+  ].filter(Boolean), [a, J, s, O, T, V, W]);
+  function U(m) {
     return m ? m.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: m } }) : m : "📱";
   }
   function F(m) {
@@ -5516,19 +5502,19 @@ const Gl = ({
     /* @__PURE__ */ e(
       Mn,
       {
-        heading: f.heading,
-        subHeading: C.length > 0 ? void 0 : f.subHeading,
+        heading: b.heading,
+        subHeading: C.length > 0 ? void 0 : b.subHeading,
         breadcrumbItems: C,
-        isLeftArrow: f.isLeftArrow,
-        onBackClick: f.onBackClick
+        isLeftArrow: b.isLeftArrow,
+        onBackClick: b.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: G(U.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(G.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: 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((m, k) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: G.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: G.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: G.tags && G.tags.map((m, k) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
@@ -5554,7 +5540,7 @@ const Gl = ({
       Fn,
       {
         isOpen: o,
-        onClose: T,
+        onClose: A,
         variant: "warning",
         title: "Are you sure you want to cancel?",
         primaryButtonText: "Yes",
@@ -5573,67 +5559,67 @@ const Gl = ({
   allowReorder: o = !0,
   initialData: h = null
 }) => {
-  const [b, v] = B(null), [g, r] = B(""), [x, d] = B(() => Array.isArray(h) ? h : []), [f, C] = B(null), [A, T] = B(null), [O, V] = B("");
+  const [f, v] = B(null), [g, r] = B(""), [x, d] = B(() => Array.isArray(h) ? h : []), [b, C] = B(null), [T, A] = B(null), [O, V] = B("");
   te(() => {
     Array.isArray(h) && d(h);
   }, [h]);
   const _ = (p) => {
     l && (v(p._id), r(p.categoryName || ""));
-  }, U = () => {
-    if (!i || b !== null) return;
-    const S = (x.length > 0 ? Math.max(...x.map((I) => typeof I._id == "number" ? I._id : 0)) : 0) + 1;
+  }, G = () => {
+    if (!i || f !== null) return;
+    const z = (x.length > 0 ? Math.max(...x.map((I) => typeof I._id == "number" ? I._id : 0)) : 0) + 1;
     d((I) => [
       ...I,
       {
-        _id: S,
+        _id: z,
         categoryName: "",
         links: [],
         order: (I.at(-1)?.order ?? 0) + 1,
         protected: !1,
         _class: "com.unifyed.model.Collection"
       }
-    ]), v(S), r("");
+    ]), v(z), r("");
   }, W = () => {
-    b != null && (d((p) => {
-      const I = !Array.isArray(h) || !h.some((w) => w._id === b) ? p.filter((w) => w._id !== b) : p;
+    f != null && (d((p) => {
+      const I = !Array.isArray(h) || !h.some((w) => w._id === f) ? p.filter((w) => w._id !== f) : p;
       return a?.(I), I;
     }), v(null), r(""));
   }, J = () => {
-    b == null || !g.trim() || (d((p) => {
-      const S = p.map((I) => I._id === b ? {
+    f == null || !g.trim() || (d((p) => {
+      const z = p.map((I) => I._id === f ? {
         ...I,
         categoryName: g.trim()
       } : I);
-      return a?.(S), S;
+      return a?.(z), z;
     }), v(null), r(""));
   }, E = (p) => {
-    u && d((S) => {
-      const I = S.filter((w) => w._id !== p._id);
+    u && d((z) => {
+      const I = z.filter((w) => w._id !== p._id);
       return a?.(I), I;
     });
-  }, G = (p, S, I) => {
-    const w = Number(S), z = Number(I);
-    if (!o || w === z) return p;
-    const y = p.findIndex((M) => Number(M._id) === w), N = p.findIndex((M) => Number(M._id) === z);
+  }, U = (p, z, I) => {
+    const w = Number(z), S = Number(I);
+    if (!o || w === S) return p;
+    const y = p.findIndex((M) => Number(M._id) === w), N = p.findIndex((M) => Number(M._id) === S);
     if (y === -1 || N === -1) return p;
-    const R = [...p], [$] = R.splice(y, 1);
-    return R.splice(N, 0, $), R.map((M, q) => ({ ...M, order: q + 1 }));
-  }, F = (p, S) => {
-    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(S)), C(Number(S)));
+    const R = [...p], [D] = R.splice(y, 1);
+    return R.splice(N, 0, D), R.map((M, q) => ({ ...M, order: q + 1 }));
+  }, F = (p, z) => {
+    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(z)), C(Number(z)));
   }, m = (p) => {
-    f && p !== A && T(p);
+    b && p !== T && A(p);
   }, k = (p) => {
     p.preventDefault();
-  }, L = (p, S) => {
+  }, L = (p, z) => {
     p.preventDefault();
-    const I = p.dataTransfer.getData("text/plain"), w = I === "0" ? 0 : Number(I), z = S === "0" ? 0 : Number(S);
-    w === void 0 || z === void 0 || (d((y) => {
-      const N = G(y, w, z);
+    const I = p.dataTransfer.getData("text/plain"), w = I === "0" ? 0 : Number(I), S = z === "0" ? 0 : Number(z);
+    w === void 0 || S === void 0 || (d((y) => {
+      const N = U(y, w, S);
       return a?.(N), N;
-    }), C(null), T(null));
+    }), C(null), A(null));
   }, P = () => {
-    C(null), T(null);
-  }, D = Array.isArray(x) ? x.filter(
+    C(null), A(null);
+  }, $ = Array.isArray(x) ? x.filter(
     (p) => p.categoryName?.toLowerCase().includes(O.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${t}`, children: [
@@ -5652,16 +5638,16 @@ const Gl = ({
         {
           className: [
             "px-4 py-3 bg-black text-white rounded-2xl ml-4",
-            b !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
+            f !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
           ].join(" "),
-          onClick: U,
-          disabled: b !== null,
+          onClick: G,
+          disabled: f !== null,
           children: "Add a Collection"
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: D.map((p) => {
-      const S = b === p._id, I = p?.links?.length ?? 0, w = f === p._id, z = A === p._id && f !== p._id;
+    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: $.map((p) => {
+      const z = f === p._id, I = p?.links?.length ?? 0, w = b === p._id, S = T === p._id && b !== p._id;
       return /* @__PURE__ */ e(
         "div",
         {
@@ -5672,10 +5658,10 @@ const Gl = ({
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
-            z ? "ring-2 ring-gray-800/20" : "",
+            S ? "ring-2 ring-gray-800/20" : "",
             w ? "opacity-60" : ""
           ].join(" "),
-          children: S ? /* @__PURE__ */ n(re, { children: [
+          children: z ? /* @__PURE__ */ n(re, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5840,44 +5826,44 @@ const Bt = () => {
   onFilterOpen: o,
   addBtnText: h = "Add",
   // Feature toggles
-  showSearch: b = !0,
+  showSearch: f = !0,
   showDelete: v = !0,
   showColumnChooser: g = !0,
   showFilter: r = !1,
   showPrint: x = !1,
   showExcel: d = !1,
-  showPdf: f = !1,
+  showPdf: b = !1,
   showRefresh: C = !1,
-  showAdd: A = !1,
-  iSelectedRecords: T = 0,
+  showAdd: T = !1,
+  iSelectedRecords: A = 0,
   // Additional props
   searchPlaceholder: O = "Search...",
   handleRefreshClick: V = () => {
   },
   handleSearchChange: _ = () => {
   },
-  handleDeleteClick: U = () => {
+  handleDeleteClick: G = () => {
   },
   // Optional: override export file names
   excelFileName: W,
   pdfFileName: J,
   searchIconSize: E,
-  searchIconClass: G,
+  searchIconClass: U,
   inputStyle: F
 }) => {
-  const m = () => l?.current || i?.current, [k, L] = ne.useState(""), P = (t || "export").toString().trim() || "export", D = `${W || P}.xlsx`, p = `${J || P}.pdf`, S = (z, y, N) => Math.max(y, Math.min(z, N)), I = K(
-    (z) => {
+  const m = () => l?.current || i?.current, [k, L] = ne.useState(""), P = (t || "export").toString().trim() || "export", $ = `${W || P}.xlsx`, p = `${J || P}.pdf`, z = (S, y, N) => Math.max(y, Math.min(S, N)), I = K(
+    (S) => {
       const y = m();
       if (y?.openColumnChooser) {
-        if (typeof window > "u" || !z?.currentTarget) {
+        if (typeof window > "u" || !S?.currentTarget) {
           y.openColumnChooser();
           return;
         }
         try {
-          const N = z.currentTarget.getBoundingClientRect(), R = N.left + window.scrollX, $ = N.bottom + window.scrollY;
-          let M = R - 120, q = $ - 120;
+          const N = S.currentTarget.getBoundingClientRect(), R = N.left + window.scrollX, D = N.bottom + window.scrollY;
+          let M = R - 120, q = D - 120;
           const X = window.innerWidth, Y = window.innerHeight;
-          M = S(M, window.scrollX + 8, window.scrollX + X - 340), q = S(q, window.scrollY, window.scrollY + Y - 120), y.openColumnChooser(M, q);
+          M = z(M, window.scrollX + 8, window.scrollX + X - 340), q = z(q, window.scrollY, window.scrollY + Y - 120), y.openColumnChooser(M, q);
         } catch (N) {
           console.log("coloumn choose error", N);
         }
@@ -5886,14 +5872,14 @@ const Bt = () => {
     []
     // no external deps; reads ref at call time
   ), w = K(
-    (z, y) => {
+    (S, y) => {
       const N = m();
       if (N)
-        switch (z) {
+        switch (S) {
           case "Delete": {
             if (v) {
               const R = N.getSelectedRecords();
-              return U(R);
+              return G(R);
             }
             break;
           }
@@ -5904,17 +5890,17 @@ const Bt = () => {
             x && N.print?.();
             break;
           case "Excel":
-            d && N.excelExport?.({ fileName: D });
+            d && N.excelExport?.({ fileName: $ });
             break;
           case "Pdf":
-            f && N.pdfExport?.({ fileName: p });
+            b && N.pdfExport?.({ fileName: p });
             break;
           case "Refresh":
             C && V();
             break;
         }
     },
-    [g, x, d, f, C, D, p, V, I]
+    [g, x, d, b, C, $, p, V, I]
   );
   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: [
@@ -5926,16 +5912,16 @@ const Bt = () => {
       a ? /* @__PURE__ */ e("div", { className: "text-sm text-gray-500", children: a }) : null
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-      b && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
+      f && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         ye,
         {
           placeholder: O,
           value: k,
-          onDebouncedChange: (z) => {
-            L(z), _(z);
+          onDebouncedChange: (S) => {
+            L(S), _(S);
           },
           searchIconSize: E || 16,
-          searchIconClass: G || "",
+          searchIconClass: U || "",
           inputStyle: F || { paddingTop: "4px", paddingBottom: "4px" }
         }
       ) }),
@@ -5947,14 +5933,14 @@ const Bt = () => {
               icon: Be,
               onClick: () => w("Delete"),
               ariaLabel: "Delete",
-              disabled: T === 0
+              disabled: A === 0
             }
           ),
           g && /* @__PURE__ */ e(
             ze,
             {
               icon: hr,
-              onClick: (z) => w("ColumnChooser", z),
+              onClick: (S) => w("ColumnChooser", S),
               ariaLabel: "Column Chooser"
             }
           ),
@@ -5982,7 +5968,7 @@ const Bt = () => {
               ariaLabel: "Excel Download"
             }
           ),
-          f && /* @__PURE__ */ e(
+          b && /* @__PURE__ */ e(
             ze,
             {
               icon: fr,
@@ -5999,7 +5985,7 @@ const Bt = () => {
             }
           )
         ] }),
-        A && u && /* @__PURE__ */ e(
+        T && u && /* @__PURE__ */ e(
           ie,
           {
             label: h,
@@ -6023,30 +6009,30 @@ function Wl(t) {
     pageSize: u = 20,
     allowPaging: o = !0,
     allowSorting: h = !0,
-    allowFiltering: b = !1,
+    allowFiltering: f = !1,
     allowGrouping: v = !1,
     allowReordering: g = !0,
     allowResizing: r = !0,
     allowExcelExport: x = !1,
     allowPdfExport: d = !1,
-    showColumnChooser: f = !1,
+    showColumnChooser: b = !1,
     enableSearchApi: C = !1,
-    height: A = "600",
-    selectionSettings: T,
+    height: T = "600",
+    selectionSettings: A,
     enableCheckbox: O = !1,
     columns: V = [],
     onGridStateChange: _,
-    onRowSelected: U,
+    onRowSelected: G,
     onRowDeselected: W,
     onRowDoubleClick: J,
     apiRef: E,
-    gridProps: G = {}
+    gridProps: U = {}
   } = t, F = ge(null), {
     pageSettings: m,
     sortSettings: k,
     ...L
-  } = G || {}, [P, D] = ne.useState(m?.page || l), [p, S] = ne.useState(m?.pageSize || u), [I, w] = ne.useState(k?.sortKey || "updatedDate"), [z, y] = ne.useState(k?.direction || "Descending"), N = ae(() => {
-    const j = T || {
+  } = U || {}, [P, $] = ne.useState(m?.page || l), [p, z] = ne.useState(m?.pageSize || u), [I, w] = ne.useState(k?.sortKey || "updatedDate"), [S, y] = ne.useState(k?.direction || "Descending"), N = ae(() => {
+    const j = A || {
       type: "Multiple",
       mode: "Row"
     };
@@ -6059,22 +6045,22 @@ function Wl(t) {
       checkboxOnly: !1,
       enableSimpleMultiRowSelection: !0
     } : j;
-  }, [T, O]), R = ae(() => {
+  }, [A, O]), R = ae(() => {
     const j = [Kr];
-    return (O || T) && j.push(en), h && j.push(tn), b && j.push(an), v && j.push(rn), C && j.push(nn), x && j.push(sn), d && j.push(ln), f && j.push(on), r && j.push(cn), g && j.push(dn), j.push(mn), j;
+    return (O || A) && j.push(en), h && j.push(tn), f && j.push(an), v && j.push(rn), C && j.push(nn), x && j.push(sn), d && j.push(ln), b && j.push(on), r && j.push(cn), g && j.push(dn), j.push(mn), j;
   }, [
     h,
-    b,
+    f,
     v,
     C,
     x,
     d,
-    f,
+    b,
     r,
     g,
     O,
-    T
-  ]), $ = ae(() => {
+    A
+  ]), D = ae(() => {
     const j = () => F.current, se = (Q, me) => {
       !me && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${Q} requested but related service/feature is disabled.`);
     };
@@ -6096,33 +6082,33 @@ function Wl(t) {
         se("pdfExport()", d), j()?.pdfExport?.(Q);
       },
       openColumnChooser: (Q, me) => {
-        se("openColumnChooser()", f), j()?.columnChooserModule?.openColumnChooser?.(Q, me);
+        se("openColumnChooser()", b), j()?.columnChooserModule?.openColumnChooser?.(Q, me);
       },
       // Additional useful methods
       getColumns: () => j()?.getColumns?.(),
       getFilteredRecords: () => j()?.getFilteredRecords?.(),
       autoFitColumns: (Q) => j()?.autoFitColumns?.(Q)
     };
-  }, [C, x, d, f]);
+  }, [C, x, d, b]);
   te(() => {
-    E && (E.current = $);
-  }, [E, $]), te(() => () => {
+    E && (E.current = D);
+  }, [E, D]), te(() => () => {
     E && (E.current = null);
   }, [E]);
   const M = (j) => {
     const se = String(j || "");
     return se === "Ascending" || se === "Descending" ? se : se.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, q = (j) => {
-    const se = F.current, Q = j?.requestType, me = Q === "paging" ? "paging" : Q === "sorting" ? "sorting" : Q === "searching" ? "searching" : Q === "filtering" ? "filtering" : Q === "grouping" ? "grouping" : Q === "reorder" ? "reorder" : Q === "columnstate" ? "columnstate" : "other", Ie = j?.pageSize ?? se?.pageSettings?.pageSize ?? p, Ge = j?.currentPage ?? se?.pageSettings?.currentPage ?? l, nt = j?.columnName && j?.direction ? [{ field: j.columnName, dir: M(j.direction) }] : (se?.sortSettings?.columns || []).map((Oe) => ({
+    const se = F.current, Q = j?.requestType, me = Q === "paging" ? "paging" : Q === "sorting" ? "sorting" : Q === "searching" ? "searching" : Q === "filtering" ? "filtering" : Q === "grouping" ? "grouping" : Q === "reorder" ? "reorder" : Q === "columnstate" ? "columnstate" : "other", Ie = j?.pageSize ?? se?.pageSettings?.pageSize ?? p, Ue = j?.currentPage ?? se?.pageSettings?.currentPage ?? l, nt = j?.columnName && j?.direction ? [{ field: j.columnName, dir: M(j.direction) }] : (se?.sortSettings?.columns || []).map((Oe) => ({
       field: Oe.field,
       dir: M(Oe.direction ?? Oe.dir)
     })), st = j?.searchString ?? "", lt = j?.columns ?? se?.filterSettings?.columns ?? [];
     return {
       reason: me,
       page: {
-        index: Ge,
+        index: Ue,
         size: Ie,
-        skip: (Ge - 1) * Ie,
+        skip: (Ue - 1) * Ie,
         take: Ie
       },
       sort: nt,
@@ -6133,7 +6119,7 @@ function Wl(t) {
   }, X = (j) => {
     setTimeout(() => {
       F?.current?.hideSpinner();
-    }, 1e3), j.requestType === "paging" && (D(j.currentPage), S(j.pageSize)), j.requestType === "sorting" && (w(j.columnName || "updatedDate"), y(j.direction)), _?.(q(j), j);
+    }, 1e3), j.requestType === "paging" && ($(j.currentPage), z(j.pageSize)), j.requestType === "sorting" && (w(j.columnName || "updatedDate"), y(j.direction)), _?.(q(j), j);
   }, Y = (j) => {
     J?.(j?.rowData, j);
   }, Re = () => {
@@ -6155,7 +6141,7 @@ function Wl(t) {
       const {
         field: me,
         headerText: Ie,
-        width: Ge,
+        width: Ue,
         textAlign: nt = "Left",
         template: st,
         isPrimaryKey: lt,
@@ -6165,8 +6151,8 @@ function Wl(t) {
         type: Sa,
         format: Da,
         visible: $a = !0,
-        minWidth: Ta,
-        maxWidth: Aa,
+        minWidth: Aa,
+        maxWidth: Ta,
         customAttributes: Fa,
         ...Ea
       } = se || {};
@@ -6176,7 +6162,7 @@ function Wl(t) {
           {
             field: me,
             headerText: Ie,
-            width: Ge,
+            width: Ue,
             textAlign: nt,
             template: st,
             isPrimaryKey: lt,
@@ -6186,8 +6172,8 @@ function Wl(t) {
             type: Sa,
             format: Da,
             visible: $a,
-            minWidth: Ta,
-            maxWidth: Aa,
+            minWidth: Aa,
+            maxWidth: Ta,
             customAttributes: Fa,
             ...Ea
           },
@@ -6201,9 +6187,9 @@ function Wl(t) {
     pageSizes: m?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
   }), [P, p, m?.pageSizes, s]), ka = ae(() => k ?? {
-    columns: [{ field: I, direction: M(z) }],
+    columns: [{ field: I, direction: M(S) }],
     allowUnsort: !1
-  }, [k, I, z]);
+  }, [k, I, S]);
   return /* @__PURE__ */ n(
     un,
     {
@@ -6213,19 +6199,19 @@ function Wl(t) {
         result: a,
         count: s
       },
-      height: A,
+      height: T,
       allowPaging: o,
       allowSorting: h,
-      allowFiltering: b,
+      allowFiltering: f,
       allowGrouping: v,
       allowReordering: g,
       allowResizing: r,
-      showColumnChooser: f,
+      showColumnChooser: b,
       selectionSettings: N,
       pageSettings: wa,
       sortSettings: ka,
       actionBegin: X,
-      rowSelected: U,
+      rowSelected: G,
       rowDeselected: W,
       recordDoubleClick: Y,
       cssClass: "custom-grid-padding",
@@ -6271,7 +6257,7 @@ function de({
   details: o = {},
   ...h
 }) {
-  const b = Ze(), v = xs(h, u), g = (x) => {
+  const f = Ze(), v = xs(h, u), g = (x) => {
     l?.({
       key: v,
       checked: x.target.checked,
@@ -6288,7 +6274,7 @@ function de({
         s && /* @__PURE__ */ e("div", { className: `absolute ${r} z-10`, children: /* @__PURE__ */ e(
           "input",
           {
-            id: b,
+            id: f,
             type: "checkbox",
             className: "h-4 w-4 rounded border-zinc-300 focus:ring-[var(--primaryColor)]",
             onChange: g,
@@ -6317,27 +6303,27 @@ function vs({
   title: u = "Activity",
   group: o = "Global",
   moreGroupsLabel: h = "+ 5 more",
-  author: b = "Judith Black",
+  author: f = "Judith Black",
   timeLabel: v = "Just now",
   imageUrl: g = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
   description: r = "Columbia University is a prestigious Ivy League institution located in the heart of New York City.",
   // spread remaining props (_id, instanceId, etc.)
   ...x
 }) {
-  const d = ue(t), f = he[d];
+  const d = ue(t), b = he[d];
   return /* @__PURE__ */ n(
     de,
     {
-      className: `flex flex-col ${f.card}`,
+      className: `flex flex-col ${b.card}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "activity", title: u, group: o, author: b },
+      details: { type: "activity", title: u, group: o, author: f },
       ...x,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${f.title} ml-3`, children: u }) }),
-        /* @__PURE__ */ n("div", { className: `text-zinc-500 dark:text-zinc-400 ${f.meta}`, children: [
+        /* @__PURE__ */ e("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${b.title} ml-3`, children: u }) }),
+        /* @__PURE__ */ n("div", { className: `text-zinc-500 dark:text-zinc-400 ${b.meta}`, children: [
           "Posted in ",
           /* @__PURE__ */ e("span", { className: "font-medium", children: "Global" }),
           h ? /* @__PURE__ */ n(re, { children: [
@@ -6357,8 +6343,8 @@ function vs({
         /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-3", children: [
           /* @__PURE__ */ e(we, { name: "John", size: "medium" }),
           /* @__PURE__ */ n("div", { className: "leading-tight", children: [
-            /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: b }),
-            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${f.meta}`, children: v })
+            /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: f }),
+            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${b.meta}`, children: v })
           ] })
         ] }),
         /* @__PURE__ */ n("p", { className: "mt-2 text-zinc-700 dark:text-zinc-300", children: [
@@ -6375,7 +6361,7 @@ function vs({
         /* @__PURE__ */ e(
           "div",
           {
-            className: `mt-3 overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800 ${f.media}`,
+            className: `mt-3 overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800 ${b.media}`,
             children: /* @__PURE__ */ e("img", { src: g, alt: "", className: "h-full w-full object-cover" })
           }
         ),
@@ -6441,7 +6427,7 @@ function zs({
   // "joined" | "suggested"
   items: h = ks,
   // spread for identity (_id/instanceId/etc)
-  ...b
+  ...f
 }) {
   const v = ue(t), g = he[v], r = Cs[v], x = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
@@ -6453,7 +6439,7 @@ function zs({
       onSelect: i,
       identity: l,
       details: { type: "communities", title: u, activeTab: o, count: h?.length ?? 0 },
-      ...b,
+      ...f,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${g.title}`, children: u }),
@@ -6627,7 +6613,7 @@ function $s({
   // spread for identity fields: _id / id / instanceId etc.
   ...h
 }) {
-  const b = ue(t), v = he[b], g = Ds[b];
+  const f = ue(t), v = he[f], g = Ds[f];
   return /* @__PURE__ */ n(
     de,
     {
@@ -6643,7 +6629,7 @@ function $s({
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: u }),
           /* @__PURE__ */ e("span", { className: "text-sm text-indigo-700 cursor-default select-none", children: "View All" })
         ] }),
-        b === "lg" ? (
+        f === "lg" ? (
           // Large: 3-up grid of image cards
           /* @__PURE__ */ e("div", { className: `mt-4 ${g.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
             /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: g.cardImg }),
@@ -6702,7 +6688,7 @@ $s.propTypes = {
     })
   )
 };
-const Ts = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], As = {
+const As = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ts = {
   sm: {
     wrap: "max-w-md w-full md:w-auto flex-none justify-self-start",
     mapH: "h-48",
@@ -6740,8 +6726,8 @@ function Rs({
   identity: l = "_id",
   title: u = "Campus Map",
   campusName: o = "Morningside Heights Campus",
-  filters: h = Ts,
-  activeFilter: b = "All",
+  filters: h = As,
+  activeFilter: f = "All",
   // NEW: iframe controls
   mapQuery: v = "Florida",
   zoom: g = 12,
@@ -6749,23 +6735,23 @@ function Rs({
   // optional full embed URL override
   ...x
 }) {
-  const d = ue(t), f = he[d], C = As[d], A = r || Es(v, g);
+  const d = ue(t), b = he[d], C = Ts[d], T = r || Es(v, g);
   return /* @__PURE__ */ e(
     de,
     {
-      className: `flex flex-col ${f.card} ${C.wrap}`,
+      className: `flex flex-col ${b.card} ${C.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "campus-map", title: u, campusName: o, activeFilter: b, mapQuery: v, zoom: g },
+      details: { type: "campus-map", title: u, campusName: o, activeFilter: f, mapQuery: v, zoom: g },
       ...x,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${C.mapH}`, children: [
         /* @__PURE__ */ e(
           "iframe",
           {
             title: "Google Map",
-            src: A,
+            src: T,
             className: "h-full w-full",
             style: { border: 0 },
             loading: "lazy",
@@ -6783,7 +6769,7 @@ function Rs({
             /* @__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 ${C.chipGap} overflow-x-auto scrollbar-none`, children: h.map((T) => /* @__PURE__ */ e(Fs, { label: T, active: T === b, size: d }, T)) }) }),
+        /* @__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 ${C.chipGap} overflow-x-auto scrollbar-none`, children: h.map((A) => /* @__PURE__ */ e(Fs, { label: A, active: A === f, size: d }, A)) }) }),
         /* @__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 ${C.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" })
@@ -6900,7 +6886,7 @@ function _t({ ev: t, sizeMeta: a, isSelected: s, onClick: i }) {
         /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
           /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 line-clamp-2 group-hover:text-blue-600 dark:group-hover:text-blue-400`, children: t.title }),
           /* @__PURE__ */ n("div", { className: `flex items-center gap-1.5 mt-1 text-zinc-500 dark:text-zinc-400 ${a.meta}`, children: [
-            /* @__PURE__ */ e(Ae, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e(Te, { className: "h-3 w-3" }),
             t.allDayNote ? t.allDayNote : o
           ] })
         ] })
@@ -6920,7 +6906,7 @@ function Ps({ ev: t, sizeMeta: a }) {
       /* @__PURE__ */ n("div", { className: "flex-grow", children: [
         /* @__PURE__ */ e("h3", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-2`, children: t.title }),
         /* @__PURE__ */ n("div", { className: `flex items-center gap-1.5 text-zinc-500 dark:text-zinc-400 ${a.meta}`, children: [
-          /* @__PURE__ */ e(Ae, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(Te, { className: "h-4 w-4" }),
           t.allDayNote ? t.allDayNote : l
         ] })
       ] })
@@ -6953,11 +6939,11 @@ function Ls({
   title: u = "Upcoming Events",
   events: o = Is,
   selectedIndex: h = 0,
-  ...b
+  ...f
 }) {
-  const [v, g] = B(h), r = ue(t), x = he[r], d = Os[r], f = o[v] || o[0], C = (T, O) => {
-    g(O), i?.(T);
-  }, A = r === "lg";
+  const [v, g] = B(h), r = ue(t), x = he[r], d = Os[r], b = o[v] || o[0], C = (A, O) => {
+    g(O), i?.(A);
+  }, T = r === "lg";
   return /* @__PURE__ */ n(
     de,
     {
@@ -6967,41 +6953,41 @@ function Ls({
       onSelect: i,
       identity: l,
       details: { type: "events", title: u, count: o?.length ?? 0 },
-      ...b,
+      ...f,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-4", children: [
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${x.title}`, children: u }),
           /* @__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" })
         ] }),
-        A ? (
+        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((T, O) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((A, O) => /* @__PURE__ */ e(
               _t,
               {
-                ev: T,
+                ev: A,
                 sizeMeta: d,
                 isSelected: O === v,
                 onClick: (V) => C(V, O)
               },
-              T._id || T.id || O
+              A._id || A.id || O
             )) }),
-            /* @__PURE__ */ e(Ps, { ev: f, sizeMeta: d })
+            /* @__PURE__ */ e(Ps, { ev: b, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((T, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((A, O) => /* @__PURE__ */ e(
             _t,
             {
-              ev: T,
+              ev: A,
               sizeMeta: d,
               isSelected: O === v,
               onClick: (V) => C(V, O)
             },
-            T._id || T.id || O
+            A._id || A.id || O
           )) })
         ),
-        !A && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
+        !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" }) })
       ]
     }
   );
@@ -7111,10 +7097,10 @@ const Bs = [
   }
 };
 function js({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: u }) {
-  const o = (b) => {
-    b.stopPropagation(), l?.(t);
-  }, h = (b) => {
-    b.stopPropagation(), u?.(t);
+  const o = (f) => {
+    f.stopPropagation(), l?.(t);
+  }, h = (f) => {
+    f.stopPropagation(), u?.(t);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -7147,7 +7133,7 @@ function js({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
               /* @__PURE__ */ e("span", { className: `${a.sender} text-zinc-900 dark:text-zinc-100 ${t.unread ? "font-bold" : ""}`, children: t.sender })
             ] }),
             /* @__PURE__ */ n("div", { className: `flex items-center gap-1 ${a.time} text-zinc-500 dark:text-zinc-400`, children: [
-              /* @__PURE__ */ e(Ae, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(Te, { className: "h-3 w-3" }),
               t.time
             ] })
           ] }),
@@ -7168,15 +7154,15 @@ function _s({
   title: u = "0365 Mails",
   emails: o = Bs,
   selectedIndex: h = 0,
-  onStar: b,
+  onStar: f,
   onPin: v,
   ...g
 }) {
-  const [r, x] = B(h), d = ue(t), f = he[d], C = Vs[d], A = (V, _) => {
+  const [r, x] = B(h), d = ue(t), b = he[d], C = Vs[d], T = (V, _) => {
     x(_), i?.(V);
-  }, T = (V) => {
+  }, A = (V) => {
     const _ = { ...V, starred: !V.starred };
-    b?.(_);
+    f?.(_);
   }, O = (V) => {
     const _ = { ...V, pinned: !V.pinned };
     v?.(_);
@@ -7184,7 +7170,7 @@ function _s({
   return /* @__PURE__ */ n(
     de,
     {
-      className: `flex flex-col ${f.card} ${C.wrap}`,
+      className: `flex flex-col ${b.card} ${C.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7192,7 +7178,7 @@ function _s({
       details: { type: "emails", title: u, count: o?.length ?? 0 },
       ...g,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${f.title}`, children: u }) }),
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${b.title}`, children: u }) }),
         /* @__PURE__ */ e(ye, { placeholder: "Type to search..." }),
         /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((V, _) => /* @__PURE__ */ e(
           js,
@@ -7200,8 +7186,8 @@ function _s({
             email: V,
             sizeMeta: C,
             isSelected: _ === r,
-            onClick: (U) => A(U, _),
-            onStar: T,
+            onClick: (G) => T(G, _),
+            onStar: A,
             onPin: O
           },
           V._id || V.id || _
@@ -7235,7 +7221,7 @@ _s.propTypes = {
   onStar: c.func,
   onPin: c.func
 };
-const Us = [
+const Gs = [
   {
     _id: "contact-1",
     name: "Branden Baker",
@@ -7276,7 +7262,7 @@ const Us = [
   //     building: "Security Building",
   //     initials: "AM"
   // }
-], Gs = {
+], Us = {
   sm: {
     wrap: "max-w-sm w-full",
     searchHeight: "h-8",
@@ -7323,7 +7309,7 @@ const Us = [
     // two columns for large screens
   }
 };
-function Ut({ contact: t, sizeMeta: a, isSelected: s, onClick: i }) {
+function Gt({ contact: t, sizeMeta: a, isSelected: s, onClick: i }) {
   return /* @__PURE__ */ n(
     "div",
     {
@@ -7420,13 +7406,13 @@ function Ws({
   onSelect: i,
   identity: l = "_id",
   title: u = "Directory",
-  contacts: o = Us,
+  contacts: o = Gs,
   selectedIndex: h = 0,
-  ...b
+  ...f
 }) {
-  const [v, g] = B(h), r = ue(t), x = he[r], d = Gs[r], f = (T, O) => {
-    g(O), i?.(T);
-  }, C = o[v] || o[0], A = d.layout === "split";
+  const [v, g] = B(h), r = ue(t), x = he[r], d = Us[r], b = (A, O) => {
+    g(O), i?.(A);
+  }, C = o[v] || o[0], T = d.layout === "split";
   return /* @__PURE__ */ n(
     de,
     {
@@ -7436,20 +7422,20 @@ function Ws({
       onSelect: i,
       identity: l,
       details: { type: "directory", title: u, count: o?.length ?? 0 },
-      ...b,
+      ...f,
       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 ${x.title}`, children: u }) }),
         /* @__PURE__ */ e(Ys, { sizeMeta: d }),
-        A ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((T, O) => /* @__PURE__ */ e(
-            Ut,
+        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((A, O) => /* @__PURE__ */ e(
+            Gt,
             {
-              contact: T,
+              contact: A,
               sizeMeta: d,
               isSelected: O === v,
-              onClick: (V) => f(V, O)
+              onClick: (V) => b(V, O)
             },
-            T._id || T.id || O
+            A._id || A.id || O
           )) }),
           /* @__PURE__ */ e(
             qs,
@@ -7460,15 +7446,15 @@ function Ws({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((T, O) => /* @__PURE__ */ e(
-            Ut,
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((A, O) => /* @__PURE__ */ e(
+            Gt,
             {
-              contact: T,
+              contact: A,
               sizeMeta: d,
               isSelected: O === v,
-              onClick: (V) => f(V, O)
+              onClick: (V) => b(V, O)
             },
-            T._id || T.id || O
+            A._id || A.id || O
           )) })
         ),
         /* @__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" }) })
@@ -7497,13 +7483,13 @@ Ws.propTypes = {
   ),
   selectedIndex: c.number
 };
-const Te = (t) => new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(Number(t || 0));
+const Ae = (t) => new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(Number(t || 0));
 function Js({ side: t = "left", date: a, title: s, amount: i, kind: l = "payment" }) {
   return /* @__PURE__ */ n("div", { className: `rounded-xl border border-zinc-200 dark:border-zinc-800 p-3 ${l === "payment" ? "border-l-4 border-green-500" : "border-l-4 border-rose-500"}`, children: [
     /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: a }),
     /* @__PURE__ */ e("div", { className: "mt-1 text-sm text-zinc-700 dark:text-zinc-200", children: s }),
     /* @__PURE__ */ n("div", { className: "mt-2 flex items-center justify-between", children: [
-      /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: Te(i) }),
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: Ae(i) }),
       /* @__PURE__ */ e(
         "div",
         {
@@ -7556,7 +7542,7 @@ function Qs({
   title: u = "Account Summary",
   termLabel: o = "Spring 2024",
   balance: h = 3e3,
-  totalCharges: b = 4440,
+  totalCharges: f = 4440,
   totalPayments: v = 1568,
   transactions: g = [
     {
@@ -7576,16 +7562,16 @@ function Qs({
   ],
   ...r
 }) {
-  const x = ue(t), d = he[x], f = Xs[x];
+  const x = ue(t), d = he[x], b = Xs[x];
   return /* @__PURE__ */ n(
     de,
     {
-      className: `flex flex-col ${d.card} ${f.wrap}`,
+      className: `flex flex-col ${d.card} ${b.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "account-summary", termLabel: o, balance: h, totalCharges: b, totalPayments: v },
+      details: { type: "account-summary", termLabel: o, balance: h, totalCharges: f, totalPayments: v },
       ...r,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -7595,42 +7581,42 @@ function Qs({
             /* @__PURE__ */ e(xt, { className: "h-4 w-4 opacity-70" })
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { className: f.topGrid || f.grid, children: [
+        /* @__PURE__ */ n("div", { className: b.topGrid || b.grid, children: [
           /* @__PURE__ */ n("div", { className: "space-y-4", children: [
             /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Account Balance" }),
-            /* @__PURE__ */ e("div", { className: f.balance, children: Te(h) }),
-            !f.showTxns && /* @__PURE__ */ n("div", { className: f.totalsRow, children: [
+            /* @__PURE__ */ e("div", { className: b.balance, children: Ae(h) }),
+            !b.showTxns && /* @__PURE__ */ n("div", { className: b.totalsRow, children: [
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Charges" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Te(b) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Ae(f) })
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(v) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Ae(v) })
               ] })
             ] })
           ] }),
-          f.showTxns && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ n("div", { className: f.totalsRow, children: [
+          b.showTxns && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ n("div", { className: b.totalsRow, children: [
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Charges" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Te(b) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Ae(f) })
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(v) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Ae(v) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: g.slice(0, 2).map((C, A) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: g.slice(0, 2).map((C, T) => /* @__PURE__ */ e(
               Js,
               {
-                side: A === 0 ? "left" : "right",
+                side: T === 0 ? "left" : "right",
                 date: C.date,
                 title: C.title,
                 amount: C.amount,
                 kind: C.kind
               },
-              C.id || A
+              C.id || T
             )) })
           ] })
         ] }),
@@ -7638,7 +7624,7 @@ function Qs({
           "button",
           {
             type: "button",
-            className: `mt-4 w-full inline-flex items-center justify-center gap-2 rounded-xl border text-sm ${f.buttonPad}
+            className: `mt-4 w-full inline-flex items-center justify-center gap-2 rounded-xl border text-sm ${b.buttonPad}
                     border-orange-400 text-zinc-900 dark:text-zinc-100 bg-white dark:bg-zinc-900`,
             "aria-label": "View Transactions (mock)",
             children: [
@@ -7727,7 +7713,7 @@ const Hs = {
     ]
   }
 ];
-function Gt({ leave: t, sizeMeta: a }) {
+function Ut({ leave: t, sizeMeta: a }) {
   return /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 overflow-hidden", children: [
     /* @__PURE__ */ e("div", { className: "bg-zinc-50 dark:bg-zinc-800 px-4 py-3 border-b border-zinc-200 dark:border-zinc-700", children: /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e("span", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${a.table}`, children: t.name }),
@@ -7749,11 +7735,11 @@ function Zs({
   term: o = "Fall 2025",
   ...h
 }) {
-  const [b, v] = B("vacation"), [g, r] = B(!1), x = ue(t), d = he[x], f = Hs[x], C = Je.find((A) => A.id === b) || Je[0];
+  const [f, v] = B("vacation"), [g, r] = B(!1), x = ue(t), d = he[x], b = Hs[x], C = Je.find((T) => T.id === f) || Je[0];
   return /* @__PURE__ */ n(
     de,
     {
-      className: `flex flex-col ${d.card} ${f.wrap}`,
+      className: `flex flex-col ${d.card} ${b.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7763,8 +7749,8 @@ function Zs({
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${f.title} mb-1`, children: u }),
-            /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${f.term} flex items-center gap-2`, children: [
+            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${b.title} mb-1`, children: u }),
+            /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${b.term} flex items-center gap-2`, children: [
               /* @__PURE__ */ e(Wt, { className: "h-4 w-4" }),
               "Term - ",
               o
@@ -7785,28 +7771,28 @@ function Zs({
             ] })
           ] })
         ] }),
-        f.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: Je.map((A) => /* @__PURE__ */ e(
+        b.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: Je.map((T) => /* @__PURE__ */ e(
           "button",
           {
-            className: `flex-1 py-2 px-4 text-center ${f.tab} font-medium border-b-2 transition-colors duration-200 ${b === A.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(A.id),
-            children: A.name.split(" ")[0]
+            className: `flex-1 py-2 px-4 text-center ${b.tab} font-medium border-b-2 transition-colors duration-200 ${f === 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]
           },
-          A.id
+          T.id
         )) }),
-        /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: f.showAllLeave ? (
+        /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: b.showAllLeave ? (
           // LG: Show all leave types
-          Je.map((A) => /* @__PURE__ */ e(Gt, { leave: A, sizeMeta: f }, A.id))
-        ) : f.showSingleLeave ? (
+          Je.map((T) => /* @__PURE__ */ e(Ut, { leave: T, sizeMeta: b }, T.id))
+        ) : b.showSingleLeave ? (
           // MD: Show active tab leave type
-          /* @__PURE__ */ e(Gt, { leave: C, sizeMeta: f })
+          /* @__PURE__ */ e(Ut, { leave: C, sizeMeta: b })
         ) : (
           // SM: Show only available hours
           /* @__PURE__ */ e("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 p-4", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3 mb-3", children: [
-            /* @__PURE__ */ e(Ae, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }),
+            /* @__PURE__ */ e(Te, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }),
             /* @__PURE__ */ n("div", { children: [
-              /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${f.table}`, children: "Available Leave" }),
-              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${f.table}`, children: C.available })
+              /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${b.table}`, children: "Available Leave" }),
+              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${b.table}`, children: C.available })
             ] })
           ] }) })
         ) }),
@@ -7940,7 +7926,7 @@ function al({
   subtitle: o = "Drive Shared",
   ...h
 }) {
-  const [b, v] = B(!1), g = ue(t), r = he[g], x = tl[g];
+  const [f, v] = B(!1), g = ue(t), r = he[g], x = tl[g];
   return /* @__PURE__ */ n(
     de,
     {
@@ -7962,11 +7948,11 @@ function al({
               "button",
               {
                 className: "flex items-center gap-1 p-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors duration-200",
-                onClick: () => v(!b),
+                onClick: () => v(!f),
                 children: /* @__PURE__ */ e(Zt, { className: "h-4 w-4" })
               }
             ),
-            b && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
+            f && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
                 /* @__PURE__ */ e(ra, { className: "h-4 w-4" }),
                 "Download All"
@@ -8147,7 +8133,7 @@ function ll({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
         /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-1 ${t.read ? "font-medium" : "font-semibold"}`, children: Yt(t.title, a.maxTitleWords) }),
         a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: Yt(t.message, a.maxMessageWords) }),
         /* @__PURE__ */ n("div", { className: `flex items-center gap-1 ${a.time} text-zinc-500 dark:text-zinc-400`, children: [
-          /* @__PURE__ */ e(Ae, { className: "h-3 w-3" }),
+          /* @__PURE__ */ e(Te, { className: "h-3 w-3" }),
           t.time
         ] })
       ] })
@@ -8184,11 +8170,11 @@ function ol({
   title: u = "Alerts",
   alerts: o = rl,
   showBanner: h = !0,
-  ...b
+  ...f
 }) {
-  const [v, g] = B(o), r = ue(t), x = he[r], d = nl[r], f = (T) => {
-    g((O) => O.filter((V) => V.id !== T.id));
-  }, C = v.find((T) => T.type === "banner"), A = v.filter((T) => T.type !== "banner");
+  const [v, g] = B(o), r = ue(t), x = he[r], d = nl[r], b = (A) => {
+    g((O) => O.filter((V) => V.id !== A.id));
+  }, C = v.find((A) => A.type === "banner"), T = v.filter((A) => A.type !== "banner");
   return /* @__PURE__ */ n(
     de,
     {
@@ -8198,24 +8184,24 @@ function ol({
       onSelect: i,
       identity: l,
       details: { type: "alerts", title: u, count: v.length },
-      ...b,
+      ...f,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${x.title}`, children: u }) }),
         h && C && t !== "sm" && /* @__PURE__ */ e(
           il,
           {
             alert: C,
-            onDismiss: f
+            onDismiss: b
           }
         ),
-        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: A.slice(0, 3).map((T) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: T.slice(0, 3).map((A) => /* @__PURE__ */ e(
           ll,
           {
-            alert: T,
+            alert: A,
             sizeMeta: d,
-            onDismiss: f
+            onDismiss: b
           },
-          T.id
+          A.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" })
       ]
@@ -8345,7 +8331,7 @@ function ml({ video: t, sizeMeta: a }) {
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ e("span", { className: `text-xs text-zinc-500 dark:text-zinc-400 ${a.description}`, children: t.category }),
         /* @__PURE__ */ n("div", { className: "flex items-center gap-1 text-xs text-zinc-500 dark:text-zinc-400", children: [
-          /* @__PURE__ */ e(Ae, { className: "h-3 w-3" }),
+          /* @__PURE__ */ e(Te, { className: "h-3 w-3" }),
           t.duration
         ] })
       ] })
@@ -8362,7 +8348,7 @@ function ul({
   videos: o = cl,
   ...h
 }) {
-  const [b, v] = B(!1), g = ue(t), r = he[g], x = dl[g];
+  const [f, v] = B(!1), g = ue(t), r = he[g], x = dl[g];
   return /* @__PURE__ */ n(
     de,
     {
@@ -8381,14 +8367,14 @@ function ul({
               "button",
               {
                 className: "flex items-center gap-1 px-3 py-1.5 text-sm text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 border border-zinc-300 dark:border-zinc-600 rounded-md transition-colors duration-200",
-                onClick: () => v(!b),
+                onClick: () => v(!f),
                 children: [
                   "Filter",
                   /* @__PURE__ */ e(ve, { className: "h-4 w-4 transform rotate-90" })
                 ]
               }
             ),
-            b && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
+            f && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "All Videos" }),
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "Campus Life" }),
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "Academic" }),
@@ -8454,8 +8440,8 @@ export {
   fs as DynamicConfig,
   Ls as EventsMock,
   zl as FileUploadModal,
-  Gl as FullConfigPage,
-  Tl as FullScreenLoader,
+  Ul as FullConfigPage,
+  Al as FullScreenLoader,
   Sl as GenericFilter,
   ze as IconButton,
   H as Input,
@@ -8478,7 +8464,7 @@ export {
   da as Textarea,
   ql as ToastProvider,
   ma as ToggleSwitch,
-  Al as Tooltip,
+  Tl as Tooltip,
   jl as TreeView,
   ie as UnifyedCoreButton,
   ul as VideosMock,
@@ -8507,6 +8493,6 @@ export {
   ya as searchRolesApi,
   Rl as sessionStore,
   he as sizeClasses,
-  Ul as toBrowserLocalTime,
+  Gl as toBrowserLocalTime,
   pa as userSearchBase
 };