@stackable-labs/embeddables 1.57.0 → 1.57.2

package/dist/react.js

@@ -5,7 +5,7 @@ import * as Sn from "react-dom";
 import ds from "react-dom";
 const Yl = () => {
   try {
-    return "56bdfaeb-11c6-46ad-aa01-a99fedca2493";
+    return "4020d256-debd-4031-aba6-c9ccf4834c3c";
   } catch {
     return "dev";
   }
@@ -526,17 +526,11 @@ const ec = (e) => {
   fallback: r = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: l } = nc(), [d, u] = le({}), c = We(""), m = fn(
-    () => a.filter((v) => v.enabled && v.manifest.targets.includes(e)),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a.map((v) => v.id).join(","), e]
-  ), g = fn(
-    () => rc(i, { surfaceId: e, logPrefix: "[ExtensionSlot]" }),
-    [e, i]
-  );
+  const { extensions: a, components: i, ready: l } = nc(), [d, u] = le({}), c = We(""), m = fn(() => a.filter((v) => v.enabled && v.manifest.targets.includes(e)), [a.map((v) => v.id).join(","), e]), g = fn(() => rc(i, { surfaceId: e, logPrefix: "[ExtensionSlot]" }), [e, i]);
   if (ce(() => {
     const v = m.map((w) => w.id).join(",");
-    if (c.current !== v && (c.current = v, u({})), !l || m.length === 0) return;
+    if (c.current !== v && (c.current = v, u({})), !l || m.length === 0)
+      return;
     const y = (w) => {
       const x = w.data;
       if (!(!x || typeof x != "object" || !m.some((N) => {
@@ -544,21 +538,22 @@ const ec = (e) => {
         return k && w.source === k.iframe.contentWindow;
       }))) {
         if (x.type === "surface-update" && x.surfaceId === e) {
-          const N = m.find((E) => {
-            const R = Ct(E.id);
-            return R && w.source === R.iframe.contentWindow;
+          const N = m.find((R) => {
+            const E = Ct(R.id);
+            return E && w.source === E.iframe.contentWindow;
           });
-          if (!N) return;
+          if (!N)
+            return;
           const k = g(x.tree, w.source ?? null);
-          u((E) => ({
-            ...E,
+          u((R) => ({
+            ...R,
             [N.id]: k
           }));
         }
         x.type === "surface-ready" && x.surfaceId === e && t && m.forEach((N) => {
-          var E;
+          var R;
           const k = Ct(N.id);
-          (E = k == null ? void 0 : k.iframe.contentWindow) == null || E.postMessage(
+          (R = k == null ? void 0 : k.iframe.contentWindow) == null || R.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
           );
@@ -889,7 +884,7 @@ function Ac(e) {
 }
 const _c = (e) => {
   var t, n, o, r, s, a, i, l, d;
-  const { invert: u, toast: c, unstyled: m, interacting: g, setHeights: b, visibleToasts: h, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: N, closeButton: k, style: E, cancelButtonStyle: R, actionButtonStyle: M, className: z = "", descriptionClassName: B = "", duration: U, position: j, gap: K, expandByDefault: I, classNames: S, icons: T, closeButtonAriaLabel: A = "Close toast" } = e, [O, P] = _.useState(null), [Q, ie] = _.useState(null), [G, Z] = _.useState(!1), [Y, X] = _.useState(!1), [F, H] = _.useState(!1), [J, se] = _.useState(!1), [oe, te] = _.useState(!1), [ue, fe] = _.useState(0), [st, qe] = _.useState(0), Ne = _.useRef(c.duration || U || hr), Yt = _.useRef(null), be = _.useRef(null), Ol = y === 0, Ll = y + 1 <= h, xe = c.type, gt = c.dismissible !== !1, Dl = c.className || "", zl = c.descriptionClassName || "", qt = _.useMemo(() => v.findIndex((ee) => ee.toastId === c.id) || 0, [
+  const { invert: u, toast: c, unstyled: m, interacting: g, setHeights: b, visibleToasts: h, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: N, closeButton: k, style: R, cancelButtonStyle: E, actionButtonStyle: M, className: z = "", descriptionClassName: B = "", duration: U, position: j, gap: K, expandByDefault: I, classNames: S, icons: T, closeButtonAriaLabel: A = "Close toast" } = e, [O, P] = _.useState(null), [Q, ie] = _.useState(null), [G, Z] = _.useState(!1), [Y, X] = _.useState(!1), [F, H] = _.useState(!1), [J, se] = _.useState(!1), [oe, te] = _.useState(!1), [ue, fe] = _.useState(0), [st, qe] = _.useState(0), Ne = _.useRef(c.duration || U || hr), Yt = _.useRef(null), be = _.useRef(null), Ol = y === 0, Ll = y + 1 <= h, xe = c.type, gt = c.dismissible !== !1, Dl = c.className || "", zl = c.descriptionClassName || "", qt = _.useMemo(() => v.findIndex((ee) => ee.toastId === c.id) || 0, [
     v,
     c.id
   ]), $l = _.useMemo(() => {
@@ -1039,7 +1034,7 @@ const _c = (e) => {
       "--z-index": w.length - y,
       "--offset": `${Y ? ue : vt.current}px`,
       "--initial-height": I ? "auto" : `${st}px`,
-      ...E,
+      ...R,
       ...c.style
     },
     onDragEnd: () => {
@@ -1118,7 +1113,7 @@ const _c = (e) => {
   }, typeof c.description == "function" ? c.description() : c.description) : null), /* @__PURE__ */ _.isValidElement(c.cancel) ? c.cancel : c.cancel && Jt(c.cancel) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
-    style: c.cancelButtonStyle || R,
+    style: c.cancelButtonStyle || E,
     onClick: (ee) => {
       Jt(c.cancel) && gt && (c.cancel.onClick == null || c.cancel.onClick.call(c.cancel, ee), Ke());
     },
@@ -1169,16 +1164,16 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
   const { id: o, invert: r, position: s = "bottom-right", hotkey: a = [
     "altKey",
     "KeyT"
-  ], expand: i, closeButton: l, className: d, offset: u, mobileOffset: c, theme: m = "light", richColors: g, duration: b, style: h, visibleToasts: v = Cc, toastOptions: y, dir: w = gr(), gap: x = Nc, icons: C, containerAriaLabel: N = "Notifications" } = t, [k, E] = _.useState([]), R = _.useMemo(() => o ? k.filter((G) => G.toasterId === o) : k.filter((G) => !G.toasterId), [
+  ], expand: i, closeButton: l, className: d, offset: u, mobileOffset: c, theme: m = "light", richColors: g, duration: b, style: h, visibleToasts: v = Cc, toastOptions: y, dir: w = gr(), gap: x = Nc, icons: C, containerAriaLabel: N = "Notifications" } = t, [k, R] = _.useState([]), E = _.useMemo(() => o ? k.filter((G) => G.toasterId === o) : k.filter((G) => !G.toasterId), [
     k,
     o
   ]), M = _.useMemo(() => Array.from(new Set([
     s
-  ].concat(R.filter((G) => G.position).map((G) => G.position)))), [
-    R,
+  ].concat(E.filter((G) => G.position).map((G) => G.position)))), [
+    E,
     s
   ]), [z, B] = _.useState([]), [U, j] = _.useState(!1), [K, I] = _.useState(!1), [S, T] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), A = _.useRef(null), O = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), P = _.useRef(null), Q = _.useRef(!1), ie = _.useCallback((G) => {
-    E((Z) => {
+    R((Z) => {
       var Y;
       return (Y = Z.find((X) => X.id === G.id)) != null && Y.delete || ye.dismiss(G.id), Z.filter(({ id: X }) => X !== G.id);
     });
@@ -1186,7 +1181,7 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
   return _.useEffect(() => ye.subscribe((G) => {
     if (G.dismiss) {
       requestAnimationFrame(() => {
-        E((Z) => Z.map((Y) => Y.id === G.id ? {
+        R((Z) => Z.map((Y) => Y.id === G.id ? {
           ...Y,
           delete: !0
         } : Y));
@@ -1195,7 +1190,7 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
     }
     setTimeout(() => {
       ds.flushSync(() => {
-        E((Z) => {
+        R((Z) => {
           const Y = Z.findIndex((X) => X.id === G.id);
           return Y !== -1 ? [
             ...Z.slice(0, Y),
@@ -1272,7 +1267,7 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
   }, M.map((G, Z) => {
     var Y;
     const [X, F] = G.split("-");
-    return R.length ? /* @__PURE__ */ _.createElement("ol", {
+    return E.length ? /* @__PURE__ */ _.createElement("ol", {
       key: G,
       dir: w === "auto" ? gr() : w,
       tabIndex: -1,
@@ -1307,7 +1302,7 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
         H.target instanceof HTMLElement && H.target.dataset.dismissible === "false" || I(!0);
       },
       onPointerUp: () => I(!1)
-    }, R.filter((H) => !H.position && Z === 0 || H.position === G).map((H, J) => {
+    }, E.filter((H) => !H.position && Z === 0 || H.position === G).map((H, J) => {
       var se, oe;
       return /* @__PURE__ */ _.createElement(_c, {
         key: H.id,
@@ -1330,7 +1325,7 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
         actionButtonStyle: y == null ? void 0 : y.actionButtonStyle,
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
         removeToast: ie,
-        toasts: R.filter((te) => te.position == H.position),
+        toasts: E.filter((te) => te.position == H.position),
         heights: z.filter((te) => te.position == H.position),
         setHeights: B,
         expandByDefault: i,
@@ -2166,8 +2161,8 @@ const Wd = (e, t) => {
     a.push(C);
     const N = r(y, v);
     for (let k = 0; k < N.length; ++k) {
-      const E = N[k];
-      a.push(x + E);
+      const R = N[k];
+      a.push(x + R);
     }
     l = u + (l.length > 0 ? " " + l : l);
   }
@@ -2230,9 +2225,9 @@ const Wd = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], N = () => [...C(), D, L], k = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], R = () => [D, L, l], M = () => [Xe, "full", "auto", ...R()], z = () => [Ze, "none", "subgrid", D, L], B = () => ["auto", {
+  ], N = () => [...C(), D, L], k = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], E = () => [D, L, l], M = () => [Xe, "full", "auto", ...E()], z = () => [Ze, "none", "subgrid", D, L], B = () => ["auto", {
     span: ["full", Ze, D, L]
-  }, Ze, D, L], U = () => [Ze, "auto", D, L], j = () => ["auto", "min", "max", "fr", D, L], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...R()], T = () => [Xe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...R()], A = () => [Xe, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...R()], O = () => [Xe, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...R()], P = () => [e, D, L], Q = () => [...C(), Er, kr, {
+  }, Ze, D, L], U = () => [Ze, "auto", D, L], j = () => ["auto", "min", "max", "fr", D, L], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...E()], T = () => [Xe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], A = () => [Xe, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...E()], O = () => [Xe, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...E()], P = () => [e, D, L], Q = () => [...C(), Er, kr, {
     position: [D, L]
   }], ie = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -2253,7 +2248,7 @@ const Wd = (e, t) => {
     b,
     D,
     L
-  ], oe = () => ["none", ne, D, L], te = () => ["none", ne, D, L], ue = () => [ne, D, L], fe = () => [Xe, "full", ...R()];
+  ], oe = () => ["none", ne, D, L], te = () => ["none", ne, D, L], ue = () => [ne, D, L], fe = () => [Xe, "full", ...E()];
   return {
     cacheSize: 500,
     theme: {
@@ -2405,21 +2400,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: E()
+        overscroll: R()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": E()
+        "overscroll-x": R()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": E()
+        "overscroll-y": R()
       }],
       /**
        * Position
@@ -2535,7 +2530,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Xe, "full", "auto", i, ...R()]
+        basis: [Xe, "full", "auto", i, ...E()]
       }],
       /**
        * Flex Direction
@@ -2661,21 +2656,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: R()
+        gap: E()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": R()
+        "gap-x": E()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": R()
+        "gap-y": E()
       }],
       /**
        * Justify Content
@@ -2750,77 +2745,77 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: R()
+        p: E()
       }],
       /**
        * Padding Inline
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: R()
+        px: E()
       }],
       /**
        * Padding Block
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: R()
+        py: E()
       }],
       /**
        * Padding Inline Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: R()
+        ps: E()
       }],
       /**
        * Padding Inline End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: R()
+        pe: E()
       }],
       /**
        * Padding Block Start
        * @see https://tailwindcss.com/docs/padding
        */
       pbs: [{
-        pbs: R()
+        pbs: E()
       }],
       /**
        * Padding Block End
        * @see https://tailwindcss.com/docs/padding
        */
       pbe: [{
-        pbe: R()
+        pbe: E()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: R()
+        pt: E()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: R()
+        pr: E()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: R()
+        pb: E()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: R()
+        pl: E()
       }],
       /**
        * Margin
@@ -2904,7 +2899,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": R()
+        "space-x": E()
       }],
       /**
        * Space Between X Reverse
@@ -2916,7 +2911,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": R()
+        "space-y": E()
       }],
       /**
        * Space Between Y Reverse
@@ -3134,7 +3129,7 @@ const Wd = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...R()
+          ...E()
         ]
       }],
       /**
@@ -3235,7 +3230,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: R()
+        indent: E()
       }],
       /**
        * Vertical Alignment
@@ -4227,21 +4222,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": R()
+        "border-spacing": E()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": R()
+        "border-spacing-x": E()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": R()
+        "border-spacing-y": E()
       }],
       /**
        * Table Layout
@@ -4533,154 +4528,154 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": R()
+        "scroll-m": E()
       }],
       /**
        * Scroll Margin Inline
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": R()
+        "scroll-mx": E()
       }],
       /**
        * Scroll Margin Block
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": R()
+        "scroll-my": E()
       }],
       /**
        * Scroll Margin Inline Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": R()
+        "scroll-ms": E()
       }],
       /**
        * Scroll Margin Inline End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": R()
+        "scroll-me": E()
       }],
       /**
        * Scroll Margin Block Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbs": [{
-        "scroll-mbs": R()
+        "scroll-mbs": E()
       }],
       /**
        * Scroll Margin Block End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbe": [{
-        "scroll-mbe": R()
+        "scroll-mbe": E()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": R()
+        "scroll-mt": E()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": R()
+        "scroll-mr": E()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": R()
+        "scroll-mb": E()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": R()
+        "scroll-ml": E()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": R()
+        "scroll-p": E()
       }],
       /**
        * Scroll Padding Inline
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": R()
+        "scroll-px": E()
       }],
       /**
        * Scroll Padding Block
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": R()
+        "scroll-py": E()
       }],
       /**
        * Scroll Padding Inline Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": R()
+        "scroll-ps": E()
       }],
       /**
        * Scroll Padding Inline End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": R()
+        "scroll-pe": E()
       }],
       /**
        * Scroll Padding Block Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbs": [{
-        "scroll-pbs": R()
+        "scroll-pbs": E()
       }],
       /**
        * Scroll Padding Block End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbe": [{
-        "scroll-pbe": R()
+        "scroll-pbe": E()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": R()
+        "scroll-pt": E()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": R()
+        "scroll-pr": E()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": R()
+        "scroll-pb": E()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": R()
+        "scroll-pl": E()
       }],
       /**
        * Scroll Snap Align
@@ -5113,7 +5108,7 @@ function Ws(e) {
       if (!w) return [];
       const x = Array.from(w.querySelectorAll(`[${c}]`));
       return Array.from(v.itemMap.values()).sort(
-        (k, E) => x.indexOf(k.ref.current) - x.indexOf(E.ref.current)
+        (k, R) => x.indexOf(k.ref.current) - x.indexOf(R.ref.current)
       );
     }, [v.collectionRef, v.itemMap]);
   }
@@ -5389,15 +5384,15 @@ var of = "DismissableLayer", ho = "dismissableLayer.update", rf = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...l
-    } = e, d = f.useContext(qs), [u, c] = f.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = f.useState({}), b = re(t, (E) => c(E)), h = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), w = u ? h.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, C = w >= y, N = cf((E) => {
-      const R = E.target, M = [...d.branches].some((z) => z.contains(R));
-      !C || M || (r == null || r(E), a == null || a(E), E.defaultPrevented || i == null || i());
-    }, m), k = df((E) => {
-      const R = E.target;
-      [...d.branches].some((z) => z.contains(R)) || (s == null || s(E), a == null || a(E), E.defaultPrevented || i == null || i());
+    } = e, d = f.useContext(qs), [u, c] = f.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = f.useState({}), b = re(t, (R) => c(R)), h = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), w = u ? h.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, C = w >= y, N = cf((R) => {
+      const E = R.target, M = [...d.branches].some((z) => z.contains(E));
+      !C || M || (r == null || r(R), a == null || a(R), R.defaultPrevented || i == null || i());
+    }, m), k = df((R) => {
+      const E = R.target;
+      [...d.branches].some((z) => z.contains(E)) || (s == null || s(R), a == null || a(R), R.defaultPrevented || i == null || i());
     }, m);
-    return nf((E) => {
-      w === d.layers.size - 1 && (o == null || o(E), !E.defaultPrevented && i && (E.preventDefault(), i()));
+    return nf((R) => {
+      w === d.layers.size - 1 && (o == null || o(R), !R.defaultPrevented && i && (R.preventDefault(), i()));
     }, m), f.useEffect(() => {
       if (u)
         return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (Pr = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(u)), d.layers.add(u), Ar(), () => {
@@ -5406,8 +5401,8 @@ var of = "DismissableLayer", ho = "dismissableLayer.update", rf = "dismissableLa
     }, [u, m, n, d]), f.useEffect(() => () => {
       u && (d.layers.delete(u), d.layersWithOutsidePointerEventsDisabled.delete(u), Ar());
     }, [u, d]), f.useEffect(() => {
-      const E = () => g({});
-      return document.addEventListener(ho, E), () => document.removeEventListener(ho, E);
+      const R = () => g({});
+      return document.addEventListener(ho, R), () => document.removeEventListener(ho, R);
     }, []), /* @__PURE__ */ p(
       W.div,
       {
@@ -5790,12 +5785,12 @@ var ea = Tf(), Qn = function() {
     onScrollCapture: Qn,
     onWheelCapture: Qn,
     onTouchMoveCapture: Qn
-  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, l = e.className, d = e.removeScrollBar, u = e.enabled, c = e.shards, m = e.sideCar, g = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = Js(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, k = Ef([n, t]), E = De(De({}, C), r);
+  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, l = e.className, d = e.removeScrollBar, u = e.enabled, c = e.shards, m = e.sideCar, g = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = Js(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, k = Ef([n, t]), R = De(De({}, C), r);
   return f.createElement(
     f.Fragment,
     null,
     u && f.createElement(N, { sideCar: ea, removeScrollBar: d, shards: c, noRelative: g, noIsolation: b, inert: h, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
-    a ? f.cloneElement(f.Children.only(i), De(De({}, E), { ref: k })) : f.createElement(w, De({}, E, { className: l, ref: k }), i)
+    a ? f.cloneElement(f.Children.only(i), De(De({}, R), { ref: k })) : f.createElement(w, De({}, R, { className: l, ref: k }), i)
   );
 });
 Rn.defaultProps = {
@@ -6041,16 +6036,16 @@ function Qf(e) {
   var i = f.useCallback(function(h, v) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !a.current.allowPinchZoom;
-    var y = on(h), w = n.current, x = "deltaX" in h ? h.deltaX : w[0] - y[0], C = "deltaY" in h ? h.deltaY : w[1] - y[1], N, k = h.target, E = Math.abs(x) > Math.abs(C) ? "h" : "v";
-    if ("touches" in h && E === "h" && k.type === "range")
+    var y = on(h), w = n.current, x = "deltaX" in h ? h.deltaX : w[0] - y[0], C = "deltaY" in h ? h.deltaY : w[1] - y[1], N, k = h.target, R = Math.abs(x) > Math.abs(C) ? "h" : "v";
+    if ("touches" in h && R === "h" && k.type === "range")
       return !1;
-    var R = window.getSelection(), M = R && R.anchorNode, z = M ? M === k || M.contains(k) : !1;
+    var E = window.getSelection(), M = E && E.anchorNode, z = M ? M === k || M.contains(k) : !1;
     if (z)
       return !1;
-    var B = $r(E, k);
+    var B = $r(R, k);
     if (!B)
       return !0;
-    if (B ? N = E : (N = E === "v" ? "h" : "v", B = $r(E, k)), !B)
+    if (B ? N = R : (N = R === "v" ? "h" : "v", B = $r(R, k)), !B)
       return !1;
     if (!o.current && "changedTouches" in h && (x || C) && (o.current = N), !N)
       return !0;
@@ -6501,8 +6496,8 @@ var ba = "CheckboxBubbleInput", ya = f.forwardRef(
         "checked"
       ).set, k = !r.current;
       if (h !== s && N) {
-        const E = new Event("click", { bubbles: k });
-        w.indeterminate = Qe(s), N.call(w, Qe(s) ? !1 : s), w.dispatchEvent(E);
+        const R = new Event("click", { bubbles: k });
+        w.indeterminate = Qe(s), N.call(w, Qe(s) ? !1 : s), w.dispatchEvent(R);
       }
     }, [m, h, s, r]);
     const y = f.useRef(Qe(s) ? !1 : s);
@@ -6829,9 +6824,9 @@ const _p = 50, Ip = async (e, t, n) => {
       x: n,
       y: o
     }, g = jo(r), b = Uo(g), h = await a.getDimensions(d), v = g === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", C = s.reference[b] + s.reference[g] - m[g] - s.floating[b], N = m[g] - s.reference[g], k = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
-    let E = k ? k[x] : 0;
-    (!E || !await (a.isElement == null ? void 0 : a.isElement(k))) && (E = i.floating[x] || s.floating[b]);
-    const R = C / 2 - N / 2, M = E / 2 - h[b] / 2 - 1, z = et(c[y], M), B = et(c[w], M), U = z, j = E - h[b] - B, K = E / 2 - h[b] / 2 + R, I = vo(U, K, j), S = !l.arrow && At(r) != null && K !== I && s.reference[b] / 2 - (K < U ? z : B) - h[b] / 2 < 0, T = S ? K < U ? K - U : K - j : 0;
+    let R = k ? k[x] : 0;
+    (!R || !await (a.isElement == null ? void 0 : a.isElement(k))) && (R = i.floating[x] || s.floating[b]);
+    const E = C / 2 - N / 2, M = R / 2 - h[b] / 2 - 1, z = et(c[y], M), B = et(c[w], M), U = z, j = R - h[b] - B, K = R / 2 - h[b] / 2 + E, I = vo(U, K, j), S = !l.arrow && At(r) != null && K !== I && s.reference[b] / 2 - (K < U ? z : B) - h[b] / 2 < 0, T = S ? K < U ? K - U : K - j : 0;
     return {
       [g]: m[g] + T,
       data: {
@@ -6870,18 +6865,18 @@ const _p = 50, Ip = async (e, t, n) => {
         return {};
       const y = Ge(r), w = ze(i), x = Ge(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), N = m || (x || !h ? [hn(i)] : kp(i)), k = b !== "none";
       !m && k && N.push(...Tp(i, h, b, C));
-      const E = [i, ...N], R = await l.detectOverflow(t, v), M = [];
+      const R = [i, ...N], E = await l.detectOverflow(t, v), M = [];
       let z = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && M.push(R[y]), c) {
+      if (u && M.push(E[y]), c) {
         const K = Cp(r, a, C);
-        M.push(R[K[0]], R[K[1]]);
+        M.push(E[K[0]], E[K[1]]);
       }
       if (z = [...z, {
         placement: r,
         overflows: M
       }], !M.every((K) => K <= 0)) {
         var B, U;
-        const K = (((B = s.flip) == null ? void 0 : B.index) || 0) + 1, I = E[K];
+        const K = (((B = s.flip) == null ? void 0 : B.index) || 0) + 1, I = R[K];
         if (I && (!(c === "alignment" ? w !== ze(I) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         z.every((A) => ze(A.placement) === w ? A.overflows[0] > 0 : !0)))
@@ -7150,15 +7145,15 @@ const zp = function(e) {
       let v, y;
       c === "top" || c === "bottom" ? (v = c, y = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = c, v = m === "end" ? "top" : "bottom");
       const w = h - u.top - u.bottom, x = b - u.left - u.right, C = et(h - u[v], w), N = et(b - u[y], x), k = !t.middlewareData.shift;
-      let E = C, R = N;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = x), (o = t.middlewareData.shift) != null && o.enabled.y && (E = w), k && !m) {
+      let R = C, E = N;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (E = x), (o = t.middlewareData.shift) != null && o.enabled.y && (R = w), k && !m) {
         const z = Ce(u.left, 0), B = Ce(u.right, 0), U = Ce(u.top, 0), j = Ce(u.bottom, 0);
-        g ? R = b - 2 * (z !== 0 || B !== 0 ? z + B : Ce(u.left, u.right)) : E = h - 2 * (U !== 0 || j !== 0 ? U + j : Ce(u.top, u.bottom));
+        g ? E = b - 2 * (z !== 0 || B !== 0 ? z + B : Ce(u.left, u.right)) : R = h - 2 * (U !== 0 || j !== 0 ? U + j : Ce(u.top, u.bottom));
       }
       await l({
         ...t,
-        availableWidth: R,
-        availableHeight: E
+        availableWidth: E,
+        availableHeight: R
       });
       const M = await a.getDimensions(i.floating);
       return b !== M.width || h !== M.height ? {
@@ -7598,15 +7593,15 @@ function sm(e, t) {
     };
     let C = !0;
     function N(k) {
-      const E = k[0].intersectionRatio;
-      if (E !== l) {
+      const R = k[0].intersectionRatio;
+      if (R !== l) {
         if (!C)
           return a();
-        E ? a(!1, E) : o = setTimeout(() => {
+        R ? a(!1, R) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      E === 1 && !Aa(d, e.getBoundingClientRect()) && a(), C = !1;
+      R === 1 && !Aa(d, e.getBoundingClientRect()) && a(), C = !1;
     }
     try {
       n = new IntersectionObserver(N, {
@@ -7741,16 +7736,16 @@ function gm(e) {
   const [b, h] = f.useState(null), [v, y] = f.useState(null), w = f.useCallback((A) => {
     A !== k.current && (k.current = A, h(A));
   }, []), x = f.useCallback((A) => {
-    A !== E.current && (E.current = A, y(A));
-  }, []), C = s || b, N = a || v, k = f.useRef(null), E = f.useRef(null), R = f.useRef(u), M = l != null, z = ao(l), B = ao(r), U = ao(d), j = f.useCallback(() => {
-    if (!k.current || !E.current)
+    A !== R.current && (R.current = A, y(A));
+  }, []), C = s || b, N = a || v, k = f.useRef(null), R = f.useRef(null), E = f.useRef(u), M = l != null, z = ao(l), B = ao(r), U = ao(d), j = f.useCallback(() => {
+    if (!k.current || !R.current)
       return;
     const A = {
       placement: t,
       strategy: n,
       middleware: m
     };
-    B.current && (A.platform = B.current), pm(k.current, E.current, A).then((O) => {
+    B.current && (A.platform = B.current), pm(k.current, R.current, A).then((O) => {
       const P = {
         ...O,
         // The floating element's position may be recomputed while it's closed
@@ -7759,13 +7754,13 @@ function gm(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: U.current !== !1
       };
-      K.current && !vn(R.current, P) && (R.current = P, Sn.flushSync(() => {
+      K.current && !vn(E.current, P) && (E.current = P, Sn.flushSync(() => {
         c(P);
       }));
     });
   }, [m, t, n, B, U]);
   dn(() => {
-    d === !1 && R.current.isPositioned && (R.current.isPositioned = !1, c((A) => ({
+    d === !1 && E.current.isPositioned && (E.current.isPositioned = !1, c((A) => ({
       ...A,
       isPositioned: !1
     })));
@@ -7774,7 +7769,7 @@ function gm(e) {
   dn(() => (K.current = !0, () => {
     K.current = !1;
   }), []), dn(() => {
-    if (C && (k.current = C), N && (E.current = N), C && N) {
+    if (C && (k.current = C), N && (R.current = N), C && N) {
       if (z.current)
         return z.current(C, N, j);
       j();
@@ -7782,7 +7777,7 @@ function gm(e) {
   }, [C, N, j, z, M]);
   const I = f.useMemo(() => ({
     reference: k,
-    floating: E,
+    floating: R,
     setReference: w,
     setFloating: x
   }), [w, x]), S = f.useMemo(() => ({
@@ -7933,7 +7928,7 @@ var Xo = "PopperContent", [Tm, Pm] = Ma(Xo), $a = f.forwardRef(
       updatePositionStrategy: g = "optimized",
       onPlaced: b,
       ...h
-    } = e, v = Oa(Xo, n), [y, w] = f.useState(null), x = re(t, (ue) => w(ue)), [C, N] = f.useState(null), k = Tn(C), E = (k == null ? void 0 : k.width) ?? 0, R = (k == null ? void 0 : k.height) ?? 0, M = o + (s !== "center" ? "-" + s : ""), z = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, B = Array.isArray(d) ? d : [d], U = B.length > 0, j = {
+    } = e, v = Oa(Xo, n), [y, w] = f.useState(null), x = re(t, (ue) => w(ue)), [C, N] = f.useState(null), k = Tn(C), R = (k == null ? void 0 : k.width) ?? 0, E = (k == null ? void 0 : k.height) ?? 0, M = o + (s !== "center" ? "-" + s : ""), z = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, B = Array.isArray(d) ? d : [d], U = B.length > 0, j = {
       padding: z,
       boundary: B.filter(_m),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -7949,7 +7944,7 @@ var Xo = "PopperContent", [Tm, Pm] = Ma(Xo), $a = f.forwardRef(
         reference: v.anchor
       },
       middleware: [
-        bm({ mainAxis: r + R, alignmentAxis: a }),
+        bm({ mainAxis: r + E, alignmentAxis: a }),
         l && ym({
           mainAxis: !0,
           crossAxis: !1,
@@ -7965,7 +7960,7 @@ var Xo = "PopperContent", [Tm, Pm] = Ma(Xo), $a = f.forwardRef(
           }
         }),
         C && km({ element: C, padding: i }),
-        Im({ arrowWidth: E, arrowHeight: R }),
+        Im({ arrowWidth: R, arrowHeight: E }),
         m && Cm({ strategy: "referenceHidden", ...j })
       ]
     }), [O, P] = Ha(S), Q = ve(b);
@@ -8122,11 +8117,11 @@ var $m = f.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: l,
     caller: jt
-  }), [y, w] = f.useState(!1), x = ve(d), C = Ga(n), N = f.useRef(!1), [k, E] = f.useState(0);
+  }), [y, w] = f.useState(!1), x = ve(d), C = Ga(n), N = f.useRef(!1), [k, R] = f.useState(0);
   return f.useEffect(() => {
-    const R = m.current;
-    if (R)
-      return R.addEventListener(io, x), () => R.removeEventListener(io, x);
+    const E = m.current;
+    if (E)
+      return E.addEventListener(io, x), () => E.removeEventListener(io, x);
   }, [x]), /* @__PURE__ */ p(
     Dm,
     {
@@ -8136,16 +8131,16 @@ var $m = f.forwardRef((e, t) => {
       loop: r,
       currentTabStopId: h,
       onItemFocus: f.useCallback(
-        (R) => v(R),
+        (E) => v(E),
         [v]
       ),
       onItemShiftTab: f.useCallback(() => w(!0), []),
       onFocusableItemAdd: f.useCallback(
-        () => E((R) => R + 1),
+        () => R((E) => E + 1),
         []
       ),
       onFocusableItemRemove: f.useCallback(
-        () => E((R) => R - 1),
+        () => R((E) => E - 1),
         []
       ),
       children: /* @__PURE__ */ p(
@@ -8159,11 +8154,11 @@ var $m = f.forwardRef((e, t) => {
           onMouseDown: q(e.onMouseDown, () => {
             N.current = !0;
           }),
-          onFocus: q(e.onFocus, (R) => {
+          onFocus: q(e.onFocus, (E) => {
             const M = !N.current;
-            if (R.target === R.currentTarget && M && !y) {
+            if (E.target === E.currentTarget && M && !y) {
               const z = new CustomEvent(io, Mm);
-              if (R.currentTarget.dispatchEvent(z), !z.defaultPrevented) {
+              if (E.currentTarget.dispatchEvent(z), !z.defaultPrevented) {
                 const B = C().filter((S) => S.focusable), U = B.find((S) => S.active), j = B.find((S) => S.id === h), I = [U, j, ...B].filter(
                   Boolean
                 ).map((S) => S.ref.current);
@@ -8580,7 +8575,7 @@ var er = "ScrollArea", [gi] = we(er), [fh, Re] = gi(er), vi = f.forwardRef(
       dir: r,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = f.useState(null), [d, u] = f.useState(null), [c, m] = f.useState(null), [g, b] = f.useState(null), [h, v] = f.useState(null), [y, w] = f.useState(0), [x, C] = f.useState(0), [N, k] = f.useState(!1), [E, R] = f.useState(!1), M = re(t, (B) => l(B)), z = Wt(r);
+    } = e, [i, l] = f.useState(null), [d, u] = f.useState(null), [c, m] = f.useState(null), [g, b] = f.useState(null), [h, v] = f.useState(null), [y, w] = f.useState(0), [x, C] = f.useState(0), [N, k] = f.useState(!1), [R, E] = f.useState(!1), M = re(t, (B) => l(B)), z = Wt(r);
     return /* @__PURE__ */ p(
       fh,
       {
@@ -8599,8 +8594,8 @@ var er = "ScrollArea", [gi] = we(er), [fh, Re] = gi(er), vi = f.forwardRef(
         onScrollbarXEnabledChange: k,
         scrollbarY: h,
         onScrollbarYChange: v,
-        scrollbarYEnabled: E,
-        onScrollbarYEnabledChange: R,
+        scrollbarYEnabled: R,
+        onScrollbarYEnabledChange: E,
         onCornerWidthChange: w,
         onCornerHeightChange: C,
         children: /* @__PURE__ */ p(
@@ -8902,8 +8897,8 @@ var ph = f.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: c,
     ...m
-  } = e, g = Re(He, n), [b, h] = f.useState(null), v = re(t, (M) => h(M)), y = f.useRef(null), w = f.useRef(""), x = g.viewport, C = o.content - o.viewport, N = ve(u), k = ve(l), E = $n(c, 10);
-  function R(M) {
+  } = e, g = Re(He, n), [b, h] = f.useState(null), v = re(t, (M) => h(M)), y = f.useRef(null), w = f.useRef(""), x = g.viewport, C = o.content - o.viewport, N = ve(u), k = ve(l), R = $n(c, 10);
+  function E(M) {
     if (y.current) {
       const z = M.clientX - y.current.left, B = M.clientY - y.current.top;
       d({ x: z, y: B });
@@ -8915,7 +8910,7 @@ var ph = f.forwardRef((e, t) => {
       (b == null ? void 0 : b.contains(B)) && N(z, C);
     };
     return document.addEventListener("wheel", M, { passive: !1 }), () => document.removeEventListener("wheel", M, { passive: !1 });
-  }, [x, b, C, N]), f.useEffect(k, [o, k]), Tt(b, E), Tt(g.content, E), /* @__PURE__ */ p(
+  }, [x, b, C, N]), f.useEffect(k, [o, k]), Tt(b, R), Tt(g.content, R), /* @__PURE__ */ p(
     vh,
     {
       scope: n,
@@ -8932,9 +8927,9 @@ var ph = f.forwardRef((e, t) => {
           ref: v,
           style: { position: "absolute", ...m.style },
           onPointerDown: q(e.onPointerDown, (M) => {
-            M.button === 0 && (M.target.setPointerCapture(M.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), R(M));
+            M.button === 0 && (M.target.setPointerCapture(M.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), E(M));
           }),
-          onPointerMove: q(e.onPointerMove, R),
+          onPointerMove: q(e.onPointerMove, E),
           onPointerUp: q(e.onPointerUp, (M) => {
             const z = M.target;
             z.hasPointerCapture(M.pointerId) && z.releasePointerCapture(M.pointerId), document.body.style.webkitUserSelect = w.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
@@ -9098,7 +9093,7 @@ var Sh = vi, Ch = yi, kh = Ei, Eh = [" ", "Enter", "ArrowUp", "ArrowDown"], Rh =
     disabled: m,
     required: g,
     form: b
-  } = e, h = Hn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [C, N] = f.useState(!1), k = Wt(d), [E, R] = Ue({
+  } = e, h = Hn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [C, N] = f.useState(!1), k = Wt(d), [R, E] = Ue({
     prop: o,
     defaultProp: r ?? !1,
     onChange: s,
@@ -9123,8 +9118,8 @@ var Sh = vi, Ch = yi, kh = Ei, Eh = [" ", "Enter", "ArrowUp", "ArrowDown"], Rh =
       contentId: ht(),
       value: M,
       onValueChange: z,
-      open: E,
-      onOpenChange: R,
+      open: R,
+      onOpenChange: E,
       dir: k,
       triggerPointerDownPosRef: B,
       disabled: m,
@@ -9277,7 +9272,7 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
       avoidCollisions: v,
       //
       ...y
-    } = e, w = ot(pt, n), [x, C] = f.useState(null), [N, k] = f.useState(null), E = re(t, (F) => C(F)), [R, M] = f.useState(null), [z, B] = f.useState(
+    } = e, w = ot(pt, n), [x, C] = f.useState(null), [N, k] = f.useState(null), R = re(t, (F) => C(F)), [E, M] = f.useState(null), [z, B] = f.useState(
       null
     ), U = Bn(n), [j, K] = f.useState(!1), I = f.useRef(!1);
     f.useEffect(() => {
@@ -9291,8 +9286,8 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
       },
       [U, N]
     ), T = f.useCallback(
-      () => S([R, x]),
-      [S, R, x]
+      () => S([E, x]),
+      [S, E, x]
     );
     f.useEffect(() => {
       j && T();
@@ -9355,7 +9350,7 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
         viewport: N,
         onViewportChange: k,
         itemRefCallback: ie,
-        selectedItem: R,
+        selectedItem: E,
         onItemLeave: G,
         itemTextRefCallback: Z,
         focusSelectedItem: T,
@@ -9395,7 +9390,7 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
                     ...y,
                     ...X,
                     onPlaced: () => K(!0),
-                    ref: E,
+                    ref: R,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
@@ -9427,11 +9422,11 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
 );
 $i.displayName = Mh;
 var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = ot(pt, n), a = rt(pt, n), [i, l] = f.useState(null), [d, u] = f.useState(null), c = re(t, (E) => u(E)), m = Bn(n), g = f.useRef(!1), b = f.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = f.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = ot(pt, n), a = rt(pt, n), [i, l] = f.useState(null), [d, u] = f.useState(null), c = re(t, (R) => u(R)), m = Bn(n), g = f.useRef(!1), b = f.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = f.useCallback(() => {
     if (s.trigger && s.valueNode && i && d && h && v && y) {
-      const E = s.trigger.getBoundingClientRect(), R = d.getBoundingClientRect(), M = s.valueNode.getBoundingClientRect(), z = y.getBoundingClientRect();
+      const R = s.trigger.getBoundingClientRect(), E = d.getBoundingClientRect(), M = s.valueNode.getBoundingClientRect(), z = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const oe = z.left - R.left, te = M.left - oe, ue = E.left - te, fe = E.width + ue, st = Math.max(fe, R.width), qe = window.innerWidth - Ae, Ne = xo(te, [
+        const oe = z.left - E.left, te = M.left - oe, ue = R.left - te, fe = R.width + ue, st = Math.max(fe, E.width), qe = window.innerWidth - Ae, Ne = xo(te, [
           Ae,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -9442,13 +9437,13 @@ var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.left = Ne + "px";
       } else {
-        const oe = R.right - z.right, te = window.innerWidth - M.right - oe, ue = window.innerWidth - E.right - te, fe = E.width + ue, st = Math.max(fe, R.width), qe = window.innerWidth - Ae, Ne = xo(te, [
+        const oe = E.right - z.right, te = window.innerWidth - M.right - oe, ue = window.innerWidth - R.right - te, fe = R.width + ue, st = Math.max(fe, E.width), qe = window.innerWidth - Ae, Ne = xo(te, [
           Ae,
           Math.max(Ae, qe - st)
         ]);
         i.style.minWidth = fe + "px", i.style.right = Ne + "px";
       }
-      const B = m(), U = window.innerHeight - Ae * 2, j = h.scrollHeight, K = window.getComputedStyle(d), I = parseInt(K.borderTopWidth, 10), S = parseInt(K.paddingTop, 10), T = parseInt(K.borderBottomWidth, 10), A = parseInt(K.paddingBottom, 10), O = I + S + j + A + T, P = Math.min(v.offsetHeight * 5, O), Q = window.getComputedStyle(h), ie = parseInt(Q.paddingTop, 10), G = parseInt(Q.paddingBottom, 10), Z = E.top + E.height / 2 - Ae, Y = U - Z, X = v.offsetHeight / 2, F = v.offsetTop + X, H = I + S + F, J = O - H;
+      const B = m(), U = window.innerHeight - Ae * 2, j = h.scrollHeight, K = window.getComputedStyle(d), I = parseInt(K.borderTopWidth, 10), S = parseInt(K.paddingTop, 10), T = parseInt(K.borderBottomWidth, 10), A = parseInt(K.paddingBottom, 10), O = I + S + j + A + T, P = Math.min(v.offsetHeight * 5, O), Q = window.getComputedStyle(h), ie = parseInt(Q.paddingTop, 10), G = parseInt(Q.paddingBottom, 10), Z = R.top + R.height / 2 - Ae, Y = U - Z, X = v.offsetHeight / 2, F = v.offsetTop + X, H = I + S + F, J = O - H;
       if (H <= Z) {
         const oe = B.length > 0 && v === B[B.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -9488,8 +9483,8 @@ var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
     d && N(window.getComputedStyle(d).zIndex);
   }, [d]);
   const k = f.useCallback(
-    (E) => {
-      E && b.current === !0 && (x(), w == null || w(), b.current = !1);
+    (R) => {
+      R && b.current === !0 && (x(), w == null || w(), b.current = !1);
     },
     [x, w]
   );
@@ -10207,8 +10202,8 @@ var Ht = "Tooltip", [kg, Gt] = Un(Ht), yl = (e) => {
   } = e, l = sr(Ht, e.__scopeTooltip), d = jn(t), [u, c] = f.useState(null), m = ht(), g = f.useRef(0), b = a ?? l.disableHoverableContent, h = i ?? l.delayDuration, v = f.useRef(!1), [y, w] = Ue({
     prop: o,
     defaultProp: r ?? !1,
-    onChange: (E) => {
-      E ? (l.onOpen(), document.dispatchEvent(new CustomEvent(No))) : l.onClose(), s == null || s(E);
+    onChange: (R) => {
+      R ? (l.onOpen(), document.dispatchEvent(new CustomEvent(No))) : l.onClose(), s == null || s(R);
     },
     caller: Ht
   }), x = f.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), C = f.useCallback(() => {
@@ -11749,8 +11744,8 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
   ), { tokens: r, errors: s };
 }, yb = (e) => typeof e == "object" && e !== null && e.encrypted === !0 && Array.isArray(e.data), $b = ({
   instanceId: e,
-  apiBase: t,
-  hostBase: n,
+  queryApiBase: t,
+  apiBase: n,
   appId: o,
   children: r,
   customerId: s,
@@ -11766,16 +11761,16 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
           console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), d([]), y(!0);
           return;
         }
-        if (!t || !o) {
+        if (!n || !o) {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), d([]), y(!0);
           return;
         }
-        const T = await fetch(Dt(t, `/instances/${o}/${S}`));
+        const T = await fetch(Dt(n, `/instances/${o}/${S}`));
         if (!T.ok) {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${S}`), d([]), y(!0);
           return;
         }
-        const A = await T.json(), O = ms(typeof window < "u" ? window.location.search : ""), P = await zc(A, O), { tokens: Q, errors: ie } = await bb(P, t, o, O);
+        const A = await T.json(), O = ms(typeof window < "u" ? window.location.search : ""), P = await zc(A, O), { tokens: Q, errors: ie } = await bb(P, n, o, O);
         d(P), c(O), g(new Map(Q)), h(ie);
       } catch (T) {
         console.error("Failed to load extensions:", T);
@@ -11783,14 +11778,14 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
         y(!0);
       }
     })();
-  }, [e, o, t]), ce(() => {
-    if (!t || !o || l.length === 0)
+  }, [e, o, n]), ce(() => {
+    if (!n || !o || l.length === 0)
       return;
     const S = setInterval(async () => {
       const T = [];
       await Promise.all(
         l.filter((A) => A.manifest.permissions.includes("data:fetch")).map(async (A) => {
-          const O = u.find((Z) => Z.extensionId === A.id), P = O == null ? void 0 : O.token, Q = O == null ? void 0 : O.mode, ie = Dt(t, "/proxy-token"), G = await fetch(ie, {
+          const O = u.find((Z) => Z.extensionId === A.id), P = O == null ? void 0 : O.token, Q = O == null ? void 0 : O.mode, ie = Dt(n, "/proxy-token"), G = await fetch(ie, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
@@ -11814,7 +11809,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
       });
     }, 3300 * 1e3);
     return () => clearInterval(S);
-  }, [l, u, t, o]), ce(() => {
+  }, [l, u, n, o]), ce(() => {
     if (m.size === 0)
       return;
     const I = (S) => {
@@ -11832,7 +11827,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
     };
     return window.addEventListener("message", I), () => window.removeEventListener("message", I);
   }, [l, u, m]);
-  const E = _e((I, S) => {
+  const R = _e((I, S) => {
     const T = uo();
     for (const [A, O] of T)
       O.manifest.permissions.includes("identity:subscribe") && ct(A, {
@@ -11840,7 +11835,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
         eventType: I,
         payload: { type: I, state: S, timestamp: (/* @__PURE__ */ new Date()).toISOString() }
       });
-  }, []), R = _e(async (I) => {
+  }, []), E = _e(async (I) => {
     const S = uo(), T = [];
     for (const [O, P] of S) {
       if (!P.manifest.permissions.includes("identity:extend")) continue;
@@ -11864,9 +11859,9 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
     const A = await Promise.all(T);
     return Object.assign({}, ...A);
   }, []), M = _e(async (I) => {
-    if (!t || !o || !e)
-      return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!t, appId: !!o, instanceId: !!e }), null;
-    const S = Dt(t, `/instances/${o}/${e}/identity`);
+    if (!n || !o || !e)
+      return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!n, appId: !!o, instanceId: !!e }), null;
+    const S = Dt(n, `/instances/${o}/${e}/identity`);
     console.log("[embeddables] Calling identity sign:", { url: S, claims: Object.keys(I) });
     try {
       const T = await fetch(S, {
@@ -11881,7 +11876,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
     } catch (T) {
       return console.warn("[embeddables] Identity sign request failed:", T), null;
     }
-  }, [t, o, e]), z = _e((I) => {
+  }, [n, o, e]), z = _e((I) => {
     const S = window.zE;
     S && S("messenger", "loginUser", async (T) => {
       T(I);
@@ -11893,7 +11888,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
     console.log("[embeddables] Running sign lifecycle for user:", I.id);
     const { email: S, name: T } = I, A = { external_id: String(I.id) };
     (async () => {
-      const O = await R({ ...A, email: S, name: T });
+      const O = await E({ ...A, email: S, name: T });
       console.log("[embeddables] Enriched claims:", O);
       const P = await M({
         ...A,
@@ -11903,7 +11898,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
       });
       console.log("[embeddables] Sign result:", { hasToken: !!P }), P && z(P);
     })();
-  }, [R, M, z]), j = _e((I) => {
+  }, [E, M, z]), j = _e((I) => {
     if (k.length > 0 && N.current.size < k.length) {
       console.log(`[embeddables] Deferring sign lifecycle — waiting for identity:extend extensions: ${N.current.size}/${k.length} ready`), C.current = I;
       return;
@@ -11928,14 +11923,14 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
       };
       x((S) => {
         var T, A;
-        return S.authenticated && ((T = S.user) == null ? void 0 : T.id) === ((A = I.user) == null ? void 0 : A.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), j(I.user), E("identity.login", I), I);
+        return S.authenticated && ((T = S.user) == null ? void 0 : T.id) === ((A = I.user) == null ? void 0 : A.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), j(I.user), R("identity.login", I), I);
       });
     } else {
       if (s === void 0)
         return;
-      x((I) => I.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), B(), E("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : I);
+      x((I) => I.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), B(), R("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : I);
     }
-  }, [v, s, a, i, k, j, E, B]), ce(() => {
+  }, [v, s, a, i, k, j, R, B]), ce(() => {
     if (!v || s !== void 0)
       return;
     const I = () => {
@@ -11953,18 +11948,18 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
           };
           x((P) => {
             var Q, ie;
-            return P.authenticated && ((Q = P.user) == null ? void 0 : Q.id) === ((ie = O.user) == null ? void 0 : ie.id) ? P : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), j(O.user), E("identity.login", O), O);
+            return P.authenticated && ((Q = P.user) == null ? void 0 : Q.id) === ((ie = O.user) == null ? void 0 : ie.id) ? P : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), j(O.user), R("identity.login", O), O);
           });
         } catch {
           console.warn("[embeddables] Failed to parse #stackable-identity JSON");
         }
       else
-        x((A) => A.authenticated ? (B(), E("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : A);
+        x((A) => A.authenticated ? (B(), R("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : A);
     };
     I();
     const S = new MutationObserver(I);
     return S.observe(document.head, { childList: !0, subtree: !0 }), S.observe(document.body, { childList: !0, subtree: !0 }), () => S.disconnect();
-  }, [v, s, j, E, B]), ce(() => {
+  }, [v, s, j, R, B]), ce(() => {
     if (!w.authenticated)
       return;
     const I = (S) => {
@@ -12008,7 +12003,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
   const K = fn(
     () => ({
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
-      "data.query": async (I) => Al(I, n),
+      "data.query": async (I) => Al(I, t),
       "data.fetch": async (I, S) => {
         const T = m.get(I);
         if (!T)
@@ -12024,7 +12019,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
           method: S.method ?? "GET",
           headers: S.headers ?? {},
           body: S.body ?? null
-        }, O = Dt(t, "/proxy"), P = await fetch(O, {
+        }, O = Dt(n, "/proxy"), P = await fetch(O, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -12090,7 +12085,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
       }),
       "identity.read": async () => w
     }),
-    [t, o, n, s, a, i, m, w]
+    [n, o, t, s, a, i, m, w]
   );
   return v ? /* @__PURE__ */ $(Fe, { children: [
     /* @__PURE__ */ p(tc, { extensions: l, capabilityHandlers: K, components: ub(), children: r }),
@@ -12210,7 +12205,7 @@ const kb = ({ ...e }) => {
       }
     })();
   }, [e, t]), { customer: n, loading: r, error: a };
-}, Pb = ({ customerId: e, customerEmail: t, hostBase: n, children: o }) => {
+}, Pb = ({ customerId: e, customerEmail: t, queryApiBase: n, children: o }) => {
   var l, d;
   const { customer: r, loading: s, error: a } = Tb(e, n);
   if (s)
@@ -12311,7 +12306,8 @@ const kb = ({ ...e }) => {
 }, lo = 25, co = 75, Hb = ({
   header: e,
   buttons: t,
-  hostBase: n,
+  queryApiBase: n,
+  // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
   customerId: o = "",
   customerEmail: r = "",
   primaryPercent: s = 50
@@ -12319,62 +12315,62 @@ const kb = ({ ...e }) => {
   const a = Math.max(
     lo,
     Math.min(co, s)
-  ), [i, l] = le("account"), [d, u] = le(a), [c, m] = le(!1), [g, b] = le(!1), [h, v] = le(!1), y = We(null), w = _e(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+  ), [i, l] = le("extensions"), [d, u] = le(a), [c, m] = le(!1), [g, b] = le("loading"), [h, v] = le(!1), y = We(null), w = _e(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
-    conversationList: { targetElement: "#widget_conversations" },
-    messageLog: { targetElement: "#widget_messages" }
+    messageLog: { targetElement: "#widget_messages" },
+    conversationList: { targetElement: "#widget_conversations" }
   }), window.zE("messenger:set", "customization", {
     common: { hideHeader: !1 },
-    conversationList: { hideHeader: !0, hideNewConversationButton: !0 },
-    messageLog: { hideHeader: !0 }
+    messageLog: { hideHeader: !0 },
+    conversationList: { hideHeader: !0, hideNewConversationButton: !0 }
   }), !0), []);
   ce(() => {
     if (w()) {
-      b(!0);
+      b("ready");
       return;
     }
     const k = setInterval(() => {
-      w() && (b(!0), clearInterval(k));
-    }, 100), E = setTimeout(() => {
-      clearInterval(k), console.warn("Zendesk widget failed to load after 10 seconds");
+      w() && (b("ready"), clearInterval(k));
+    }, 100), R = setTimeout(() => {
+      clearInterval(k), b((E) => E === "ready" ? E : (console.warn("Zendesk widget failed to load after 10 seconds"), "error"));
     }, 1e4);
     return () => {
-      clearInterval(k), clearTimeout(E);
+      clearInterval(k), clearTimeout(R);
     };
   }, [w]);
   const x = _e((k) => {
-    const { detail: E } = k;
-    !window.zE || !(E != null && E.payload) || window.zE("messenger:ui", "newConversation", E.payload);
+    const { detail: R } = k;
+    !window.zE || !(R != null && R.payload) || window.zE("messenger:ui", "newConversation", R.payload);
   }, []);
   ce(() => (window.addEventListener("ext-action-newConversation", x), () => {
     window.removeEventListener("ext-action-newConversation", x);
   }), [x]), ce(() => {
     if (!h) return;
-    const k = (R) => {
+    const k = (E) => {
       if (!y.current) return;
       const M = y.current.getBoundingClientRect();
       if ((c ? M.width : M.height) === 0) return;
-      const B = c ? (R.clientX - M.left) / M.width * 100 : (R.clientY - M.top) / M.height * 100, U = Math.max(
+      const B = c ? (E.clientX - M.left) / M.width * 100 : (E.clientY - M.top) / M.height * 100, U = Math.max(
         lo,
         Math.min(co, B)
       );
       u(U);
-    }, E = () => {
+    }, R = () => {
       v(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-    return document.body.style.cursor = c ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", k), window.addEventListener("mouseup", E), window.addEventListener("blur", E), () => {
-      window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", E), window.removeEventListener("blur", E), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return document.body.style.cursor = c ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", k), window.addEventListener("mouseup", R), window.addEventListener("blur", R), () => {
+      window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", R), window.removeEventListener("blur", R), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
   }, [h, c]), ce(() => {
     if (!y.current) return;
-    const k = y.current, E = () => {
+    const k = y.current, R = () => {
       const M = getComputedStyle(k).flexDirection === "row";
       m(M);
     };
-    E();
-    const R = new ResizeObserver(E);
-    return R.observe(k), () => {
-      R.disconnect();
+    R();
+    const E = new ResizeObserver(R);
+    return E.observe(k), () => {
+      E.disconnect();
     };
   }, []);
   const C = _e((k) => {
@@ -12398,7 +12394,7 @@ const kb = ({ ...e }) => {
           style: { flexBasis: `${d}%` },
           children: [
             /* @__PURE__ */ $("div", { className: "flex items-center justify-between px-4 py-3", children: [
-              /* @__PURE__ */ p("h2", { className: "font-semibold text-sm text-foreground", children: i === "account" ? "My Account" : "My Conversations" }),
+              /* @__PURE__ */ p("h2", { className: "font-semibold text-sm text-foreground", children: i === "extensions" ? "My Profile" : "My Conversations" }),
               /* @__PURE__ */ $("div", { className: "flex items-center gap-1", children: [
                 e && /* @__PURE__ */ p("div", { className: "flex mr-1 gap-1", children: e }),
                 /* @__PURE__ */ $("div", { className: "flex rounded-lg bg-muted p-1", children: [
@@ -12406,13 +12402,13 @@ const kb = ({ ...e }) => {
                   /* @__PURE__ */ p(
                     "button",
                     {
-                      onClick: () => l("account"),
+                      onClick: () => l("extensions"),
                       className: V(
                         // eslint-disable-next-line @stylistic/max-len
                         "rounded-md border border-transparent p-1.5 transition-colors hover:cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
-                        i === "account" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+                        i === "extensions" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
-                      title: "My Account",
+                      title: "My Profile",
                       children: /* @__PURE__ */ p(xs, { className: "h-4 w-4" })
                     }
                   ),
@@ -12434,7 +12430,7 @@ const kb = ({ ...e }) => {
             ] }),
             /* @__PURE__ */ $("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
               /* @__PURE__ */ $("div", { className: V("flex flex-col gap-2", i === "conversations" && "hidden"), children: [
-                /* @__PURE__ */ p(Pb, { customerId: o, customerEmail: r, hostBase: n, children: /* @__PURE__ */ p(
+                /* @__PURE__ */ p(Pb, { customerId: o, customerEmail: r, queryApiBase: n, children: /* @__PURE__ */ p(
                   Zt,
                   {
                     target: "slot.header",
@@ -12453,8 +12449,8 @@ const kb = ({ ...e }) => {
               ] }),
               /* @__PURE__ */ p("div", { className: V(
                 "h-full rounded-xl border border-zinc-200 bg-white p-2 shadow-sm dark:border-zinc-300",
-                i === "account" && "hidden"
-              ), children: /* @__PURE__ */ p(Ab, {}) })
+                i === "extensions" && "hidden"
+              ), children: g === "error" ? /* @__PURE__ */ p("div", { className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ p("p", { children: "Error loading conversations." }) }) : /* @__PURE__ */ p(Ab, {}) })
             ] })
           ]
         }
@@ -12466,7 +12462,7 @@ const kb = ({ ...e }) => {
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
           style: { flexBasis: `${100 - d}%` },
           children: [
-            /* @__PURE__ */ p("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ p(_b, {}) }),
+            /* @__PURE__ */ p("div", { className: "flex-1 overflow-hidden", children: g === "error" ? /* @__PURE__ */ p("div", { className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ p("p", { children: "Zendesk Messenger could not be loaded. Check that a valid Snippet Key is configured." }) }) : /* @__PURE__ */ p(_b, {}) }),
             /* @__PURE__ */ $("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
               /* @__PURE__ */ p(
                 Zt,
@@ -12487,8 +12483,8 @@ const kb = ({ ...e }) => {
                   context: N,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ p("span", { className: "text-zinc-300", children: "/" }),
-                  render: ({ children: k, index: E }) => /* @__PURE__ */ $(Fe, { children: [
-                    E === 0 && /* @__PURE__ */ p("span", { className: "text-zinc-300", children: "+" }),
+                  render: ({ children: k, index: R }) => /* @__PURE__ */ $(Fe, { children: [
+                    R === 0 && /* @__PURE__ */ p("span", { className: "text-zinc-300", children: "+" }),
                     k
                   ] })
                 }