@foris/avocado-not-front 5.2.3 → 5.2.5

package/dist/avocado-not-front.es.js

@@ -1,50 +1,55 @@
 import X from "axios";
-import { create as je } from "zustand";
-import Ce, { useMemo as O, useState as $, useCallback as L, Fragment as A, useEffect as U, useRef as ut, cloneElement as we } from "react";
-import { Heading as ee, Text as Ne, Accordion as ve, ThemeStore as ht, Box as Ee, RadioButton as ke, Stepper as Te, ProgressBar as Se, Breadcrumbs as Ae, Button as Oe, CardAccordion as $e, Card as Re, CardNotification as xt, SkeletonBase as ne, Checkbox as De, PreviewerMarkdown as se, DataCard as qe, Divider as Ie, Drawer as Le, DropdownButton as Ke, Link as Be, Menu as Me, Modal as He, Pill as Tt, RoundButton as Ge, SelectPagination as Ue, Select as Ve, Switch as ze, Table as It, Pager as Ct, Tabs as Xe, Textarea as Je, TextField as We, toast as lt, Tooltip as Ye, Loading as Qe, Toaster as Ze } from "@foris/avocado-suite";
-import { ChatPanel as Fe, PromptCodeEditor as Pe, SummaryCard as tn } from "@foris/ai-agent";
+import { create as ve } from "zustand";
+import Ee, { useMemo as O, useState as $, useCallback as L, Fragment as k, useEffect as U, useRef as ut, cloneElement as ke } from "react";
+import { Heading as se, Text as re, Accordion as Se, ThemeStore as ht, Box as Te, RadioButton as Ae, Stepper as Oe, ProgressBar as $e, Breadcrumbs as Re, Button as De, CardAccordion as Ie, Card as qe, CardNotification as xt, SkeletonBase as ae, Checkbox as Le, PreviewerMarkdown as oe, DataCard as Ke, Divider as Be, Drawer as Me, DropdownButton as He, Link as Ge, Menu as Ue, Modal as Ve, Pill as St, RoundButton as ze, SelectPagination as Xe, Select as Je, Switch as We, Table as Bt, Pager as Ct, Tabs as Ye, Textarea as Qe, TextField as Ze, toast as lt, Tooltip as Fe, Loading as Pe, Toaster as tn } from "@foris/avocado-suite";
+import { ChatPanel as en, PromptCodeEditor as nn, SummaryCard as sn } from "@foris/ai-agent";
 import B from "jsonpath";
-import { ResponsiveContainer as At, Legend as en, Tooltip as nn, XAxis as sn, YAxis as rn, AreaChart as an, CartesianGrid as st, Area as re, BarChart as Ot, Bar as gt, ComposedChart as on, Line as ae, PieChart as oe, Pie as ce, Cell as ie, Sector as Lt, LineChart as cn } from "recharts";
-import ln from "@uiw/react-codemirror";
-import { json as Kt } from "@codemirror/lang-json";
-import { markdown as dn } from "@codemirror/lang-markdown";
-import { sql as _n } from "@codemirror/lang-sql";
-import { yaml as un } from "@codemirror/lang-yaml";
-import { Icon as Bt } from "@foris/avocado-icons";
-const v = je(() => ({})), yt = (t, e, s, r) => {
-  const c = s == null ? void 0 : s.hash, l = r && Object.keys(r).length > 0 ? { ...r } : {};
-  v.setState((i) => {
-    var n;
+import { ResponsiveContainer as Ot, Legend as rn, Tooltip as an, XAxis as on, YAxis as cn, AreaChart as ln, CartesianGrid as st, Area as ce, BarChart as $t, Bar as gt, ComposedChart as dn, Line as ie, PieChart as le, Pie as de, Cell as _e, Sector as Mt, LineChart as _n } from "recharts";
+import un from "@uiw/react-codemirror";
+import { json as Ht } from "@codemirror/lang-json";
+import { markdown as hn } from "@codemirror/lang-markdown";
+import { sql as fn } from "@codemirror/lang-sql";
+import { yaml as yn } from "@codemirror/lang-yaml";
+import { Icon as Gt } from "@foris/avocado-icons";
+const Rt = "sessionId", xn = () => sessionStorage.getItem(Rt), Dt = (t) => {
+  t && sessionStorage.setItem(Rt, t);
+}, Ta = () => {
+  sessionStorage.removeItem(Rt);
+}, v = ve(() => ({})), yt = (t, e, s, r, c) => {
+  Dt(c);
+  const l = s == null ? void 0 : s.hash, i = r && Object.keys(r).length > 0 ? { ...r } : {};
+  v.setState((n) => {
+    var d;
     return {
-      ...i,
+      ...n,
       [t]: {
-        ...i[t],
+        ...n[t],
         apiConfig: e,
-        currentPageId: c,
+        currentPageId: l,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
-        entries: l,
+        entries: i,
         overlay: null,
         pages: {
-          ...(n = i[t]) == null ? void 0 : n.pages,
-          [c]: {
+          ...(d = n[t]) == null ? void 0 : d.pages,
+          [l]: {
             page: s
           }
         }
       }
     };
   });
-}, le = (t, e, s) => {
+}, ue = (t, e, s) => {
   const r = s && Object.keys(s).length > 0 ? { ...t, ...s } : t;
   return e.length === 0 ? t : Object.fromEntries(
     Object.entries(r).filter(
       ([c]) => !e.includes(c)
     )
   );
-}, hn = (t, e, s, r, c) => {
-  sessionStorage.setItem("sessionId", s), v.setState((l) => {
-    const i = l[t] ?? {}, n = i.entries ?? {}, d = le(
+}, mn = (t, e, s, r, c) => {
+  Dt(s), v.setState((l) => {
+    const i = l[t] ?? {}, n = i.entries ?? {}, d = ue(
       n,
       r,
       c
@@ -66,10 +71,10 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
       }
     };
   });
-}, fn = (t, e, s, r) => {
+}, gn = (t, e, s, r) => {
   v.setState((c) => {
     var a;
-    const l = c[t] ?? {}, i = l.entries ?? {}, n = le(
+    const l = c[t] ?? {}, i = l.entries ?? {}, n = ue(
       i,
       s,
       r
@@ -88,7 +93,7 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
       }
     };
   });
-}, $t = (t) => {
+}, It = (t) => {
   v.setState((e) => ({
     ...e,
     [t]: {
@@ -96,7 +101,7 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
       overlay: null
     }
   }));
-}, yn = (t) => {
+}, pn = (t) => {
   var s;
   return ((s = v.getState()[t]) == null ? void 0 : s.overlay) ?? null;
 }, K = (t, e) => {
@@ -106,19 +111,19 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
     deprecatedStateKeys: c = [],
     sessionState: l
   } = e;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? hn(
+  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? mn(
     t,
     s,
     r,
     c,
     l
-  ) : fn(
+  ) : gn(
     t,
     s,
     c,
     l
   ));
-}, I = (t, e) => {
+}, q = (t, e) => {
   v.setState((s) => {
     var r;
     return {
@@ -133,7 +138,7 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
       }
     };
   });
-}, xn = (t, e) => {
+}, bn = (t, e) => {
   v.setState((s) => {
     const r = s[t];
     if (!r)
@@ -158,7 +163,7 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
       isLoading: e
     }
   }));
-}, Rt = (t, e) => {
+}, qt = (t, e) => {
   v.setState((s) => ({
     ...s,
     [t]: {
@@ -174,7 +179,7 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
       isDrawerOpen: e
     }
   }));
-}, Mt = (t, e) => {
+}, Ut = (t, e) => {
   v.setState((s) => {
     const r = s[t];
     return r ? {
@@ -189,16 +194,16 @@ const v = je(() => ({})), yt = (t, e, s, r) => {
     } : s;
   });
 };
-let wt = !1, mt = [], Ht = !1;
-const mn = (t) => t._userFlow || null, Gt = (t) => {
+let wt = !1, mt = [], Vt = !1;
+const jn = (t) => t._userFlow || null, zt = (t) => {
   mt.forEach(({ resolve: e, reject: s }) => {
     t ? s(t) : e(void 0);
   }), mt = [];
-}, gn = async (t) => {
+}, Cn = async (t) => {
   var r, c;
   const e = t == null ? void 0 : t.config;
   if (((r = t == null ? void 0 : t.response) == null ? void 0 : r.status) === 401 && !e._retry) {
-    const l = mn(e);
+    const l = jn(e);
     if (l) {
       const n = (c = v.getState()[l]) == null ? void 0 : c.apiConfig;
       if (!n)
@@ -217,7 +222,7 @@ const mn = (t) => t._userFlow || null, Gt = (t) => {
             a = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Mt(l, JSON.stringify(a)) : Mt(l, a)), e.headers || (e.headers = {}), Object.assign(e.headers, a), Gt(null), X(e);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Ut(l, JSON.stringify(a)) : Ut(l, a)), e.headers || (e.headers = {}), Object.assign(e.headers, a), zt(null), X(e);
         } catch (a) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
@@ -225,7 +230,7 @@ const mn = (t) => t._userFlow || null, Gt = (t) => {
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             mt.length
-          ), Gt(a), Promise.reject(a);
+          ), zt(a), Promise.reject(a);
         } finally {
           wt = !1;
         }
@@ -240,17 +245,17 @@ const mn = (t) => t._userFlow || null, Gt = (t) => {
       );
   }
   return Promise.reject(t);
-}, pn = () => {
-  if (Ht) {
+}, wn = () => {
+  if (Vt) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), X.interceptors.response.use(void 0, gn), console.debug("[axiosInterceptors] Response error interceptor registered"), Ht = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), X.interceptors.response.use(void 0, Cn), console.debug("[axiosInterceptors] Response error interceptor registered"), Vt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-pn();
-function bn(t) {
+wn();
+function Nn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Nt = { exports: {} }, dt = {};
@@ -263,11 +268,11 @@ var Nt = { exports: {} }, dt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ut;
-function jn() {
-  if (Ut) return dt;
-  Ut = 1;
-  var t = Ce, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Xt;
+function vn() {
+  if (Xt) return dt;
+  Xt = 1;
+  var t = Ee, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(n, d, a) {
     var _, u = {}, h = null, f = null;
     a !== void 0 && (h = "" + a), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
@@ -277,32 +282,32 @@ function jn() {
   }
   return dt.Fragment = s, dt.jsx = i, dt.jsxs = i, dt;
 }
-var Vt;
-function Cn() {
-  return Vt || (Vt = 1, Nt.exports = jn()), Nt.exports;
+var Jt;
+function En() {
+  return Jt || (Jt = 1, Nt.exports = vn()), Nt.exports;
 }
-var o = Cn();
-const wn = (t) => {
+var o = En();
+const kn = (t) => {
   if (!(t != null && t.content)) return null;
   const e = {
     ...t,
     children: t.content,
     type: t.variant
   };
-  return /* @__PURE__ */ o.jsx(ee, { ...e });
-}, Nn = (t) => {
+  return /* @__PURE__ */ o.jsx(se, { ...e });
+}, Sn = (t) => {
   if (!t) return null;
   const e = {
     ...t,
     children: t.content
   };
-  return /* @__PURE__ */ o.jsx(Ne, { ...e });
+  return /* @__PURE__ */ o.jsx(re, { ...e });
 }, E = (t, e, s, r) => {
   var i;
   const c = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(Rn, { ...n, userFlow: t, pageId: e }),
+    accordion: (n) => /* @__PURE__ */ o.jsx(Ln, { ...n, userFlow: t, pageId: e }),
     aiChatPanel: (n) => /* @__PURE__ */ o.jsx(
-      Dn,
+      Kn,
       {
         ...n,
         userFlow: t,
@@ -311,7 +316,7 @@ const wn = (t) => {
       }
     ),
     aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(
-      Mn,
+      Vn,
       {
         ...n,
         userFlow: t,
@@ -319,57 +324,57 @@ const wn = (t) => {
         onResolveProps: r == null ? void 0 : r.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Ln, { ...n, userFlow: t, pageId: e }),
-    box: (n) => /* @__PURE__ */ o.jsx(Xn, { ...n, userFlow: t, pageId: e }),
-    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(rs, { ...n, userFlow: t, pageId: e }),
-    tooltip: (n) => /* @__PURE__ */ o.jsx(ra, { ...n, userFlow: t, pageId: e }),
-    textarea: (n) => /* @__PURE__ */ o.jsx(Zr, { ...n, userFlow: t, pageId: e }),
-    card: (n) => /* @__PURE__ */ o.jsx(ds, { ...n, userFlow: t, pageId: e }),
-    dropdownButton: (n) => /* @__PURE__ */ o.jsx(rr, { ...n, userFlow: t, pageId: e }),
-    menu: (n) => /* @__PURE__ */ o.jsx(lr, { ...n, userFlow: t, pageId: e }),
-    radioGroup: (n) => /* @__PURE__ */ o.jsx(es, { ...n, userFlow: t, pageId: e }),
-    stepper: (n) => /* @__PURE__ */ o.jsx(ns, { ...n, userFlow: t, pageId: e }),
-    progressBar: (n) => /* @__PURE__ */ o.jsx(ss, { ...n, userFlow: t, pageId: e }),
-    button: (n) => /* @__PURE__ */ o.jsx(as, { ...n, userFlow: t, pageId: e }),
-    cardAccordion: (n) => /* @__PURE__ */ o.jsx(cs, { ...n, userFlow: t, pageId: e }),
-    cardNotification: (n) => /* @__PURE__ */ o.jsx(_s, { ...n }),
-    chart: (n) => /* @__PURE__ */ o.jsx(Ms, { ...n, userFlow: t }),
-    dataCard: (n) => /* @__PURE__ */ o.jsx(Qs, { ...n, userFlow: t, pageId: e }),
-    checkbox: (n) => /* @__PURE__ */ o.jsx(Hs, { ...n, userFlow: t, pageId: e }),
-    code: (n) => /* @__PURE__ */ o.jsx(Ws, { ...n, userFlow: t, pageId: e }),
-    divider: (n) => /* @__PURE__ */ o.jsx(Ps, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(sr, { ...n, userFlow: t, pageId: e }),
-    heading: (n) => wn(n),
-    link: (n) => /* @__PURE__ */ o.jsx(ir, { ...n, userFlow: t, pageId: e }),
-    pill: (n) => /* @__PURE__ */ o.jsx(yr, { ...n }),
-    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(xr, { ...n }),
-    modal: (n) => /* @__PURE__ */ o.jsx(ur, { ...n, userFlow: t, pageId: e }),
-    roundButton: (n) => /* @__PURE__ */ o.jsx(mr, { ...n, userFlow: t, pageId: e }),
-    row: (n) => /* @__PURE__ */ o.jsx(br, { ...n, userFlow: t, pageId: e }),
-    select: (n) => /* @__PURE__ */ o.jsx(Tr, { ...n, userFlow: t, pageId: e }),
-    switch: (n) => /* @__PURE__ */ o.jsx(Br, { ...n, userFlow: t, pageId: e }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(Kr, { ...n, userFlow: t, pageId: e }),
-    table: (n) => /* @__PURE__ */ o.jsx(Xr, { ...n, userFlow: t, pageId: e }),
-    tabs: (n) => /* @__PURE__ */ o.jsx(Qr, { ...n, userFlow: t, pageId: e }),
-    text: (n) => Nn(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(ta, { ...n, userFlow: t, pageId: e }),
-    toast: (n) => /* @__PURE__ */ o.jsx(ea, { ...n, userFlow: t, pageId: e })
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Hn, { ...n, userFlow: t, pageId: e }),
+    box: (n) => /* @__PURE__ */ o.jsx(Qn, { ...n, userFlow: t, pageId: e }),
+    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(is, { ...n, userFlow: t, pageId: e }),
+    tooltip: (n) => /* @__PURE__ */ o.jsx(da, { ...n, userFlow: t, pageId: e }),
+    textarea: (n) => /* @__PURE__ */ o.jsx(sa, { ...n, userFlow: t, pageId: e }),
+    card: (n) => /* @__PURE__ */ o.jsx(fs, { ...n, userFlow: t, pageId: e }),
+    dropdownButton: (n) => /* @__PURE__ */ o.jsx(ir, { ...n, userFlow: t, pageId: e }),
+    menu: (n) => /* @__PURE__ */ o.jsx(hr, { ...n, userFlow: t, pageId: e }),
+    radioGroup: (n) => /* @__PURE__ */ o.jsx(as, { ...n, userFlow: t, pageId: e }),
+    stepper: (n) => /* @__PURE__ */ o.jsx(os, { ...n, userFlow: t, pageId: e }),
+    progressBar: (n) => /* @__PURE__ */ o.jsx(cs, { ...n, userFlow: t, pageId: e }),
+    button: (n) => /* @__PURE__ */ o.jsx(ls, { ...n, userFlow: t, pageId: e }),
+    cardAccordion: (n) => /* @__PURE__ */ o.jsx(_s, { ...n, userFlow: t, pageId: e }),
+    cardNotification: (n) => /* @__PURE__ */ o.jsx(ys, { ...n, userFlow: t, pageId: e }),
+    chart: (n) => /* @__PURE__ */ o.jsx(Vs, { ...n, userFlow: t }),
+    dataCard: (n) => /* @__PURE__ */ o.jsx(tr, { ...n, userFlow: t, pageId: e }),
+    checkbox: (n) => /* @__PURE__ */ o.jsx(zs, { ...n, userFlow: t, pageId: e }),
+    code: (n) => /* @__PURE__ */ o.jsx(Fs, { ...n, userFlow: t, pageId: e }),
+    divider: (n) => /* @__PURE__ */ o.jsx(sr, { ...n }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(cr, { ...n, userFlow: t, pageId: e }),
+    heading: (n) => kn(n),
+    link: (n) => /* @__PURE__ */ o.jsx(ur, { ...n, userFlow: t, pageId: e }),
+    pill: (n) => /* @__PURE__ */ o.jsx(jr, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(Cr, { ...n }),
+    modal: (n) => /* @__PURE__ */ o.jsx(xr, { ...n, userFlow: t, pageId: e }),
+    roundButton: (n) => /* @__PURE__ */ o.jsx(wr, { ...n, userFlow: t, pageId: e }),
+    row: (n) => /* @__PURE__ */ o.jsx(Er, { ...n, userFlow: t, pageId: e }),
+    select: (n) => /* @__PURE__ */ o.jsx(Dr, { ...n, userFlow: t, pageId: e }),
+    switch: (n) => /* @__PURE__ */ o.jsx(zr, { ...n, userFlow: t, pageId: e }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(Vr, { ...n, userFlow: t, pageId: e }),
+    table: (n) => /* @__PURE__ */ o.jsx(Fr, { ...n, userFlow: t, pageId: e }),
+    tabs: (n) => /* @__PURE__ */ o.jsx(na, { ...n, userFlow: t, pageId: e }),
+    text: (n) => Sn(n),
+    textField: (n) => /* @__PURE__ */ o.jsx(oa, { ...n, userFlow: t, pageId: e }),
+    toast: (n) => /* @__PURE__ */ o.jsx(ca, { ...n, userFlow: t, pageId: e })
   };
   return (i = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : i.map((n) => {
     const d = c[n.component];
     return d ? d({ ...n, userFlow: t, pageId: e }) : null;
   });
 };
-function vn(t) {
+function Tn(t) {
   return !!(t == null || typeof t == "string" && t.trim() === "" || Array.isArray(t) && t.length === 0);
 }
-function de(t, e) {
+function he(t, e) {
   if (!(e != null && e.length))
     return !1;
   for (const s of e)
     if (s.when === "empty") {
       const r = t == null ? void 0 : t[s.key];
-      if (vn(r))
+      if (Tn(r))
         return !0;
     }
   return !1;
@@ -381,7 +386,7 @@ function M(t, e) {
   });
   return O(
     () => ({
-      disabled: de(s, e)
+      disabled: he(s, e)
     }),
     [e, s]
   );
@@ -398,7 +403,7 @@ const rt = (t) => {
       return { "content-type": "application/json", Authorization: t };
     }
   return t;
-}, ft = () => new AbortController(), En = (t, e = {}, s = {}, r = !1, c) => {
+}, ft = () => new AbortController(), An = (t, e = {}, s = {}, r = !1, c) => {
   const l = ft();
   r && l.abort();
   const i = rt(e);
@@ -413,7 +418,7 @@ const rt = (t) => {
     }),
     controller: l
   };
-}, St = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+}, Tt = (t, e = {}, s = {}, r = {}, c = !1, l) => {
   const i = ft();
   c && i.abort();
   const n = rt(e);
@@ -428,7 +433,7 @@ const rt = (t) => {
     }),
     controller: i
   };
-}, kn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+}, On = (t, e = {}, s = {}, r = {}, c = !1, l) => {
   const i = ft();
   c && i.abort();
   const n = rt(e);
@@ -443,7 +448,7 @@ const rt = (t) => {
     }),
     controller: i
   };
-}, Tn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+}, $n = (t, e = {}, s = {}, r = {}, c = !1, l) => {
   const i = ft();
   c && i.abort();
   const n = rt(e);
@@ -458,7 +463,7 @@ const rt = (t) => {
     }),
     controller: i
   };
-}, Sn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+}, Rn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
   const i = ft();
   c && i.abort();
   const n = rt(e);
@@ -474,7 +479,7 @@ const rt = (t) => {
     }),
     controller: i
   };
-}, _e = () => {
+}, fe = () => {
   let t;
   return { callEndpoint: async (r) => {
     r.controller && (t = r.controller);
@@ -488,11 +493,11 @@ const rt = (t) => {
   }, cancelEndpoint: () => {
     t && t.abort();
   } };
-}, ue = async (t, e, s = "", r = {}, c = {}) => {
+}, ye = async (t, e, s = "", r = {}, c = {}) => {
   try {
-    const { callEndpoint: l } = _e(), { api: i, headers: n } = t, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: e });
+    const { callEndpoint: l } = fe(), { api: i, headers: n } = t, d = xn(), a = new URLSearchParams({ session_name: e });
     s && a.append("hash_code", s), d && a.append("sessionId", d);
-    const _ = `${i}/not-front/next-ui/?${a.toString()}`, u = rt(n), h = St(
+    const _ = `${i}/not-front/next-ui/?${a.toString()}`, u = rt(n), h = Tt(
       _,
       u,
       r,
@@ -504,7 +509,7 @@ const rt = (t) => {
   } catch (l) {
     return console.error(l), Promise.reject(l);
   }
-}, he = (t) => {
+}, xe = (t) => {
   const e = t == null ? void 0 : t.toLowerCase();
   switch (e) {
     case "post":
@@ -516,7 +521,7 @@ const rt = (t) => {
     default:
       return "get";
   }
-}, An = (t, e, s) => {
+}, Dn = (t, e, s) => {
   const { url: r, paginationKeys: c, params: l } = t, i = [], n = (c == null ? void 0 : c.page) ?? "page";
   if (i.push(`${n}=${e}`), typeof s == "string") {
     const _ = (c == null ? void 0 : c.text) ?? "text";
@@ -530,14 +535,14 @@ const rt = (t) => {
   }
   const d = i.join("&");
   return d ? `${r}?${d}` : r;
-}, Dt = (t, e, s, r) => {
+}, Lt = (t, e, s, r) => {
   const { type: c, url: l, method: i, headers: n } = t;
   if (c === "rest") {
-    const d = An(t, e, s), _ = { ...(t == null ? void 0 : t.data) ?? {}, ...r ?? {} };
+    const d = Dn(t, e, s), _ = { ...(t == null ? void 0 : t.data) ?? {}, ...r ?? {} };
     return {
       type: "rest",
       url: d,
-      method: he(i),
+      method: xe(i),
       headers: n,
       data: _
     };
@@ -555,14 +560,14 @@ const rt = (t) => {
       }
     };
 }, G = () => {
-  const t = v((n) => n), { callEndpoint: e } = _e(), s = async (n, d, a, _, u = !0) => {
+  const t = v((n) => n), { callEndpoint: e } = fe(), s = async (n, d, a, _, u = !0) => {
     var h;
     try {
       const f = (h = t[n]) == null ? void 0 : h.apiConfig, x = {
         state: { ...a },
         triggerKey: _
       };
-      return u && F(n, !0), await ue(
+      return u && F(n, !0), await ye(
         f,
         n,
         d,
@@ -573,25 +578,25 @@ const rt = (t) => {
     }
   }, r = (n, d) => {
     const { url: a, headers: _, data: u, params: h } = n;
-    switch (he(n.method)) {
+    switch (xe(n.method)) {
       case "post":
-        return St(a, _, u, {}, !1, d);
+        return Tt(a, _, u, {}, !1, d);
       case "put":
-        return kn(a, _, u, {}, !1, d);
+        return On(a, _, u, {}, !1, d);
       case "patch":
-        return Tn(a, _, u, {}, !1, d);
+        return $n(a, _, u, {}, !1, d);
       case "delete":
-        return Sn(a, _, u, h, !1, d);
+        return Rn(a, _, u, h, !1, d);
       case "get":
       default:
-        return En(a, _, h, !1, d);
+        return An(a, _, h, !1, d);
     }
   }, c = (n, d) => {
     const { url: a, headers: _ } = n, u = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
     };
-    return St(
+    return Tt(
       a,
       {
         ..._,
@@ -657,10 +662,10 @@ const rt = (t) => {
       }
     }
   };
-}, On = "_accordion_1ri2t_1", $n = "_accordionBody_1ri2t_8", zt = {
-  accordion: On,
-  accordionBody: $n
-}, Rn = (t) => {
+}, In = "_accordion_1ri2t_1", qn = "_accordionBody_1ri2t_8", Wt = {
+  accordion: In,
+  accordionBody: qn
+}, Ln = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -685,7 +690,7 @@ const rt = (t) => {
           ...(C = v.getState()[e]) == null ? void 0 : C.entries,
           [r]: j
         };
-        if (I(e, w), d.actionType === "GO_TO_NEXT_UI") {
+        if (q(e, w), d.actionType === "GO_TO_NEXT_UI") {
           const N = await a(
             e,
             s,
@@ -701,16 +706,16 @@ const rt = (t) => {
     [e, s, r, d.actionType, a]
   ), y = d.disabled || h, m = {
     ...d,
-    className: zt.accordion,
+    className: Wt.accordion,
     disabled: y,
     checkboxChecked: _,
     onChanceCheckbox: d.hasCheckbox ? g : void 0,
-    actionContent: x ? /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((p, C) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-action-${C}`)) }) : void 0,
-    customContent: b ? /* @__PURE__ */ o.jsx(o.Fragment, { children: b.map((p, C) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-custom-${C}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ o.jsx("section", { className: zt.accordionBody, children: f.map((p, C) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-child-${C}`)) }) : void 0
+    actionContent: x ? /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((p, C) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-action-${C}`)) }) : void 0,
+    customContent: b ? /* @__PURE__ */ o.jsx(o.Fragment, { children: b.map((p, C) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-custom-${C}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ o.jsx("section", { className: Wt.accordionBody, children: f.map((p, C) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-child-${C}`)) }) : void 0
   };
-  return /* @__PURE__ */ o.jsx(ve, { ...m });
-}, Dn = (t) => {
+  return /* @__PURE__ */ o.jsx(Se, { ...m });
+}, Kn = (t) => {
   const e = ht.useThemeStore((i) => i.theme.mode), s = t.dataSource, r = O(() => ({
     url: t.dataSource.url,
     method: t.dataSource.method,
@@ -743,7 +748,7 @@ const rt = (t) => {
     t.initialSuggestions,
     e
   ]), t.onResolveProps ? null : /* @__PURE__ */ o.jsx(
-    Fe,
+    en,
     {
       dataSource: r,
       locale: c,
@@ -752,9 +757,9 @@ const rt = (t) => {
       theme: e
     }
   );
-}, qn = "_promptCodeEditor_1d57s_1", In = {
-  promptCodeEditor: qn
-}, Ln = (t) => {
+}, Bn = "_promptCodeEditor_1d57s_1", Mn = {
+  promptCodeEditor: Bn
+}, Hn = (t) => {
   const {
     userFlow: e,
     responseKey: s,
@@ -781,12 +786,12 @@ const rt = (t) => {
     const C = {
       [s]: p
     };
-    I(e, C);
+    q(e, C);
   };
   return U(() => {
     r !== void 0 && r !== h && f(r);
-  }, [r]), /* @__PURE__ */ o.jsx("section", { className: In.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    Pe,
+  }, [r]), /* @__PURE__ */ o.jsx("section", { className: Mn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    nn,
     {
       themeMode: u,
       requestConfig: y,
@@ -799,9 +804,9 @@ const rt = (t) => {
       onCodeChange: m
     }
   ) });
-}, Kn = "_summaryCard_jva4h_1", Bn = {
-  summaryCard: Kn
-}, Mn = (t) => {
+}, Gn = "_summaryCard_jva4h_1", Un = {
+  summaryCard: Gn
+}, Vn = (t) => {
   const e = t.dataSource, s = O(() => ({
     url: t.dataSource.url,
     method: t.dataSource.method,
@@ -824,20 +829,20 @@ const rt = (t) => {
       locale: r,
       translations: c
     });
-  }, [t.onResolveProps, s, r, c]), t.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Bn.summaryCard, children: /* @__PURE__ */ o.jsx(
-    tn,
+  }, [t.onResolveProps, s, r, c]), t.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Un.summaryCard, children: /* @__PURE__ */ o.jsx(
+    sn,
     {
       dataSource: s,
       locale: r,
       translations: c
     }
   ) });
-}, Hn = "_body_14tsv_1", Gn = "_body_content_14tsv_5", Xt = {
-  body: Hn,
-  body_content: Gn
-}, Un = ({ inputs: t }) => /* @__PURE__ */ o.jsx("section", { className: Xt.body, children: /* @__PURE__ */ o.jsx("div", { className: Xt.body_content, children: t.map((e, s) => /* @__PURE__ */ o.jsx(A, { children: e }, s)) }) }), Vn = "_slotStack_1b4wy_1", zn = {
-  slotStack: Vn
-}, Xn = (t) => {
+}, zn = "_body_14tsv_1", Xn = "_body_content_14tsv_5", Yt = {
+  body: zn,
+  body_content: Xn
+}, Jn = ({ inputs: t }) => /* @__PURE__ */ o.jsx("section", { className: Yt.body, children: /* @__PURE__ */ o.jsx("div", { className: Yt.body_content, children: t.map((e, s) => /* @__PURE__ */ o.jsx(k, { children: e }, s)) }) }), Wn = "_slotStack_1b4wy_1", Yn = {
+  slotStack: Wn
+}, Qn = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -849,8 +854,8 @@ const rt = (t) => {
     e,
     s,
     i != null && i.length ? i : null
-  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: zn.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(A, { children: _ }, `box-${c}-${u}`)) }) : null;
-  return /* @__PURE__ */ o.jsx(Ee, { darkMode: n, children: a });
+  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Yn.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(k, { children: _ }, `box-${c}-${u}`)) }) : null;
+  return /* @__PURE__ */ o.jsx(Te, { darkMode: n, children: a });
 };
 var vt = { exports: {} };
 /*!
@@ -858,9 +863,9 @@ var vt = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Jt;
-function Jn() {
-  return Jt || (Jt = 1, (function(t) {
+var Qt;
+function Zn() {
+  return Qt || (Qt = 1, (function(t) {
     (function() {
       var e = {}.hasOwnProperty;
       function s() {
@@ -891,15 +896,15 @@ function Jn() {
     })();
   })(vt)), vt.exports;
 }
-var Wn = Jn();
-const et = /* @__PURE__ */ bn(Wn), Yn = "_fieldset_1xrth_1", Qn = "_fieldsetColumn_1xrth_8", Zn = "_legend_1xrth_14", Fn = "_options_1xrth_20", Pn = "_optionsRow_1xrth_25", ts = "_optionsColumn_1xrth_36", P = {
-  fieldset: Yn,
-  fieldsetColumn: Qn,
-  legend: Zn,
-  options: Fn,
-  optionsRow: Pn,
-  optionsColumn: ts
-}, es = (t) => {
+var Fn = Zn();
+const et = /* @__PURE__ */ Nn(Fn), Pn = "_fieldset_1xrth_1", ts = "_fieldsetColumn_1xrth_8", es = "_legend_1xrth_14", ns = "_options_1xrth_20", ss = "_optionsRow_1xrth_25", rs = "_optionsColumn_1xrth_36", P = {
+  fieldset: Pn,
+  fieldsetColumn: ts,
+  legend: es,
+  options: ns,
+  optionsRow: ss,
+  optionsColumn: rs
+}, as = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -928,15 +933,15 @@ const et = /* @__PURE__ */ bn(Wn), Yn = "_fieldset_1xrth_1", Qn = "_fieldsetColu
             ...(C = v.getState()[e]) == null ? void 0 : C.entries,
             [r]: p
           };
-          if (I(e, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
-            const k = await h(
+          if (q(e, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+            const S = await h(
               e,
               s,
               j,
               r,
               n === "GO_TO_NEXT_UI"
             );
-            k != null && k.data && K(e, k == null ? void 0 : k.data);
+            S != null && S.data && K(e, S == null ? void 0 : S.data);
           }
         } catch (j) {
           alert(JSON.stringify(j));
@@ -968,7 +973,7 @@ const et = /* @__PURE__ */ bn(Wn), Yn = "_fieldset_1xrth_1", Qn = "_fieldsetColu
               u === "column" ? P.optionsColumn : P.optionsRow
             ),
             children: _.map((p) => /* @__PURE__ */ o.jsx(
-              ke,
+              Ae,
               {
                 name: r,
                 value: p.value,
@@ -986,7 +991,7 @@ const et = /* @__PURE__ */ bn(Wn), Yn = "_fieldset_1xrth_1", Qn = "_fieldsetColu
       ]
     }
   );
-}, ns = ({
+}, os = ({
   userFlow: t,
   pageId: e,
   component: s,
@@ -995,7 +1000,7 @@ const et = /* @__PURE__ */ bn(Wn), Yn = "_fieldset_1xrth_1", Qn = "_fieldsetColu
   items: l,
   itemActive: i,
   darkMode: n
-}) => /* @__PURE__ */ o.jsx(Te, { items: l, itemActive: i, darkMode: n }), ss = ({
+}) => /* @__PURE__ */ o.jsx(Oe, { items: l, itemActive: i, darkMode: n }), cs = ({
   userFlow: t,
   pageId: e,
   component: s,
@@ -1004,7 +1009,7 @@ const et = /* @__PURE__ */ bn(Wn), Yn = "_fieldset_1xrth_1", Qn = "_fieldsetColu
   total: l,
   done: i,
   inProgress: n
-}) => /* @__PURE__ */ o.jsx(Se, { total: l, done: i, inProgress: n }), rs = ({
+}) => /* @__PURE__ */ o.jsx($e, { total: l, done: i, inProgress: n }), is = ({
   userFlow: t,
   items: e,
   responseKey: s
@@ -1039,7 +1044,7 @@ const et = /* @__PURE__ */ bn(Wn), Yn = "_fieldset_1xrth_1", Qn = "_fieldsetColu
     title: i == null ? void 0 : i.title,
     component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(i) })
   })), []);
-  return /* @__PURE__ */ o.jsx(Ae, { items: l });
+  return /* @__PURE__ */ o.jsx(Re, { items: l });
 };
 function pt(t, e) {
   const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: c } = G();
@@ -1047,15 +1052,15 @@ function pt(t, e) {
     async (l) => {
       var h, f, x, b;
       const { responseKey: i, actionType: n, dataSource: d, redirectUrl: a, dependencies: _ } = l, u = (h = v.getState()[t]) == null ? void 0 : h.entries;
-      if (!de(u, _))
+      if (!he(u, _))
         try {
           const g = {
             ...(f = v.getState()[t]) == null ? void 0 : f.entries,
             [i]: { status: 200 }
           };
-          switch (I(t, g), n) {
+          switch (q(t, g), n) {
             case "CLOSE_MODAL":
-              Rt(t, !1);
+              qt(t, !1);
               break;
             case "CLOSE_DRAWER":
               _t(t, !1);
@@ -1090,7 +1095,7 @@ function pt(t, e) {
                 t,
                 !1
               );
-              I(t, {
+              q(t, {
                 [i]: {
                   status: y == null ? void 0 : y.status,
                   content: y == null ? void 0 : y.data
@@ -1114,7 +1119,7 @@ function pt(t, e) {
                   content: C == null ? void 0 : C.data
                 }
               };
-              I(t, j);
+              q(t, j);
               const w = await s(
                 t,
                 e,
@@ -1143,7 +1148,7 @@ function pt(t, e) {
     ]
   );
 }
-const as = (t) => {
+const ls = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -1189,7 +1194,7 @@ const as = (t) => {
     h
   ]);
   return /* @__PURE__ */ o.jsx(
-    Oe,
+    De,
     {
       ...x,
       loading: x.loading || g,
@@ -1197,9 +1202,9 @@ const as = (t) => {
       onClick: () => !b && !g && (_ ?? p)()
     }
   );
-}, os = "_slotStack_12u4t_5", Wt = {
-  slotStack: os
-}, cs = (t) => {
+}, ds = "_slotStack_12u4t_5", At = {
+  slotStack: ds
+}, _s = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -1221,9 +1226,9 @@ const as = (t) => {
     e,
     s,
     d && d.length > 0 ? d : null
-  ), f = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Wt.slotStack, children: u.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `card-accordion-body-${c}-${y}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Wt.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `card-accordion-actions-${c}-${y}`)) }) : void 0, b = a.disabled || _;
+  ), f = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: At.slotStack, children: u.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `card-accordion-body-${c}-${y}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: At.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `card-accordion-actions-${c}-${y}`)) }) : void 0, b = a.disabled || _;
   return /* @__PURE__ */ o.jsx(
-    $e,
+    Ie,
     {
       ...a,
       disabled: b,
@@ -1231,9 +1236,9 @@ const as = (t) => {
       children: f ?? null
     }
   );
-}, is = "_slotStack_ivk5b_1", ls = {
-  slotStack: is
-}, ds = (t) => {
+}, us = "_slotStack_ivk5b_1", hs = {
+  slotStack: us
+}, fs = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -1254,17 +1259,17 @@ const as = (t) => {
     e,
     s,
     i && i.length > 0 ? i : null
-  ), p = m && m.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: ls.slotStack, children: m.map((j, w) => /* @__PURE__ */ o.jsx(A, { children: j }, `card-body-${c}-${w}`)) }) : null, C = L(async () => {
+  ), p = m && m.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: hs.slotStack, children: m.map((j, w) => /* @__PURE__ */ o.jsx(k, { children: j }, `card-body-${c}-${w}`)) }) : null, C = L(async () => {
     var j, w, N;
     if (!(!a || y))
       try {
-        const k = {
+        const S = {
           ...(j = v.getState()[e]) == null ? void 0 : j.entries,
           [l]: { status: 200 }
         };
-        switch (I(e, k), a) {
+        switch (q(e, S), a) {
           case "CLOSE_MODAL":
-            Rt(e, !1);
+            qt(e, !1);
             break;
           case "CLOSE_DRAWER":
             _t(e, !1);
@@ -1274,21 +1279,21 @@ const as = (t) => {
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-            const q = await f(
+            const I = await f(
               e,
               s,
-              k,
+              S,
               l,
               a === "GO_TO_NEXT_UI"
             );
-            q != null && q.data && K(e, q == null ? void 0 : q.data);
+            I != null && I.data && K(e, I == null ? void 0 : I.data);
             break;
           }
           case "FETCH_AND_GO_TO_NEXT_UI": {
             const D = await b(
               e,
               s,
-              k,
+              S,
               l,
               _
             );
@@ -1299,19 +1304,19 @@ const as = (t) => {
             const D = await f(
               e,
               s,
-              k,
+              S,
               l
-            ), q = (w = D == null ? void 0 : D.data) == null ? void 0 : w.content;
-            if ((q == null ? void 0 : q.type) !== "fetch")
+            ), I = (w = D == null ? void 0 : D.data) == null ? void 0 : w.content;
+            if ((I == null ? void 0 : I.type) !== "fetch")
               break;
-            const Q = q == null ? void 0 : q.dataSource, V = await x(Q, e, !1), T = {
+            const Q = I == null ? void 0 : I.dataSource, V = await x(Q, e, !1), T = {
               ...(N = v.getState()[e]) == null ? void 0 : N.entries,
               [l]: {
                 status: V == null ? void 0 : V.status,
                 content: V == null ? void 0 : V.data
               }
             };
-            I(e, T);
+            q(e, T);
             const H = await f(
               e,
               s,
@@ -1327,8 +1332,8 @@ const as = (t) => {
           default:
             console.warn(`Unhandled card actionType: ${a}`);
         }
-      } catch (k) {
-        alert(JSON.stringify(k));
+      } catch (S) {
+        alert(JSON.stringify(S));
       }
   }, [
     a,
@@ -1343,7 +1348,7 @@ const as = (t) => {
     e
   ]);
   return /* @__PURE__ */ o.jsx(
-    Re,
+    qe,
     {
       colorId: n,
       disabled: y,
@@ -1351,13 +1356,27 @@ const as = (t) => {
       children: p
     }
   );
-}, _s = (t) => {
-  const { content: e, description: s, ...r } = t, c = {
-    ...r,
-    children: e ?? s
-  };
-  return /* @__PURE__ */ o.jsx(xt, { ...c });
-}, Et = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, us = (t, e) => {
+}, ys = (t) => {
+  const {
+    userFlow: e,
+    pageId: s,
+    component: r,
+    hash: c,
+    responseKey: l,
+    content: i,
+    description: n,
+    ...d
+  } = t, a = Array.isArray(i), _ = E(
+    e,
+    s,
+    a && i.length > 0 ? i : null
+  );
+  let u;
+  return _ && _.length > 0 ? u = /* @__PURE__ */ o.jsxs("div", { className: At.slotStack, children: [
+    n ? /* @__PURE__ */ o.jsx(re, { type: "sm", children: n }) : null,
+    _.map((h, f) => /* @__PURE__ */ o.jsx(k, { children: h }, `card-notification-body-${c}-${f}`))
+  ] }) : u = (typeof i == "string" ? i : void 0) ?? n, /* @__PURE__ */ o.jsx(xt, { ...d, children: u });
+}, Et = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, xs = (t, e) => {
   if (!e || t == null)
     return null;
   const { extractionJsonPath: s, injectionJsonPath: r } = e, c = B.value(t, s);
@@ -1373,7 +1392,7 @@ const as = (t) => {
       l
     ), null;
   }
-}, fe = (t, e, s, r) => {
+}, me = (t, e, s, r) => {
   const c = B.query(t, e), l = c == null ? void 0 : c.map((_) => {
     var u, h;
     if (s) {
@@ -1410,21 +1429,21 @@ const as = (t) => {
   children: l
 }) => {
   const i = e ?? nt, n = s ? { layout: s } : {};
-  return t ? /* @__PURE__ */ o.jsx(c, { width: t, height: i, data: r, ...n, children: l }) : /* @__PURE__ */ o.jsx(At, { width: "100%", height: i, children: /* @__PURE__ */ o.jsx(c, { data: r, ...n, children: l }) });
+  return t ? /* @__PURE__ */ o.jsx(c, { width: t, height: i, data: r, ...n, children: l }) : /* @__PURE__ */ o.jsx(Ot, { width: "100%", height: i, children: /* @__PURE__ */ o.jsx(c, { data: r, ...n, children: l }) });
 }, J = ({ withPadding: t = !1 }) => {
-  const e = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: S.labelColor }, children: s });
+  const e = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: A.labelColor }, children: s });
   return /* @__PURE__ */ o.jsx(
-    en,
+    rn,
     {
       formatter: e,
       wrapperStyle: {
-        fontSize: S.fontSize,
-        fontFamily: S.fontFamily,
+        fontSize: A.fontSize,
+        fontFamily: A.fontFamily,
         padding: t ? "1rem 0" : "0"
       }
     }
   );
-}, hs = ({
+}, ms = ({
   active: t,
   payload: e,
   label: s,
@@ -1435,9 +1454,9 @@ const as = (t) => {
   if (!t || !e || !e.length)
     return null;
   const l = {
-    backgroundColor: S.tooltipBg,
-    borderRadius: S.tooltipBorderRadius,
-    color: S.tooltipColor,
+    backgroundColor: A.tooltipBg,
+    borderRadius: A.tooltipBorderRadius,
+    color: A.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
@@ -1460,12 +1479,12 @@ const as = (t) => {
   defaultIndex: s,
   hideContent: r = !1
 } = {}) => /* @__PURE__ */ o.jsx(
-  nn,
+  an,
   {
     defaultIndex: s,
     cursor: r ? !1 : void 0,
     content: r ? () => null : (c) => /* @__PURE__ */ o.jsx(
-      hs,
+      ms,
       {
         ...c,
         tooltipKey: t,
@@ -1474,14 +1493,14 @@ const as = (t) => {
     )
   }
 ), ot = ({ dataKey: t, hide: e = !1, type: s }) => /* @__PURE__ */ o.jsx(
-  sn,
+  on,
   {
     ...t ? { dataKey: t } : {},
     ...s ? { type: s } : {},
     hide: e,
     tick: {
-      fill: S.labelColor,
-      fontSize: S.fontSize
+      fill: A.labelColor,
+      fontSize: A.fontSize
     }
   }
 ), Y = ({
@@ -1491,7 +1510,7 @@ const as = (t) => {
   yAxisId: r,
   orientation: c
 } = {}) => /* @__PURE__ */ o.jsx(
-  rn,
+  cn,
   {
     ...t ? { type: t } : {},
     ...e ? { dataKey: e } : {},
@@ -1499,21 +1518,21 @@ const as = (t) => {
     ...r ? { yAxisId: r } : {},
     ...c ? { orientation: c } : {},
     tick: {
-      fill: S.labelColor,
-      fontSize: S.fontSize
+      fill: A.labelColor,
+      fontSize: A.fontSize
     },
     tickMargin: 4
   }
-), fs = (t) => {
+), gs = (t) => {
   const { data: e, xKey: s, yKeys: r, tooltipKey: c, width: l } = t;
-  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: an, children: [
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: ln, children: [
     /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     r.map((i, n) => /* @__PURE__ */ o.jsx(
-      re,
+      ce,
       {
         type: "monotone",
         dataKey: i,
@@ -1523,9 +1542,9 @@ const as = (t) => {
       i
     ))
   ] });
-}, ys = (t) => {
+}, ps = (t) => {
   const { data: e, yKeys: s, xKey: r, tooltipKey: c, width: l } = t;
-  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: Ot, children: [
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: $t, children: [
     /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(ot, { dataKey: r }),
     /* @__PURE__ */ o.jsx(Y, {}),
@@ -1541,8 +1560,8 @@ const as = (t) => {
     ))
   ] });
 };
-var ye = { NODE_ENV: "production" };
-const xs = (t, e) => {
+var ge = { NODE_ENV: "production" };
+const bs = (t, e) => {
   if (e != null && e.length)
     return e;
   const s = [
@@ -1552,13 +1571,13 @@ const xs = (t, e) => {
     id: r,
     orientation: c === 1 ? "right" : "left"
   }));
-}, ms = (t, e) => {
-  !t.type && ye.NODE_ENV;
+}, js = (t, e) => {
+  !t.type && ge.NODE_ENV;
   const s = t.color ?? R[e % R.length], r = t.label ?? t.key, c = t.yAxisId ? { yAxisId: t.yAxisId } : {};
   switch (t.type) {
     case "area":
       return /* @__PURE__ */ o.jsx(
-        re,
+        ce,
         {
           dataKey: t.key,
           name: r,
@@ -1572,7 +1591,7 @@ const xs = (t, e) => {
       );
     case "line":
       return /* @__PURE__ */ o.jsx(
-        ae,
+        ie,
         {
           dataKey: t.key,
           name: r,
@@ -1600,7 +1619,7 @@ const xs = (t, e) => {
     default:
       return null;
   }
-}, gs = (t) => {
+}, Cs = (t) => {
   const {
     data: e,
     xKey: s,
@@ -1610,9 +1629,9 @@ const xs = (t, e) => {
     showLegend: i = !0,
     yAxes: n
   } = t;
-  !r.length && ye.NODE_ENV;
-  const d = xs(r, n);
-  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: on, children: [
+  !r.length && ge.NODE_ENV;
+  const d = bs(r, n);
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: dn, children: [
     /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     d.length > 0 ? d.map((a) => /* @__PURE__ */ o.jsx(
@@ -1625,9 +1644,9 @@ const xs = (t, e) => {
     )) : /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     i && /* @__PURE__ */ o.jsx(J, {}),
-    r.map((a, _) => ms(a, _))
+    r.map((a, _) => js(a, _))
   ] });
-}, ps = "55%", bs = 120, js = (t) => (e) => {
+}, ws = "55%", Ns = 120, vs = (t) => (e) => {
   const s = Math.PI / 180, {
     cx: r = 0,
     cy: c = 0,
@@ -1640,7 +1659,7 @@ const xs = (t, e) => {
     payload: u,
     percent: h = 0,
     value: f = 0
-  } = e, x = Math.sin(-s * l), b = Math.cos(-s * l), g = r + (n + 10) * b, y = c + (n + 10) * x, m = r + (n + 30) * b, p = c + (n + 30) * x, C = m + (b >= 0 ? 1 : -1) * 22, j = p, w = b >= 0 ? "start" : "end", N = u, k = String((N == null ? void 0 : N[t]) ?? "");
+  } = e, x = Math.sin(-s * l), b = Math.cos(-s * l), g = r + (n + 10) * b, y = c + (n + 10) * x, m = r + (n + 30) * b, p = c + (n + 30) * x, C = m + (b >= 0 ? 1 : -1) * 22, j = p, w = b >= 0 ? "start" : "end", N = u, S = String((N == null ? void 0 : N[t]) ?? "");
   return /* @__PURE__ */ o.jsxs("g", { children: [
     /* @__PURE__ */ o.jsx(
       "text",
@@ -1649,14 +1668,14 @@ const xs = (t, e) => {
         y: c,
         dy: 8,
         textAnchor: "middle",
-        fill: S.labelColor,
-        fontSize: S.fontSize + 2,
-        fontFamily: S.fontFamily,
-        children: k
+        fill: A.labelColor,
+        fontSize: A.fontSize + 2,
+        fontFamily: A.fontFamily,
+        children: S
       }
     ),
     /* @__PURE__ */ o.jsx(
-      Lt,
+      Mt,
       {
         cx: r,
         cy: c,
@@ -1668,7 +1687,7 @@ const xs = (t, e) => {
       }
     ),
     /* @__PURE__ */ o.jsx(
-      Lt,
+      Mt,
       {
         cx: r,
         cy: c,
@@ -1694,9 +1713,9 @@ const xs = (t, e) => {
         x: C + (b >= 0 ? 1 : -1) * 12,
         y: j,
         textAnchor: w,
-        fill: S.labelColor,
-        fontSize: S.fontSize + 2,
-        fontFamily: S.fontFamily,
+        fill: A.labelColor,
+        fontSize: A.fontSize + 2,
+        fontFamily: A.fontFamily,
         children: f
       }
     ),
@@ -1707,26 +1726,26 @@ const xs = (t, e) => {
         y: j,
         dy: 18,
         textAnchor: w,
-        fill: S.labelColorMuted,
-        fontSize: S.fontSize,
-        fontFamily: S.fontFamily,
+        fill: A.labelColorMuted,
+        fontSize: A.fontSize,
+        fontFamily: A.fontFamily,
         children: `(${(h * 100).toFixed(0)}%)`
       }
     )
   ] });
-}, Cs = (t) => {
+}, Es = (t) => {
   const {
     data: e,
     xKey: s,
     yKeys: r,
     tooltipKey: c,
-    innerRadius: l = ps,
-    outerRadius: i = bs,
+    innerRadius: l = ws,
+    outerRadius: i = Ns,
     activeShape: n = !0,
     defaultIndex: d,
     showLegend: a = !0
   } = t, _ = r[0];
-  return /* @__PURE__ */ o.jsx(At, { width: "100%", height: nt, children: /* @__PURE__ */ o.jsxs(oe, { children: [
+  return /* @__PURE__ */ o.jsx(Ot, { width: "100%", height: nt, children: /* @__PURE__ */ o.jsxs(le, { children: [
     /* @__PURE__ */ o.jsx(
       W,
       {
@@ -1737,7 +1756,7 @@ const xs = (t, e) => {
     ),
     a && /* @__PURE__ */ o.jsx(J, {}),
     /* @__PURE__ */ o.jsx(
-      ce,
+      de,
       {
         data: e,
         dataKey: _,
@@ -1746,9 +1765,9 @@ const xs = (t, e) => {
         cy: "50%",
         innerRadius: l,
         outerRadius: i,
-        activeShape: n ? js(s) : void 0,
+        activeShape: n ? vs(s) : void 0,
         children: e.map((u, h) => /* @__PURE__ */ o.jsx(
-          ie,
+          _e,
           {
             fill: R[h % R.length]
           },
@@ -1758,13 +1777,13 @@ const xs = (t, e) => {
     )
   ] }) });
 };
-function ws(t, e, s = xe) {
+function ks(t, e, s = pe) {
   return t <= 0 ? 0 : e <= 0 ? t : Math.max(t, e * s);
 }
-function Ns(t, e = Os, s) {
+function Ss(t, e = Is, s) {
   return s !== void 0 ? s : t <= 0 ? nt : Math.max(nt, t * e);
 }
-function vs(t, e, s) {
+function Ts(t, e, s) {
   if (s !== void 0)
     return s;
   const r = t.reduce((c, l) => {
@@ -1772,11 +1791,11 @@ function vs(t, e, s) {
     return Math.max(c, i.length);
   }, 0);
   return Math.max(
-    $s,
-    r * Rs
+    qs,
+    r * Ls
   );
 }
-const Es = (t) => {
+const As = (t) => {
   const {
     data: e,
     yKeys: s,
@@ -1788,18 +1807,18 @@ const Es = (t) => {
     showLegend: d = !0,
     yKeyLabels: a,
     yAxisWidth: _
-  } = t, u = Ns(
+  } = t, u = Ss(
     e.length,
     l,
     i
-  ), h = vs(e, r, _);
+  ), h = Ts(e, r, _);
   return /* @__PURE__ */ o.jsxs(
     at,
     {
       height: u,
       layout: "vertical",
       data: e,
-      Chart: Ot,
+      Chart: $t,
       children: [
         /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3", horizontal: !1 }),
         /* @__PURE__ */ o.jsx(ot, { type: "number" }),
@@ -1818,16 +1837,16 @@ const Es = (t) => {
       ]
     }
   );
-}, ks = (t) => {
+}, Os = (t) => {
   const { data: e, xKey: s, yKeys: r, tooltipKey: c, width: l } = t;
-  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: cn, children: [
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: _n, children: [
     /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     r.map((i, n) => /* @__PURE__ */ o.jsx(
-      ae,
+      ie,
       {
         type: "monotone",
         dataKey: i,
@@ -1839,10 +1858,10 @@ const Es = (t) => {
     ))
   ] });
 };
-var Ts = { NODE_ENV: "production" };
-const Ss = (t) => {
+var $s = { NODE_ENV: "production" };
+const Rs = (t) => {
   const { data: e, xKey: s, series: r = [], tooltipKey: c, width: l } = t;
-  return !r.length && Ts.NODE_ENV, /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: Ot, children: [
+  return !r.length && $s.NODE_ENV, /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: $t, children: [
     /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Y, {}),
@@ -1859,7 +1878,7 @@ const Ss = (t) => {
       i.key
     ))
   ] });
-}, As = (t) => {
+}, Ds = (t) => {
   const { data: e, xKey: s, yKeys: r, tooltipKey: c } = t, l = ({
     cx: i,
     cy: n,
@@ -1874,19 +1893,19 @@ const Ss = (t) => {
       {
         x,
         y: b,
-        fill: S.labelColor,
-        color: S.labelColor,
+        fill: A.labelColor,
+        color: A.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: u
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(At, { width: "100%", height: nt, children: /* @__PURE__ */ o.jsxs(oe, { children: [
+  return /* @__PURE__ */ o.jsx(Ot, { width: "100%", height: nt, children: /* @__PURE__ */ o.jsxs(le, { children: [
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     /* @__PURE__ */ o.jsx(
-      ce,
+      de,
       {
         data: e,
         dataKey: r[0],
@@ -1894,7 +1913,7 @@ const Ss = (t) => {
         label: l,
         outerRadius: 120,
         children: e.map((i, n) => /* @__PURE__ */ o.jsx(
-          ie,
+          _e,
           {
             fill: R[n % R.length]
           },
@@ -1903,21 +1922,21 @@ const Ss = (t) => {
       }
     )
   ] }) });
-}, nt = 400, xe = 56, Os = 28, $s = 100, Rs = 8, Ds = /* @__PURE__ */ new Set([
+}, nt = 400, pe = 56, Is = 28, qs = 100, Ls = 8, Ks = /* @__PURE__ */ new Set([
   "bar",
   "line",
   "area",
   "mixBar",
   "composed"
-]), qs = {
-  area: fs,
-  bar: ys,
-  composed: gs,
-  donut: Cs,
-  horizontalBar: Es,
-  line: ks,
-  mixBar: Ss,
-  pie: As
+]), Bs = {
+  area: gs,
+  bar: ps,
+  composed: Cs,
+  donut: Es,
+  horizontalBar: As,
+  line: Os,
+  mixBar: Rs,
+  pie: Ds
 }, R = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
@@ -1936,7 +1955,7 @@ const Ss = (t) => {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], S = {
+], A = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -1944,15 +1963,15 @@ const Ss = (t) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, Is = "_chartScrollViewport_sm5hx_1", Ls = "_chartScrollViewport_track_sm5hx_29", Yt = {
-  chartScrollViewport: Is,
-  chartScrollViewport_track: Ls
-}, Ks = "Scrollable chart area", Bs = ({
+}, Ms = "_chartScrollViewport_sm5hx_1", Hs = "_chartScrollViewport_track_sm5hx_29", Zt = {
+  chartScrollViewport: Ms,
+  chartScrollViewport_track: Hs
+}, Gs = "Scrollable chart area", Us = ({
   dataLength: t,
   minCategoryWidth: e,
   children: s
 }) => {
-  const r = ut(null), [c, l] = $(0), i = e ?? xe;
+  const r = ut(null), [c, l] = $(0), i = e ?? pe;
   U(() => {
     const _ = r.current;
     if (!_)
@@ -1964,7 +1983,7 @@ const Ss = (t) => {
     const h = new ResizeObserver(u);
     return h.observe(_), () => h.disconnect();
   }, []);
-  const n = ws(
+  const n = ks(
     c,
     t,
     i
@@ -1993,34 +2012,34 @@ const Ss = (t) => {
     "div",
     {
       ref: r,
-      className: Yt.chartScrollViewport,
+      className: Zt.chartScrollViewport,
       role: d ? "region" : void 0,
       tabIndex: d ? 0 : void 0,
-      "aria-label": d ? Ks : void 0,
+      "aria-label": d ? Gs : void 0,
       onKeyDown: d ? a : void 0,
       children: /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: Yt.chartScrollViewport_track,
+          className: Zt.chartScrollViewport_track,
           style: { width: n, height: nt },
           children: c > 0 ? s(n) : null
         }
       )
     }
   );
-}, Ms = (t) => {
-  const { component: e, userFlow: s, hash: r, responseKey: c, dataSource: l, ...i } = t, n = qs[i.type], { fetchDataSource: d } = G(), [a, _] = $(!1), [u, h] = $([]), f = async () => {
+}, Vs = (t) => {
+  const { component: e, userFlow: s, hash: r, responseKey: c, dataSource: l, ...i } = t, n = Bs[i.type], { fetchDataSource: d } = G(), [a, _] = $(!1), [u, h] = $([]), f = async () => {
     var g, y;
     try {
       _(!0);
-      const { jsonPathData: m, mapperData: p } = l, C = Dt(
+      const { jsonPathData: m, mapperData: p } = l, C = Lt(
         l,
         1
       ), j = await d(
         C,
         s,
         !1
-      ), w = m ? (g = fe(j == null ? void 0 : j.data, m, p)) == null ? void 0 : g.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
+      ), w = m ? (g = me(j == null ? void 0 : j.data, m, p)) == null ? void 0 : g.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
       h(w), _(!1);
     } catch (m) {
       alert(JSON.stringify(m)), _(!1);
@@ -2034,15 +2053,15 @@ const Ss = (t) => {
     ...i,
     data: u
   };
-  return a ? /* @__PURE__ */ o.jsx(ne, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ o.jsx(xt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Ds.has(i.type) ? /* @__PURE__ */ o.jsx(
-    Bs,
+  return a ? /* @__PURE__ */ o.jsx(ae, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ o.jsx(xt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Ks.has(i.type) ? /* @__PURE__ */ o.jsx(
+    Us,
     {
       dataLength: u.length,
       minCategoryWidth: i.minCategoryWidth,
       children: (g) => /* @__PURE__ */ o.jsx(n, { ...x, width: g })
     }
   ) : /* @__PURE__ */ o.jsx(n, { ...x });
-}, Hs = (t) => {
+}, zs = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2067,7 +2086,7 @@ const Ss = (t) => {
         ...(m = v.getState()[e]) == null ? void 0 : m.entries,
         [r]: p
       };
-      switch (I(e, C), c) {
+      switch (q(e, C), c) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const w = await u(
@@ -2088,7 +2107,7 @@ const Ss = (t) => {
     }
   }, [e, s, r, c, h]), y = (_ == null ? void 0 : _.disabled) ?? x;
   return /* @__PURE__ */ o.jsx(
-    De,
+    Le,
     {
       ..._,
       labelRight: b,
@@ -2099,14 +2118,14 @@ const Ss = (t) => {
       }
     }
   );
-}, Gs = "_codeEditor_1wi2p_1", Us = "_codeEditor_label_1wi2p_4", Vs = "_codeEditor_wrapper_1wi2p_13", zs = "_input_1wi2p_17", Xs = "_preview_1wi2p_18", Js = "_preview_inner_1wi2p_33", tt = {
-  codeEditor: Gs,
-  codeEditor_label: Us,
-  codeEditor_wrapper: Vs,
-  input: zs,
-  preview: Xs,
-  preview_inner: Js
-}, Ws = (t) => {
+}, Xs = "_codeEditor_1wi2p_1", Js = "_codeEditor_label_1wi2p_4", Ws = "_codeEditor_wrapper_1wi2p_13", Ys = "_input_1wi2p_17", Qs = "_preview_1wi2p_18", Zs = "_preview_inner_1wi2p_33", tt = {
+  codeEditor: Xs,
+  codeEditor_label: Js,
+  codeEditor_wrapper: Ws,
+  input: Ys,
+  preview: Qs,
+  preview_inner: Zs
+}, Fs = (t) => {
   const {
     userFlow: e,
     responseKey: s,
@@ -2123,39 +2142,39 @@ const Ss = (t) => {
     e,
     d
   ), g = a ?? b, y = {
-    json: Kt(),
-    markdown: dn(),
-    sql: _n(),
-    yaml: un()
+    json: Ht(),
+    markdown: hn(),
+    sql: fn(),
+    yaml: yn()
   }, m = O(() => n && r ? `${r} *` : r ?? "", [r, n]), p = (C) => {
     f(C);
     const j = {
       [s]: C
     };
-    I(e, j);
+    q(e, j);
   };
   return /* @__PURE__ */ o.jsxs("div", { className: tt.codeEditor, children: [
     m && m !== "" && /* @__PURE__ */ o.jsx("label", { className: tt.codeEditor_label, children: m }),
     /* @__PURE__ */ o.jsxs("div", { className: tt.codeEditor_wrapper, children: [
       /* @__PURE__ */ o.jsx(
-        ln,
+        un,
         {
           className: tt.input,
           value: h,
           height: u,
           placeholder: l,
-          extensions: [y[c] ?? Kt()],
+          extensions: [y[c] ?? Ht()],
           onChange: (C) => p(C),
           theme: x,
           editable: !g
         }
       ),
-      c === "markdown" && _ && /* @__PURE__ */ o.jsx("div", { className: tt.preview, style: { height: u }, children: /* @__PURE__ */ o.jsx(se, { className: tt.preview_inner, children: h }) })
+      c === "markdown" && _ && /* @__PURE__ */ o.jsx("div", { className: tt.preview, style: { height: u }, children: /* @__PURE__ */ o.jsx(oe, { className: tt.preview_inner, children: h }) })
     ] })
   ] });
-}, Ys = "_slotStack_6n2wy_5", Qt = {
-  slotStack: Ys
-}, Qs = (t) => {
+}, Ps = "_slotStack_6n2wy_5", Ft = {
+  slotStack: Ps
+}, tr = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2175,9 +2194,9 @@ const Ss = (t) => {
     e,
     s,
     n && n.length > 0 ? n : null
-  ), x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Qt.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `data-card-body-${c}-${y}`)) }) : void 0, b = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Qt.slotStack, children: f.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `data-card-top-${c}-${y}`)) }) : void 0;
+  ), x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ft.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `data-card-body-${c}-${y}`)) }) : void 0, b = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ft.slotStack, children: f.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `data-card-top-${c}-${y}`)) }) : void 0;
   return /* @__PURE__ */ o.jsx(
-    qe,
+    Ke,
     {
       ..._,
       icon: d,
@@ -2186,13 +2205,13 @@ const Ss = (t) => {
       children: x
     }
   );
-}, Zs = "_dividerNotFront_tze3j_1", Fs = {
-  dividerNotFront: Zs
-}, Ps = (t) => /* @__PURE__ */ o.jsx(Ie, { ...t, className: Fs.dividerNotFront }), tr = "_drawer_13pxo_1", er = "_drawerBody_13pxo_5", nr = "_drawerFooter_13pxo_11", kt = {
-  drawer: tr,
-  drawerBody: er,
-  drawerFooter: nr
-}, sr = ({
+}, er = "_dividerNotFront_tze3j_1", nr = {
+  dividerNotFront: er
+}, sr = (t) => /* @__PURE__ */ o.jsx(Be, { ...t, className: nr.dividerNotFront }), rr = "_drawer_13pxo_1", ar = "_drawerBody_13pxo_5", or = "_drawerFooter_13pxo_11", kt = {
+  drawer: rr,
+  drawerBody: ar,
+  drawerFooter: or
+}, cr = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
@@ -2212,22 +2231,22 @@ const Ss = (t) => {
     isOpen: a,
     children: null
   }, u = L(() => {
-    $t(t), _t(t, !1);
-  }, [t]), h = Array.isArray(r) ? E(t, e, r) : r ? /* @__PURE__ */ o.jsx(ee, { type: "h2", children: r }) : void 0, f = E(t, e, c), x = l ? E(t, e, l) : void 0;
+    It(t), _t(t, !1);
+  }, [t]), h = Array.isArray(r) ? E(t, e, r) : r ? /* @__PURE__ */ o.jsx(se, { type: "h2", children: r }) : void 0, f = E(t, e, c), x = l ? E(t, e, l) : void 0;
   return /* @__PURE__ */ o.jsx(
-    Le,
+    Me,
     {
       ..._,
       className: kt.drawer,
       isOpen: a,
       onClose: u,
       heightGap: 50,
-      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `drawer-header-${y}`)) : h }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: kt.drawerBody, children: f.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `drawer-body-${y}`)) }),
-      footer: x ? /* @__PURE__ */ o.jsx("div", { className: kt.drawerFooter, children: x.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `drawer-footer-${y}`)) }) : void 0
+      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `drawer-header-${y}`)) : h }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: kt.drawerBody, children: f.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `drawer-body-${y}`)) }),
+      footer: x ? /* @__PURE__ */ o.jsx("div", { className: kt.drawerFooter, children: x.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `drawer-footer-${y}`)) }) : void 0
     }
   );
-}, rr = (t) => {
+}, ir = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2256,14 +2275,14 @@ const Ss = (t) => {
     [n, h]
   );
   return /* @__PURE__ */ o.jsx(
-    Ke,
+    He,
     {
       disabled: d,
       variant: a,
       items: f,
-      children: /* @__PURE__ */ o.jsxs(A, { children: [
+      children: /* @__PURE__ */ o.jsxs(k, { children: [
         _ ? /* @__PURE__ */ o.jsx(
-          Bt,
+          Gt,
           {
             name: _,
             size: "md",
@@ -2272,7 +2291,7 @@ const Ss = (t) => {
         ) : null,
         i,
         u ? /* @__PURE__ */ o.jsx(
-          Bt,
+          Gt,
           {
             name: u,
             size: "md",
@@ -2282,10 +2301,10 @@ const Ss = (t) => {
       ] })
     }
   );
-}, ar = "_header_g1eri_1", or = "_header_content_g1eri_5", Zt = {
-  header: ar,
-  header_content: or
-}, cr = ({ components: t = [] }) => /* @__PURE__ */ o.jsx("section", { className: et(Zt.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Zt.header_content, children: t.map((e, s) => /* @__PURE__ */ o.jsx(A, { children: e }, s)) }) }), ir = (t) => {
+}, lr = "_header_g1eri_1", dr = "_header_content_g1eri_5", Pt = {
+  header: lr,
+  header_content: dr
+}, _r = ({ components: t = [] }) => /* @__PURE__ */ o.jsx("section", { className: et(Pt.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Pt.header_content, children: t.map((e, s) => /* @__PURE__ */ o.jsx(k, { children: e }, s)) }) }), ur = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2312,7 +2331,7 @@ const Ss = (t) => {
           ...(y = v.getState()[e]) == null ? void 0 : y.entries,
           [r]: { status: 200 }
         };
-        switch (I(e, m), c) {
+        switch (q(e, m), c) {
           case "GO_TO_NEXT_UI": {
             const p = await h(
               e,
@@ -2339,7 +2358,7 @@ const Ss = (t) => {
       }
   }, [c, h, s, i, r, n, e]), g = x.disabled ?? f;
   return /* @__PURE__ */ o.jsx(
-    Be,
+    Ge,
     {
       ...x,
       disabled: g,
@@ -2347,7 +2366,7 @@ const Ss = (t) => {
       children: l
     }
   );
-}, lr = (t) => {
+}, hr = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2378,7 +2397,7 @@ const Ss = (t) => {
     [i, h]
   );
   return /* @__PURE__ */ o.jsx(
-    Me,
+    Ue,
     {
       items: f,
       closeOnClick: n,
@@ -2388,9 +2407,9 @@ const Ss = (t) => {
       variant: u
     }
   );
-}, dr = "_modalContent_p06ci_1", _r = {
-  modalContent: dr
-}, ur = ({
+}, fr = "_modalContent_p06ci_1", yr = {
+  modalContent: fr
+}, xr = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
@@ -2409,23 +2428,23 @@ const Ss = (t) => {
   }), _ = d && !a, u = {
     ...n
   }, h = (u == null ? void 0 : u.headerStatusColor) ?? i, f = L(() => {
-    $t(t), Rt(t, !1);
+    It(t), qt(t, !1);
   }, [t, s]), x = Array.isArray(r) ? E(t, e, r) : r, b = E(t, e, c), g = E(t, e, l);
   return /* @__PURE__ */ o.jsx(
-    He,
+    Ve,
     {
       ...u,
       headerStatusColor: h,
-      header: typeof x == "string" ? x : /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, m) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-header-${m}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: _r.modalContent, children: b.map((y, m) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-body-${m}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((y, m) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-footer-${m}`)) }),
+      header: typeof x == "string" ? x : /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, m) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-header-${m}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: yr.modalContent, children: b.map((y, m) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-body-${m}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((y, m) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-footer-${m}`)) }),
       open: _,
       onClose: f
     }
   );
-}, hr = ({ userFlow: t, pageId: e }) => {
+}, mr = ({ userFlow: t, pageId: e }) => {
   var l, i;
-  const s = yn(t);
+  const s = pn(t);
   if (!s)
     return null;
   const r = [
@@ -2439,9 +2458,15 @@ const Ss = (t) => {
   );
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: c == null ? void 0 : c.map((n, d) => {
     const a = `overlay-${d}-${s == null ? void 0 : s.hash}`;
-    return /* @__PURE__ */ o.jsx(A, { children: n }, a);
+    return /* @__PURE__ */ o.jsx(k, { children: n }, a);
   }) });
-}, fr = {
+}, gr = [
+  "success",
+  "warning",
+  "error",
+  "info",
+  "neutral"
+], be = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -2467,19 +2492,22 @@ const Ss = (t) => {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, yr = (t) => {
-  const { content: e, variant: s = "neutral", ...r } = t, c = fr[s], l = {
+}, pr = (t) => typeof t == "string" && gr.includes(t), br = (t) => t != null && t.length ? t.length === 2 && pr(t[1]) ? [{ label: String(t[0]), variant: t[1] }] : t.map((e) => ({
+  label: String(e),
+  variant: "neutral"
+})) : [], jr = (t) => {
+  const { content: e, variant: s = "neutral", ...r } = t, c = be[s], l = {
     ...r,
     children: e,
     color: (r == null ? void 0 : r.color) ?? c.color,
     textColor: (r == null ? void 0 : r.textColor) ?? c.textColor,
     iconColor: (r == null ? void 0 : r.iconColor) ?? c.iconColor
   };
-  return /* @__PURE__ */ o.jsx(Tt, { ...l });
-}, xr = (t) => {
+  return /* @__PURE__ */ o.jsx(St, { ...l });
+}, Cr = (t) => {
   const { content: e } = t;
-  return /* @__PURE__ */ o.jsx(se, { children: e });
-}, mr = (t) => {
+  return /* @__PURE__ */ o.jsx(oe, { children: e });
+}, wr = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2513,7 +2541,7 @@ const Ss = (t) => {
     }
   }, [c, l, i, r, a]);
   return /* @__PURE__ */ o.jsx(
-    Ge,
+    ze,
     {
       ...u,
       loading: u.loading || f,
@@ -2521,8 +2549,8 @@ const Ss = (t) => {
       onClick: () => !h && !f && (n ?? g)()
     }
   );
-}, gr = "_row_1bqj4_1", pr = "_row_column_1bqj4_65", z = {
-  row: gr,
+}, Nr = "_row_1bqj4_1", vr = "_row_column_1bqj4_65", z = {
+  row: Nr,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -2543,7 +2571,7 @@ const Ss = (t) => {
   "row__align-center": "_row__align-center_1bqj4_56",
   "row__align-stretch": "_row__align-stretch_1bqj4_59",
   "row__align-baseline": "_row__align-baseline_1bqj4_62",
-  row_column: pr,
+  row_column: vr,
   "row_column__gap-none": "_row_column__gap-none_1bqj4_72",
   "row_column__gap-xxs": "_row_column__gap-xxs_1bqj4_75",
   "row_column__gap-xs": "_row_column__gap-xs_1bqj4_78",
@@ -2564,7 +2592,7 @@ const Ss = (t) => {
   "row_column__align-center": "_row_column__align-center_1bqj4_123",
   "row_column__align-stretch": "_row_column__align-stretch_1bqj4_126",
   "row_column__align-baseline": "_row_column__align-baseline_1bqj4_129"
-}, br = (t) => {
+}, Er = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2623,7 +2651,7 @@ const Ss = (t) => {
     }
   );
 };
-function me({
+function je({
   userFlow: t,
   pageId: e,
   responseKey: s,
@@ -2642,7 +2670,7 @@ function me({
       const u = {
         ...(f = v.getState()[t]) == null ? void 0 : f.entries
       };
-      if (_ ? (u[s] = _, I(t, u)) : (delete u[s], xn(t, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (_ ? (u[s] = _, q(t, u)) : (delete u[s], bn(t, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
           const b = await c(
             t,
@@ -2675,21 +2703,21 @@ function me({
     [l, i, d]
   );
 }
-const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
+const kr = /\{([^}]+)\}/g, Sr = (t, e) => {
   var s;
-  return e.includes("{") ? e.replace(jr, (r, c) => {
+  return e.includes("{") ? e.replace(kr, (r, c) => {
     var i;
     const l = (i = B.query(t, c.trim())) == null ? void 0 : i[0];
     return l != null ? String(l) : "";
   }) : (s = B.query(t, e)) == null ? void 0 : s[0];
-}, wr = (t, e, s, r) => {
+}, Tr = (t, e, s, r) => {
   const c = B.query(t, e);
   return (c == null ? void 0 : c.map((l) => {
     var d;
-    const i = Cr(l, s), n = r ? (d = B.query(l, r)) == null ? void 0 : d[0] : l;
+    const i = Sr(l, s), n = r ? (d = B.query(l, r)) == null ? void 0 : d[0] : l;
     return { label: i, value: n };
   })) ?? [];
-}, Nr = (t, e, s, r = 10) => {
+}, Ar = (t, e, s, r = 10) => {
   var n, d;
   let c, l;
   if (s) {
@@ -2705,9 +2733,9 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     total: l,
     hasMore: i
   };
-}, vr = "_selectNotFront_ch3v5_1", ge = {
-  selectNotFront: vr
-}, Er = ({
+}, Or = "_selectNotFront_ch3v5_1", Ce = {
+  selectNotFront: Or
+}, $r = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
@@ -2727,10 +2755,10 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     const j = a != null && a.isMulti ? h : [h], w = {};
     return Array.isArray(j) && j.forEach((N) => {
       if (!N) return;
-      const k = JSON.stringify(N.value), D = JSON.stringify(N.label);
-      w[k] = N, D in w || (w[D] = N);
+      const S = JSON.stringify(N.value), D = JSON.stringify(N.label);
+      w[S] = N, D in w || (w[D] = N);
     }), w;
-  }, [h]), m = me({
+  }, [h]), m = je({
     userFlow: t,
     pageId: e,
     responseKey: s,
@@ -2742,11 +2770,11 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     f(j), m(j);
   }, C = async (j, w, { page: N }) => {
     const {
-      jsonPathLabel: k,
+      jsonPathLabel: S,
       jsonPathOptions: D,
-      jsonPathValue: q,
+      jsonPathValue: I,
       jsonPathPagination: Q
-    } = c, V = Dt(
+    } = c, V = Lt(
       c,
       N,
       j
@@ -2754,12 +2782,12 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       V,
       t,
       !1
-    ), H = T == null ? void 0 : T.data, ct = H ? wr(
+    ), H = T == null ? void 0 : T.data, ct = H ? Tr(
       H,
       D,
-      k,
-      q
-    ) : [], { hasMore: bt } = Nr(
+      S,
+      I
+    ) : [], { hasMore: bt } = Ar(
       H,
       N,
       Q
@@ -2773,10 +2801,10 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     };
   };
   return /* @__PURE__ */ o.jsx(
-    Ue,
+    Xe,
     {
       ...a,
-      className: ge.selectNotFront,
+      className: Ce.selectNotFront,
       label: g,
       value: h,
       disabled: b,
@@ -2791,7 +2819,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       debounceTimeout: 350
     }
   );
-}, kr = ({
+}, Rr = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
@@ -2807,7 +2835,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
   }, { getNextUI: _ } = G(), [u, h] = $(a.value || ""), { disabled: f } = M(
     t,
     i
-  ), x = (a == null ? void 0 : a.disabled) ?? f, b = O(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = me({
+  ), x = (a == null ? void 0 : a.disabled) ?? f, b = O(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = je({
     userFlow: t,
     pageId: e,
     responseKey: s,
@@ -2819,33 +2847,33 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     h(m), g(m);
   };
   return /* @__PURE__ */ o.jsx(
-    Ve,
+    Je,
     {
       ...a,
-      className: ge.selectNotFront,
+      className: Ce.selectNotFront,
       label: b,
       value: u,
       disabled: x,
       onChange: (m) => !x && y(m)
     }
   );
-}, Tr = (t) => {
+}, Dr = (t) => {
   const { dataSource: e } = t;
-  return e ? /* @__PURE__ */ o.jsx(Er, { ...t }) : /* @__PURE__ */ o.jsx(kr, { ...t });
-}, Sr = "_spacing_19hqa_1", Ar = "_spacing__xxs_19hqa_1", Or = "_spacing__xs_19hqa_4", $r = "_spacing__sm_19hqa_7", Rr = "_spacing__md_19hqa_10", Dr = "_spacing__lg_19hqa_13", qr = "_spacing__xl_19hqa_16", Ir = "_spacing__xxl_19hqa_19", Lr = "_spacing__xxxl_19hqa_22", Ft = {
-  spacing: Sr,
-  spacing__xxs: Ar,
-  spacing__xs: Or,
-  spacing__sm: $r,
-  spacing__md: Rr,
-  spacing__lg: Dr,
-  spacing__xl: qr,
-  spacing__xxl: Ir,
-  spacing__xxxl: Lr
-}, Kr = (t) => {
-  const { size: e } = t, s = et(Ft.spacing, Ft[`spacing__${e}`]);
+  return e ? /* @__PURE__ */ o.jsx($r, { ...t }) : /* @__PURE__ */ o.jsx(Rr, { ...t });
+}, Ir = "_spacing_19hqa_1", qr = "_spacing__xxs_19hqa_1", Lr = "_spacing__xs_19hqa_4", Kr = "_spacing__sm_19hqa_7", Br = "_spacing__md_19hqa_10", Mr = "_spacing__lg_19hqa_13", Hr = "_spacing__xl_19hqa_16", Gr = "_spacing__xxl_19hqa_19", Ur = "_spacing__xxxl_19hqa_22", te = {
+  spacing: Ir,
+  spacing__xxs: qr,
+  spacing__xs: Lr,
+  spacing__sm: Kr,
+  spacing__md: Br,
+  spacing__lg: Mr,
+  spacing__xl: Hr,
+  spacing__xxl: Gr,
+  spacing__xxxl: Ur
+}, Vr = (t) => {
+  const { size: e } = t, s = et(te.spacing, te[`spacing__${e}`]);
   return /* @__PURE__ */ o.jsx("div", { className: s });
-}, Br = (t) => {
+}, zr = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -2870,7 +2898,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
         ...(m = v.getState()[e]) == null ? void 0 : m.entries,
         [r]: p
       };
-      switch (I(e, C), c) {
+      switch (q(e, C), c) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const w = await u(
@@ -2891,7 +2919,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     }
   }, [e, s, r, c, h]);
   return /* @__PURE__ */ o.jsx(
-    ze,
+    We,
     {
       ..._,
       label: g,
@@ -2900,19 +2928,31 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       onChange: () => !b && y()
     }
   );
-}, Mr = "_tableSkeleton_3nr9n_1", Hr = "_tableArrayPills_3nr9n_7", pe = {
-  tableSkeleton: Mr,
-  tableArrayPills: Hr
-}, Gr = ({ values: t }) => {
-  const s = t == null ? void 0 : t.slice(0, 4), r = (t == null ? void 0 : t.length) - 4;
-  return /* @__PURE__ */ o.jsxs("div", { className: pe.tableArrayPills, children: [
-    s.map((c, l) => /* @__PURE__ */ o.jsx(Tt, { children: String(c) }, l)),
-    r > 0 && /* @__PURE__ */ o.jsxs(Tt, { outlined: !0, children: [
+}, Xr = "_tableSkeleton_3nr9n_1", Jr = "_tableArrayPills_3nr9n_7", we = {
+  tableSkeleton: Xr,
+  tableArrayPills: Jr
+}, Wr = ({ values: t }) => {
+  const s = br(t ?? []), r = s.slice(0, 4), c = s.length - 4;
+  return /* @__PURE__ */ o.jsxs("div", { className: we.tableArrayPills, children: [
+    r.map((l, i) => {
+      const n = be[l.variant];
+      return /* @__PURE__ */ o.jsx(
+        St,
+        {
+          color: n.color,
+          textColor: n.textColor,
+          iconColor: n.iconColor,
+          children: l.label
+        },
+        `${l.label}-${l.variant}-${i}`
+      );
+    }),
+    c > 0 && /* @__PURE__ */ o.jsxs(St, { outlined: !0, children: [
       "+",
-      r
+      c
     ] })
   ] });
-}, Ur = ({
+}, Yr = ({
   userFlow: t,
   pageId: e,
   tableResponseKey: s,
@@ -2935,7 +2975,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
         [u]: { status: 200 },
         [s]: [{ ...c }]
       };
-      switch (I(t, y), _) {
+      switch (q(t, y), _) {
         case "GO_TO_NEXT_UI": {
           const m = await l(
             t,
@@ -2977,7 +3017,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
               content: j == null ? void 0 : j.data
             }
           };
-          I(t, w);
+          q(t, w);
           const N = await l(
             t,
             e,
@@ -2995,18 +3035,18 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       alert(JSON.stringify(y));
     }
   }, [_, h, e, u, t]);
-  return we(a, {
+  return ke(a, {
     onClick: f
   });
-}, Vr = () => /* @__PURE__ */ o.jsx("div", { className: pe.tableSkeleton, children: [...Array(10)].map((t, e) => /* @__PURE__ */ o.jsx(
-  ne,
+}, Qr = () => /* @__PURE__ */ o.jsx("div", { className: we.tableSkeleton, children: [...Array(10)].map((t, e) => /* @__PURE__ */ o.jsx(
+  ae,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
   `tableSkeletonBase${e}`
-)) }), zr = (t, e) => !(e != null && e.length) || !t ? t : t.map((s) => e.some(
+)) }), Zr = (t, e) => !(e != null && e.length) || !t ? t : t.map((s) => e.some(
   (c) => Array.isArray(
     s != null && s.accessor ? c[s == null ? void 0 : s.accessor] : void 0
   )
@@ -3014,9 +3054,9 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
   ...s,
   renderCell: (c) => {
     const l = s.accessor ? c[s.accessor] : void 0;
-    return Array.isArray(l) ? /* @__PURE__ */ o.jsx(Gr, { values: l }) : l ?? "";
+    return Array.isArray(l) ? /* @__PURE__ */ o.jsx(Wr, { values: l }) : l ?? "";
   }
-} : s), Xr = ({
+} : s), Fr = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
@@ -3034,7 +3074,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     if (l != null && l.length)
       return l.map((T, H) => ({
         renderContent: (ct) => /* @__PURE__ */ o.jsx(
-          Ur,
+          Yr,
           {
             userFlow: t,
             pageId: e,
@@ -3061,29 +3101,29 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     it && T === 1 && (m.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       u(!0);
-      const jt = it ? m.current.get(T) ?? null : null, be = Dt(
+      const jt = it ? m.current.get(T) ?? null : null, Ne = Lt(
         c,
         T,
         void 0,
         jt
       ), Z = await a(
-        be,
+        Ne,
         t,
         !1
       );
       if (b(
-        fe(
+        me(
           Z == null ? void 0 : Z.data,
           ct,
           H,
           bt
         )
       ), it) {
-        const qt = us(
+        const Kt = xs(
           Z == null ? void 0 : Z.data,
           it
         );
-        qt && m.current.set(T + 1, qt);
+        Kt && m.current.set(T + 1, Kt);
       }
       u(!1);
     } catch (jt) {
@@ -3095,7 +3135,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
   U(() => {
     g || C();
   }, []);
-  const w = g ? i : x == null ? void 0 : x.items, N = g && !!n && ((i == null ? void 0 : i.length) ?? 0) > n, k = O(() => {
+  const w = g ? i : x == null ? void 0 : x.items, N = g && !!n && ((i == null ? void 0 : i.length) ?? 0) > n, S = O(() => {
     if (!N || !i || !n)
       return w ?? [];
     const T = (h - 1) * n;
@@ -3107,19 +3147,19 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     h,
     w
   ]), D = O(
-    () => zr(
+    () => Zr(
       d.columns,
       w
     ),
     [w, d.columns]
-  ), q = {
+  ), I = {
     ...d,
-    data: k,
+    data: S,
     columns: D ?? [],
     rightActions: p
   };
   return g ? !w || w.length === 0 ? /* @__PURE__ */ o.jsx(xt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(It, { ...q }),
+    /* @__PURE__ */ o.jsx(Bt, { ...I }),
     N && n && i && /* @__PURE__ */ o.jsx(
       Ct,
       {
@@ -3130,8 +3170,8 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
         onChange: f
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(Vr, {}) : x && ((V = x == null ? void 0 : x.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(It, { ...q }),
+  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(Qr, {}) : x && ((V = x == null ? void 0 : x.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(Bt, { ...I }),
     !y && (x == null ? void 0 : x.pagination) && x.pagination.totalPages > 1 && /* @__PURE__ */ o.jsx(
       Ct,
       {
@@ -3153,12 +3193,12 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       }
     )
   ] }) : /* @__PURE__ */ o.jsx(xt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, Jr = "_tabsPanel_kvslb_1", Wr = {
-  tabsPanel: Jr
-}, Yr = ({ userFlow: t, pageId: e, components: s }) => {
+}, Pr = "_tabsPanel_kvslb_1", ta = {
+  tabsPanel: Pr
+}, ea = ({ userFlow: t, pageId: e, components: s }) => {
   const r = E(t, e, s);
-  return r != null && r.length ? /* @__PURE__ */ o.jsx("section", { className: Wr.tabsPanel, children: r.map((c, l) => /* @__PURE__ */ o.jsx(A, { children: c }, `tabs-panel-${l}`)) }) : null;
-}, Qr = ({
+  return r != null && r.length ? /* @__PURE__ */ o.jsx("section", { className: ta.tabsPanel, children: r.map((c, l) => /* @__PURE__ */ o.jsx(k, { children: c }, `tabs-panel-${l}`)) }) : null;
+}, na = ({
   userFlow: t,
   pageId: e,
   hash: s,
@@ -3171,7 +3211,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     label: a.label,
     disabled: a.disabled,
     children: /* @__PURE__ */ o.jsx(
-      Yr,
+      ea,
       {
         userFlow: t,
         pageId: e,
@@ -3185,10 +3225,10 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       ...(u = v.getState()[t]) == null ? void 0 : u.entries,
       [i]: a
     };
-    I(t, _);
+    q(t, _);
   };
   return /* @__PURE__ */ o.jsx(
-    Xe,
+    Ye,
     {
       className: l,
       activeIndex: c,
@@ -3196,7 +3236,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       onClick: d
     }
   );
-}, Zr = (t) => {
+}, sa = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -3214,12 +3254,12 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
   ), f = (a == null ? void 0 : a.disabled) ?? h, x = O(() => i && (a != null && a.label) ? `${a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), b = (g) => {
     var m;
     const y = (m = g == null ? void 0 : g.target) == null ? void 0 : m.value;
-    u(y), I(e, { [l]: y });
+    u(y), q(e, { [l]: y });
   };
   return U(() => {
     u((a == null ? void 0 : a.value) ?? "");
   }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    Je,
+    Qe,
     {
       ...a,
       label: x,
@@ -3228,9 +3268,9 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       onChange: (g) => !f && b(g)
     }
   );
-}, Fr = "_textFieldNotFront_1n8fy_1", Pr = {
-  textFieldNotFront: Fr
-}, ta = (t) => {
+}, ra = "_textFieldNotFront_1n8fy_1", aa = {
+  textFieldNotFront: ra
+}, oa = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -3252,15 +3292,15 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     const m = {
       [l]: y
     };
-    I(e, m);
+    q(e, m);
   };
   return U(() => {
     u((a == null ? void 0 : a.value) ?? "");
   }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    We,
+    Ze,
     {
       ...a,
-      className: Pr.textFieldNotFront,
+      className: aa.textFieldNotFront,
       allowClear: !1,
       label: x,
       value: _,
@@ -3268,7 +3308,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       onChange: (g) => !f && b(g)
     }
   );
-}, ea = ({
+}, ca = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
@@ -3278,7 +3318,7 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
   redirectUrl: i
 }) => {
   const n = L(async () => {
-    $t(t);
+    It(t);
     try {
       switch (l) {
         case "AUTOCLOSE_AND_REDIRECT":
@@ -3304,10 +3344,10 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
       onClose: n
     });
   }, [n, t]), null;
-}, na = "_tooltipNotFront_106iw_1", sa = "_tooltipNotFront_content_106iw_5", Pt = {
-  tooltipNotFront: na,
-  tooltipNotFront_content: sa
-}, ra = (t) => {
+}, ia = "_tooltipNotFront_106iw_1", la = "_tooltipNotFront_content_106iw_5", ee = {
+  tooltipNotFront: ia,
+  tooltipNotFront_content: la
+}, da = (t) => {
   const {
     userFlow: e,
     pageId: s,
@@ -3323,11 +3363,11 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     e,
     s,
     i != null && i.length ? i : null
-  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Pt.tooltipNotFront_content, children: u.map((f, x) => /* @__PURE__ */ o.jsx(A, { children: f }, `tooltip-${c}-${x}`)) }) : null;
+  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: ee.tooltipNotFront_content, children: u.map((f, x) => /* @__PURE__ */ o.jsx(k, { children: f }, `tooltip-${c}-${x}`)) }) : null;
   return /* @__PURE__ */ o.jsx(
-    Ye,
+    Fe,
     {
-      className: Pt.tooltipNotFront,
+      className: ee.tooltipNotFront,
       label: n,
       placement: d,
       notShowArrow: a,
@@ -3336,13 +3376,13 @@ const jr = /\{([^}]+)\}/g, Cr = (t, e) => {
     }
   );
 };
-function wa({
+function Aa({
   sessionName: t,
   apiConfig: e,
   onResolveComponentProps: s,
   children: r
 }) {
-  const c = la(
+  const c = ya(
     t,
     e,
     null,
@@ -3353,7 +3393,7 @@ function wa({
     r
   ] });
 }
-const aa = { api: "", headers: {} }, oa = ({
+const _a = { api: "", headers: {} }, ua = ({
   userFlow: t,
   components: e,
   hash: s,
@@ -3362,7 +3402,7 @@ const aa = { api: "", headers: {} }, oa = ({
   const c = s ?? `${t}-page`;
   $(() => {
     var d, a;
-    return (a = (d = v.getState()[t]) == null ? void 0 : d.pages) != null && a[c] || yt(t, r ?? aa, {
+    return (a = (d = v.getState()[t]) == null ? void 0 : d.pages) != null && a[c] || yt(t, r ?? _a, {
       type: "page",
       hash: c,
       body: { components: e }
@@ -3371,21 +3411,21 @@ const aa = { api: "", headers: {} }, oa = ({
   const l = E(t, c, e);
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: l });
 };
-function ca(t) {
+function ha(t) {
   if (t == null || typeof t != "object" || !("components" in t) || !Array.isArray(t.components))
     throw new Error(
       "[renderNotFront] payload.display must be an object with a `components` array"
     );
   return t.components;
 }
-const ia = ({ payload: t, userFlow: e }) => {
-  const s = ca(t.display), r = oa({
+const fa = ({ payload: t, userFlow: e }) => {
+  const s = ha(t.display), r = ua({
     userFlow: e,
     hash: t.id,
     components: s
   });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: r });
-}, Na = ia, te = (t, e, s, r, c) => {
+}, Oa = fa, ne = (t, e, s, r, c) => {
   const l = E(
     t,
     e,
@@ -3395,7 +3435,7 @@ const ia = ({ payload: t, userFlow: e }) => {
   switch (s) {
     case "body":
       return /* @__PURE__ */ o.jsx(
-        Un,
+        Jn,
         {
           ...r,
           inputs: l || []
@@ -3404,7 +3444,7 @@ const ia = ({ payload: t, userFlow: e }) => {
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
-        cr,
+        _r,
         {
           ...r,
           components: l || []
@@ -3414,21 +3454,21 @@ const ia = ({ payload: t, userFlow: e }) => {
     default:
       return null;
   }
-}, la = (t, e, s, r) => {
+}, ya = (t, e, s, r) => {
   var g, y;
   const [c, l] = $(!1), i = !!(e != null && e.api && !s && t), [n, d] = $(i), a = v((m) => m[t]), _ = a == null ? void 0 : a.currentPageId, u = (a == null ? void 0 : a.isLoading) ?? !1, h = n || u;
   U(() => {
     if (typeof window > "u") return;
     const m = new URL(window.location.href), p = m.searchParams.get("sessionId");
-    p && (sessionStorage.setItem("sessionId", p), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
+    p && (Dt(p), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
   }, []);
-  const f = _ ? te(
+  const f = _ ? ne(
     t,
     _,
     "header",
     ((g = a == null ? void 0 : a.pages[_].page) == null ? void 0 : g.header) || null,
     r
-  ) : null, x = _ ? te(
+  ) : null, x = _ ? ne(
     t,
     _,
     "body",
@@ -3436,11 +3476,17 @@ const ia = ({ payload: t, userFlow: e }) => {
     r
   ) : null, b = async () => {
     try {
-      const m = await ue(
+      const m = await ye(
         e,
         t
       ), p = m == null ? void 0 : m.data, C = p == null ? void 0 : p.content;
-      (m == null ? void 0 : m.status) === 200 ? yt(t, e, C, p == null ? void 0 : p.sessionState) : l(!0);
+      (m == null ? void 0 : m.status) === 200 ? yt(
+        t,
+        e,
+        C,
+        p == null ? void 0 : p.sessionState,
+        p == null ? void 0 : p.sessionId
+      ) : l(!0);
     } catch (m) {
       console.error("[not-page]: API call failed", m), l(!0);
     } finally {
@@ -3461,22 +3507,23 @@ const ia = ({ payload: t, userFlow: e }) => {
       window.removeEventListener(m, p);
     };
   }, []), c && console.error("[not-page]: No render page"), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    h && /* @__PURE__ */ o.jsx(Qe, {}),
+    h && /* @__PURE__ */ o.jsx(Pe, {}),
     f,
     x,
-    _ && /* @__PURE__ */ o.jsx(hr, { userFlow: t, pageId: _ }),
-    a && /* @__PURE__ */ o.jsx(Ze, {})
+    _ && /* @__PURE__ */ o.jsx(mr, { userFlow: t, pageId: _ }),
+    a && /* @__PURE__ */ o.jsx(tn, {})
   ] });
 };
 export {
-  Ms as Chart,
-  wa as NotFrontPage,
-  ia as RenderNotFront,
-  br as Row,
-  ca as extractNotFrontComponents,
-  wn as heading,
-  Na as renderNotFront,
-  Nn as text,
-  oa as useNotFrontFragment,
-  la as usePage
+  Vs as Chart,
+  Aa as NotFrontPage,
+  fa as RenderNotFront,
+  Er as Row,
+  Ta as clearSessionId,
+  ha as extractNotFrontComponents,
+  kn as heading,
+  Oa as renderNotFront,
+  Sn as text,
+  ua as useNotFrontFragment,
+  ya as usePage
 };