prometeo-design-system 4.6.3 → 4.6.5

package/dist/PyrionLayout.es.js

@@ -1,28 +1,28 @@
-import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { u as qe, g as ht } from "./useDevice-vwn4GLwK.js";
-import { c as T } from "./cn-B6yFEsav.js";
-import { g as ye } from "./utils-X4-h3cum.js";
-import Ue, { forwardRef as he, useState as Y, useRef as O, useEffect as Q, memo as M, useContext as $e, createContext as Ie, useCallback as x, Children as bt, isValidElement as Ce, useMemo as me, useImperativeHandle as Ee, useLayoutEffect as xt, use as gt } from "react";
-import { createPortal as He } from "react-dom";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { u as We, g as ht } from "./useDevice-vwn4GLwK.js";
+import { c as L } from "./cn-B6yFEsav.js";
+import { g as Ne } from "./utils-X4-h3cum.js";
+import ze, { forwardRef as he, useState as Y, useRef as T, useEffect as Q, memo as M, useContext as qe, createContext as Oe, useCallback as x, Children as bt, isValidElement as ye, useMemo as me, useImperativeHandle as Ie, useLayoutEffect as xt, use as gt } from "react";
+import { createPortal as Ue } from "react-dom";
 import { useLocation as vt, useNavigate as wt } from "react-router";
 import { CloseNavBarDesktop as Nt } from "./Icons/CloseNavBarDesktop.es.js";
-import { c as Pe } from "./index-BOQuZ0gG.js";
-import { B as Ke } from "./badge-BEx-0Q-K.js";
+import { c as Ee } from "./index-BOQuZ0gG.js";
+import { B as $e } from "./badge-CiiB9SGl.js";
 import yt from "./PlainTooltip.es.js";
 import { CrevronLeft as Ct } from "./Icons/CrevronLeft.es.js";
 import { Scrollable as be } from "./Scrollable.es.js";
 import se from "./TicketCard.es.js";
-import Ye from "./UserCard.es.js";
+import Ke from "./UserCard.es.js";
 import pe from "./Button.es.js";
 import { Logout as St } from "./Icons/Logout.es.js";
 import jt from "./NotificationCard.es.js";
-import { T as kt, a as Dt } from "./TabLinks-DnoWdrdk.js";
-import { Notifications as Xe } from "./Icons/Notifications.es.js";
-import { Close as _e } from "./Icons/Close.es.js";
-import { Help as Je } from "./Icons/Help.es.js";
+import { T as kt, a as Dt } from "./TabLinks-C0ywjYt-.js";
+import { Notifications as Ye } from "./Icons/Notifications.es.js";
+import { Close as Pe } from "./Icons/Close.es.js";
+import { Help as Xe } from "./Icons/Help.es.js";
 import { Settings as Lt } from "./Icons/Settings.es.js";
-const Tt = he((t, r) => {
-  const [s, o] = Y(t?.currentTabName || t.tabs[0].name), u = O(null), { tabs: l = [], className: f, activeColor: d = "var(--neutral-900)", currentSystemId: p } = t;
+const At = he((t, r) => {
+  const [s, o] = Y(t?.currentTabName || t.tabs[0].name), u = T(null), { tabs: l = [], className: f, activeColor: d = "var(--neutral-900)", currentSystemId: p } = t;
   Q(() => {
     u.current?.style.setProperty("--tab-bg", d);
   }, [d]);
@@ -31,7 +31,7 @@ const Tt = he((t, r) => {
     "div",
     {
       ref: r,
-      className: T(
+      className: L(
         "select-none",
         "flex flex-col gap-2",
         "bg-neutral-strong-default",
@@ -47,7 +47,7 @@ const Tt = he((t, r) => {
           return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: T(
+              className: L(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
@@ -57,7 +57,7 @@ const Tt = he((t, r) => {
               ),
               onClick: C,
               ref: u,
-              children: /* @__PURE__ */ e.jsx("div", { className: T(
+              children: /* @__PURE__ */ e.jsx("div", { className: L(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
@@ -71,47 +71,47 @@ const Tt = he((t, r) => {
       )
     }
   );
-}), Ge = M(he(({ children: t, className: r, context: s, modal: o = !1, closeOnOverlayClick: u = !1, unmountChildrenOnClose: l = !0 }, f) => {
-  const d = xe(t, s), p = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: h } = At(), { closeSidebar: c } = le(), [g, b] = Y(() => l ? h : !0), [C, L] = Y(!1);
+}), Je = M(he(({ children: t, className: r, context: s, modal: o = !1, closeOnOverlayClick: u = !1, unmountChildrenOnClose: l = !0 }, f) => {
+  const d = xe(t, s), p = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: h } = Tt(), { closeSidebar: c } = oe(), [g, b] = Y(() => l ? h : !0), [C, A] = Y(!1);
   return Q(() => {
     l && s?.subscribeToSidebarOpen((w) => {
-      w ? (L(!1), b(!0)) : L(!0);
+      w ? (A(!1), b(!0)) : A(!0);
     });
   }, [l, s]), Q(() => {
     const w = f && typeof f == "object" && "current" in f ? f.current : null;
     if (!w) return;
     const N = () => {
-      C && (b(!1), L(!1));
+      C && (b(!1), A(!1));
     };
     return w.addEventListener("transitionend", N), () => w.removeEventListener("transitionend", N);
-  }, [C]), /* @__PURE__ */ e.jsxs("div", { ref: f, className: T("sidebar", p ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": o || void 0, children: [
+  }, [C]), /* @__PURE__ */ e.jsxs("div", { ref: f, className: L("sidebar", p ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": o || void 0, children: [
     o && p && /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: T("navigation-drawer-sidebar-overlay"),
+        className: L("navigation-drawer-sidebar-overlay"),
         onClick: (w) => {
           w.preventDefault(), w.stopPropagation(), u && c?.();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { className: T("navigation-drawer-sidebar-inner"), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: L("navigation-drawer-sidebar-inner"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin" }),
       g && d
     ] })
   ] });
-})), Qe = Ie(null), Ze = Ie(null), At = () => {
-  const t = $e(Qe);
+})), Ge = Oe(null), Qe = Oe(null), Tt = () => {
+  const t = qe(Ge);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
-}, le = () => {
-  const t = $e(Ze);
+}, oe = () => {
+  const t = qe(Qe);
   if (!t) throw new Error("useDrawerActions must be used within NavigationDrawer");
   return t;
-}, xe = (t, r) => typeof t == "function" ? r ? t(r) : null : t, et = "navigation-drawer-collapsed", Ve = () => {
+}, xe = (t, r) => typeof t == "function" ? r ? t(r) : null : t, Ze = "navigation-drawer-collapsed", He = () => {
   if (typeof window > "u") return !1;
   try {
-    const t = sessionStorage.getItem(et);
+    const t = sessionStorage.getItem(Ze);
     return t ? JSON.parse(t) : !1;
   } catch {
     return !1;
@@ -119,11 +119,11 @@ const Tt = he((t, r) => {
 }, Ot = (t) => {
   if (!(typeof window > "u"))
     try {
-      sessionStorage.setItem(et, JSON.stringify(t));
+      sessionStorage.setItem(Ze, JSON.stringify(t));
     } catch {
     }
 }, It = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: o, disableDragOpen: u, modal: l = !0, closeOnOutsideClick: f = !0 } = t, d = O(null), p = O(null), h = t.outletRef ?? O(null), c = O(null), g = O(Ve()), b = O(!1), C = O("drawer"), L = O(/* @__PURE__ */ new Set()), w = O(/* @__PURE__ */ new Set()), N = O(!1), k = O(null), V = x((n) => {
+  const { children: r, classNameDrawer: s, classNameSidebar: o, disableDragOpen: u, modal: l = !0, closeOnOutsideClick: f = !0 } = t, d = T(null), p = T(null), h = t.outletRef ?? T(null), c = T(null), g = T(He()), b = T(!1), C = T("drawer"), A = T(/* @__PURE__ */ new Set()), w = T(/* @__PURE__ */ new Set()), N = T(!1), D = T(null), V = x((n) => {
     const m = p.current;
     m && (m.classList.toggle("collapsed", n), m.classList.toggle("expanded", !n));
   }, []), W = x((n) => {
@@ -132,56 +132,56 @@ const Tt = he((t, r) => {
     m.classList.toggle("collapsed", n), m.classList.toggle("expanded", !n);
     const v = d.current;
     v && (v.classList.toggle("sidebar-collapsed", n), v.classList.toggle("sidebar-expanded", !n));
-  }, []), S = x(
+  }, []), j = x(
     (n, { notify: m = !0 } = {}) => {
       const v = g.current !== n;
-      g.current = n, Ot(n), V(n), m && v && L.current.forEach((A) => A(n));
+      g.current = n, Ot(n), V(n), m && v && A.current.forEach((O) => O(n));
     },
     [V]
   ), F = x(
     (n, { notify: m = !0 } = {}) => {
       const v = b.current !== n;
       if (b.current = n, W(n), m && v) {
-        const A = !n;
-        w.current.forEach((U) => U(A));
+        const O = !n;
+        w.current.forEach((U) => U(O));
       }
     },
     [W]
   ), i = x(
     (n, { notify: m = !0 } = {}) => {
-      const v = C.current, A = v !== n;
-      C.current = n, window.matchMedia("(min-width: 768px)").matches || S(n !== "drawer", { notify: m });
-      const U = v === "sidebar", B = n === "sidebar";
-      m && A && U !== B && w.current.forEach((J) => J(B)), F(n !== "sidebar", { notify: m }), S(n !== "drawer", { notify: m });
+      const v = C.current, O = v !== n;
+      C.current = n, window.matchMedia("(min-width: 768px)").matches || j(n !== "drawer", { notify: m });
+      const U = v === "sidebar", R = n === "sidebar";
+      m && O && U !== R && w.current.forEach((J) => J(R)), F(n !== "sidebar", { notify: m }), j(n !== "drawer", { notify: m });
     },
-    [S, F]
+    [j, F]
   ), I = x((n) => {
     const m = d.current;
     if (!m || window.matchMedia("(min-width: 768px)").matches) return;
     N.current = !0;
-    const v = h.current?.offsetLeft ?? 0, A = c.current?.offsetLeft ?? v, U = n === "drawer" ? 0 : n === "sidebar" ? A : v;
-    k.current = U, m.scrollTo({ left: U, behavior: "smooth" });
-    const B = () => {
-      N.current = !1, k.current = null, m.removeEventListener("scrollend", B);
+    const v = h.current?.offsetLeft ?? 0, O = c.current?.offsetLeft ?? v, U = n === "drawer" ? 0 : n === "sidebar" ? O : v;
+    D.current = U, m.scrollTo({ left: U, behavior: "smooth" });
+    const R = () => {
+      N.current = !1, D.current = null, m.removeEventListener("scrollend", R);
     };
-    m.addEventListener("scrollend", B, { once: !0 }), setTimeout(() => {
-      N.current && B();
+    m.addEventListener("scrollend", R, { once: !0 }), setTimeout(() => {
+      N.current && R();
     }, 1e3);
-  }, []), R = x(() => {
+  }, []), B = x(() => {
     const n = d.current, m = h.current;
     if (!n || !m || window.matchMedia("(min-width: 768px)").matches) return;
     const v = [
       { panel: "drawer", offset: 0 },
       { panel: "outlet", offset: m.offsetLeft }
-    ], A = c.current;
-    A && v.push({ panel: "sidebar", offset: A.offsetLeft });
+    ], O = c.current;
+    O && v.push({ panel: "sidebar", offset: O.offsetLeft });
     const U = n.scrollLeft;
-    let B = v[0], J = Math.abs(U - B.offset);
+    let R = v[0], J = Math.abs(U - R.offset);
     for (let re = 1; re < v.length; re++) {
       const de = Math.abs(U - v[re].offset);
-      de < J && (B = v[re], J = de);
+      de < J && (R = v[re], J = de);
     }
-    i(B.panel);
+    i(R.panel);
   }, [i]);
   Q(() => {
     const n = d.current;
@@ -190,90 +190,90 @@ const Tt = he((t, r) => {
     const n = d.current, m = h.current;
     if (!n || !m) return;
     if (window.matchMedia("(min-width: 768px)").matches) {
-      const A = Ve();
-      S(A, { notify: !1 }), F(!0, { notify: !1 });
+      const O = He();
+      j(O, { notify: !1 }), F(!0, { notify: !1 });
       return;
     }
     requestAnimationFrame(() => {
       n.scrollLeft = m.offsetLeft, i("outlet");
     });
-  }, [i, S, F]), Q(() => {
+  }, [i, j, F]), Q(() => {
     const n = d.current;
     if (!n || !h.current) return;
-    let v = !1, A = 0, U = 0;
-    const B = (D) => {
-      A = D.touches[0].clientX, U = D.touches[0].clientY;
-    }, J = (D, q) => {
-      const H = window.getComputedStyle(D), a = q === "x" ? H.overflowX : H.overflowY;
-      return /(auto|scroll|overlay)/.test(a) ? q === "x" ? D.scrollWidth > D.clientWidth : D.scrollHeight > D.clientHeight : !1;
-    }, re = (D, q) => {
-      let H = D;
+    let v = !1, O = 0, U = 0;
+    const R = (k) => {
+      O = k.touches[0].clientX, U = k.touches[0].clientY;
+    }, J = (k, q) => {
+      const H = window.getComputedStyle(k), a = q === "x" ? H.overflowX : H.overflowY;
+      return /(auto|scroll|overlay)/.test(a) ? q === "x" ? k.scrollWidth > k.clientWidth : k.scrollHeight > k.clientHeight : !1;
+    }, re = (k, q) => {
+      let H = k;
       for (; H && H !== n; ) {
         if (J(H, q))
           return H;
         H = H.parentElement;
       }
       return null;
-    }, de = (D, q, H) => H === 0 ? !1 : q === "x" ? H < 0 ? D.scrollLeft + D.clientWidth < D.scrollWidth : D.scrollLeft > 0 : H < 0 ? D.scrollTop + D.clientHeight < D.scrollHeight : D.scrollTop > 0, we = (D) => {
-      if (!(D.target instanceof HTMLElement)) return;
-      const q = D.touches[0].clientX - A, H = D.touches[0].clientY - U, a = Math.abs(q) > Math.abs(H) ? "x" : "y", y = a === "x" ? q : H, P = re(D.target, a);
-      if (P && de(P, a, y))
+    }, de = (k, q, H) => H === 0 ? !1 : q === "x" ? H < 0 ? k.scrollLeft + k.clientWidth < k.scrollWidth : k.scrollLeft > 0 : H < 0 ? k.scrollTop + k.clientHeight < k.scrollHeight : k.scrollTop > 0, ve = (k) => {
+      if (!(k.target instanceof HTMLElement)) return;
+      const q = k.touches[0].clientX - O, H = k.touches[0].clientY - U, a = Math.abs(q) > Math.abs(H) ? "x" : "y", y = a === "x" ? q : H, E = re(k.target, a);
+      if (E && de(E, a, y))
         return;
-      const j = n.classList.contains("disabled-dragopen"), K = n.classList.contains("disabled-dragopen-sidebar"), fe = () => D.cancelable ? (D.preventDefault(), !0) : !1;
+      const S = n.classList.contains("disabled-dragopen"), $ = n.classList.contains("disabled-dragopen-sidebar"), fe = () => k.cancelable ? (k.preventDefault(), !0) : !1;
       if (a === "x") {
         if (q > 0) {
-          if (C.current === "sidebar" && !K) {
+          if (C.current === "sidebar" && !$) {
             v = !0;
             return;
           }
-          if (j) {
+          if (S) {
             fe();
             return;
           }
         } else if (q < 0) {
-          if (C.current === "drawer" && !j) {
+          if (C.current === "drawer" && !S) {
             v = !0;
             return;
           }
-          if (K) {
+          if ($) {
             fe();
             return;
           }
         }
         v = !0;
       }
-    }, Ne = () => {
+    }, we = () => {
       setTimeout(() => {
-        v && (R(), v = !1);
+        v && (B(), v = !1);
       }, 100);
     };
-    return n.addEventListener("touchstart", B, { passive: !1 }), n.addEventListener("touchmove", we, { passive: !1 }), n.addEventListener("touchend", Ne), () => {
-      n.removeEventListener("touchstart", B), n.removeEventListener("touchmove", we), n.removeEventListener("touchend", Ne);
+    return n.addEventListener("touchstart", R, { passive: !1 }), n.addEventListener("touchmove", ve, { passive: !1 }), n.addEventListener("touchend", we), () => {
+      n.removeEventListener("touchstart", R), n.removeEventListener("touchmove", ve), n.removeEventListener("touchend", we);
     };
-  }, [R]);
+  }, [B]);
   const z = x(() => {
     const n = window.matchMedia("(min-width: 768px)").matches, m = !g.current;
     if (n) {
-      S(m);
+      j(m);
       return;
     }
     const v = m ? "outlet" : "drawer";
     i(v), I(v);
-  }, [I, i, S]), $ = O(null);
-  $.current || ($.current = {
+  }, [I, i, j]), K = T(null);
+  K.current || (K.current = {
     toggleCollapse: () => z(),
     getIsCollapsed: () => {
       if (!window.matchMedia("(min-width: 768px)").matches) {
         const m = d.current, v = h.current;
         if (m && v) {
-          const A = m.scrollLeft, U = v.offsetLeft, B = Math.abs(A - U) < Math.abs(A - 0);
-          return B !== g.current && (g.current = B, V(B)), B;
+          const O = m.scrollLeft, U = v.offsetLeft, R = Math.abs(O - U) < Math.abs(O - 0);
+          return R !== g.current && (g.current = R, V(R)), R;
         }
       }
       return g.current;
     },
-    subscribeToCollapse: (n) => (L.current.add(n), () => {
-      L.current.delete(n);
+    subscribeToCollapse: (n) => (A.current.add(n), () => {
+      A.current.delete(n);
     }),
     openSidebar: () => {
       if (c.current) {
@@ -309,10 +309,10 @@ const Tt = he((t, r) => {
       if (!m) return;
       const v = m.scrollLeft;
       if (n) {
-        const A = m.style.scrollBehavior;
+        const O = m.style.scrollBehavior;
         m.style.scrollBehavior = "auto", m.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
           m.scrollLeft = v, requestAnimationFrame(() => {
-            m.style.scrollBehavior = A;
+            m.style.scrollBehavior = O;
           });
         });
       } else
@@ -322,54 +322,54 @@ const Tt = he((t, r) => {
       const m = d.current;
       if (m)
         if (n) {
-          const v = m.scrollLeft, A = m.style.scrollBehavior;
+          const v = m.scrollLeft, O = m.style.scrollBehavior;
           m.style.scrollBehavior = "auto", m.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
             m.scrollLeft = v, requestAnimationFrame(() => {
-              m.style.scrollBehavior = A;
+              m.style.scrollBehavior = O;
             });
           });
         } else
           m.classList.add("disabled-dragopen-sidebar");
     }
   });
-  const E = $.current, _ = typeof r == "function" ? r(E) : r, Z = bt.toArray(_);
+  const P = K.current, _ = typeof r == "function" ? r(P) : r, Z = bt.toArray(_);
   let ue = null, ee = null, ne = null;
   const ae = [];
-  let oe = null, te = null;
+  let le = null, te = null;
   Z.forEach((n) => {
-    if (!Ce(n)) {
+    if (!ye(n)) {
       ae.push(n);
       return;
     }
-    if (n.type === Me && !ue) {
+    if (n.type === _e && !ue) {
       ue = n;
       return;
     }
-    if (n.type === Se && !ee) {
+    if (n.type === Ce && !ee) {
       ee = n;
       return;
     }
-    if (n.type === je && !ne) {
+    if (n.type === Se && !ne) {
       ne = n;
       return;
     }
-    if (n.type === Te && !oe) {
-      oe = n;
+    if (n.type === Ae && !le) {
+      le = n;
       return;
     }
-    if (n.type === Ge && !te) {
+    if (n.type === Je && !te) {
       te = n;
       return;
     }
     ae.push(n);
   });
-  const Be = !!ee, ge = ee ?? (ae.length ? /* @__PURE__ */ e.jsx(Se, { children: ae }) : null), ke = Be ? ae : [], ie = oe ?? (!!oe ? /* @__PURE__ */ e.jsx(Te, { children: _, context: E, modal: l, closeOnOutsideClick: f }) : null), De = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(je, { children: ne }) : null), ve = !!te, X = te, ce = me(() => ({
+  const Re = !!ee, ge = ee ?? (ae.length ? /* @__PURE__ */ e.jsx(Ce, { children: ae }) : null), je = Re ? ae : [], ie = le ?? (!!le ? /* @__PURE__ */ e.jsx(Ae, { children: _, context: P, modal: l, closeOnOutsideClick: f }) : null), ke = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(Se, { children: ne }) : null), De = !!te, X = te, ce = me(() => ({
     isCollapsed: g.current,
     isSidebarOpen: !b.current
   }), [g.current, b.current]);
-  return /* @__PURE__ */ e.jsx(Qe.Provider, { value: ce, children: /* @__PURE__ */ e.jsx(Ze.Provider, { value: E, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: d, className: T(
+  return /* @__PURE__ */ e.jsx(Ge.Provider, { value: ce, children: /* @__PURE__ */ e.jsx(Qe.Provider, { value: P, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: d, className: L(
     "w-full h-full max-h-dvh overflow-y-hidden",
-    ve ? "navigation-drawer-with-sidebar" : "navigation-drawer",
+    De ? "navigation-drawer-with-sidebar" : "navigation-drawer",
     u?.drawer ? "disabled-dragopen" : "",
     u?.sidebar ? "disabled-dragopen-sidebar" : ""
   ), children: [
@@ -377,7 +377,7 @@ const Tt = he((t, r) => {
       "div",
       {
         ref: p,
-        className: T(
+        className: L(
           "bg-neutral-default-default border-r border-neutral-strong-default h-dvh md:h-screen p-4 overflow-hidden drawer flex flex-col gap-4",
           g.current ? "collapsed" : "expanded",
           s
@@ -385,25 +385,25 @@ const Tt = he((t, r) => {
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col flex-1 gap-4 overflow-hidden", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ e.jsx(tt, { onToggleCollapse: z }),
+              /* @__PURE__ */ e.jsx(et, { onToggleCollapse: z }),
               ue
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden relative flex-col", children: [
-              ke,
+              je,
               ge
             ] })
           ] }),
-          De
+          ke
         ]
       }
     ),
-    ie && Ce(ie) ? Ue.cloneElement(ie, { ref: h, modal: l, closeOnOutsideClick: f }) : ie,
-    X && Ce(X) ? Ue.cloneElement(X, {
+    ie && ye(ie) ? ze.cloneElement(ie, { ref: h, modal: l, closeOnOutsideClick: f }) : ie,
+    X && ye(X) ? ze.cloneElement(X, {
       ref: c,
-      className: T("sidebar", X.props?.className, o)
+      className: L("sidebar", X.props?.className, o)
     }) : X
   ] }) }) });
-}, We = M(It), tt = M(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
+}, Ve = M(It), et = M(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
   "button",
   {
     type: "button",
@@ -412,43 +412,43 @@ const Tt = he((t, r) => {
     children: /* @__PURE__ */ e.jsx(Nt, { size: 32, className: "transition-transform duration-300 p-1" })
   }
 ), (t, r) => t.onToggleCollapse === r.onToggleCollapse);
-tt.displayName = "NavigationDrawerCollapseButton";
-const Me = M(({ children: t, className: r, context: s }) => {
+et.displayName = "NavigationDrawerCollapseButton";
+const _e = M(({ children: t, className: r, context: s }) => {
   const o = xe(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: T("flex items-center justify-between", r), children: o });
+  return /* @__PURE__ */ e.jsx("div", { className: L("flex items-center justify-between", r), children: o });
 });
-Me.displayName = "NavigationDrawerHeader";
-const Se = M(({ children: t, className: r, context: s, ...o }) => {
+_e.displayName = "NavigationDrawerHeader";
+const Ce = M(({ children: t, className: r, context: s, ...o }) => {
   const u = xe(t, s);
-  return /* @__PURE__ */ e.jsx("div", { ...o, className: T("w-full flex-1 drawer-content select-none", r), children: u });
+  return /* @__PURE__ */ e.jsx("div", { ...o, className: L("w-full flex-1 drawer-content select-none", r), children: u });
 });
-Se.displayName = "NavigationDrawerContent";
-const je = M(({ children: t, className: r, context: s }) => {
+Ce.displayName = "NavigationDrawerContent";
+const Se = M(({ children: t, className: r, context: s }) => {
   const o = xe(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: T("flex items-center justify-between", r), children: o });
+  return /* @__PURE__ */ e.jsx("div", { className: L("flex items-center justify-between", r), children: o });
 });
-je.displayName = "NavigationDrawerFooter";
-const rt = M(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: T("w-full border-t border-neutral-strong-default ", t) }));
-rt.displayName = "NavigationDrawerSpacer";
-const Te = M(he(({ children: t, className: r, context: s, modal: o, closeOnOutsideClick: u }, l) => {
-  const f = xe(t, s), d = le(), p = () => {
+Se.displayName = "NavigationDrawerFooter";
+const tt = M(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: L("w-full border-t border-neutral-strong-default ", t) }));
+tt.displayName = "NavigationDrawerSpacer";
+const Ae = M(he(({ children: t, className: r, context: s, modal: o, closeOnOutsideClick: u }, l) => {
+  const f = xe(t, s), d = oe(), p = () => {
     u && (d.toggleCollapse(), d.closeSidebar());
   };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: l, className: T("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: l, className: L("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
     o && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: p }),
     f
   ] }) });
-}), (t, r) => t.children === r.children && t.className === r.className), G = Object.assign(We, {
-  Root: We,
-  Header: Me,
-  Content: Se,
-  Footer: je,
-  Spacer: rt,
-  Outlet: Te,
-  Sidebar: Ge
+}), (t, r) => t.children === r.children && t.className === r.className), G = Object.assign(Ve, {
+  Root: Ve,
+  Header: _e,
+  Content: Ce,
+  Footer: Se,
+  Spacer: tt,
+  Outlet: Ae,
+  Sidebar: Je
 });
 G.displayName = "NavigationDrawer";
-const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
+const Et = "hover:bg-neutral-medium-hover", Pt = Ee("", {
   variants: {
     isSelected: {
       true: "bg-neutral-medium-selected ",
@@ -459,8 +459,8 @@ const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
       false: "cursor-pointer"
     }
   }
-}), _t = Pe(
-  T(
+}), _t = Ee(
+  L(
     "select-none line-clamp-1 min-w-max",
     "prometeo-fonts-label-large transition-colors duration-300 ease-out"
   ),
@@ -482,8 +482,8 @@ const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
       { isSelected: !1, disabled: !1, className: "  text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
-), Le = Pe(
-  T(
+), Le = Ee(
+  L(
     "transition-colors duration-300 ease-out min-w-max"
   ),
   {
@@ -519,7 +519,7 @@ const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
     onAuxClick: g,
     disabled: b = !1,
     tooltipText: C
-  } = t, L = (V) => {
+  } = t, A = (V) => {
     b || c?.(V);
   }, w = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
@@ -527,11 +527,11 @@ const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
       /* @__PURE__ */ e.jsx("label", { className: _t({ disabled: b, isSelected: l }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
-      o && o ? /* @__PURE__ */ e.jsx(Ke, { count: o, maxCount: 9, className: "badge", disabled: b }) : "",
+      o && o ? /* @__PURE__ */ e.jsx($e, { count: o, maxCount: 9, className: "badge", disabled: b }) : "",
       f && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: T(
+          className: L(
             "sublinks-toggle",
             "transition-all duration-200",
             "rounded-full relative grid place-items-center size-6",
@@ -544,14 +544,14 @@ const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
               disabled: b,
               type: "button",
               onClick: p,
-              className: T("absolute cursor-pointer hover:text-primary-default-hover top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 p-2 z-100 select-none", Le({ disabled: b, isSelected: l }), b && "pointer-events-none"),
+              className: L("absolute cursor-pointer hover:text-primary-default-hover top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 p-2 z-100 select-none", Le({ disabled: b, isSelected: l }), b && "pointer-events-none"),
               children: /* @__PURE__ */ e.jsx(Ct, {})
             }
           )
         }
       )
     ] })
-  ] }), N = T(
+  ] }), N = L(
     "group navitem",
     "h-12 flex-1 flex items-center p-3 rounded-lg justify-between w-full",
     "transition-all duration-300",
@@ -561,7 +561,7 @@ const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
   );
   if (h === "a") {
     const V = {
-      onClick: L,
+      onClick: A,
       onAuxClick: g,
       className: N
     };
@@ -569,23 +569,23 @@ const Et = "hover:bg-neutral-medium-hover", Pt = Pe("", {
   }
   if (h === "button") {
     const V = {
-      onClick: L,
+      onClick: A,
       type: "button",
       className: N
     };
     return /* @__PURE__ */ e.jsx("button", { ...V, children: w });
   }
-  const k = {
-    onClick: L,
+  const D = {
+    onClick: A,
     className: N
   };
-  return /* @__PURE__ */ e.jsx("div", { ...k, children: w });
-}, Re = M(Mt);
-Re.displayName = "NavigationDrawerItemBase";
+  return /* @__PURE__ */ e.jsx("div", { ...D, children: w });
+}, Me = M(Mt);
+Me.displayName = "NavigationDrawerItemBase";
 const Rt = (t) => {
   const { title: r, icon: s, count: o, className: u, isActive: l, onClick: f, isView: d = !0, disabled: p, tooltipText: h } = t;
   return d ? /* @__PURE__ */ e.jsx(
-    Re,
+    Me,
     {
       as: "button",
       title: r,
@@ -598,9 +598,9 @@ const Rt = (t) => {
       tooltipText: h
     }
   ) : null;
-}, st = M(Rt);
-st.displayName = "NavigationDrawerActionItem";
-const Bt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) => /* @__PURE__ */ e.jsx(be, { className: T("flex flex-col gap-2 w-full ", o), scrollbarProps: { hide: !0 }, persistScroll: "navigation-actions", indicators: {
+}, rt = M(Rt);
+rt.displayName = "NavigationDrawerActionItem";
+const Bt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) => /* @__PURE__ */ e.jsx(be, { className: L("flex flex-col gap-2 w-full ", o), scrollbarProps: { hide: !0 }, persistScroll: "navigation-actions", indicators: {
   top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
   bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
 }, children: t?.map((u) => {
@@ -608,7 +608,7 @@ const Bt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) =
     s?.(l, p), f?.();
   };
   return d ? /* @__PURE__ */ e.jsx(
-    st,
+    rt,
     {
       ...h,
       id: l,
@@ -617,8 +617,8 @@ const Bt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) =
     },
     l
   ) : null;
-}) }), nt = M(Bt);
-nt.displayName = "NavigationDrawerActions";
+}) }), st = M(Bt);
+st.displayName = "NavigationDrawerActions";
 const Ft = (t) => {
   const { className: r, title: s, path: o, onClick: u, isSelected: l, parentPath: f } = t, d = x(() => {
     u?.(o);
@@ -635,7 +635,7 @@ const Ft = (t) => {
     {
       onClick: d,
       onAuxClick: p,
-      className: T(
+      className: L(
         "group",
         "transition-all duration-300 ease-in-out cursor-pointer",
         "h-10 w-full rounded-lg py-[11px] px-3",
@@ -643,51 +643,51 @@ const Ft = (t) => {
         l && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
         r
       ),
-      children: /* @__PURE__ */ e.jsx("p", { className: T(
+      children: /* @__PURE__ */ e.jsx("p", { className: L(
         "prometeo-fonts-label-large text-neutral-medium-default",
         "group-active:text-neutral-default-focused group-focus:text-neutral-default-focused",
         l && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
       ), children: s })
     }
   );
-}, at = M(Ft);
-at.displayName = "NavItemSecondary";
+}, nt = M(Ft);
+nt.displayName = "NavItemSecondary";
 const zt = he((t, r) => {
-  const [s, o] = Y(!0), u = O(null), { path: l, title: f, icon: d, count: p, className: h, isSelected: c = !1, onClick: g, sublinks: b, toggleCollapse: C, getIsCollapsed: L, subscribeToCollapse: w, isView: N = !0, disabled: k, tooltipText: V } = t;
+  const [s, o] = Y(!0), u = T(null), { path: l, title: f, icon: d, count: p, className: h, isSelected: c = !1, onClick: g, sublinks: b, toggleCollapse: C, getIsCollapsed: A, subscribeToCollapse: w, isView: N = !0, disabled: D, tooltipText: V } = t;
   Q(() => w ? w((_) => {
     _ && o(!0);
   }) : void 0, [w]);
   const W = x(() => {
-    o((E) => !E);
-  }, []), S = x((E) => {
-    o(E);
+    o((P) => !P);
+  }, []), j = x((P) => {
+    o(P);
   }, []), F = {
     toggle: W,
-    setIsCollapsed: S,
+    setIsCollapsed: j,
     get isCollapsed() {
       return s;
     },
     get isDrawerCollapsed() {
-      return L?.() ?? !1;
+      return A?.() ?? !1;
     },
     toggleDrawerCollapse: C,
     subscribeToCollapse: w
   };
-  Ee(r, () => F, [F, s, L, C]);
+  Ie(r, () => F, [F, s, A, C]);
   const i = d, I = x(() => {
-    const E = L?.() ?? !1;
-    if (b && b.length > 0 && E) {
-      S(!1), C?.();
+    const P = A?.() ?? !1;
+    if (b && b.length > 0 && P) {
+      j(!1), C?.();
       return;
     }
     g?.(l);
-  }, [l, g, b, C, S, L]), R = x(() => {
+  }, [l, g, b, C, j, A]), B = x(() => {
     window.open(l, "_blank");
   }, [l]), z = () => {
-    if (!b || k) return null;
+    if (!b || D) return null;
     if (t.subLinksRender && b)
       return t.subLinksRender(b, F);
-    const E = x((_) => {
+    const P = x((_) => {
       if (_.startsWith("./")) {
         const Z = l + _.slice(2);
         g?.(Z);
@@ -699,13 +699,13 @@ const zt = he((t, r) => {
       if (!_) return;
       const Z = _.scrollHeight;
       _.style.setProperty("--sublinks-max-height", `${Z}px`);
-    }, []), /* @__PURE__ */ e.jsx("div", { ref: u, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: b.map((_) => /* @__PURE__ */ e.jsx(at, { ..._, onClick: E, parentPath: l }, `${_.title}-${_.path}`)) });
-  }, $ = (E) => {
-    E.stopPropagation(), E.preventDefault(), W();
+    }, []), /* @__PURE__ */ e.jsx("div", { ref: u, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: b.map((_) => /* @__PURE__ */ e.jsx(nt, { ..._, onClick: P, parentPath: l }, `${_.title}-${_.path}`)) });
+  }, K = (P) => {
+    P.stopPropagation(), P.preventDefault(), W();
   };
   return N ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", children: [
     /* @__PURE__ */ e.jsx(
-      Re,
+      Me,
       {
         as: "a",
         title: f,
@@ -715,26 +715,26 @@ const zt = he((t, r) => {
         isSelected: c,
         hasSublinks: !!b,
         subLinksCollapsed: s,
-        onToggleSublinks: $,
+        onToggleSublinks: K,
         onClick: I,
-        onAuxClick: R,
-        disabled: k,
+        onAuxClick: B,
+        disabled: D,
         tooltipText: V
       }
     ),
     z()
   ] }) : null;
-}), ot = M(zt);
-ot.displayName = "NavigationDrawerLinkItem";
+}), at = M(zt);
+at.displayName = "NavigationDrawerLinkItem";
 const Ut = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: o, toggleCollapse: u, subscribeToCollapse: l }) => {
   const { pathname: f } = vt();
-  return /* @__PURE__ */ e.jsx(be, { className: T("flex flex-col gap-2 w-full ", s), scrollbarProps: { hide: !0 }, persistScroll: "navigation-links", indicators: {
+  return /* @__PURE__ */ e.jsx(be, { className: L("flex flex-col gap-2 w-full ", s), scrollbarProps: { hide: !0 }, persistScroll: "navigation-links", indicators: {
     top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
     bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
   }, children: t?.map((d, p) => {
     const h = d.isSelected || d.path === f || (d.relatedPaths?.some((c) => f.startsWith(c)) ?? !1);
     return /* @__PURE__ */ e.jsx(
-      ot,
+      at,
       {
         ...d,
         isSelected: h,
@@ -748,15 +748,15 @@ const Ut = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: o,
       p
     );
   }) });
-}, lt = M(Ut);
-lt.displayName = "NavigationDrawerNavlinks";
-const it = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: o, onActionClick: u }) => {
-  const { getIsCollapsed: l, toggleCollapse: f, subscribeToCollapse: d } = le();
+}, ot = M(Ut);
+ot.displayName = "NavigationDrawerNavlinks";
+const lt = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: o, onActionClick: u }) => {
+  const { getIsCollapsed: l, toggleCollapse: f, subscribeToCollapse: d } = oe();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(G.Spacer, { className: "pb-3" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col overflow-hidden h-full gap-4 relative w-full", children: [
       /* @__PURE__ */ e.jsx(
-        lt,
+        ot,
         {
           getIsCollapsed: l,
           toggleCollapse: f,
@@ -767,7 +767,7 @@ const it = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
         }
       ),
       /* @__PURE__ */ e.jsx(
-        nt,
+        st,
         {
           actions: s,
           activeActionId: o,
@@ -778,7 +778,7 @@ const it = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
     ] })
   ] });
 }, (t, r) => t.navlinks === r.navlinks && t.handleNavigation === r.handleNavigation && t.allActions === r.allActions && t.activeActionId === r.activeActionId && t.onActionClick === r.onActionClick);
-it.displayName = "PyrionNavigationDrawer.Content";
+lt.displayName = "PyrionNavigationDrawer.Content";
 const Ht = (t) => {
   const { sessions: r, onSessionClick: s, secondarySlot: o, subImageUrlAccessor: u } = t;
   if (!r || r.length === 0)
@@ -791,14 +791,14 @@ const Ht = (t) => {
     const h = p.metadata;
     if (!h)
       return;
-    const c = ye({ metadata: h }, u);
+    const c = Ne({ metadata: h }, u);
     if (c != null)
       return typeof c == "string" ? c : String(c);
   }, d = x((p) => typeof o == "function" ? o(p) : o, [o]);
   return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-2", children: r?.map((p) => {
     const { auth_id: h } = p;
     return /* @__PURE__ */ e.jsx(se, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(se.Content, { onClick: () => l(p), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
-      Ye,
+      Ke,
       {
         name: h.name,
         avatarSize: "xxs",
@@ -823,7 +823,7 @@ const Ht = (t) => {
   userOptionsControls: h,
   mobileAppSwitcherControls: c
 }) => {
-  const { getIsCollapsed: g, toggleCollapse: b, subscribeToCollapse: C } = le(), L = x(() => {
+  const { getIsCollapsed: g, toggleCollapse: b, subscribeToCollapse: C } = oe(), A = x(() => {
     const w = g();
     w ? (b(), h.current?.open()) : f?.(w);
   }, [g, b, h, f]);
@@ -832,8 +832,8 @@ const Ht = (t) => {
   }), [C, h, c]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(G.Spacer, { className: "mb-3" }),
     /* @__PURE__ */ e.jsxs(se, { className: "", controls: h, children: [
-      /* @__PURE__ */ e.jsx(se.Content, { onClick: L, children: /* @__PURE__ */ e.jsx(
-        Ye,
+      /* @__PURE__ */ e.jsx(se.Content, { onClick: A, children: /* @__PURE__ */ e.jsx(
+        Ke,
         {
           className: "pyrion-navigation-drawer-user-card p-0",
           name: t.user.name,
@@ -877,7 +877,7 @@ const Ht = (t) => {
       ] })
     ] })
   ] });
-}, ct = M(Vt, (t, r) => {
+}, it = M(Vt, (t, r) => {
   const s = Object.keys(t), o = Object.keys(r);
   if (s.length !== o.length)
     return !1;
@@ -890,7 +890,7 @@ const Ht = (t) => {
   }
   return t.currentAppSessions !== r.currentAppSessions || t.options !== r.options || t.currentSystemId !== r.currentSystemId || t.userOptionsControls !== r.userOptionsControls || t.mobileAppSwitcherControls !== r.mobileAppSwitcherControls;
 });
-ct.displayName = "PyrionNavigationDrawer.Footer";
+it.displayName = "PyrionNavigationDrawer.Footer";
 const Wt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(se, { controls: s, children: [
   /* @__PURE__ */ e.jsx(se.Content, { children: typeof r == "function" ? r() : r }),
   /* @__PURE__ */ e.jsxs(se.Options, { children: [
@@ -919,7 +919,7 @@ const Wt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(se,
     ] }),
     /* @__PURE__ */ e.jsx("div", {})
   ] })
-] }), Ae = M(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
+] }), Te = M(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
   const o = x(() => {
     if (t) {
       if (s) {
@@ -937,7 +937,7 @@ const Wt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(se,
       {
         src: o().coverImage,
         alt: "System Logo",
-        className: T("w-full h-12 rounded object-contain system-cover-image ", u && "cursor-pointer"),
+        className: L("w-full h-12 rounded object-contain system-cover-image ", u && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
@@ -947,16 +947,16 @@ const Wt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(se,
       {
         src: o().thumbnail,
         alt: "System Logo",
-        className: T("w-12 h-12 rounded object-cover system-thumbnail ", u && "cursor-pointer"),
+        className: L("w-12 h-12 rounded object-cover system-thumbnail ", u && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
     )
   ] });
 }, (t, r) => t.enabled_systems === r.enabled_systems && t.onClick === r.onClick && t.currentSystemId === r.currentSystemId);
-Ae.displayName = "PyrionNavigationDrawer.SystemLogo";
-const dt = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mobileAppSwitcherControls: u }) => {
-  const { getIsCollapsed: l } = le(), f = qe(), d = x(() => {
+Te.displayName = "PyrionNavigationDrawer.SystemLogo";
+const ct = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mobileAppSwitcherControls: u }) => {
+  const { getIsCollapsed: l } = oe(), f = We(), d = x(() => {
     if (t) {
       const p = l();
       t(p);
@@ -968,7 +968,7 @@ const dt = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mob
       controls: u,
       tabs: o,
       content: /* @__PURE__ */ e.jsx(
-        Ae,
+        Te,
         {
           enabled_systems: r.enabled_systems,
           onClick: d,
@@ -977,7 +977,7 @@ const dt = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mob
       )
     }
   ) : /* @__PURE__ */ e.jsx(
-    Ae,
+    Te,
     {
       enabled_systems: r.enabled_systems,
       onClick: d,
@@ -985,46 +985,46 @@ const dt = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mob
     }
   );
 });
-dt.displayName = "PyrionNavigationDrawer.Header";
+ct.displayName = "PyrionNavigationDrawer.Header";
 const qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s, scrollableControls: o }) => {
-  const [u, l] = Y([]), [f, d] = Y("NO_LEIDAS"), [p, h] = Y(!1), c = O(/* @__PURE__ */ new Set()), g = O(null), b = O(null), C = x((i, I = "top") => {
-    l((R) => {
-      const z = Array.isArray(i) ? I === "bottom" ? [...R, ...i] : [...i, ...R] : I === "bottom" ? [...R, i] : [i, ...R];
+  const [u, l] = Y([]), [f, d] = Y("NO_LEIDAS"), [p, h] = Y(!1), c = T(/* @__PURE__ */ new Set()), g = T(null), b = T(null), C = x((i, I = "top") => {
+    l((B) => {
+      const z = Array.isArray(i) ? I === "bottom" ? [...B, ...i] : [...i, ...B] : I === "bottom" ? [...B, i] : [i, ...B];
       return queueMicrotask(() => {
-        c.current.forEach(($) => $(z, z.length));
+        c.current.forEach((K) => K(z, z.length));
       }), z;
     });
-  }, []), L = x((i) => (c.current.add(i), () => {
+  }, []), A = x((i) => (c.current.add(i), () => {
     c.current.delete(i);
   }), []), w = x((i) => {
     l((I) => {
-      const R = Array.isArray(i) ? I.filter((z) => !i.includes(z._id)) : I.filter((z) => z._id !== i);
+      const B = Array.isArray(i) ? I.filter((z) => !i.includes(z._id)) : I.filter((z) => z._id !== i);
       return queueMicrotask(() => {
-        c.current.forEach((z) => z(R, R.length));
-      }), R;
+        c.current.forEach((z) => z(B, B.length));
+      }), B;
     });
   }, []), N = x(() => {
     l([]), queueMicrotask(() => {
       c.current.forEach((i) => i([], 0));
     });
-  }, []), k = x((i) => {
+  }, []), D = x((i) => {
     l(i), queueMicrotask(() => {
       c.current.forEach((I) => I(i, i.length));
     });
   }, []), V = x((i) => {
     h(i);
   }, []);
-  Ee(s, () => ({
+  Ie(s, () => ({
     addNewNotification: C,
-    subscribeToUpdates: L,
-    setNotifications: k,
+    subscribeToUpdates: A,
+    setNotifications: D,
     removeNotification: w,
     removeAllNotifications: N,
     setLoading: V
-  }), [C, L, k, w, N, V]);
+  }), [C, A, D, w, N, V]);
   const W = (i) => {
     d(i);
-  }, S = u.length > 0;
+  }, j = u.length > 0;
   xt(() => {
     if (g.current && b.current) {
       const i = g.current.clientHeight;
@@ -1040,10 +1040,10 @@ const qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s,
         /* @__PURE__ */ e.jsxs("div", { ref: g, className: "flex flex-col gap-4", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-8 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
             /* @__PURE__ */ e.jsxs("span", { className: "flex gap-2 items-center", children: [
-              /* @__PURE__ */ e.jsx(Xe, { className: "text-neutral-strong-default", size: 24 }),
+              /* @__PURE__ */ e.jsx(Ye, { className: "text-neutral-strong-default", size: 24 }),
               /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-small text-neutral-strong-default", children: "Notificaciones" })
             ] }),
-            /* @__PURE__ */ e.jsx(pe, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(_e, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
+            /* @__PURE__ */ e.jsx(pe, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Pe, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
           ] }),
           /* @__PURE__ */ e.jsx(
             kt,
@@ -1055,26 +1055,26 @@ const qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s,
                 { id: "ALL", title: "Todas" },
                 { id: "NO_LEIDAS", title: "Sin leer" }
               ],
-              renderTab: (i, I, R, z, $, E, _, Z) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+              renderTab: (i, I, B, z, K, P, _, Z) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ e.jsx(
                   Dt,
                   {
                     id: i.id,
                     title: i.title,
-                    onClick: R,
+                    onClick: B,
                     isActive: I,
                     onIconClick: z,
-                    onIconHover: $,
+                    onIconHover: K,
                     iconTooltipProps: _,
-                    iconTooltipTitle: E,
+                    iconTooltipTitle: P,
                     iconSize: Z
                   }
                 ),
-                F > 0 && i.title === "Sin leer" && /* @__PURE__ */ e.jsx(Ke, { count: F, className: "absolute top-0 right-0" })
+                F > 0 && i.title === "Sin leer" && /* @__PURE__ */ e.jsx($e, { count: F, className: "absolute top-0 right-0" })
               ] })
             }
           ),
-          r && S && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(pe, { onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
+          r && j && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(pe, { onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
         ] }),
         /* @__PURE__ */ e.jsx("div", { ref: b, className: "", children: /* @__PURE__ */ e.jsxs(
           be,
@@ -1089,7 +1089,7 @@ const qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s,
               target: "2000px"
             },
             children: [
-              S ? u?.filter((i) => f === "NO_LEIDAS" ? !i.read : i)?.map((i, I) => /* @__PURE__ */ e.jsx(jt, { ...i, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, I)) : /* @__PURE__ */ e.jsx("p", { className: "flex-1 grid place-items-center prometeo-fonts-headline-xsmall text-neutral-default-default text-center py-8 text-balance", children: "No tienes notificaciones nuevas por el momento" }),
+              j ? u?.filter((i) => f === "NO_LEIDAS" ? !i.read : i)?.map((i, I) => /* @__PURE__ */ e.jsx(jt, { ...i, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, I)) : /* @__PURE__ */ e.jsx("p", { className: "flex-1 grid place-items-center prometeo-fonts-headline-xsmall text-neutral-default-default text-center py-8 text-balance", children: "No tienes notificaciones nuevas por el momento" }),
               p && /* @__PURE__ */ e.jsx("p", { className: " prometeo-fonts-body-large text-neutral-medium-default w-full text-center py-4", children: "Cargando más ..." })
             ]
           }
@@ -1104,17 +1104,17 @@ const qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s,
     children: [
       /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-8 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
         /* @__PURE__ */ e.jsxs("span", { className: "flex gap-2 items-center", children: [
-          /* @__PURE__ */ e.jsx(Je, { className: "text-neutral-strong-default", size: 24 }),
+          /* @__PURE__ */ e.jsx(Xe, { className: "text-neutral-strong-default", size: 24 }),
           /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-small text-neutral-strong-default", children: s })
         ] }),
-        /* @__PURE__ */ e.jsx(pe, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(_e, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
+        /* @__PURE__ */ e.jsx(pe, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Pe, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3 pb-8 pt-4 px-4 ", children: r })
     ]
   }
 ), Kt = ({ closeSidebar: t, options: r, helpSection: s, initialSection: o, notificationsListControls: u, scrollableControls: l }, f) => {
   const [d, p] = Y(o ?? "notifications");
-  Ee(f, () => ({
+  Ie(f, () => ({
     setActiveSection: p
   }));
   const h = () => {
@@ -1132,8 +1132,8 @@ const qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s,
     ),
     d === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx($t, { onCloseClick: h, children: typeof s == "function" ? s() : s })
   ] });
-}, ut = he(Kt);
-ut.displayName = "SidebarContent";
+}, dt = he(Kt);
+dt.displayName = "SidebarContent";
 const Yt = ({
   options: t,
   helpSection: r,
@@ -1142,9 +1142,9 @@ const Yt = ({
   notificationsListControls: u,
   scrollableControls: l
 }) => {
-  const { closeSidebar: f } = le();
+  const { closeSidebar: f } = oe();
   return /* @__PURE__ */ e.jsx(
-    ut,
+    dt,
     {
       ref: s,
       closeSidebar: f,
@@ -1155,17 +1155,17 @@ const Yt = ({
       scrollableControls: l
     }
   );
-}, ft = M(Yt);
-ft.displayName = "PyrionNavigationDrawer.Sidebar";
+}, ut = M(Yt);
+ut.displayName = "PyrionNavigationDrawer.Sidebar";
 const Xt = ({ navigationControlsRef: t }) => {
-  const r = le();
+  const r = oe();
   return t.current.toggleCollapse = r.toggleCollapse, t.current.getIsCollapsed = r.getIsCollapsed, t.current.subscribeToCollapse = r.subscribeToCollapse, t.current.openSidebar = r.openSidebar, t.current.closeSidebar = r.closeSidebar, t.current.toggleSidebar = r.toggleSidebar, t.current.getIsSidebarOpen = r.getIsSidebarOpen, t.current.subscribeToSidebarOpen = r.subscribeToSidebarOpen, t.current.setDrawerDragEnabled = r.setDrawerDragEnabled, t.current.setSidebarDragEnabled = r.setSidebarDragEnabled, null;
 }, Jt = (t) => {
-  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: o, resolveSessionSecondarySlot: u, handleNavigation: l, allActions: f, tabs: d, navigationControlsRef: p, sidebarContentRef: h, initialSectionRef: c, userOptionsControls: g, mobileAppSwitcherControls: b, notificationsListControls: C, scrollableControls: L, outletRef: w, ...N } = t;
+  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: o, resolveSessionSecondarySlot: u, handleNavigation: l, allActions: f, tabs: d, navigationControlsRef: p, sidebarContentRef: h, initialSectionRef: c, userOptionsControls: g, mobileAppSwitcherControls: b, notificationsListControls: C, scrollableControls: A, outletRef: w, ...N } = t;
   return /* @__PURE__ */ e.jsxs(G, { disableDragOpen: N.options?.disableDragOpen, outletRef: w, children: [
     /* @__PURE__ */ e.jsx(Xt, { navigationControlsRef: p }),
     /* @__PURE__ */ e.jsx(G.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
-      dt,
+      ct,
       {
         onSystemLogoClick: N.onSystemLogoClick,
         state: N.state,
@@ -1175,7 +1175,7 @@ const Xt = ({ navigationControlsRef: t }) => {
       }
     ) }, "PL-Header"),
     /* @__PURE__ */ e.jsx(G.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
-      it,
+      lt,
       {
         navlinks: N.links,
         handleNavigation: l,
@@ -1185,7 +1185,7 @@ const Xt = ({ navigationControlsRef: t }) => {
       }
     ) }, "PL-Content"),
     /* @__PURE__ */ e.jsx(G.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
-      ct,
+      it,
       {
         state: N.state,
         currentAppSessions: s,
@@ -1208,20 +1208,20 @@ const Xt = ({ navigationControlsRef: t }) => {
         modal: N.options?.sidebarOptions?.modal,
         closeOnOverlayClick: N.options?.sidebarOptions?.closeOnOverlayClick,
         children: /* @__PURE__ */ e.jsx(
-          ft,
+          ut,
           {
             options: N.options,
             helpSection: N.helpSection,
             sidebarContentRef: h,
             initialSectionRef: c,
             notificationsListControls: C,
-            scrollableControls: L
+            scrollableControls: A
           }
         )
       }
     )
   ] });
-}, Oe = M(Jt, (t, r) => {
+}, ft = M(Jt, (t, r) => {
   const { children: s, ...o } = t, { children: u, ...l } = r, f = Object.keys(o), d = Object.keys(l);
   if (f.length !== d.length)
     return !1;
@@ -1234,28 +1234,28 @@ const Xt = ({ navigationControlsRef: t }) => {
   }
   return !0;
 });
-Oe.displayName = "PyrionNavigationDrawer.LayoutBase";
+ft.displayName = "PyrionNavigationDrawer.LayoutBase";
 const mt = M(({ children: t }) => /* @__PURE__ */ e.jsx(G.Outlet, { children: t }));
 mt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
-const pt = Ie(null), wr = () => {
+const pt = Oe(null), wr = () => {
   const t = gt(pt);
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, Nr = ({ children: t, helpSection: r, state: s, links: o, onLinkClick: u, onNavigate: l, onLogoutClick: f, actions: d, activeActionId: p, onActionClick: h, tabsProps: c, currentSystemId: g, onSessionClick: b, onSystemLogoClick: C, onProfileClick: L, ...w }) => {
-  const k = Object.assign({
+}, Nr = ({ children: t, helpSection: r, state: s, links: o, onLinkClick: u, onNavigate: l, onLogoutClick: f, actions: d, activeActionId: p, onActionClick: h, tabsProps: c, currentSystemId: g, onSessionClick: b, onSystemLogoClick: C, onProfileClick: A, ...w }) => {
+  const D = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
       sidebar: !0,
       drawer: !1
     }
-  }, w.options), V = wt(), W = qe(), S = O(null), F = O(null), i = O({}), I = O(null), R = O("notifications"), z = O(null), $ = O(null), E = O(null), [_, Z] = Y(0), [ue, ee] = Y(!1), [ne, ae] = Y(null), oe = x((a) => {
+  }, w.options), V = wt(), W = We(), j = T(null), F = T(null), i = T({}), I = T(null), B = T("notifications"), z = T(null), K = T(null), P = T(null), [_, Z] = Y(0), [ue, ee] = Y(!1), [ne, ae] = Y(null), le = x((a) => {
     if (ee(!1), u) {
       u(a);
       return;
     }
     const y = window.location.pathname;
-    V(a), k.closeDrawerOnNavigate && ht() && !i.current?.getIsCollapsed?.() && i.current?.toggleCollapse?.(), l && l(y, a);
+    V(a), D.closeDrawerOnNavigate && ht() && !i.current?.getIsCollapsed?.() && i.current?.toggleCollapse?.(), l && l(y, a);
   }, [u, l, V]), te = (a) => {
     a && window.open(a, "_blank");
   }, ge = {
@@ -1269,37 +1269,37 @@ const pt = Ie(null), wr = () => {
       mobile: te,
       desktop: te
     }
-  }, ke = x((a) => {
-    const y = W ? "mobile" : "desktop", P = s.enabled_systems.find((j) => j.name === a)?.url;
-    ge.system[y](P), c?.onTabClick?.(a);
-  }, [W, s.enabled_systems, c?.onTabClick]), Fe = x((a) => {
-    const y = W ? "mobile" : "desktop", P = s.company.products?.find((j) => j.name === a)?.domain;
-    ge.product[y](P), c?.onTabClick?.(a);
+  }, je = x((a) => {
+    const y = W ? "mobile" : "desktop", E = s.enabled_systems.find((S) => S.name === a)?.url;
+    ge.system[y](E), c?.onTabClick?.(a);
+  }, [W, s.enabled_systems, c?.onTabClick]), Be = x((a) => {
+    const y = W ? "mobile" : "desktop", E = s.company.products?.find((S) => S.name === a)?.domain;
+    ge.product[y](E), c?.onTabClick?.(a);
   }, [W, s.company.products, c?.onTabClick]), ie = x((a, y) => {
     if (y) {
       y(a), c?.onTabClick?.(a);
       return;
     } else
       c?.onTabClick?.(a);
-  }, [c?.onTabClick]), ze = x(() => {
+  }, [c?.onTabClick]), Fe = x(() => {
     const a = {};
-    s.enabled_systems.forEach((P) => {
-      a[P.url] = P.name;
+    s.enabled_systems.forEach((E) => {
+      a[E.url] = E.name;
     });
     const y = window.location.origin;
-    for (const [P, j] of Object.entries(a))
-      if (y === P)
-        return j;
+    for (const [E, S] of Object.entries(a))
+      if (y === E)
+        return S;
     return "";
-  }, [s.enabled_systems]), De = c?.currentTabName || ze(), ve = me(
+  }, [s.enabled_systems]), ke = c?.currentTabName || Fe(), De = me(
     () => s.sessions || [],
     [s.sessions]
-  ), X = (a) => a == null ? null : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : Ce(a) ? a : typeof a == "object" ? JSON.stringify(a) : null, ce = x((a, y) => {
+  ), X = (a) => a == null ? null : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : ye(a) ? a : typeof a == "object" ? JSON.stringify(a) : null, ce = x((a, y) => {
     if (!a) return null;
     if (Array.isArray(a)) {
-      const P = a?.[0] ? ye(y, a[0]) : null, j = a?.[1] ? ye(y, a[1]) : null, K = X(P), fe = X(j);
+      const E = a?.[0] ? Ne(y, a[0]) : null, S = a?.[1] ? Ne(y, a[1]) : null, $ = X(E), fe = X(S);
       return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 min-w-[40%] text-nowrap wrap-break-word overflow-hidden text-ellipsis", children: K }),
+        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 min-w-[40%] text-nowrap wrap-break-word overflow-hidden text-ellipsis", children: $ }),
         fe && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 flex-1 grow shrink-0 min-w-max max-w-2/3 overflow-visible ", children: [
           /* @__PURE__ */ e.jsx("span", { className: "size-0.5 bg-[var(--neutral-300)] rounded-full" }),
           /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-pre text-ellipsis", children: fe })
@@ -1307,164 +1307,134 @@ const pt = Ie(null), wr = () => {
       ] });
     }
     if (typeof a == "string") {
-      const P = ye(y, a);
-      return X(P);
+      const E = Ne(y, a);
+      return X(E);
     }
     return typeof a == "function" ? X(a(y)) : null;
   }, []), n = x(
     (a) => {
-      const y = k?.userCardOptions?.secondarySlot;
+      const y = D?.userCardOptions?.secondarySlot;
       if (!y) return null;
-      const P = s.enabled_systems?.find((K) => K._id === g), j = { company: s.company, user: s.user, system: P, metadata: a };
-      return ce(y, j);
+      const E = s.enabled_systems?.find(($) => $._id === g), S = { company: s.company, user: s.user, system: E, metadata: a };
+      return ce(y, S);
     },
-    [g, k?.userCardOptions?.secondarySlot, ce, s.company, s.enabled_systems, s.user]
+    [g, D?.userCardOptions?.secondarySlot, ce, s.company, s.enabled_systems, s.user]
   ), m = x(
     (a) => {
-      const y = k?.sessionCardOptions?.secondarySlot || k?.userCardOptions?.secondarySlot;
+      const y = D?.sessionCardOptions?.secondarySlot || D?.userCardOptions?.secondarySlot;
       if (!y) return null;
-      const P = s.enabled_systems?.find((K) => K._id === g), j = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: P };
-      return ce(y, j);
+      const E = s.enabled_systems?.find(($) => $._id === g), S = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: E };
+      return ce(y, S);
     },
-    [g, k?.sessionCardOptions?.secondarySlot, k?.userCardOptions?.secondarySlot, ce, s.company]
+    [g, D?.sessionCardOptions?.secondarySlot, D?.userCardOptions?.secondarySlot, ce, s.company]
   ), v = me(() => {
     const a = [];
     return i.current.openNotifications = () => {
-      R.current = "notifications", i.current.openSidebar?.(), I.current?.setActiveSection("notifications");
+      B.current = "notifications", i.current.openSidebar?.(), I.current?.setActiveSection("notifications");
     }, i.current.openHelp = () => {
-      R.current = "help", i.current.openSidebar?.(), I.current?.setActiveSection("help");
-    }, !k?.notificationsDrawerOptions?.hideActionButton && !k?.notificationsDrawerOptions?.hide && a.push({
+      B.current = "help", i.current.openSidebar?.(), I.current?.setActiveSection("help");
+    }, !D?.notificationsDrawerOptions?.hideActionButton && !D?.notificationsDrawerOptions?.hide && a.push({
       id: "notifications",
       title: "Notificaciones",
-      icon: Xe,
+      icon: Ye,
       onClick: i.current.openNotifications,
       count: _
-    }), !k?.helpSectionDrawerOptions?.hideActionButton && r && !k?.helpSectionDrawerOptions?.hide && a.push({
+    }), !D?.helpSectionDrawerOptions?.hideActionButton && r && !D?.helpSectionDrawerOptions?.hide && a.push({
       id: "help",
       title: "Ayuda",
-      icon: Je,
+      icon: Xe,
       onClick: i.current.openHelp
-    }), k?.configurationActionOptions?.onClick && !k?.configurationActionOptions?.hideActionButton && a.push({
+    }), D?.configurationActionOptions?.onClick && !D?.configurationActionOptions?.hideActionButton && a.push({
       id: "configuration",
       title: "Configuracion",
       icon: Lt,
-      onClick: k.configurationActionOptions?.onClick
+      onClick: D.configurationActionOptions?.onClick
     }), a;
-  }, [k, r, h, _]), A = me(
+  }, [D, r, h, _]), O = me(
     () => [...v, ...d || []],
     [v, d]
   ), U = me(() => {
-    const a = s.enabled_systems.map((j) => ({
-      name: j.name,
-      thumbnail: j.thumbnail,
-      onClick: ke,
-      id: j._id
-    })) || [], y = c?.customTabs?.map((j) => ({
-      ...j,
-      onClick: () => ie(j.name, j?.onClick)
-    })) || [], P = s.company.products?.map((j) => ({
-      name: j.name,
-      thumbnail: j.thumbnail,
-      onClick: Fe
+    const a = s.enabled_systems.map((S) => ({
+      name: S.name,
+      thumbnail: S.thumbnail,
+      onClick: je,
+      id: S._id
+    })) || [], y = c?.customTabs?.map((S) => ({
+      ...S,
+      onClick: () => ie(S.name, S?.onClick)
+    })) || [], E = s.company.products?.map((S) => ({
+      name: S.name,
+      thumbnail: S.thumbnail,
+      onClick: Be
     })) || [];
-    return [...a, ...y, ...P];
-  }, [s.enabled_systems, s.company.products, c?.customTabs]), B = x((a, y) => {
-    S.current?.addNewNotification ? S.current.addNewNotification(a, y) : console.warn("Notifications controls not ready yet");
-  }, []), J = x((a) => S.current?.subscribeToUpdates ? S.current.subscribeToUpdates(a) : (console.warn("Notifications controls not ready yet"), () => {
+    return [...a, ...y, ...E];
+  }, [s.enabled_systems, s.company.products, c?.customTabs]), R = x((a, y) => {
+    j.current?.addNewNotification ? j.current.addNewNotification(a, y) : console.warn("Notifications controls not ready yet");
+  }, []), J = x((a) => j.current?.subscribeToUpdates ? j.current.subscribeToUpdates(a) : (console.warn("Notifications controls not ready yet"), () => {
   }), []), re = x((a) => {
-    S.current?.removeNotification ? S.current.removeNotification(a) : console.warn("Notifications controls not ready yet");
+    j.current?.removeNotification ? j.current.removeNotification(a) : console.warn("Notifications controls not ready yet");
   }, []), de = x(() => {
-    S.current?.removeAllNotifications ? S.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
-  }, []), we = x((a) => {
-    S.current?.setNotifications ? S.current.setNotifications(a) : console.warn("Notifications controls not ready yet");
-  }, []), Ne = x((a, y) => F.current?.subscribeToScrollTarget ? F.current.subscribeToScrollTarget(a, y) : (console.warn("Scrollable controls not ready yet"), () => {
-  }), []), D = x((a) => {
-    S.current?.setLoading ? S.current.setLoading(a) : console.warn("Notifications controls not ready yet");
-  }, []), q = x((a, y, P) => {
-    const j = /* @__PURE__ */ e.jsxs("div", { className: T(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", y ? "fixed" : "sticky"), children: [
-      !P && /* @__PURE__ */ e.jsx(pe, { label: "", icon: /* @__PURE__ */ e.jsx(_e, {}), onClick: () => ee(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
+    j.current?.removeAllNotifications ? j.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
+  }, []), ve = x((a) => {
+    j.current?.setNotifications ? j.current.setNotifications(a) : console.warn("Notifications controls not ready yet");
+  }, []), we = x((a, y) => F.current?.subscribeToScrollTarget ? F.current.subscribeToScrollTarget(a, y) : (console.warn("Scrollable controls not ready yet"), () => {
+  }), []), k = x((a) => {
+    j.current?.setLoading ? j.current.setLoading(a) : console.warn("Notifications controls not ready yet");
+  }, []), q = x((a, y, E) => {
+    const S = /* @__PURE__ */ e.jsxs("div", { className: L(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", y ? "fixed" : "sticky"), children: [
+      !E && /* @__PURE__ */ e.jsx(pe, { label: "", icon: /* @__PURE__ */ e.jsx(Pe, {}), onClick: () => ee(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
       typeof a == "function" ? a() : a
     ] });
-    let K;
-    return y ? K = He(j, document.body, `modal-error-${Date.now()}`) : E.current && (K = He(j, E.current, `modal-error-${Date.now()}`)), ae(K), ee(!0), j;
-  }, [E]), H = x(() => {
+    let $;
+    return y ? $ = Ue(S, document.body, `modal-error-${Date.now()}`) : P.current && ($ = Ue(S, P.current, `modal-error-${Date.now()}`)), ae($), ee(!0), S;
+  }, [P]), H = x(() => {
     ee(!1);
   }, []);
-  return i.current.addNewNotification = B, i.current.subscribeToNotificationsUpdates = J, i.current.removeNotification = re, i.current.removeAllNotifications = de, i.current.setNotifications = we, i.current.setNotificationsLoading = D, i.current.subscribeToNotificationsScroll = Ne, i.current.showErrorModal = q, i.current.closeErrorModal = H, Q(() => {
+  return i.current.addNewNotification = R, i.current.subscribeToNotificationsUpdates = J, i.current.removeNotification = re, i.current.removeAllNotifications = de, i.current.setNotifications = ve, i.current.setNotificationsLoading = k, i.current.subscribeToNotificationsScroll = we, i.current.showErrorModal = q, i.current.closeErrorModal = H, Q(() => {
     J((a, y) => {
       Z(y);
     });
   }, [J]), /* @__PURE__ */ e.jsxs(pt.Provider, { value: i.current, children: [
     ue && ne,
-    W ? /* @__PURE__ */ e.jsx("div", { className: "flex h-screen", children: /* @__PURE__ */ e.jsx(
-      Oe,
-      {
-        links: o,
-        handleNavigation: oe,
-        allActions: A,
-        activeActionId: p,
-        onActionClick: h,
-        state: s,
-        currentAppSessions: ve,
-        resolveUserSecondarySlot: n,
-        resolveSessionSecondarySlot: m,
-        onSessionClick: b,
-        onLogoutClick: f,
-        options: k,
-        currentSystemId: g,
-        userOptionsControls: z,
-        mobileAppSwitcherControls: $,
-        onSystemLogoClick: C,
-        tabs: U,
-        helpSection: r,
-        sidebarContentRef: I,
-        initialSectionRef: R,
-        navigationControlsRef: i,
-        notificationsListControls: S,
-        scrollableControls: F,
-        outletRef: E,
-        onProfileClick: L,
-        children: t
-      }
-    ) }) : /* @__PURE__ */ e.jsxs("div", { className: "flex h-screen", children: [
-      U.length > 0 && /* @__PURE__ */ e.jsx(
-        Tt,
+    /* @__PURE__ */ e.jsxs("div", { className: "flex h-screen", children: [
+      !W && U.length > 0 && /* @__PURE__ */ e.jsx(
+        At,
         {
           className: "hidden md:flex",
           tabs: U,
           activeColor: "var(--neutral-900)",
-          currentTabName: De,
+          currentTabName: ke,
           currentSystemId: g
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Oe,
+        ft,
         {
           links: o,
-          handleNavigation: oe,
-          allActions: A,
+          handleNavigation: le,
+          allActions: O,
           activeActionId: p,
           onActionClick: h,
           state: s,
-          currentAppSessions: ve,
+          currentAppSessions: De,
           resolveUserSecondarySlot: n,
           resolveSessionSecondarySlot: m,
           onSessionClick: b,
           onLogoutClick: f,
-          options: k,
+          options: D,
           currentSystemId: g,
           userOptionsControls: z,
-          mobileAppSwitcherControls: $,
+          mobileAppSwitcherControls: K,
           onSystemLogoClick: C,
           tabs: U,
           helpSection: r,
           sidebarContentRef: I,
-          initialSectionRef: R,
+          initialSectionRef: B,
           navigationControlsRef: i,
-          notificationsListControls: S,
+          notificationsListControls: j,
           scrollableControls: F,
-          outletRef: E,
-          onProfileClick: L,
+          outletRef: P,
+          onProfileClick: A,
           children: t
         }
       )