@botonic/webchat-react 2.27.0 → 2.28.0

package/{webchat-app-DSDMjE-m.js → webchat-app-I5AArwfY.js}

@@ -1,35 +1,35 @@
-import { jsx as n, jsxs as w, Fragment as Ee } from "react/jsx-runtime";
-import { Button as Wt, DropdownMenuItem as Xe, DropdownMenuItemCheckbox as Vt, PopoverTrigger as $t, DropdownMenu as Ht } from "@lilara/ui-web-react";
-import ft, { createContext as Re, useContext as xe, useState as N, useRef as C, useCallback as v, useMemo as _e, useEffect as S, forwardRef as O, useLayoutEffect as Ft } from "react";
-import { cva as F, cx as E } from "class-variance-authority";
-import { WebchatController as Ut, setupGlobalWebchatAPI as zt, publicWebchatController as nt, isCloseWebviewMessage as jt, isWebviewPostMessage as qt, WEBVIEW_MESSAGE_TYPES as le } from "@botonic/webchat-core";
-import { useDialog as Gt, FocusScope as Kt, useButton as pt, useFocusRing as Ze, mergeProps as gt, useObjectRef as Xt } from "react-aria";
+import { jsx as n, jsxs as w, Fragment as Ie } from "react/jsx-runtime";
+import { Button as Ht, DropdownMenuItem as Ze, DropdownMenuItemCheckbox as Ft, PopoverTrigger as Ut, DropdownMenu as zt } from "@lilara/ui-web-react";
+import bt, { createContext as Re, useContext as xe, useState as N, useRef as y, useCallback as v, useMemo as _e, useEffect as T, forwardRef as O, useLayoutEffect as jt } from "react";
+import { cva as F, cx as I } from "class-variance-authority";
+import { WebchatController as qt, setupGlobalWebchatAPI as Gt, publicWebchatController as ot, isCloseWebviewMessage as Kt, isWebviewPostMessage as Xt, WEBVIEW_MESSAGE_TYPES as le, WebchatMessageFactory as Qe } from "@botonic/webchat-core";
+import { useDialog as Zt, FocusScope as Qt, useButton as vt, useFocusRing as Ye, mergeProps as wt, useObjectRef as Yt } from "react-aria";
 import { useSelector as L } from "@xstate/react";
-import { DEFAULT_WEBCHAT_CLIENT_SETTINGS as Zt, BotonicButtonType as Qt, WebchatMessageFactory as Qe, MessageSentBy as me } from "@botonic/shared";
-const vt = Re(null);
-function U() {
-  const e = xe(vt);
+import { DEFAULT_WEBCHAT_CLIENT_SETTINGS as Jt, BotonicButtonType as en, MessageSentBy as me, MessageType as tn } from "@botonic/shared";
+const Ct = Re(null);
+function z() {
+  const e = xe(Ct);
   if (!e)
     throw new Error("useWebchatContext must be used within a WebchatProvider");
   return e;
 }
-const bt = Re(
+const yt = Re(
   null
 );
-function Yt({
+function nn({
   children: e
 }) {
-  const [t, a] = N(), o = C(t);
+  const [t, a] = N(), o = y(t);
   o.current = t;
-  const s = v((c) => {
-    a(c);
-  }, []), i = v((c) => {
-    o.current === c && a(void 0);
+  const s = v((l) => {
+    a(l);
+  }, []), i = v((l) => {
+    o.current === l && a(void 0);
   }, []), r = v(() => {
     o.current !== void 0 && a(void 0);
   }, []);
   return /* @__PURE__ */ n(
-    bt.Provider,
+    yt.Provider,
     {
       value: { activeId: t, setActive: s, clearActive: i, pauseAll: r },
       children: e
@@ -37,25 +37,25 @@ function Yt({
   );
 }
 function Le() {
-  const e = xe(bt);
+  const e = xe(yt);
   if (!e)
     throw new Error(
       "useMediaPlayback must be used within a MediaPlaybackProvider"
     );
   return e;
 }
-function Jt(e, t, a = !1) {
+function on(e, t, a = !1) {
   const o = e.custom?.[t];
   return typeof o == "boolean" ? o : a;
 }
-function en(e) {
+function an(e) {
   return {
     input: {
       isComposerVisible: e.user_input_enabled,
       isTextInputEnabled: e.user_input_enabled,
       areAttachmentsVisible: e.attachments_enabled,
       isEmojiPickerVisible: e.emoji_picker_enabled,
-      isAudioRecordingVisible: Jt(
+      isAudioRecordingVisible: on(
         e,
         "audio_recording_enabled"
       ),
@@ -63,10 +63,10 @@ function en(e) {
     }
   };
 }
-function tn(e) {
+function sn(e) {
   const [t, a] = N(""), o = _e(() => {
     console.log("🏗️ Creating WebchatController with config:", e);
-    const h = new Ut(e);
+    const h = new qt(e);
     return h.initialize().catch((p) => {
       console.error("❌ Failed to initialize webchat:", p);
     }), h;
@@ -82,7 +82,7 @@ function tn(e) {
   ), r = L(
     o.machine,
     (h) => h.matches("operational")
-  ), c = L(
+  ), l = L(
     o.machine,
     (h) => h.matches("connectionFailed")
   ), f = L(
@@ -90,21 +90,21 @@ function tn(e) {
     (h) => h.context.connectionStatus || "disconnected"
   ), _ = L(
     o.machine,
-    (h) => h.context.effectiveWebchatClientSettings ?? Zt
+    (h) => h.context.effectiveWebchatClientSettings ?? Jt
   ), m = _e(
-    () => en(_),
+    () => an(_),
     [_]
-  ), l = L(
+  ), d = L(
     o.machine,
     (h) => h.context.soundsEnabled ?? !0
-  ), d = L(
+  ), c = L(
     o.machine,
     (h) => h.context.overlayActor
   ), u = L(
-    d,
+    c,
     (h) => h.context.overlayState
   );
-  return S(() => (zt(o), () => {
+  return T(() => (Gt(o), () => {
     console.log("🧹 Cleaning up webchat controller"), o.destroy();
   }), [o]), {
     // Framework-agnostic controller - all webchat functionality
@@ -115,7 +115,7 @@ function tn(e) {
     // XState machine state (direct from machine via useSelector)
     isOpen: i,
     isInitialized: r,
-    initializationError: c,
+    initializationError: l,
     messageActors: s,
     connectionStatus: f,
     webchatClientSettings: _,
@@ -123,7 +123,7 @@ function tn(e) {
     // Overlay state (webview or cover component)
     overlayState: u,
     // Sound notification state
-    soundsEnabled: l,
+    soundsEnabled: d,
     // Configuration
     avatarConfig: e.avatarConfig,
     enableResponsiveHeroHeader: e.enableResponsiveHeroHeader ?? !0,
@@ -131,23 +131,23 @@ function tn(e) {
     customMessages: e.customMessages
   };
 }
-const nn = O(({ children: e, ...t }, a) => {
-  const o = tn(t);
-  ft.useImperativeHandle(a, () => o.controller, [o.controller]);
+const rn = O(({ children: e, ...t }, a) => {
+  const o = sn(t);
+  bt.useImperativeHandle(a, () => o.controller, [o.controller]);
   const s = {
     state: o,
     controller: o.controller
     // Direct access to controller
   };
-  return /* @__PURE__ */ n(vt.Provider, { value: s, children: /* @__PURE__ */ n(Yt, { children: e }) });
-}), on = {
+  return /* @__PURE__ */ n(Ct.Provider, { value: s, children: /* @__PURE__ */ n(nn, { children: e }) });
+}), cn = {
   collapsedByDefaultWhenConversationHasMessages: !0,
   collapseOnUserEngagement: !0,
   expandHeroWhenReturningToScrollTop: !0
 };
-function an(e) {
+function ln(e) {
   return {
-    ...on,
+    ...cn,
     ...e
   };
 }
@@ -156,7 +156,7 @@ function qe(e) {
 }
 function Me() {
 }
-const sn = {
+const dn = {
   header: {
     variant: "collapsed",
     collapseProgress: 1,
@@ -170,40 +170,40 @@ const sn = {
   },
   onUserEngagement: Me
 };
-function rn({
+function un({
   controller: e,
   isOpen: t,
   layout: a,
   enableResponsiveHeroHeader: o = !0
 }) {
-  const s = an(a), i = qe(
+  const s = ln(a), i = qe(
     e.machine.getSnapshot()
-  ), r = s.collapsedByDefaultWhenConversationHasMessages && i > 0, c = C(null), f = C(
+  ), r = s.collapsedByDefaultWhenConversationHasMessages && i > 0, l = y(null), f = y(
     o ? r : !1
-  ), _ = C(!1), [m, l] = N(
+  ), _ = y(!1), [m, d] = N(
     () => o ? r : !1
-  ), [d, u] = N(
+  ), [c, u] = N(
     () => o ? r : !0
   ), [h, p] = N(!1), g = L(
     e.machine,
     (P) => qe(P),
     (P, A) => P === A
   );
-  S(() => {
+  T(() => {
     if (!o) return;
     if (g === 0) {
-      u(!1), l(!1), f.current = !1, _.current = !1, c.current = 0;
+      u(!1), d(!1), f.current = !1, _.current = !1, l.current = 0;
       return;
     }
-    const P = c.current;
-    c.current = g, s.collapsedByDefaultWhenConversationHasMessages && (P === null || P === 0) && (u(!0), l(!0), f.current = !0);
+    const P = l.current;
+    l.current = g, s.collapsedByDefaultWhenConversationHasMessages && (P === null || P === 0) && (u(!0), d(!0), f.current = !0);
   }, [
     o,
     g,
     s.collapsedByDefaultWhenConversationHasMessages
-  ]), S(() => {
+  ]), T(() => {
     if (!o || !t || !s.collapsedByDefaultWhenConversationHasMessages) return;
-    qe(e.machine.getSnapshot()) > 0 && (u(!0), l(!0), f.current = !0);
+    qe(e.machine.getSnapshot()) > 0 && (u(!0), d(!0), f.current = !0);
   }, [
     o,
     t,
@@ -211,8 +211,8 @@ function rn({
     s.collapsedByDefaultWhenConversationHasMessages
   ]);
   const b = v(() => {
-    o && (f.current = !0, l(!0), s.collapseOnUserEngagement && u(!0));
-  }, [o, s.collapseOnUserEngagement]), M = v(
+    o && (f.current = !0, d(!0), s.collapseOnUserEngagement && u(!0));
+  }, [o, s.collapseOnUserEngagement]), C = v(
     (P) => {
       if (o && f.current) {
         if (!P) {
@@ -223,41 +223,41 @@ function rn({
       }
     },
     [o, s.expandHeroWhenReturningToScrollTop]
-  ), T = v(
+  ), S = v(
     (P) => {
       o && p(P);
     },
     [o]
-  ), y = d ? "collapsed" : "expanded";
+  ), M = c ? "collapsed" : "expanded";
   return o ? {
     header: {
-      variant: y,
-      collapseProgress: d ? 1 : 0,
+      variant: M,
+      collapseProgress: c ? 1 : 0,
       hasShadow: h
     },
     messages: {
       hasUserInteracted: m,
-      onScrollDepthChange: T,
-      onMessagesScrollAtTopChange: M,
+      onScrollDepthChange: S,
+      onMessagesScrollAtTopChange: C,
       onUserInteraction: b
     },
     onUserEngagement: b
-  } : sn;
+  } : dn;
 }
-const cn = "backdrop-module__base___2047X", ln = {
-  base: cn
+const mn = "backdrop-module__base___2047X", _n = {
+  base: mn
 };
-function dn({ isClosing: e = !1 }) {
+function hn({ isClosing: e = !1 }) {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: ln.base,
+      className: _n.base,
       "aria-hidden": !0,
       "data-closing": e || void 0
     }
   );
 }
-function un() {
+function fn() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -270,7 +270,7 @@ function un() {
     }
   );
 }
-function mn() {
+function pn() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -283,31 +283,31 @@ function mn() {
     }
   );
 }
-const _n = "dialog-module__base___K18e8", hn = "dialog-module__success___z5NAQ", fn = "dialog-module__error___Q46VR", pn = "dialog-module__loading___21312", gn = "dialog-module__actions___xFizf", vn = "dialog-module__closing___qgRFX", bn = "dialog-module__iconContainer___8lOJ3", wn = "dialog-module__spinner___jL0bN", Cn = "dialog-module__textContent___t6Tqt", yn = "dialog-module__title___jr3if", Mn = "dialog-module__subtitle___K1uUB", z = {
-  base: _n,
-  success: hn,
-  error: fn,
-  loading: pn,
-  actions: gn,
-  closing: vn,
-  iconContainer: bn,
-  spinner: wn,
-  textContent: Cn,
-  title: yn,
-  subtitle: Mn
-}, Pn = F(z.base, {
+const gn = "dialog-module__base___K18e8", bn = "dialog-module__success___z5NAQ", vn = "dialog-module__error___Q46VR", wn = "dialog-module__loading___21312", Cn = "dialog-module__actions___xFizf", yn = "dialog-module__closing___qgRFX", Mn = "dialog-module__iconContainer___8lOJ3", Pn = "dialog-module__spinner___jL0bN", Nn = "dialog-module__textContent___t6Tqt", Sn = "dialog-module__title___jr3if", Tn = "dialog-module__subtitle___K1uUB", j = {
+  base: gn,
+  success: bn,
+  error: vn,
+  loading: wn,
+  actions: Cn,
+  closing: yn,
+  iconContainer: Mn,
+  spinner: Pn,
+  textContent: Nn,
+  title: Sn,
+  subtitle: Tn
+}, An = F(j.base, {
   variants: {
     variant: {
       default: "",
-      loading: z.loading,
-      success: z.success,
-      error: z.error
+      loading: j.loading,
+      success: j.success,
+      error: j.error
     },
-    isClosing: { true: z.closing }
+    isClosing: { true: j.closing }
   },
   defaultVariants: { variant: "default" }
 });
-function Nn({
+function En({
   variant: e,
   title: t,
   subtitle: a,
@@ -319,77 +319,77 @@ function Nn({
   process.env.NODE_ENV !== "production" && o && o.length > 3 && console.warn(
     `[Dialog] actions array has ${o.length} items; only the first 3 are rendered.`
   );
-  const c = r?.slice().sort((l, d) => {
+  const l = r?.slice().sort((d, c) => {
     const u = (h) => (h ?? "solid") === "solid";
-    return Number(u(l.appearance)) - Number(u(d.appearance));
-  }), f = C(null), { dialogProps: _, titleProps: m } = Gt({ role: "dialog" }, f);
-  return S(() => {
+    return Number(u(d.appearance)) - Number(u(c.appearance));
+  }), f = y(null), { dialogProps: _, titleProps: m } = Zt({ role: "dialog" }, f);
+  return T(() => {
     f.current && f.current.focus();
-  }, [e]), /* @__PURE__ */ n(Kt, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ w(
+  }, [e]), /* @__PURE__ */ n(Qt, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ w(
     "div",
     {
       ..._,
       "aria-modal": !0,
       ref: f,
-      className: Pn({ variant: e, isClosing: s }),
+      className: An({ variant: e, isClosing: s }),
       onAnimationEnd: s ? i : void 0,
       children: [
         (e === "loading" || e === "success" || e === "error") && /* @__PURE__ */ w(
           "div",
           {
-            className: z.iconContainer,
+            className: j.iconContainer,
             "data-variant": e,
             "aria-hidden": !0,
             children: [
-              e === "loading" && /* @__PURE__ */ n("div", { className: z.spinner }, "loading"),
-              e === "success" && /* @__PURE__ */ n(un, {}, "success"),
-              e === "error" && /* @__PURE__ */ n(mn, {}, "error")
+              e === "loading" && /* @__PURE__ */ n("div", { className: j.spinner }, "loading"),
+              e === "success" && /* @__PURE__ */ n(fn, {}, "success"),
+              e === "error" && /* @__PURE__ */ n(pn, {}, "error")
             ]
           }
         ),
-        /* @__PURE__ */ w("div", { className: z.textContent, children: [
-          /* @__PURE__ */ n("h2", { ...m, className: z.title, children: t }),
-          a && /* @__PURE__ */ n("p", { className: z.subtitle, children: a })
+        /* @__PURE__ */ w("div", { className: j.textContent, children: [
+          /* @__PURE__ */ n("h2", { ...m, className: j.title, children: t }),
+          a && /* @__PURE__ */ n("p", { className: j.subtitle, children: a })
         ] }),
-        c && c.length > 0 && /* @__PURE__ */ n("div", { className: z.actions, "data-variant": e, children: c.map(({ label: l, ...d }, u) => /* @__PURE__ */ n(Wt, { ...d, children: l }, u)) })
+        l && l.length > 0 && /* @__PURE__ */ n("div", { className: j.actions, "data-variant": e, children: l.map(({ label: d, ...c }, u) => /* @__PURE__ */ n(Ht, { ...c, children: d }, u)) })
       ]
     }
   ) });
 }
-const wt = Re(null);
-function Sn() {
-  const e = xe(wt);
+const Mt = Re(null);
+function In() {
+  const e = xe(Mt);
   if (!e)
     throw new Error("useDialog must be used within a DialogProvider");
   return e;
 }
-const Tn = {
+const Rn = {
   isOpen: !1,
   variant: "default",
   title: "",
   subtitle: void 0,
   actions: void 0
 };
-function An({
+function xn({
   children: e,
   onOpen: t,
   controlsRef: a
 }) {
-  const [o, s] = N(Tn), [i, r] = N(!1), c = C(t);
-  c.current = t;
+  const [o, s] = N(Rn), [i, r] = N(!1), l = y(t);
+  l.current = t;
   const f = v(() => {
     s((p) => ({ ...p, isOpen: !1 })), r(!1);
-  }, []), _ = C(f);
+  }, []), _ = y(f);
   _.current = f;
   const m = v((p) => {
-    r(!1), c.current?.(), s({
+    r(!1), l.current?.(), s({
       isOpen: !0,
       variant: p.variant ?? "default",
       title: p.title,
       subtitle: p.subtitle,
       actions: p.actions
     });
-  }, []), l = v((p) => {
+  }, []), d = v((p) => {
     s((g) => ({
       ...g,
       ...p.variant !== void 0 && { variant: p.variant },
@@ -397,14 +397,14 @@ function An({
       subtitle: "subtitle" in p ? p.subtitle : g.subtitle,
       actions: "actions" in p ? p.actions : g.actions
     }));
-  }, []), d = v(() => {
+  }, []), c = v(() => {
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
       _.current();
       return;
     }
     r(!0);
   }, []);
-  a && (a.current = { open: m, update: l, close: d }), S(() => {
+  a && (a.current = { open: m, update: d, close: c }), T(() => {
     if (process.env.NODE_ENV !== "production") {
       const p = document.querySelector(
         "[data-webchat-container], [data-webview-frame]"
@@ -414,12 +414,12 @@ function An({
       ));
     }
   }, []);
-  const u = o.isOpen || i, h = { open: m, update: l, close: d, dialogState: o };
-  return /* @__PURE__ */ w(wt.Provider, { value: h, children: [
+  const u = o.isOpen || i, h = { open: m, update: d, close: c, dialogState: o };
+  return /* @__PURE__ */ w(Mt.Provider, { value: h, children: [
     e,
-    u && /* @__PURE__ */ n(dn, { isClosing: i }),
+    u && /* @__PURE__ */ n(hn, { isClosing: i }),
     u && /* @__PURE__ */ n(
-      Nn,
+      En,
       {
         variant: o.variant,
         title: o.title,
@@ -431,29 +431,29 @@ function An({
     )
   ] });
 }
-function In({
+function Ln({
   children: e
 }) {
-  const { pauseAll: t } = Le(), a = C(t);
+  const { pauseAll: t } = Le(), a = y(t);
   a.current = t;
-  const o = C(null), s = () => {
+  const o = y(null), s = () => {
     a.current();
   };
-  return S(() => (nt.setDialogController({
+  return T(() => (ot.setDialogController({
     open: (i) => o.current?.open(i),
     update: (i) => o.current?.update(i),
     close: () => o.current?.close()
   }), () => {
-    nt.setDialogController(void 0);
-  }), []), /* @__PURE__ */ n(An, { onOpen: s, controlsRef: o, children: e });
-}
-const En = "button-component-module__buttonComponent___KMwSR", Rn = "button-component-module__secondary___TTpBp", xn = "button-component-module__primary___bD2jQ", Ln = "button-component-module__iconWrapper___70XMO", ge = {
-  buttonComponent: En,
-  secondary: Rn,
-  primary: xn,
-  iconWrapper: Ln
+    ot.setDialogController(void 0);
+  }), []), /* @__PURE__ */ n(xn, { onOpen: s, controlsRef: o, children: e });
+}
+const Bn = "button-component-module__buttonComponent___KMwSR", kn = "button-component-module__secondary___TTpBp", Dn = "button-component-module__primary___bD2jQ", On = "button-component-module__iconWrapper___70XMO", ge = {
+  buttonComponent: Bn,
+  secondary: kn,
+  primary: Dn,
+  iconWrapper: On
 };
-function Bn() {
+function Wn() {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -499,8 +499,8 @@ function Bn() {
     }
   );
 }
-function kn(e) {
-  return "type" in e ? e.type === Qt.WebUrl || !!e.webview : !1;
+function Vn(e) {
+  return "type" in e ? e.type === en.WebUrl || !!e.webview : !1;
 }
 const Ae = O(
   ({
@@ -511,7 +511,7 @@ const Ae = O(
     className: s,
     variant: i = "secondary"
   }, r) => {
-    const c = kn(o);
+    const l = Vn(o);
     return /* @__PURE__ */ w(
       "button",
       {
@@ -520,46 +520,46 @@ const Ae = O(
         onClick: (_) => {
           _.preventDefault(), _.stopPropagation(), a?.(o);
         },
-        className: E(
+        className: I(
           ge.buttonComponent,
           i === "primary" && ge.primary,
           i === "secondary" && ge.secondary,
-          c && ge.withIcon,
+          l && ge.withIcon,
           s
         ),
         type: "button",
         children: [
-          c && /* @__PURE__ */ n("span", { className: ge.iconWrapper, children: /* @__PURE__ */ n(Bn, {}) }),
+          l && /* @__PURE__ */ n("span", { className: ge.iconWrapper, children: /* @__PURE__ */ n(Wn, {}) }),
           e
         ]
       }
     );
   }
-), Dn = "confirm-modal-module__overlay___rRE3G", On = "confirm-modal-module__modal___AliW3", Wn = "confirm-modal-module__title___nOVLU", Vn = "confirm-modal-module__message___NiTmg", $n = "confirm-modal-module__buttons___T9sSa", ve = {
-  overlay: Dn,
-  modal: On,
-  title: Wn,
-  message: Vn,
-  buttons: $n
+), $n = "confirm-modal-module__overlay___rRE3G", Hn = "confirm-modal-module__modal___AliW3", Fn = "confirm-modal-module__title___nOVLU", Un = "confirm-modal-module__message___NiTmg", zn = "confirm-modal-module__buttons___T9sSa", be = {
+  overlay: $n,
+  modal: Hn,
+  title: Fn,
+  message: Un,
+  buttons: zn
 };
-function Hn(e) {
+function jn(e) {
   return e === !1 || e === void 0 ? null : e === !0 ? {
     message: "Are you sure you want to close?"
   } : typeof e == "string" ? {
     message: e
   } : e;
 }
-const Fn = ({
+const qn = ({
   config: e,
   onConfirm: t,
   onCancel: a
 }) => {
-  const o = C(null), s = C(null), i = Hn(e);
-  S(() => {
+  const o = y(null), s = y(null), i = jn(e);
+  T(() => {
     o.current?.focus();
-  }, []), S(() => {
-    const m = (l) => {
-      l.key === "Escape" && (l.stopPropagation(), a());
+  }, []), T(() => {
+    const m = (d) => {
+      d.key === "Escape" && (d.stopPropagation(), a());
     };
     return window.addEventListener("keydown", m, !0), () => {
       window.removeEventListener("keydown", m, !0);
@@ -567,21 +567,21 @@ const Fn = ({
   }, [a]);
   const r = v((m) => {
     if (m.key === "Tab") {
-      const l = s.current?.querySelectorAll(
+      const d = s.current?.querySelectorAll(
         "button:not([disabled])"
       );
-      if (!l?.length) return;
-      const d = l[0], u = l[l.length - 1];
-      m.shiftKey ? document.activeElement === d && (m.preventDefault(), u.focus()) : document.activeElement === u && (m.preventDefault(), d.focus());
+      if (!d?.length) return;
+      const c = d[0], u = d[d.length - 1];
+      m.shiftKey ? document.activeElement === c && (m.preventDefault(), u.focus()) : document.activeElement === u && (m.preventDefault(), c.focus());
     }
   }, []);
   if (!i)
     return null;
-  const c = i.title || "Close?", f = i.confirmText || "Close", _ = i.cancelText || "Cancel";
+  const l = i.title || "Close?", f = i.confirmText || "Close", _ = i.cancelText || "Cancel";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: ve.overlay,
+      className: be.overlay,
       role: "alertdialog",
       "aria-modal": "true",
       "aria-labelledby": "confirm-close-title",
@@ -591,13 +591,13 @@ const Fn = ({
         "div",
         {
           ref: s,
-          className: ve.modal,
+          className: be.modal,
           onClick: (m) => m.stopPropagation(),
           onKeyDown: r,
           children: [
-            /* @__PURE__ */ n("h3", { id: "confirm-close-title", className: ve.title, children: c }),
-            /* @__PURE__ */ n("p", { id: "confirm-close-message", className: ve.message, children: i.message }),
-            /* @__PURE__ */ w("div", { className: ve.buttons, children: [
+            /* @__PURE__ */ n("h3", { id: "confirm-close-title", className: be.title, children: l }),
+            /* @__PURE__ */ n("p", { id: "confirm-close-message", className: be.message, children: i.message }),
+            /* @__PURE__ */ w("div", { className: be.buttons, children: [
               /* @__PURE__ */ n(
                 Ae,
                 {
@@ -623,47 +623,47 @@ const Fn = ({
       )
     }
   );
-}, Ct = Re(null);
+}, Pt = Re(null);
 function Be() {
-  const e = xe(Ct);
+  const e = xe(Pt);
   if (!e)
     throw new Error("useOverlayContext must be used within an Overlay");
   return e;
 }
-const Un = "cover-frame-module__base___e38vU", zn = "cover-frame-module__errorContainer___o19mQ", jn = "cover-frame-module__errorText___ltF9m", Ke = {
-  base: Un,
-  errorContainer: zn,
-  errorText: jn
-}, ot = F(Ke.base);
-function qn({ className: e }) {
+const Gn = "cover-frame-module__base___e38vU", Kn = "cover-frame-module__errorContainer___o19mQ", Xn = "cover-frame-module__errorText___ltF9m", Ke = {
+  base: Gn,
+  errorContainer: Kn,
+  errorText: Xn
+}, at = F(Ke.base);
+function Zn({ className: e }) {
   const { overlayState: t, coverRegistry: a, setIsLoading: o } = Be();
-  if (S(() => {
+  if (T(() => {
     t?.type === "cover" && o(!1);
   }, [t?.type, o]), !t || t.type !== "cover")
     return null;
   const s = t, i = a?.[s.componentId];
-  return i ? /* @__PURE__ */ n("div", { className: ot({ className: e }), "data-overlay-cover-frame": !0, children: /* @__PURE__ */ n(i, { ...s.props || {} }) }) : (console.warn(
+  return i ? /* @__PURE__ */ n("div", { className: at({ className: e }), "data-overlay-cover-frame": !0, children: /* @__PURE__ */ n(i, { ...s.props || {} }) }) : (console.warn(
     `[OverlayCoverFrame] Component "${s.componentId}" not found in registry. Available components: ${Object.keys(a || {}).join(", ") || "none"}`
-  ), /* @__PURE__ */ n("div", { className: ot({ className: e }), "data-overlay-cover-frame": !0, children: /* @__PURE__ */ n("div", { className: Ke.errorContainer, children: /* @__PURE__ */ w("p", { className: Ke.errorText, children: [
+  ), /* @__PURE__ */ n("div", { className: at({ className: e }), "data-overlay-cover-frame": !0, children: /* @__PURE__ */ n("div", { className: Ke.errorContainer, children: /* @__PURE__ */ w("p", { className: Ke.errorText, children: [
     'Component "',
     s.componentId,
     '" not found'
   ] }) }) }));
 }
-const Gn = "webview-frame-module__base___u5SZG", Kn = "webview-frame-module__loadingContainer___eqQ-L", Xn = "webview-frame-module__spinner___5gsaP", Zn = "webview-frame-module__iframe___XewWc", Te = {
-  base: Gn,
-  loadingContainer: Kn,
-  spinner: Xn,
-  iframe: Zn
-}, Qn = F(Te.base);
-function Yn({ className: e }) {
+const Qn = "webview-frame-module__base___u5SZG", Yn = "webview-frame-module__loadingContainer___eqQ-L", Jn = "webview-frame-module__spinner___5gsaP", eo = "webview-frame-module__iframe___XewWc", Te = {
+  base: Qn,
+  loadingContainer: Yn,
+  spinner: Jn,
+  iframe: eo
+}, to = F(Te.base);
+function no({ className: e }) {
   const { overlayState: t, sandboxPermissions: a, isLoading: o, setIsLoading: s } = Be(), i = v(() => {
     s(!1);
   }, [s]);
   if (!t || t.type !== "webview")
     return null;
   const r = t;
-  return /* @__PURE__ */ w("div", { className: Qn({ className: e }), "data-overlay-webview-frame": !0, children: [
+  return /* @__PURE__ */ w("div", { className: to({ className: e }), "data-overlay-webview-frame": !0, children: [
     o && /* @__PURE__ */ n("div", { className: Te.loadingContainer, children: /* @__PURE__ */ n("div", { className: Te.spinner, "aria-label": "Loading webview" }) }),
     /* @__PURE__ */ n(
       "iframe",
@@ -678,29 +678,29 @@ function Yn({ className: e }) {
     )
   ] });
 }
-function Jn({ className: e }) {
+function oo({ className: e }) {
   const { overlayState: t } = Be();
   if (!t)
     return null;
   switch (t.type) {
     case "webview":
-      return /* @__PURE__ */ n(Yn, { className: e });
+      return /* @__PURE__ */ n(no, { className: e });
     case "cover":
-      return /* @__PURE__ */ n(qn, { className: e });
+      return /* @__PURE__ */ n(Zn, { className: e });
     default:
       return null;
   }
 }
-const eo = "header-module__base___WYM0o", to = "header-module__minimal___6nq5w", no = "header-module__titleContainer___56hi4", oo = "header-module__icon___BCSbe", ao = "header-module__title___0c-LL", so = "header-module__closeButton___wOwC8", se = {
-  base: eo,
+const ao = "header-module__base___WYM0o", so = "header-module__minimal___6nq5w", ro = "header-module__titleContainer___56hi4", io = "header-module__icon___BCSbe", co = "header-module__title___0c-LL", lo = "header-module__closeButton___wOwC8", se = {
+  base: ao,
   default: "header-module__default___z7D3c",
-  minimal: to,
-  titleContainer: no,
-  icon: oo,
-  title: ao,
-  closeButton: so
+  minimal: so,
+  titleContainer: ro,
+  icon: io,
+  title: co,
+  closeButton: lo
 };
-function ro(e, t) {
+function uo(e, t) {
   const a = t?.title || "Overlay", o = t?.icon, s = t?.allowClose !== !1;
   return {
     title: a,
@@ -711,7 +711,7 @@ function ro(e, t) {
     }
   };
 }
-const io = F(se.base, {
+const mo = F(se.base, {
   variants: {
     variant: {
       default: se.default,
@@ -722,12 +722,12 @@ const io = F(se.base, {
     variant: "default"
   }
 });
-function co(e) {
-  const { overlayState: t, attemptClose: a } = Be(), { showClose: o, title: s, icon: i, variants: r } = ro(
+function _o(e) {
+  const { overlayState: t, attemptClose: a } = Be(), { showClose: o, title: s, icon: i, variants: r } = uo(
     e,
     t
   );
-  return /* @__PURE__ */ w("header", { className: io(r), "data-overlay-header": !0, children: [
+  return /* @__PURE__ */ w("header", { className: mo(r), "data-overlay-header": !0, children: [
     /* @__PURE__ */ w("div", { className: se.titleContainer, children: [
       i && /* @__PURE__ */ n("span", { className: se.icon, children: i }),
       /* @__PURE__ */ n("h4", { className: se.title, children: s })
@@ -744,50 +744,50 @@ function co(e) {
     )
   ] });
 }
-const lo = "overlay-module__base___qm4j7", uo = "overlay-module__loading___8U4v9", at = {
-  base: lo,
-  loading: uo
+const ho = "overlay-module__base___qm4j7", fo = "overlay-module__loading___8U4v9", st = {
+  base: ho,
+  loading: fo
 };
-function mo(e, t) {
+function po(e, t) {
   const [a, o] = N(!0), [s, i] = N(!1), r = v(() => {
     e?.confirmClose ? i(!0) : t.onClose();
-  }, [t, e?.confirmClose]), c = v(() => {
+  }, [t, e?.confirmClose]), l = v(() => {
     i(!1), t.onClose();
   }, [t]), f = v(() => {
     i(!1);
   }, []);
-  return S(() => {
+  return T(() => {
     e?.isOpen && e?.type === "webview" && o(!0);
-  }, [e?.isOpen, e?.type]), S(() => {
+  }, [e?.isOpen, e?.type]), T(() => {
     e?.type === "webview" && o(!0);
-  }, [e?.type === "webview" ? e.url : null]), S(() => {
+  }, [e?.type === "webview" ? e.url : null]), T(() => {
     if (e?.type !== "webview")
       return;
     const _ = (m) => {
-      if (jt(m.data)) {
+      if (Kt(m.data)) {
         r();
         return;
       }
-      if (qt(m.data)) {
-        const l = m.data;
-        switch (l.type) {
+      if (Xt(m.data)) {
+        const d = m.data;
+        switch (d.type) {
           case le.SET_TITLE:
-            t.onSetTitle(l.title);
+            t.onSetTitle(d.title);
             break;
           case le.SET_ICON:
-            t.onSetIcon(l.icon);
+            t.onSetIcon(d.icon);
             break;
           case le.SET_ALLOW_CLOSE:
-            t.onSetAllowClose(l.allow);
+            t.onSetAllowClose(d.allow);
             break;
           case le.SET_CONFIRM_CLOSE:
-            t.onSetConfirmClose(l.config);
+            t.onSetConfirmClose(d.config);
             break;
           case le.SEND_PAYLOAD:
-            t.onSendPayload(l.payload);
+            t.onSendPayload(d.payload);
             break;
           case le.NAVIGATE:
-            t.onNavigate(l.url);
+            t.onNavigate(d.url);
             break;
         }
       }
@@ -795,7 +795,7 @@ function mo(e, t) {
     return window.addEventListener("message", _), () => {
       window.removeEventListener("message", _);
     };
-  }, [t, r, e?.type]), S(() => {
+  }, [t, r, e?.type]), T(() => {
     if (s) return;
     const _ = (m) => {
       m.key === "Escape" && e?.isOpen && e?.allowClose !== !1 && r();
@@ -814,19 +814,19 @@ function mo(e, t) {
     showConfirmModal: s,
     setShowConfirmModal: i,
     attemptClose: r,
-    handleConfirmClose: c,
+    handleConfirmClose: l,
     handleCancelClose: f,
     variants: { isLoading: a }
   };
 }
-const _o = "allow-scripts allow-forms allow-same-origin allow-popups", ho = F(at.base, {
+const go = "allow-scripts allow-forms allow-same-origin allow-popups", bo = F(st.base, {
   variants: {
     isLoading: {
-      true: at.loading
+      true: st.loading
     }
   }
 });
-function fo({
+function vo({
   overlayState: e,
   onClose: t,
   onSetTitle: a,
@@ -834,7 +834,7 @@ function fo({
   onSetAllowClose: s,
   onSetConfirmClose: i,
   onSendPayload: r,
-  onNavigate: c,
+  onNavigate: l,
   coverRegistry: f,
   children: _
 }) {
@@ -845,37 +845,37 @@ function fo({
     onSetAllowClose: s,
     onSetConfirmClose: i,
     onSendPayload: r,
-    onNavigate: c
+    onNavigate: l
   }, {
-    isLoading: l,
-    setIsLoading: d,
+    isLoading: d,
+    setIsLoading: c,
     showConfirmModal: u,
     setShowConfirmModal: h,
     attemptClose: p,
     handleConfirmClose: g,
     handleCancelClose: b,
-    variants: M
-  } = mo(e, m);
+    variants: C
+  } = po(e, m);
   if (!e?.isOpen)
     return null;
-  const T = {
+  const S = {
     overlayState: e,
     ...m,
-    sandboxPermissions: _o,
-    isLoading: l,
-    setIsLoading: d,
+    sandboxPermissions: go,
+    isLoading: d,
+    setIsLoading: c,
     attemptClose: p,
     showConfirmModal: u,
     setShowConfirmModal: h,
     coverRegistry: f
   };
-  return /* @__PURE__ */ n(Ct.Provider, { value: T, children: /* @__PURE__ */ w("div", { className: ho(M), "data-overlay": !0, children: [
-    _ || /* @__PURE__ */ w(Ee, { children: [
-      /* @__PURE__ */ n(co, {}),
-      /* @__PURE__ */ n(Jn, {})
+  return /* @__PURE__ */ n(Pt.Provider, { value: S, children: /* @__PURE__ */ w("div", { className: bo(C), "data-overlay": !0, children: [
+    _ || /* @__PURE__ */ w(Ie, { children: [
+      /* @__PURE__ */ n(_o, {}),
+      /* @__PURE__ */ n(oo, {})
     ] }),
     u && e.confirmClose && /* @__PURE__ */ n(
-      Fn,
+      qn,
       {
         config: e.confirmClose,
         onConfirm: g,
@@ -884,25 +884,25 @@ function fo({
     )
   ] }) });
 }
-function po(e, t, a) {
+function wo(e, t, a) {
   const {
     layout: o = "default",
     size: s = "normal",
     position: i = "bottom-right",
     "aria-label": r = "Webchat interface",
-    className: c,
+    className: l,
     coverRegistry: f,
     // Exclude from DOM props
     ..._
-  } = e, m = L(t.controller.machine, (b) => b.context.isOpen || !1), [l, d] = N(null), [u, h] = N(!1), p = C(!1), g = v(
+  } = e, m = L(t.controller.machine, (b) => b.context.isOpen || !1), [d, c] = N(null), [u, h] = N(!1), p = y(!1), g = v(
     (b) => {
-      b.target === b.currentTarget && l !== null && (l === "closing" && h(!1), d(null));
+      b.target === b.currentTarget && d !== null && (d === "closing" && h(!1), c(null));
     },
-    [l]
+    [d]
   );
-  return S(() => {
+  return T(() => {
     const b = p.current;
-    p.current = m, b === !1 && m ? (h(!0), d("opening")) : b === !0 && !m && d("closing");
+    p.current = m, b === !1 && m ? (h(!0), c("opening")) : b === !0 && !m && c("closing");
   }, [m]), {
     // Component visibility - stays true during close animation
     shouldRender: u,
@@ -925,14 +925,14 @@ function po(e, t, a) {
       size: s,
       position: i,
       isOpen: m,
-      isOpening: l === "opening",
-      isClosing: l === "closing",
-      className: c
+      isOpening: d === "opening",
+      isClosing: d === "closing",
+      className: l
     }
   };
 }
-const go = "webchat-container-module__base___-nEHI", Y = {
-  base: go,
+const Co = "webchat-container-module__base___-nEHI", ee = {
+  base: Co,
   "is-open": "webchat-container-module__is-open___y7UjX",
   default: "webchat-container-module__default___Zl33C",
   "position-bottom-right": "webchat-container-module__position-bottom-right___NIW0p",
@@ -941,25 +941,25 @@ const go = "webchat-container-module__base___-nEHI", Y = {
   "position-top-left": "webchat-container-module__position-top-left___ehR4d",
   "is-opening": "webchat-container-module__is-opening___5Ot9W",
   "is-closing": "webchat-container-module__is-closing___o0hqs"
-}, vo = F(Y.base, {
+}, yo = F(ee.base, {
   variants: {
     layout: {
-      default: Y.default
+      default: ee.default
     },
     position: {
-      "bottom-right": Y["position-bottom-right"],
-      "bottom-left": Y["position-bottom-left"],
-      "top-right": Y["position-top-right"],
-      "top-left": Y["position-top-left"]
+      "bottom-right": ee["position-bottom-right"],
+      "bottom-left": ee["position-bottom-left"],
+      "top-right": ee["position-top-right"],
+      "top-left": ee["position-top-left"]
     },
     isOpen: {
-      true: Y["is-open"]
+      true: ee["is-open"]
     },
     isOpening: {
-      true: Y["is-opening"]
+      true: ee["is-opening"]
     },
     isClosing: {
-      true: Y["is-closing"]
+      true: ee["is-closing"]
     }
   },
   defaultVariants: {
@@ -967,52 +967,52 @@ const go = "webchat-container-module__base___-nEHI", Y = {
     position: "bottom-right"
   }
 });
-function bo(e) {
-  const { state: t, controller: a } = U(), o = C(null), { shouldRender: s, containerProps: i, variants: r } = po(
+function Mo(e) {
+  const { state: t, controller: a } = z(), o = y(null), { shouldRender: s, containerProps: i, variants: r } = wo(
     e,
     t,
     o
   ), {
-    children: c,
+    children: l,
     coverRegistry: f,
     layout: _,
     size: m,
-    position: l,
-    ...d
+    position: d,
+    ...c
   } = e, u = v(
     () => a.overlay.close(),
     [a]
   ), h = v(
-    (y) => a.overlay.setTitle(y),
+    (M) => a.overlay.setTitle(M),
     [a]
   ), p = v(
-    (y) => a.overlay.setIcon(y),
+    (M) => a.overlay.setIcon(M),
     [a]
   ), g = v(
-    (y) => a.overlay.setAllowClose(y),
+    (M) => a.overlay.setAllowClose(M),
     [a]
   ), b = v(
-    (y) => a.overlay.setConfirmClose(y),
+    (M) => a.overlay.setConfirmClose(M),
     [a]
-  ), M = v(
-    (y) => a.overlay.sendPayload(y),
+  ), C = v(
+    (M) => a.overlay.sendPayload(M),
     [a]
-  ), T = v(
-    (y) => a.overlay.navigate(y),
+  ), S = v(
+    (M) => a.overlay.navigate(M),
     [a]
   );
   return s ? /* @__PURE__ */ w(
     "div",
     {
       ...i,
-      ...d,
-      className: vo(r),
+      ...c,
+      className: yo(r),
       "data-testid": "webchat-container",
       "data-webchat-container": !0,
       children: [
-        /* @__PURE__ */ n(In, { children: c }),
+        /* @__PURE__ */ n(Ln, { children: l }),
         /* @__PURE__ */ n(
-          fo,
+          vo,
           {
             overlayState: t.overlayState,
             onClose: u,
@@ -1020,8 +1020,8 @@ function bo(e) {
             onSetIcon: p,
             onSetAllowClose: g,
             onSetConfirmClose: b,
-            onSendPayload: M,
-            onNavigate: T,
+            onSendPayload: C,
+            onNavigate: S,
             coverRegistry: f
           }
         )
@@ -1029,7 +1029,7 @@ function bo(e) {
     }
   ) : null;
 }
-function wo() {
+function Po() {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -1050,7 +1050,7 @@ function wo() {
     }
   );
 }
-function Co() {
+function No() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1065,26 +1065,26 @@ function Co() {
     }
   );
 }
-function yo(e) {
+function So(e) {
   return Math.min(1, Math.max(0, e));
 }
-function Mo(e, t, a) {
+function To(e, t, a) {
   const {
     title: o = "Chat",
     avatarSrc: s,
     avatarAlt: i,
     showStatus: r = !0,
-    showClose: c = !0,
+    showClose: l = !0,
     onClose: f,
     variant: _ = "collapsed",
     collapseProgress: m,
-    hasShadow: l = !1,
-    enableResponsiveHeroHeader: d,
+    hasShadow: d = !1,
+    enableResponsiveHeroHeader: c,
     "aria-label": u,
     className: h,
     style: p,
     ...g
-  } = e, b = s ?? t.avatarConfig?.bot?.src, M = t.avatarConfig?.bot?.svg, T = i ?? t.avatarConfig?.bot?.alt, y = L(
+  } = e, b = s ?? t.avatarConfig?.bot?.src, C = t.avatarConfig?.bot?.svg, S = i ?? t.avatarConfig?.bot?.alt, M = L(
     t.controller.machine,
     (B) => B.context.connectionStatus || "disconnected"
   ), P = v(() => {
@@ -1104,11 +1104,11 @@ function Mo(e, t, a) {
       default:
         return "Offline";
     }
-  }, []), W = r ? A(y) : void 0, V = _ !== "expanded", $ = d ?? t.enableResponsiveHeroHeader ?? !0, j = yo(
+  }, []), W = r ? A(M) : void 0, V = _ !== "expanded", $ = c ?? t.enableResponsiveHeroHeader ?? !0, q = So(
     m ?? Number(V)
-  ), q = {
+  ), G = {
     ...p,
-    "--webchat-header-collapse-progress": String(j)
+    "--webchat-header-collapse-progress": String(q)
   };
   return {
     // Header element props
@@ -1116,32 +1116,32 @@ function Mo(e, t, a) {
       ...g,
       ref: a,
       "aria-label": u || `${o} header`,
-      style: q,
+      style: G,
       "data-webchat-responsive-hero": $ ? "on" : "off"
     },
     // Header content
     title: o,
     avatarSrc: b,
-    avatarSvg: M,
-    avatarAlt: T,
+    avatarSvg: C,
+    avatarAlt: S,
     showStatus: r,
     statusText: W,
-    showClose: c,
+    showClose: l,
     onClose: P,
-    connectionStatus: y,
+    connectionStatus: M,
     // CSS class variants
     variants: {
       variant: _,
-      hasShadow: l,
+      hasShadow: d,
       className: h
     }
   };
 }
-const Po = "webchat-header-module__base___VbIWd", No = "webchat-header-module__profile___NsohW", So = "webchat-header-module__avatar___klWPr", To = "webchat-header-module__collapsed___Xwj3m", Ao = "webchat-header-module__expanded___9RKFH", x = {
-  base: Po,
+const Ao = "webchat-header-module__base___VbIWd", Eo = "webchat-header-module__profile___NsohW", Io = "webchat-header-module__avatar___klWPr", Ro = "webchat-header-module__collapsed___Xwj3m", xo = "webchat-header-module__expanded___9RKFH", x = {
+  base: Ao,
   "header-content": "webchat-header-module__header-content___bPP9l",
-  profile: No,
-  avatar: So,
+  profile: Eo,
+  avatar: Io,
   "header-text": "webchat-header-module__header-text___64Yj9",
   "header-title": "webchat-header-module__header-title___QHcHi",
   "status-text": "webchat-header-module__status-text___fTZvQ",
@@ -1152,38 +1152,38 @@ const Po = "webchat-header-module__base___VbIWd", No = "webchat-header-module__p
   "avatar-svg": "webchat-header-module__avatar-svg___dKAm6",
   "status-dot": "webchat-header-module__status-dot___rjbA2",
   "has-shadow": "webchat-header-module__has-shadow___uQ7mG",
-  collapsed: To,
-  expanded: Ao
-}, yt = O((e, t) => {
-  const a = Xt(t), { buttonProps: o } = pt(e, a), { focusProps: s, isFocusVisible: i } = Ze();
+  collapsed: Ro,
+  expanded: xo
+}, Nt = O((e, t) => {
+  const a = Yt(t), { buttonProps: o } = vt(e, a), { focusProps: s, isFocusVisible: i } = Ye();
   return /* @__PURE__ */ n(
     "button",
     {
-      ...gt(o, s),
+      ...wt(o, s),
       ref: a,
       className: x["header-button"],
       "aria-label": e["aria-label"] ?? "Open menu",
       "data-focus-visible": i || void 0,
-      children: /* @__PURE__ */ n(Co, {})
+      children: /* @__PURE__ */ n(No, {})
     }
   );
 });
-function Io(e) {
-  const t = C(null), { buttonProps: a } = pt(e, t), { focusProps: o, isFocusVisible: s } = Ze();
+function Lo(e) {
+  const t = y(null), { buttonProps: a } = vt(e, t), { focusProps: o, isFocusVisible: s } = Ye();
   return /* @__PURE__ */ n(
     "button",
     {
-      ...gt(a, o),
+      ...wt(a, o),
       ref: t,
       className: x["header-button"],
       "aria-label": e["aria-label"] ?? "Close chat",
       "data-focus-visible": s || void 0,
-      children: /* @__PURE__ */ n(wo, {})
+      children: /* @__PURE__ */ n(Po, {})
     }
   );
 }
-yt.displayName = "MenuTriggerButton";
-const Eo = F(x.base, {
+Nt.displayName = "MenuTriggerButton";
+const Bo = F(x.base, {
   variants: {
     variant: {
       default: x.collapsed,
@@ -1198,36 +1198,36 @@ const Eo = F(x.base, {
     variant: "collapsed"
   }
 });
-function Ro({
+function ko({
   children: e,
   ...t
 }) {
-  const { state: a } = U(), o = C(null), {
+  const { state: a } = z(), o = y(null), {
     headerProps: s,
     title: i,
     avatarSrc: r,
-    avatarSvg: c,
+    avatarSvg: l,
     avatarAlt: f,
     showStatus: _,
     statusText: m,
-    showClose: l,
-    onClose: d,
+    showClose: d,
+    onClose: c,
     connectionStatus: u,
     variants: h
-  } = Mo(t, a, o);
+  } = To(t, a, o);
   return /* @__PURE__ */ n(
     "header",
     {
       ...s,
-      className: Eo(h),
+      className: Bo(h),
       "data-webchat-header": !0,
       children: /* @__PURE__ */ w("div", { className: x["header-content"], children: [
         /* @__PURE__ */ w("div", { className: x.profile, children: [
-          /* @__PURE__ */ n("div", { className: x.avatar, "aria-hidden": "true", children: c ? /* @__PURE__ */ n(
+          /* @__PURE__ */ n("div", { className: x.avatar, "aria-hidden": "true", children: l ? /* @__PURE__ */ n(
             "div",
             {
               className: x["avatar-svg"],
-              dangerouslySetInnerHTML: { __html: c },
+              dangerouslySetInnerHTML: { __html: l },
               role: "img",
               "aria-label": f ?? i
             }
@@ -1256,7 +1256,7 @@ function Ro({
         ] }),
         /* @__PURE__ */ w("div", { className: x["header-actions"], children: [
           e,
-          l && /* @__PURE__ */ n(Io, { onPress: d })
+          d && /* @__PURE__ */ n(Lo, { onPress: c })
         ] })
       ] })
     }
@@ -1269,18 +1269,18 @@ const re = {
   role: "img",
   "aria-hidden": !0
 };
-function xo() {
+function Do() {
   return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1C77.5 213.5 86.3 192 104.2 192H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm-64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z" }) });
 }
-function Lo({
+function Oo({
   onClose: e,
   children: t
 }) {
-  const { controller: a } = U();
+  const { controller: a } = z();
   return /* @__PURE__ */ n(
-    Xe,
+    Ze,
     {
-      icon: /* @__PURE__ */ n(xo, {}),
+      icon: /* @__PURE__ */ n(Do, {}),
       onPress: () => {
         a.downloadTranscript(), e?.();
       },
@@ -1288,18 +1288,18 @@ function Lo({
     }
   );
 }
-function Bo() {
+function Wo() {
   return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z" }) });
 }
-function ko({
+function Vo({
   onClose: e,
   children: t
 }) {
-  const { controller: a } = U();
+  const { controller: a } = z();
   return /* @__PURE__ */ n(
-    Xe,
+    Ze,
     {
-      icon: /* @__PURE__ */ n(Bo, {}),
+      icon: /* @__PURE__ */ n(Wo, {}),
       onPress: () => {
         a.resetConversation(), e?.();
       },
@@ -1307,14 +1307,14 @@ function ko({
     }
   );
 }
-function Do() {
+function $o() {
   return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96C42.1 64 0 106.1 0 160v192c0 53.9 42.1 96 96 96h84c6.6 0 12-5.4 12-12z" }) });
 }
-const Oo = "Reset session?", Wo = "You will end this conversation and lose your chat history.", Vo = "Cancel", $o = "Reset session";
-function Ho({
+const Ho = "Reset session?", Fo = "You will end this conversation and lose your chat history.", Uo = "Cancel", zo = "Reset session";
+function jo({
   onClose: e
 }) {
-  const { controller: t } = U(), { open: a, close: o } = Sn(), s = v(() => {
+  const { controller: t } = z(), { open: a, close: o } = In(), s = v(() => {
     o();
   }, [o]), i = v(() => {
     t.resetSession(), o();
@@ -1323,17 +1323,17 @@ function Ho({
     menuItemProps: {
       onPress: v(() => {
         a({
-          title: Oo,
-          subtitle: Wo,
+          title: Ho,
+          subtitle: Fo,
           actions: [
             {
-              label: Vo,
+              label: Uo,
               intent: "secondary",
               appearance: "outline",
               onPress: s
             },
             {
-              label: $o,
+              label: zo,
               intent: "danger",
               onPress: i
             }
@@ -1343,14 +1343,14 @@ function Ho({
     }
   };
 }
-function Fo({
+function qo({
   onClose: e,
   children: t
 }) {
-  const { menuItemProps: a } = Ho({ onClose: e });
-  return /* @__PURE__ */ n(Xe, { icon: /* @__PURE__ */ n(Do, {}), onPress: a.onPress, children: t ?? "Reset session" });
+  const { menuItemProps: a } = jo({ onClose: e });
+  return /* @__PURE__ */ n(Ze, { icon: /* @__PURE__ */ n($o, {}), onPress: a.onPress, children: t ?? "Reset session" });
 }
-function Uo() {
+function Go() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1363,25 +1363,25 @@ function Uo() {
     }
   );
 }
-function zo({
+function Ko({
   onClose: e,
   children: t
 }) {
-  const { state: a, controller: o } = U(), { soundsEnabled: s } = a;
+  const { state: a, controller: o } = z(), { soundsEnabled: s } = a;
   return /* @__PURE__ */ n(
-    Vt,
+    Ft,
     {
-      icon: /* @__PURE__ */ n(Uo, {}),
+      icon: /* @__PURE__ */ n(Go, {}),
       isSelected: s,
       onChange: (i) => o.toggleSounds(i),
       children: t ?? "Sounds"
     }
   );
 }
-function Mt() {
+function St() {
   return /* @__PURE__ */ n("svg", { ...re, viewBox: "0 0 384 512", children: /* @__PURE__ */ n("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }) });
 }
-function Pt() {
+function Tt() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1402,7 +1402,7 @@ function Pt() {
     }
   );
 }
-function Nt() {
+function At() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1423,23 +1423,23 @@ function Nt() {
     }
   );
 }
-const jo = "attachment-preview-module__container___VIJkZ", qo = "attachment-preview-module__thumbnailList___by6c8", Go = "attachment-preview-module__thumbnailItem___GNFlf", Ko = "attachment-preview-module__thumbnail___Ckp9-", Xo = "attachment-preview-module__videoWrapper___lmpFI", Zo = "attachment-preview-module__videoPlayBadge___ky5sB", Qo = "attachment-preview-module__fileList___HO6cw", Yo = "attachment-preview-module__fileRow___F61bW", Jo = "attachment-preview-module__fileIcon___azbPW", ea = "attachment-preview-module__fileName___Ye6Av", ta = "attachment-preview-module__removeBtn___TWvdF", H = {
-  container: jo,
-  thumbnailList: qo,
-  thumbnailItem: Go,
-  thumbnail: Ko,
-  videoWrapper: Xo,
-  videoPlayBadge: Zo,
-  fileList: Qo,
-  fileRow: Yo,
-  fileIcon: Jo,
-  fileName: ea,
-  removeBtn: ta
+const Xo = "attachment-preview-module__container___VIJkZ", Zo = "attachment-preview-module__thumbnailList___by6c8", Qo = "attachment-preview-module__thumbnailItem___GNFlf", Yo = "attachment-preview-module__thumbnail___Ckp9-", Jo = "attachment-preview-module__videoWrapper___lmpFI", ea = "attachment-preview-module__videoPlayBadge___ky5sB", ta = "attachment-preview-module__fileList___HO6cw", na = "attachment-preview-module__fileRow___F61bW", oa = "attachment-preview-module__fileIcon___azbPW", aa = "attachment-preview-module__fileName___Ye6Av", sa = "attachment-preview-module__removeBtn___TWvdF", H = {
+  container: Xo,
+  thumbnailList: Zo,
+  thumbnailItem: Qo,
+  thumbnail: Yo,
+  videoWrapper: Jo,
+  videoPlayBadge: ea,
+  fileList: ta,
+  fileRow: na,
+  fileIcon: oa,
+  fileName: aa,
+  removeBtn: sa
 };
-function na(e) {
-  return e === "application/pdf" ? /* @__PURE__ */ n(Nt, {}) : /* @__PURE__ */ n(Pt, {});
+function ra(e) {
+  return e === "application/pdf" ? /* @__PURE__ */ n(At, {}) : /* @__PURE__ */ n(Tt, {});
 }
-function oa({ attachment: e, onRemove: t }) {
+function ia({ attachment: e, onRemove: t }) {
   return /* @__PURE__ */ w("div", { role: "listitem", className: H.thumbnailItem, children: [
     e.fileType === "video" ? /* @__PURE__ */ w("div", { className: H.videoWrapper, children: [
       /* @__PURE__ */ n(
@@ -1469,14 +1469,14 @@ function oa({ attachment: e, onRemove: t }) {
         className: H.removeBtn,
         "aria-label": `Remove ${e.file.name}`,
         onClick: () => t(e.id),
-        children: /* @__PURE__ */ n(Mt, {})
+        children: /* @__PURE__ */ n(St, {})
       }
     )
   ] });
 }
-function aa({ attachment: e, onRemove: t }) {
+function ca({ attachment: e, onRemove: t }) {
   return /* @__PURE__ */ w("div", { role: "listitem", className: H.fileRow, children: [
-    /* @__PURE__ */ n("span", { className: H.fileIcon, "aria-hidden": !0, children: na(e.file.type) }),
+    /* @__PURE__ */ n("span", { className: H.fileIcon, "aria-hidden": !0, children: ra(e.file.type) }),
     /* @__PURE__ */ n("span", { className: H.fileName, children: e.file.name }),
     /* @__PURE__ */ n(
       "button",
@@ -1485,12 +1485,12 @@ function aa({ attachment: e, onRemove: t }) {
         className: H.removeBtn,
         "aria-label": `Remove ${e.file.name}`,
         onClick: () => t(e.id),
-        children: /* @__PURE__ */ n(Mt, {})
+        children: /* @__PURE__ */ n(St, {})
       }
     )
   ] });
 }
-function sa({
+function la({
   attachments: e,
   onRemove: t
 }) {
@@ -1504,7 +1504,7 @@ function sa({
         role: "list",
         "aria-label": "Image and video attachments",
         children: a.map((s) => /* @__PURE__ */ n(
-          oa,
+          ia,
           {
             attachment: s,
             onRemove: t
@@ -1520,7 +1520,7 @@ function sa({
         role: "list",
         "aria-label": "File attachments",
         children: o.map((s) => /* @__PURE__ */ n(
-          aa,
+          ca,
           {
             attachment: s,
             onRemove: t
@@ -1531,7 +1531,7 @@ function sa({
     )
   ] });
 }
-const ra = 25 * 1024 * 1024, ia = ["image/*", "video/*"], St = [
+const da = 25 * 1024 * 1024, ua = ["image/*", "video/*"], Et = [
   ".pdf",
   ".doc",
   ".docx",
@@ -1541,64 +1541,64 @@ const ra = 25 * 1024 * 1024, ia = ["image/*", "video/*"], St = [
   ".pptx",
   ".txt",
   ".zip"
-], ca = new Set(
-  St.map((e) => e.slice(1))
+], ma = new Set(
+  Et.map((e) => e.slice(1))
   // strip leading '.'
-), la = [
-  ...ia,
+), _a = [
+  ...ua,
   "application/pdf",
-  ...St
+  ...Et
 ].join(",");
-function da(e) {
+function ha(e) {
   return e.type.startsWith("image/") ? "image" : e.type.startsWith("video/") ? "video" : "document";
 }
-function ua(e) {
+function fa(e) {
   if (e.type.startsWith("image/") || e.type.startsWith("video/"))
     return !0;
   const t = e.name.split(".").pop()?.toLowerCase() ?? "";
-  return !!ca.has(t);
+  return !!ma.has(t);
 }
-function ma() {
-  const { controller: e } = U(), [t, a] = N([]), [o, s] = N(), i = C(null), r = C(/* @__PURE__ */ new Map());
-  S(() => {
-    const d = r.current;
+function pa() {
+  const { controller: e } = z(), [t, a] = N([]), [o, s] = N(), i = y(null), r = y(/* @__PURE__ */ new Map());
+  T(() => {
+    const c = r.current;
     return () => {
-      d.forEach((u) => URL.revokeObjectURL(u));
+      c.forEach((u) => URL.revokeObjectURL(u));
     };
   }, []);
-  const c = v(
-    (d) => {
-      const u = d.target.files?.[0];
+  const l = v(
+    (c) => {
+      const u = c.target.files?.[0];
       if (!u) return;
-      if (d.target.value = "", !ua(u)) {
+      if (c.target.value = "", !fa(u)) {
         s("File type not supported.");
         return;
       }
-      if (u.size > ra) {
+      if (u.size > da) {
         s("File is too large. Maximum size is 25 MB.");
         return;
       }
       s(void 0), r.current.forEach((g) => URL.revokeObjectURL(g)), r.current.clear();
       const h = `${u.name}-${u.size}-${Date.now()}-${Math.random()}`, p = URL.createObjectURL(u);
-      r.current.set(h, p), a([{ id: h, file: u, previewUrl: p, fileType: da(u) }]);
+      r.current.set(h, p), a([{ id: h, file: u, previewUrl: p, fileType: ha(u) }]);
     },
     []
-  ), f = v((d) => {
-    const u = r.current.get(d);
-    u && (URL.revokeObjectURL(u), r.current.delete(d)), a((h) => h.filter((p) => p.id !== d));
+  ), f = v((c) => {
+    const u = r.current.get(c);
+    u && (URL.revokeObjectURL(u), r.current.delete(c)), a((h) => h.filter((p) => p.id !== c));
   }, []), _ = v(() => {
-    r.current.forEach((d) => URL.revokeObjectURL(d)), r.current.clear(), a([]);
+    r.current.forEach((c) => URL.revokeObjectURL(c)), r.current.clear(), a([]);
   }, []), m = v(() => {
     i.current?.click();
-  }, []), l = v(() => {
+  }, []), d = v(() => {
     if (t.length) {
-      for (const d of t) {
+      for (const c of t) {
         const u = Qe.createMedia({
-          file: d.file,
-          attachmentUrl: d.previewUrl,
+          file: c.file,
+          attachmentUrl: c.previewUrl,
           metadata: { sent_by: me.User }
         });
-        e.sendMessage(u, d.file);
+        e.sendMessage(u, c.file);
       }
       r.current.clear(), a([]);
     }
@@ -1608,68 +1608,68 @@ function ma() {
     hasAttachments: t.length > 0,
     attachmentError: o,
     fileInputRef: i,
-    handleFileInputChange: c,
+    handleFileInputChange: l,
     handleRemoveAttachment: f,
     clearAttachments: _,
     handleOpenFilePicker: m,
-    sendAttachments: l,
+    sendAttachments: d,
     attachmentListProps: {
       attachments: t,
       onRemove: f
     }
   };
 }
-const _a = "audio-waveform-module__waveform___xs7iO", Tt = {
-  waveform: _a
-}, ha = 30, fa = 1e3 / ha, pa = 24, st = 2, rt = 3;
-function ga({ analyserNode: e }) {
-  const t = C(null), a = C(void 0), o = C(0);
-  return S(() => {
+const ga = "audio-waveform-module__waveform___xs7iO", It = {
+  waveform: ga
+}, ba = 30, va = 1e3 / ba, wa = 24, rt = 2, it = 3;
+function Ca({ analyserNode: e }) {
+  const t = y(null), a = y(void 0), o = y(0);
+  return T(() => {
     const s = t.current;
     if (!s) return;
     const i = () => {
-      const d = window.devicePixelRatio ?? 1, u = Math.max(s.clientWidth, 60);
-      s.width = Math.round(u * d), s.height = pa * d;
+      const c = window.devicePixelRatio ?? 1, u = Math.max(s.clientWidth, 60);
+      s.width = Math.round(u * c), s.height = wa * c;
     };
     i();
     const r = new ResizeObserver(i);
     r.observe(s);
-    const c = s.getContext("2d");
-    if (!c) return;
+    const l = s.getContext("2d");
+    if (!l) return;
     const f = e.frequencyBinCount, _ = new Uint8Array(f);
-    function m(d, u, h, p) {
+    function m(c, u, h, p) {
       const g = h / 2;
       if (p <= h) {
-        c.beginPath(), c.arc(d + g, u + g, g, 0, Math.PI * 2), c.fill();
+        l.beginPath(), l.arc(c + g, u + g, g, 0, Math.PI * 2), l.fill();
         return;
       }
-      c.beginPath(), c.moveTo(d + g, u), c.arcTo(d + h, u, d + h, u + g, g), c.lineTo(d + h, u + p - g), c.arcTo(d + h, u + p, d + g, u + p, g), c.lineTo(d + g, u + p), c.arcTo(d, u + p, d, u + p - g, g), c.lineTo(d, u + g), c.arcTo(d, u, d + g, u, g), c.closePath(), c.fill();
+      l.beginPath(), l.moveTo(c + g, u), l.arcTo(c + h, u, c + h, u + g, g), l.lineTo(c + h, u + p - g), l.arcTo(c + h, u + p, c + g, u + p, g), l.lineTo(c + g, u + p), l.arcTo(c, u + p, c, u + p - g, g), l.lineTo(c, u + g), l.arcTo(c, u, c + g, u, g), l.closePath(), l.fill();
     }
-    function l(d) {
-      if (d - o.current < fa) {
-        a.current = requestAnimationFrame(l);
+    function d(c) {
+      if (c - o.current < va) {
+        a.current = requestAnimationFrame(d);
         return;
       }
-      o.current = d, e.getByteFrequencyData(_);
-      const u = window.devicePixelRatio ?? 1, h = s.width, p = s.height, g = st * u, b = Math.max(
+      o.current = c, e.getByteFrequencyData(_);
+      const u = window.devicePixelRatio ?? 1, h = s.width, p = s.height, g = rt * u, b = Math.max(
         1,
-        Math.floor(h / u / (st + rt))
-      ), M = rt * u;
-      c.clearRect(0, 0, h, p), c.fillStyle = "currentColor";
-      const T = Math.floor(f * 0.5);
-      for (let y = 0; y < b; y++) {
-        const P = Math.floor(y / b * T), A = _[P], W = Math.max(g, A / 255 * p * 1.1), V = y * (g + M), $ = (p - W) / 2;
+        Math.floor(h / u / (rt + it))
+      ), C = it * u;
+      l.clearRect(0, 0, h, p), l.fillStyle = "currentColor";
+      const S = Math.floor(f * 0.5);
+      for (let M = 0; M < b; M++) {
+        const P = Math.floor(M / b * S), A = _[P], W = Math.max(g, A / 255 * p * 1.1), V = M * (g + C), $ = (p - W) / 2;
         m(V, $, g, W);
       }
-      a.current = requestAnimationFrame(l);
+      a.current = requestAnimationFrame(d);
     }
-    return a.current = requestAnimationFrame(l), () => {
+    return a.current = requestAnimationFrame(d), () => {
       a.current !== void 0 && cancelAnimationFrame(a.current), r.disconnect();
     };
-  }, [e]), /* @__PURE__ */ n("canvas", { ref: t, className: Tt.waveform, "aria-hidden": !0 });
+  }, [e]), /* @__PURE__ */ n("canvas", { ref: t, className: It.waveform, "aria-hidden": !0 });
 }
-const va = 24, it = 2, ct = 3;
-function ba(e, t, a, o, s) {
+const ya = 24, ct = 2, lt = 3;
+function Ma(e, t, a, o, s) {
   const i = o / 2;
   if (s <= o) {
     e.beginPath(), e.arc(t + i, a + i, i, 0, Math.PI * 2), e.fill();
@@ -1677,13 +1677,13 @@ function ba(e, t, a, o, s) {
   }
   e.beginPath(), e.moveTo(t + i, a), e.arcTo(t + o, a, t + o, a + i, i), e.lineTo(t + o, a + s - i), e.arcTo(t + o, a + s, t + i, a + s, i), e.lineTo(t + i, a + s), e.arcTo(t, a + s, t, a + s - i, i), e.lineTo(t, a + i), e.arcTo(t, a, t + i, a, i), e.closePath(), e.fill();
 }
-function wa(e, t, a, o, s) {
+function Pa(e, t, a, o, s) {
   const i = window.devicePixelRatio ?? 1;
   e.clearRect(0, 0, t, a), e.fillStyle = "currentColor";
-  const r = it * i, c = ct * i, f = Math.max(
+  const r = ct * i, l = lt * i, f = Math.max(
     1,
-    Math.floor(t / i / (it + ct))
-  ), _ = r, m = Math.round(s * f), l = new Float32Array(f);
+    Math.floor(t / i / (ct + lt))
+  ), _ = r, m = Math.round(s * f), d = new Float32Array(f);
   for (let h = 0; h < f; h++)
     if (o) {
       const p = Math.floor(h / f * o.length), g = Math.max(
@@ -1691,71 +1691,71 @@ function wa(e, t, a, o, s) {
         Math.floor((h + 1) / f * o.length)
       );
       let b = 0;
-      for (let M = p; M < g; M++) b += Math.abs(o[M]);
-      l[h] = b / (g - p);
+      for (let C = p; C < g; C++) b += Math.abs(o[C]);
+      d[h] = b / (g - p);
     } else
-      l[h] = 0.1 + 0.1 * Math.abs(Math.sin(h * 0.9)) + 0.07 * Math.abs(Math.sin(h * 1.7));
-  let d = 0;
+      d[h] = 0.1 + 0.1 * Math.abs(Math.sin(h * 0.9)) + 0.07 * Math.abs(Math.sin(h * 1.7));
+  let c = 0;
   for (let h = 0; h < f; h++)
-    l[h] > d && (d = l[h]);
-  const u = d > 0 ? a * 0.85 / d : 1;
+    d[h] > c && (c = d[h]);
+  const u = c > 0 ? a * 0.85 / c : 1;
   for (let h = 0; h < f; h++) {
-    const p = Math.max(_, l[h] * u), g = h * (r + c), b = (a - p) / 2;
-    e.globalAlpha = h < m ? 1 : 0.35, ba(e, g, b, r, p);
+    const p = Math.max(_, d[h] * u), g = h * (r + l), b = (a - p) / 2;
+    e.globalAlpha = h < m ? 1 : 0.35, Ma(e, g, b, r, p);
   }
   e.globalAlpha = 1;
 }
 function Pe(e, t, a) {
-  const o = window.devicePixelRatio ?? 1, s = Math.max(e.clientWidth, 60), i = Math.round(s * o), r = va * o;
+  const o = window.devicePixelRatio ?? 1, s = Math.max(e.clientWidth, 60), i = Math.round(s * o), r = ya * o;
   e.width !== i && (e.width = i), e.height !== r && (e.height = r);
-  const c = e.getContext("2d");
-  c && wa(c, e.width, e.height, t, a);
+  const l = e.getContext("2d");
+  l && Pa(l, e.width, e.height, t, a);
 }
-function Ca(e) {
+function Na(e) {
   return Math.min(1, Math.max(0, e));
 }
-function lt(e, t) {
+function dt(e, t) {
   const a = e.getBoundingClientRect();
-  return Ca((t - a.left) / a.width);
+  return Na((t - a.left) / a.width);
 }
-function At({
+function Rt({
   audioBlob: e,
   progress: t,
   onSeek: a
 }) {
-  const o = C(null), s = C(null), i = C(t), r = C(a);
-  i.current = t, r.current = a, S(() => {
+  const o = y(null), s = y(null), i = y(t), r = y(a);
+  i.current = t, r.current = a, T(() => {
     const _ = o.current;
     if (!_) return;
     let m = !1;
     s.current = null, Pe(_, null, i.current);
-    const l = new ResizeObserver(() => {
+    const d = new ResizeObserver(() => {
       m || Pe(_, s.current, i.current);
     });
-    l.observe(_);
-    const d = new AudioContext();
-    return e.arrayBuffer().then((u) => d.decodeAudioData(u)).then((u) => {
+    d.observe(_);
+    const c = new AudioContext();
+    return e.arrayBuffer().then((u) => c.decodeAudioData(u)).then((u) => {
       m || (s.current = u.getChannelData(0), Pe(_, s.current, i.current));
     }).catch(() => {
-    }).finally(() => d.close()), () => {
-      m = !0, l.disconnect();
+    }).finally(() => c.close()), () => {
+      m = !0, d.disconnect();
     };
-  }, [e]), S(() => {
+  }, [e]), T(() => {
     const _ = o.current;
     _ && Pe(_, s.current, t);
   }, [t]);
-  const c = v(
+  const l = v(
     (_) => {
       if (!r.current) return;
       const m = o.current;
-      m && (_.preventDefault(), m.setPointerCapture(_.pointerId), r.current(lt(m, _.clientX)));
+      m && (_.preventDefault(), m.setPointerCapture(_.pointerId), r.current(dt(m, _.clientX)));
     },
     []
   ), f = v(
     (_) => {
       if (!r.current || _.buttons === 0) return;
       const m = o.current;
-      m && r.current(lt(m, _.clientX));
+      m && r.current(dt(m, _.clientX));
     },
     []
   );
@@ -1763,15 +1763,15 @@ function At({
     "canvas",
     {
       ref: o,
-      className: Tt.waveform,
+      className: It.waveform,
       "data-seekable": !!a,
       "aria-hidden": !0,
-      onPointerDown: a ? c : void 0,
+      onPointerDown: a ? l : void 0,
       onPointerMove: a ? f : void 0
     }
   );
 }
-function ya() {
+function Sa() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1787,7 +1787,7 @@ function ya() {
     }
   );
 }
-function It() {
+function xt() {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -1803,7 +1803,7 @@ function It() {
     }
   );
 }
-function Ye() {
+function Je() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1816,7 +1816,7 @@ function Ye() {
     }
   );
 }
-const J = {
+const te = {
   "recording-controls": "audio-input-module__recording-controls___Hj6Qf",
   "recording-controls-enter": "audio-input-module__recording-controls-enter___0w-HZ",
   "recording-controls-exit": "audio-input-module__recording-controls-exit___Bp3tQ",
@@ -1827,7 +1827,7 @@ const J = {
   "recording-timer": "audio-input-module__recording-timer___kyV0m",
   "preview-play-btn": "audio-input-module__preview-play-btn___WJatV"
 };
-function Ma({
+function Ta({
   showControls: e,
   recordingControlsClassName: t,
   frozenIsRecording: a,
@@ -1835,26 +1835,26 @@ function Ma({
   analyserNode: s,
   audioBlob: i,
   audioProgress: r,
-  isPlaying: c,
+  isPlaying: l,
   isPreview: f,
   handlePlayPause: _,
   handleSeekPreview: m,
-  handleCancelRecording: l,
-  timerDisplay: d,
+  handleCancelRecording: d,
+  timerDisplay: c,
   objectUrl: u,
   audioRef: h,
   handleAudioPlay: p,
   handleAudioPause: g,
   handleAudioEnded: b,
-  handleAudioLoadedMetadata: M,
-  handleAudioTimeUpdate: T
+  handleAudioLoadedMetadata: C,
+  handleAudioTimeUpdate: S
 }) {
-  return /* @__PURE__ */ w(Ee, { children: [
+  return /* @__PURE__ */ w(Ie, { children: [
     e && /* @__PURE__ */ w(
       "div",
       {
-        className: E(
-          J["recording-controls"],
+        className: I(
+          te["recording-controls"],
           t
         ),
         children: [
@@ -1862,39 +1862,39 @@ function Ma({
             "button",
             {
               type: "button",
-              className: J["recording-side-btn"],
+              className: te["recording-side-btn"],
               "aria-label": f ? "Discard recording" : "Cancel recording",
-              onClick: l,
-              children: /* @__PURE__ */ n(ya, {})
+              onClick: d,
+              children: /* @__PURE__ */ n(Sa, {})
             }
           ),
           /* @__PURE__ */ w(
             "div",
             {
-              className: E(
-                J["recording-pill"],
-                a ? J["recording-pill--recording"] : J["recording-pill--preview"]
+              className: I(
+                te["recording-pill"],
+                a ? te["recording-pill--recording"] : te["recording-pill--preview"]
               ),
               children: [
                 o && /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    className: J["preview-play-btn"],
-                    "aria-label": c ? "Pause" : "Play recording",
+                    className: te["preview-play-btn"],
+                    "aria-label": l ? "Pause" : "Play recording",
                     onClick: _,
-                    children: c ? /* @__PURE__ */ n(It, {}) : /* @__PURE__ */ n(Ye, {})
+                    children: l ? /* @__PURE__ */ n(xt, {}) : /* @__PURE__ */ n(Je, {})
                   }
                 ),
-                a && s ? /* @__PURE__ */ n(ga, { analyserNode: s }) : o && i ? /* @__PURE__ */ n(
-                  At,
+                a && s ? /* @__PURE__ */ n(Ca, { analyserNode: s }) : o && i ? /* @__PURE__ */ n(
+                  Rt,
                   {
                     audioBlob: i,
                     progress: r,
                     onSeek: m
                   }
                 ) : null,
-                /* @__PURE__ */ n("span", { className: J["recording-timer"], children: d })
+                /* @__PURE__ */ n("span", { className: te["recording-timer"], children: c })
               ]
             }
           )
@@ -1909,53 +1909,53 @@ function Ma({
         onPlay: p,
         onPause: g,
         onEnded: b,
-        onLoadedMetadata: M,
-        onTimeUpdate: T,
+        onLoadedMetadata: C,
+        onTimeUpdate: S,
         style: { display: "none" }
       }
     )
   ] });
 }
-function Pa() {
+function Aa() {
   return typeof window < "u" && typeof navigator.mediaDevices?.getUserMedia == "function" && typeof MediaRecorder < "u";
 }
-function Na() {
+function Ea() {
   const [e, t] = N("idle"), [a, o] = N(void 0), [s, i] = N(
     void 0
-  ), [r, c] = N(!1), f = Pa(), _ = C(void 0), m = C(void 0), l = C(void 0), d = C([]), u = v(() => {
-    m.current?.getTracks().forEach((b) => b.stop()), m.current = void 0, l.current?.close(), l.current = void 0, i(void 0);
+  ), [r, l] = N(!1), f = Aa(), _ = y(void 0), m = y(void 0), d = y(void 0), c = y([]), u = v(() => {
+    m.current?.getTracks().forEach((b) => b.stop()), m.current = void 0, d.current?.close(), d.current = void 0, i(void 0);
   }, []), h = v(async () => {
     if (!f || e !== "idle") return;
-    c(!1);
+    l(!1);
     let b;
     try {
       b = await navigator.mediaDevices.getUserMedia({ audio: !0 });
     } catch (A) {
-      A instanceof Error && A.name === "NotAllowedError" && c(!0);
+      A instanceof Error && A.name === "NotAllowedError" && l(!0);
       return;
     }
     m.current = b;
-    const M = new AudioContext();
-    l.current = M;
-    const T = M.createMediaStreamSource(b), y = M.createAnalyser();
-    y.fftSize = 256, T.connect(y), i(y), d.current = [];
+    const C = new AudioContext();
+    d.current = C;
+    const S = C.createMediaStreamSource(b), M = C.createAnalyser();
+    M.fftSize = 256, S.connect(M), i(M), c.current = [];
     const P = new MediaRecorder(b);
     _.current = P, P.ondataavailable = (A) => {
-      A.data.size > 0 && d.current.push(A.data);
+      A.data.size > 0 && c.current.push(A.data);
     }, P.start(), t("recording");
   }, [f, e]), p = v(() => {
     const b = _.current;
     !b || e !== "recording" || (b.onstop = () => {
-      const M = new Blob(d.current, {
+      const C = new Blob(c.current, {
         type: b.mimeType || "audio/webm"
       });
-      o(M), t("preview");
+      o(C), t("preview");
     }, b.stop(), u());
   }, [e, u]), g = v(() => {
     const b = _.current;
-    b && b.state !== "inactive" && (b.onstop = null, b.stop()), u(), d.current = [], o(void 0), t("idle");
+    b && b.state !== "inactive" && (b.onstop = null, b.stop()), u(), c.current = [], o(void 0), t("idle");
   }, [u]);
-  return S(() => () => {
+  return T(() => () => {
     const b = _.current;
     b && b.state !== "inactive" && (b.onstop = null, b.stop()), u();
   }, [u]), {
@@ -1969,58 +1969,58 @@ function Na() {
     cancelRecording: g
   };
 }
-function Ie(e) {
+function Ee(e) {
   const t = String(Math.floor(e / 60)).padStart(2, "0"), a = String(Math.floor(e % 60)).padStart(2, "0");
   return `${t}:${a}`;
 }
-const Ge = "audio-recording", de = "audio-preview", Sa = 120;
-function Ta(e) {
+const Ge = "audio-recording", de = "audio-preview", Ia = 120;
+function Ra(e) {
   return new Promise((t, a) => {
     const o = new FileReader();
     o.onloadend = () => t(o.result), o.onerror = a, o.readAsDataURL(e);
   });
 }
-function Aa(e) {
-  const [t, a] = N(e), [o, s] = N(!1), i = C();
-  return S(() => (e ? (clearTimeout(i.current), a(!0), s(!1)) : (s(!0), i.current = setTimeout(() => {
+function xa(e) {
+  const [t, a] = N(e), [o, s] = N(!1), i = y();
+  return T(() => (e ? (clearTimeout(i.current), a(!0), s(!1)) : (s(!0), i.current = setTimeout(() => {
     a(!1), s(!1);
-  }, Sa)), () => {
+  }, Ia)), () => {
     clearTimeout(i.current);
   }), [e]), { showControls: t, isExiting: o };
 }
-function Ia(e, t) {
-  const { controller: a } = U(), { activeId: o, setActive: s, clearActive: i } = Le(), {
+function La(e, t) {
+  const { controller: a } = z(), { activeId: o, setActive: s, clearActive: i } = Le(), {
     recorderState: r,
-    audioBlob: c,
+    audioBlob: l,
     analyserNode: f,
     isSupported: _,
     startRecording: m,
-    confirmRecording: l,
-    cancelRecording: d
-  } = Na(), u = e.webchatClientSettingsBehaviors.input.isAudioRecordingVisible && _, [h, p] = N(0), g = C(
+    confirmRecording: d,
+    cancelRecording: c
+  } = Ea(), u = e.webchatClientSettingsBehaviors.input.isAudioRecordingVisible && _, [h, p] = N(0), g = y(
     void 0
-  ), b = C(null), [M, T] = N(""), [y, P] = N(!1), [A, W] = N(0), [V, $] = N(0);
-  S(() => (r === "recording" ? (p(0), g.current = setInterval(() => {
+  ), b = y(null), [C, S] = N(""), [M, P] = N(!1), [A, W] = N(0), [V, $] = N(0);
+  T(() => (r === "recording" ? (p(0), g.current = setInterval(() => {
     p((R) => R + 1);
-  }, 1e3)) : (clearInterval(g.current), r === "idle" && (p(0), W(0), $(0), P(!1))), () => clearInterval(g.current)), [r]), S(() => {
-    if (!c) {
-      T("");
+  }, 1e3)) : (clearInterval(g.current), r === "idle" && (p(0), W(0), $(0), P(!1))), () => clearInterval(g.current)), [r]), T(() => {
+    if (!l) {
+      S("");
       return;
     }
-    const R = URL.createObjectURL(c);
-    return T(R), () => URL.revokeObjectURL(R);
-  }, [c]);
-  const j = Ie(r === "recording" ? h : y ? V : A), q = A > 0 ? V / A : 0;
-  S(() => {
-    o !== de && y && b.current?.pause();
-  }, [o, y]);
+    const R = URL.createObjectURL(l);
+    return S(R), () => URL.revokeObjectURL(R);
+  }, [l]);
+  const q = Ee(r === "recording" ? h : M ? V : A), G = A > 0 ? V / A : 0;
+  T(() => {
+    o !== de && M && b.current?.pause();
+  }, [o, M]);
   const B = v(() => {
     P(!0), s(de);
-  }, [s]), G = v(() => {
+  }, [s]), K = v(() => {
     P(!1), i(de);
-  }, [i]), ee = v(() => {
+  }, [i]), ne = v(() => {
     P(!1), i(de);
-  }, [i]), Q = v(
+  }, [i]), J = v(
     (R) => {
       W(Math.round(R.currentTarget.duration));
     },
@@ -2032,20 +2032,20 @@ function Ia(e, t) {
     []
   ), ke = v(() => {
     const R = b.current;
-    R && (y ? R.pause() : R.play().catch(() => P(!1)));
-  }, [y]), De = v(() => {
+    R && (M ? R.pause() : R.play().catch(() => P(!1)));
+  }, [M]), De = v(() => {
     u && (s(Ge), m());
   }, [u, s, m]), Oe = v(() => {
-    i(Ge), l();
-  }, [i, l]), We = v(() => {
-    i(Ge), i(de), d();
-  }, [i, d]), ce = v(
+    i(Ge), d();
+  }, [i, d]), We = v(() => {
+    i(Ge), i(de), c();
+  }, [i, c]), ce = v(
     (R) => {
       !b.current || A === 0 || (b.current.currentTime = R * A, $(Math.round(b.current.currentTime)));
     },
     [A]
   ), Ve = v(() => {
-    b.current?.pause(), i(de), c && Ta(c).then((R) => {
+    b.current?.pause(), i(de), l && Ra(l).then((R) => {
       const je = Qe.createAudio({
         attachmentContent: R,
         metadata: { sent_by: me.User }
@@ -2053,15 +2053,15 @@ function Ia(e, t) {
       a.sendMessage(je);
     }).catch(() => {
     }).finally(() => {
-      d();
+      c();
     });
-  }, [c, a, d, i]), he = r !== "idle", { showControls: $e, isExiting: fe } = Aa(he), pe = C(r);
+  }, [l, a, c, i]), he = r !== "idle", { showControls: $e, isExiting: fe } = xa(he), pe = y(r);
   he && (pe.current = r);
-  const He = pe.current === "recording", ae = pe.current === "preview", K = r === "preview", Fe = r === "recording", Ue = he, ze = fe ? J["recording-controls-exit"] : J["recording-controls-enter"];
+  const He = pe.current === "recording", ae = pe.current === "preview", X = r === "preview", Fe = r === "recording", Ue = he, ze = fe ? te["recording-controls-exit"] : te["recording-controls-enter"];
   return {
     audioRecordingAvailable: u,
     hideBaseContent: Ue,
-    isPreview: K,
+    isPreview: X,
     isRecording: Fe,
     handleMicrophoneClick: De,
     handleConfirmRecording: Oe,
@@ -2072,28 +2072,28 @@ function Ia(e, t) {
       frozenIsRecording: He,
       frozenIsPreview: ae,
       analyserNode: f,
-      audioBlob: c,
-      audioProgress: q,
-      isPlaying: y,
-      isPreview: K,
+      audioBlob: l,
+      audioProgress: G,
+      isPlaying: M,
+      isPreview: X,
       handlePlayPause: ke,
       handleSeekPreview: ce,
       handleCancelRecording: We,
-      timerDisplay: j,
-      objectUrl: M,
+      timerDisplay: q,
+      objectUrl: C,
       audioRef: b,
       handleAudioPlay: B,
-      handleAudioPause: G,
-      handleAudioEnded: ee,
-      handleAudioLoadedMetadata: Q,
+      handleAudioPause: K,
+      handleAudioEnded: ne,
+      handleAudioLoadedMetadata: J,
       handleAudioTimeUpdate: Ce
     }
   };
 }
-function Ea() {
+function Ba() {
   return /* @__PURE__ */ n("svg", { ...re, viewBox: "0 0 448 512", children: /* @__PURE__ */ n("path", { d: "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z" }) });
 }
-function Ra() {
+function ka() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2110,10 +2110,10 @@ function Ra() {
     }
   );
 }
-function xa() {
+function Da() {
   return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" }) });
 }
-function La() {
+function Oa() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2130,15 +2130,15 @@ function La() {
     }
   );
 }
-function dt() {
+function ut() {
   return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M57.6 35.8C23.1 20.6-11.3 57.4 6.1 90.9l63 121.2c4.4 8.4 12.6 14.1 22 15.3L266 249.3c3.4 .4 6 3.3 6 6.7s-2.6 6.3-6 6.7L91.1 284.6c-9.4 1.2-17.6 6.9-22 15.3L6.1 421.1c-17.4 33.5 17 70.2 51.6 55.1L492.9 285.3c25.5-11.2 25.5-47.4 0-58.6L57.6 35.8z" }) });
 }
-const Ba = "webchat-input-module__base___TZXU7", ka = "webchat-input-module__branding___ReLzJ", I = {
+const Wa = "webchat-input-module__base___TZXU7", Va = "webchat-input-module__branding___ReLzJ", E = {
   default: "webchat-input-module__default___tHS5e",
-  base: Ba,
+  base: Wa,
   "input-form": "webchat-input-module__input-form___GnKc7",
   "input-row": "webchat-input-module__input-row___uqTs6",
-  branding: ka,
+  branding: Va,
   "input-form--active": "webchat-input-module__input-form--active___ZioHn",
   "input-field": "webchat-input-module__input-field___c4r26",
   "primary-action-base": "webchat-input-module__primary-action-base___UfC2U",
@@ -2156,7 +2156,7 @@ const Ba = "webchat-input-module__base___TZXU7", ka = "webchat-input-module__bra
   "action-bar": "webchat-input-module__action-bar___gEuJH",
   "content-hidden": "webchat-input-module__content-hidden___9pFoD"
 };
-function Da(e, t) {
+function $a(e, t) {
   const a = e.trim();
   return a ? t.some((o) => {
     if (o.message && a === o.message)
@@ -2169,70 +2169,70 @@ function Da(e, t) {
     }
   }) : !1;
 }
-function Oa(e, t, a) {
-  const { controller: o } = U(), {
+function Ha(e, t, a) {
+  const { controller: o } = z(), {
     placeholder: s = "Message...",
     disabled: i,
     variant: r = "default",
-    showBranding: c = !0,
+    showBranding: l = !0,
     "aria-label": f,
     className: _,
     onEmojiClick: m,
-    onAttachmentClick: l,
-    onMicrophoneClick: d,
+    onAttachmentClick: d,
+    onMicrophoneClick: c,
     onUserMessageSent: u,
     ...h
-  } = e, [p, g] = N(""), b = C(""), M = t.webchatClientSettingsBehaviors.input, T = M.isTextInputEnabled && !i, y = Da(
+  } = e, [p, g] = N(""), b = y(""), C = t.webchatClientSettingsBehaviors.input, S = C.isTextInputEnabled && !i, M = $a(
     p,
-    M.blockInputs
+    C.blockInputs
   ), P = p.trim().length > 0, {
     hasAttachments: A,
     attachmentError: W,
     fileInputRef: V,
     handleFileInputChange: $,
-    handleOpenFilePicker: j,
-    sendAttachments: q,
+    handleOpenFilePicker: q,
+    sendAttachments: G,
     attachmentListProps: B
-  } = ma(), {
-    audioRecordingAvailable: G,
-    hideBaseContent: ee,
-    isPreview: Q,
+  } = pa(), {
+    audioRecordingAvailable: K,
+    hideBaseContent: ne,
+    isPreview: J,
     isRecording: Ce,
     handleMicrophoneClick: ke,
     handleConfirmRecording: De,
     handleSendRecording: Oe,
     overlayProps: We
-  } = Ia(t), ce = v(() => {
-    if (!T || y) return;
-    const X = b.current.trim();
-    if (X) {
+  } = La(t), ce = v(() => {
+    if (!S || M) return;
+    const Z = b.current.trim();
+    if (Z) {
       const ye = Qe.createText({
-        text: X,
+        text: Z,
         metadata: {
           sent_by: me.User
         }
       });
       u?.(), o.sendMessage(ye), b.current = "", g("");
     }
-  }, [o, T, y, u]), Ve = v(
-    (X) => {
-      X.preventDefault(), A && q(), ce();
+  }, [o, S, M, u]), Ve = v(
+    (Z) => {
+      Z.preventDefault(), A && G(), ce();
     },
-    [A, q, ce]
+    [A, G, ce]
   ), he = v(
-    (X) => {
-      const ye = X.target.value;
+    (Z) => {
+      const ye = Z.target.value;
       b.current = ye, g(ye);
     },
     []
   ), $e = v(
-    (X) => {
-      X.key === "Enter" && !X.shiftKey && (X.preventDefault(), ce());
+    (Z) => {
+      Z.key === "Enter" && !Z.shiftKey && (Z.preventDefault(), ce());
     },
     [ce]
-  ), fe = P || A, pe = G ? !!i || !T || P && y : !!i || !T || !fe || P && y, He = G ? fe ? "submit" : "button" : "submit", ae = !Ce && !Q && G && !fe, K = Ce, Fe = !ae && !K, Ue = ae ? I["primary-action-mic"] : K ? I["primary-action-confirm"] : I["primary-action-send"], ze = K || Q ? "button" : He, tt = K ? !1 : pe, R = K ? De : Q ? Oe : ae ? ke : void 0, je = ae ? "Record voice message" : K ? "Confirm recording" : "Send message", Ot = v(() => {
-    j(), l?.();
-  }, [j, l]);
+  ), fe = P || A, pe = K ? !!i || !S || P && M : !!i || !S || !fe || P && M, He = K ? fe ? "submit" : "button" : "submit", ae = !Ce && !J && K && !fe, X = Ce, Fe = !ae && !X, Ue = ae ? E["primary-action-mic"] : X ? E["primary-action-confirm"] : E["primary-action-send"], ze = X || J ? "button" : He, nt = X ? !1 : pe, R = X ? De : J ? Oe : ae ? ke : void 0, je = ae ? "Record voice message" : X ? "Confirm recording" : "Send message", $t = v(() => {
+    q(), d?.();
+  }, [q, d]);
   return {
     // Input wrapper props
     inputProps: {
@@ -2246,7 +2246,7 @@ function Oa(e, t, a) {
     hasText: P,
     handleSubmit: Ve,
     onEmojiClick: m,
-    onAttachmentClick: Ot,
+    onAttachmentClick: $t,
     // Attachment preview
     hasAttachments: A,
     attachmentError: W,
@@ -2259,7 +2259,7 @@ function Oa(e, t, a) {
       onChange: he,
       onKeyDown: $e,
       placeholder: s,
-      disabled: !T,
+      disabled: !S,
       rows: 1
       // minimum rows; CSS field-sizing: content allows growth up to --webchat-input-max-rows
     },
@@ -2268,96 +2268,96 @@ function Oa(e, t, a) {
       variant: r,
       className: _
     },
-    isInputEnabled: T,
+    isInputEnabled: S,
     isInputDisabled: i,
-    inputBehavior: M,
-    showBranding: c,
+    inputBehavior: C,
+    showBranding: l,
     // Audio overlay (passed to AudioInput)
     overlayProps: We,
-    hideBaseContent: ee,
-    audioRecordingAvailable: G,
+    hideBaseContent: ne,
+    audioRecordingAvailable: K,
     // Primary action button
     primaryBgClass: Ue,
     primaryType: ze,
-    isPrimaryDisabled: tt,
+    isPrimaryDisabled: nt,
     primaryHandler: R,
     primaryLabel: je,
     // Action bar
     showMic: ae,
-    showConfirm: K,
+    showConfirm: X,
     showSend: Fe
   };
 }
-const Wa = F(I.base, {
+const Fa = F(E.base, {
   variants: {
     variant: {
-      default: I.default
+      default: E.default
     }
   },
   defaultVariants: {
     variant: "default"
   }
 });
-function Va(e) {
-  const { state: t } = U(), a = C(null), {
+function Ua(e) {
+  const { state: t } = z(), a = y(null), {
     inputProps: o,
     handleSubmit: s,
     fieldProps: i,
     variants: r,
-    showBranding: c,
+    showBranding: l,
     onEmojiClick: f,
     onAttachmentClick: _,
     isInputDisabled: m,
-    inputBehavior: l,
-    overlayProps: d,
+    inputBehavior: d,
+    overlayProps: c,
     hideBaseContent: u,
     audioRecordingAvailable: h,
     primaryBgClass: p,
     primaryType: g,
     isPrimaryDisabled: b,
-    primaryHandler: M,
-    primaryLabel: T,
-    showMic: y,
+    primaryHandler: C,
+    primaryLabel: S,
+    showMic: M,
     showConfirm: P,
     showSend: A,
     hasAttachments: W,
     attachmentError: V,
     fileInputRef: $,
-    handleFileInputChange: j,
-    attachmentListProps: q
-  } = Oa(e, t, a), { icons: B } = e;
-  if (!l.isComposerVisible)
+    handleFileInputChange: q,
+    attachmentListProps: G
+  } = Ha(e, t, a), { icons: B } = e;
+  if (!d.isComposerVisible)
     return null;
-  const G = c ? /* @__PURE__ */ n("p", { className: I.branding, children: "Powered by Hubtype" }) : void 0;
+  const K = l ? /* @__PURE__ */ n("p", { className: E.branding, children: "Powered by Hubtype" }) : void 0;
   return /* @__PURE__ */ w(
     "div",
     {
       ...o,
-      className: Wa(r),
+      className: Fa(r),
       "data-webchat-input": !0,
-      "data-attachments-enabled": String(l.areAttachmentsVisible),
-      "data-emoji-picker-enabled": String(l.isEmojiPickerVisible),
+      "data-attachments-enabled": String(d.areAttachmentsVisible),
+      "data-emoji-picker-enabled": String(d.isEmojiPickerVisible),
       children: [
-        /* @__PURE__ */ n("div", { className: I["input-container"], children: /* @__PURE__ */ w(
+        /* @__PURE__ */ n("div", { className: E["input-container"], children: /* @__PURE__ */ w(
           "form",
           {
             onSubmit: s,
-            className: E(
-              I["input-form"],
-              u && I["input-form--active"]
+            className: I(
+              E["input-form"],
+              u && E["input-form--active"]
             ),
             children: [
-              W && /* @__PURE__ */ n(sa, { ...q }),
-              V && /* @__PURE__ */ n("p", { className: I["attachment-error"], role: "alert", children: V }),
-              /* @__PURE__ */ w("div", { className: I["input-row"], children: [
-                h && /* @__PURE__ */ n(Ma, { ...d }),
+              W && /* @__PURE__ */ n(la, { ...G }),
+              V && /* @__PURE__ */ n("p", { className: E["attachment-error"], role: "alert", children: V }),
+              /* @__PURE__ */ w("div", { className: E["input-row"], children: [
+                h && /* @__PURE__ */ n(Ta, { ...c }),
                 /* @__PURE__ */ n(
                   "textarea",
                   {
                     ...i,
-                    className: E(
-                      I["input-field"],
-                      u && I["content-hidden"]
+                    className: I(
+                      E["input-field"],
+                      u && E["content-hidden"]
                     ),
                     inert: u ? "" : void 0
                   }
@@ -2365,34 +2365,34 @@ function Va(e) {
                 /* @__PURE__ */ w(
                   "div",
                   {
-                    className: E(
-                      I["action-bar"],
-                      u && I["content-hidden"]
+                    className: I(
+                      E["action-bar"],
+                      u && E["content-hidden"]
                     ),
                     role: "group",
                     "aria-label": "Message actions",
                     inert: u ? "" : void 0,
                     children: [
-                      l.isEmojiPickerVisible && /* @__PURE__ */ n(
+                      d.isEmojiPickerVisible && /* @__PURE__ */ n(
                         "button",
                         {
                           type: "button",
-                          className: I["action-button"],
+                          className: E["action-button"],
                           "aria-label": "Emoji",
                           disabled: m,
                           onClick: f,
-                          children: B?.emoji ?? /* @__PURE__ */ n(xa, {})
+                          children: B?.emoji ?? /* @__PURE__ */ n(Da, {})
                         }
                       ),
-                      l.areAttachmentsVisible && /* @__PURE__ */ n(
+                      d.areAttachmentsVisible && /* @__PURE__ */ n(
                         "button",
                         {
                           type: "button",
-                          className: I["action-button"],
+                          className: E["action-button"],
                           "aria-label": "Attach file",
                           disabled: m,
                           onClick: _,
-                          children: B?.attachment ?? /* @__PURE__ */ n(Ea, {})
+                          children: B?.attachment ?? /* @__PURE__ */ n(Ba, {})
                         }
                       )
                     ]
@@ -2402,48 +2402,48 @@ function Va(e) {
                   "button",
                   {
                     type: g,
-                    className: E(I["primary-action-base"], p),
+                    className: I(E["primary-action-base"], p),
                     disabled: b,
-                    "aria-label": T,
-                    onClick: M,
-                    children: /* @__PURE__ */ n("span", { className: I["icon-slot"], children: h ? /* @__PURE__ */ w(Ee, { children: [
+                    "aria-label": S,
+                    onClick: C,
+                    children: /* @__PURE__ */ n("span", { className: E["icon-slot"], children: h ? /* @__PURE__ */ w(Ie, { children: [
                       /* @__PURE__ */ n(
                         "span",
                         {
                           "aria-hidden": !0,
-                          className: E(I["icon-face"], I["icon-mic"]),
-                          "data-visible": y ? "true" : "false",
-                          children: B?.microphone ?? /* @__PURE__ */ n(La, {})
+                          className: I(E["icon-face"], E["icon-mic"]),
+                          "data-visible": M ? "true" : "false",
+                          children: B?.microphone ?? /* @__PURE__ */ n(Oa, {})
                         }
                       ),
                       /* @__PURE__ */ n(
                         "span",
                         {
                           "aria-hidden": !0,
-                          className: E(
-                            I["icon-face"],
-                            I["icon-confirm"]
+                          className: I(
+                            E["icon-face"],
+                            E["icon-confirm"]
                           ),
                           "data-visible": P ? "true" : "false",
-                          children: /* @__PURE__ */ n(Ra, {})
+                          children: /* @__PURE__ */ n(ka, {})
                         }
                       ),
                       /* @__PURE__ */ n(
                         "span",
                         {
                           "aria-hidden": !0,
-                          className: E(I["icon-face"], I["icon-send"]),
+                          className: I(E["icon-face"], E["icon-send"]),
                           "data-visible": A ? "true" : "false",
-                          children: B?.send ?? /* @__PURE__ */ n(dt, {})
+                          children: B?.send ?? /* @__PURE__ */ n(ut, {})
                         }
                       )
                     ] }) : /* @__PURE__ */ n(
                       "span",
                       {
                         "aria-hidden": !0,
-                        className: E(I["icon-face"], I["icon-send"]),
+                        className: I(E["icon-face"], E["icon-send"]),
                         "data-visible": "true",
-                        children: B?.send ?? /* @__PURE__ */ n(dt, {})
+                        children: B?.send ?? /* @__PURE__ */ n(ut, {})
                       }
                     ) })
                   }
@@ -2454,8 +2454,8 @@ function Va(e) {
                 {
                   ref: $,
                   type: "file",
-                  accept: la,
-                  onChange: j,
+                  accept: _a,
+                  onChange: q,
                   style: { display: "none" },
                   "aria-hidden": !0,
                   tabIndex: -1
@@ -2464,73 +2464,98 @@ function Va(e) {
             ]
           }
         ) }),
-        G
+        K
       ]
     }
   );
 }
-const $a = "message-bubble-module__base___WzTAP", Ha = "message-bubble-module__bot___PcXmL", Fa = "message-bubble-module__agent___WGfzX", Ua = "message-bubble-module__user___lFMMm", za = "message-bubble-module__system___e8-FD", ja = "message-bubble-module__sending___P9nK-", qa = "message-bubble-module__error___mine7", te = {
-  base: $a,
-  bot: Ha,
-  agent: Fa,
-  user: Ua,
-  system: za,
-  sending: ja,
-  error: qa
-}, Ga = F(te.base, {
+function Xe(e) {
+  if (!e) return;
+  const t = e.replace(/-/g, "");
+  if (t.length < 16 || parseInt(t[12], 16) !== 7) return;
+  const o = parseInt(t.slice(0, 12), 16);
+  if (!(!Number.isFinite(o) || o <= 0))
+    return new Date(o);
+}
+const za = "message-bubble-module__base___WzTAP", ja = "message-bubble-module__bot___PcXmL", qa = "message-bubble-module__agent___WGfzX", Ga = "message-bubble-module__user___lFMMm", Ka = "message-bubble-module__system___e8-FD", Xa = "message-bubble-module__sending___P9nK-", Za = "message-bubble-module__error___mine7", Q = {
+  base: za,
+  bot: ja,
+  agent: qa,
+  user: Ga,
+  "flat-top-corner": "message-bubble-module__flat-top-corner___CLxP2",
+  "flat-bottom-corner": "message-bubble-module__flat-bottom-corner___DrB7C",
+  system: Ka,
+  sending: Xa,
+  error: Za
+}, Qa = F(Q.base, {
   variants: {
     variant: {
-      user: te.user,
-      bot: te.bot,
-      system: te.system,
-      agent: te.agent
+      user: Q.user,
+      bot: Q.bot,
+      system: Q.system,
+      agent: Q.agent
     },
     status: {
-      sending: te.sending,
-      sent: te.sent,
-      error: te.error
+      sending: Q.sending,
+      sent: Q.sent,
+      error: Q.error
+    },
+    flatTopCorner: {
+      true: Q["flat-top-corner"]
+    },
+    flatBottomCorner: {
+      true: Q["flat-bottom-corner"]
     }
   },
   defaultVariants: { variant: "bot", status: "sent" }
-}), Je = O(
-  ({ variant: e = "bot", status: t = "sent", children: a, className: o }, s) => /* @__PURE__ */ n(
+}), et = O(
+  ({
+    variant: e = "bot",
+    status: t = "sent",
+    flatTopCorner: a,
+    flatBottomCorner: o,
+    children: s,
+    className: i
+  }, r) => /* @__PURE__ */ n(
     "div",
     {
-      ref: s,
-      className: Ga({
+      ref: r,
+      className: Qa({
         variant: e,
         status: t,
-        className: o
+        flatTopCorner: a,
+        flatBottomCorner: o,
+        className: i
       }),
       "data-webchat-message-bubble": !0,
-      children: a
+      children: s
     }
   )
-), Ka = "typing-message-module__typingDot___cCobM", Xa = "typing-message-module__typingDots___LwFeC", Ne = {
-  typingDot: Ka,
-  typingDots: Xa
-}, Za = ({
+), Ya = "typing-message-module__typingDot___cCobM", Ja = "typing-message-module__typingDots___LwFeC", Ne = {
+  typingDot: Ya,
+  typingDots: Ja
+}, es = ({
   isVisible: e = !1,
   className: t
-}) => e ? /* @__PURE__ */ n(Je, { variant: "bot", className: t, children: /* @__PURE__ */ w("div", { "data-testid": "typing-indicator", className: Ne.typingDots, children: [
+}) => e ? /* @__PURE__ */ n(et, { variant: "bot", className: t, children: /* @__PURE__ */ w("div", { "data-testid": "typing-indicator", className: Ne.typingDots, children: [
   /* @__PURE__ */ n("span", { className: Ne.typingDot }),
   /* @__PURE__ */ n("span", { className: Ne.typingDot }),
   /* @__PURE__ */ n("span", { className: Ne.typingDot })
-] }) }) : null, Qa = "message-avatar-module__container___-EX1c", Ya = "message-avatar-module__base___RPKhe", Ja = "message-avatar-module__circle___M68eH", es = "message-avatar-module__square___PjaDi", ts = "message-avatar-module__image___rxwYA", ns = "message-avatar-module__svg___eMikf", os = "message-avatar-module__fallback___2Xa-W", as = "message-avatar-module__name___L20Ht", ss = "message-avatar-module__small___gBALc", rs = "message-avatar-module__medium___WSeE1", is = "message-avatar-module__large___a-hNp", cs = "message-avatar-module__bot___2Bh0Y", ls = "message-avatar-module__agent___MemVD", D = {
-  container: Qa,
-  base: Ya,
-  circle: Ja,
-  square: es,
-  image: ts,
-  svg: ns,
-  fallback: os,
-  name: as,
-  small: ss,
-  medium: rs,
-  large: is,
-  bot: cs,
-  agent: ls
-}, ds = F(D.base, {
+] }) }) : null, ts = "message-avatar-module__container___-EX1c", ns = "message-avatar-module__base___RPKhe", os = "message-avatar-module__circle___M68eH", as = "message-avatar-module__square___PjaDi", ss = "message-avatar-module__image___rxwYA", rs = "message-avatar-module__svg___eMikf", is = "message-avatar-module__fallback___2Xa-W", cs = "message-avatar-module__name___L20Ht", ls = "message-avatar-module__small___gBALc", ds = "message-avatar-module__medium___WSeE1", us = "message-avatar-module__large___a-hNp", ms = "message-avatar-module__bot___2Bh0Y", _s = "message-avatar-module__agent___MemVD", D = {
+  container: ts,
+  base: ns,
+  circle: os,
+  square: as,
+  image: ss,
+  svg: rs,
+  fallback: is,
+  name: cs,
+  small: ls,
+  medium: ds,
+  large: us,
+  bot: ms,
+  agent: _s
+}, hs = F(D.base, {
   variants: {
     variant: {
       user: D.user,
@@ -2549,7 +2574,7 @@ const $a = "message-bubble-module__base___WzTAP", Ha = "message-bubble-module__b
     }
   },
   defaultVariants: { variant: "bot", size: "medium", shape: "circle" }
-}), et = O(
+}), tt = O(
   ({
     variant: e = "bot",
     size: t = "medium",
@@ -2558,7 +2583,7 @@ const $a = "message-bubble-module__base___WzTAP", Ha = "message-bubble-module__b
     alt: s,
     svg: i,
     showName: r = !1,
-    name: c,
+    name: l,
     fallback: f,
     className: _
   }, m) => /* @__PURE__ */ w(
@@ -2571,7 +2596,7 @@ const $a = "message-bubble-module__base___WzTAP", Ha = "message-bubble-module__b
         /* @__PURE__ */ n(
           "div",
           {
-            className: ds({
+            className: hs({
               variant: e,
               size: t,
               shape: a,
@@ -2595,39 +2620,39 @@ const $a = "message-bubble-module__base___WzTAP", Ha = "message-bubble-module__b
             ) : /* @__PURE__ */ n("div", { className: D.fallback, children: f || (e === "bot" ? "🤖" : e === "agent" ? "👨‍💼" : "👤") })
           }
         ),
-        r && c && /* @__PURE__ */ n("div", { className: D.name, children: c })
+        r && l && /* @__PURE__ */ n("div", { className: D.name, children: l })
       ]
     }
   )
-), us = "message-info-module__base___yO0Cd", ms = "message-info-module__senderName___fP58-", _s = "message-info-module__timestamp___xwDsF", hs = "message-info-module__status___jPwtz", fs = "message-info-module__top___NK5CY", ps = "message-info-module__bottom___NE4Rs", gs = "message-info-module__bot___xlQbg", vs = "message-info-module__agent___ckeYQ", bs = "message-info-module__user___bgEi-", ws = "message-info-module__system___MF1CS", Z = {
-  base: us,
-  senderName: ms,
-  timestamp: _s,
-  status: hs,
-  top: fs,
-  bottom: ps,
-  bot: gs,
-  agent: vs,
-  user: bs,
-  system: ws
-}, Cs = F(Z.base, {
+), fs = "message-info-module__base___yO0Cd", ps = "message-info-module__senderName___fP58-", gs = "message-info-module__timestamp___xwDsF", bs = "message-info-module__status___jPwtz", vs = "message-info-module__top___NK5CY", ws = "message-info-module__bottom___NE4Rs", Cs = "message-info-module__bot___xlQbg", ys = "message-info-module__agent___ckeYQ", Ms = "message-info-module__user___bgEi-", Ps = "message-info-module__system___MF1CS", Y = {
+  base: fs,
+  senderName: ps,
+  timestamp: gs,
+  status: bs,
+  top: vs,
+  bottom: ws,
+  bot: Cs,
+  agent: ys,
+  user: Ms,
+  system: Ps
+}, Ns = F(Y.base, {
   variants: {
     variant: {
-      user: Z.user,
-      bot: Z.bot,
-      system: Z.system,
-      agent: Z.agent
+      user: Y.user,
+      bot: Y.bot,
+      system: Y.system,
+      agent: Y.agent
     },
     position: {
-      top: Z.top,
-      bottom: Z.bottom
+      top: Y.top,
+      bottom: Y.bottom
     }
   },
   defaultVariants: { variant: "bot", position: "bottom" }
-}), ys = (e) => {
+}), Ss = (e) => {
   if (e)
     return typeof e == "string" ? e : e.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-}, Et = O(
+}, Lt = O(
   ({
     variant: e = "bot",
     position: t = "bottom",
@@ -2636,11 +2661,11 @@ const $a = "message-bubble-module__base___WzTAP", Ha = "message-bubble-module__b
     showStatus: s = !1,
     status: i,
     avatarProps: r,
-    senderName: c,
+    senderName: l,
     className: f,
     children: _
   }, m) => {
-    const l = (h) => {
+    const d = (h) => {
       switch (h) {
         case "sending":
           return "Sending...";
@@ -2651,50 +2676,66 @@ const $a = "message-bubble-module__base___WzTAP", Ha = "message-bubble-module__b
         default:
           return "";
       }
-    }, d = ys(o);
-    return a && d || s || _ || r || c ? /* @__PURE__ */ w(
+    }, c = Ss(o);
+    return a && c || s || _ || r || l ? /* @__PURE__ */ w(
       "div",
       {
         ref: m,
-        className: Cs({
+        className: Ns({
           variant: e,
           position: t,
           className: f
         }),
         "data-webchat-message-info": !0,
         children: [
-          r && /* @__PURE__ */ n(et, { ...r }),
-          c && /* @__PURE__ */ n("span", { className: Z.senderName, children: c }),
-          a && d && /* @__PURE__ */ n("span", { className: Z.timestamp, children: d }),
-          s && i && /* @__PURE__ */ n("span", { className: Z.status, "data-status": i, children: l(i) }),
+          r && /* @__PURE__ */ n(tt, { ...r }),
+          l && /* @__PURE__ */ n("span", { className: Y.senderName, children: l }),
+          a && c && /* @__PURE__ */ n("span", { className: Y.timestamp, children: c }),
+          s && i && /* @__PURE__ */ n("span", { className: Y.status, "data-status": i, children: d(i) }),
           _
         ]
       }
     ) : null;
   }
-), Ms = "message-module__base___Ki7QB", Ps = "message-module__bot___vw-E6", Ns = "message-module__agent___2wXra", Ss = "message-module__user___BSpcY", Ts = "message-module__system___-jvsr", ne = {
-  base: Ms,
-  bot: Ps,
-  agent: Ns,
-  user: Ss,
-  system: Ts
-}, As = F(ne.base, {
+), Ts = "message-module__base___Ki7QB", As = "message-module__bot___vw-E6", Es = "message-module__agent___2wXra", Is = "message-module__user___BSpcY", Rs = "message-module__system___-jvsr", U = {
+  base: Ts,
+  "hide-footer": "message-module__hide-footer___hIyVr",
+  bot: As,
+  "is-full-width": "message-module__is-full-width___TbepW",
+  "has-actions": "message-module__has-actions___oKqN8",
+  "is-continuation": "message-module__is-continuation___0ir98",
+  agent: Es,
+  user: Is,
+  system: Rs
+}, xs = F(U.base, {
   variants: {
     variant: {
-      user: ne.user,
-      bot: ne.bot,
-      system: ne.system,
-      agent: ne.agent
+      user: U.user,
+      bot: U.bot,
+      system: U.system,
+      agent: U.agent
     },
     status: {
-      sending: ne.sending,
-      sent: ne.sent,
-      error: ne.error
+      sending: U.sending,
+      sent: U.sent,
+      error: U.error
+    },
+    hideFooter: {
+      true: U["hide-footer"]
+    },
+    isContinuation: {
+      true: U["is-continuation"]
+    },
+    hasActions: {
+      true: U["has-actions"]
+    },
+    isFullWidth: {
+      true: U["is-full-width"]
     }
   },
   defaultVariants: { variant: "bot", status: "sent" }
 });
-function Rt(e) {
+function Bt(e) {
   const {
     variant: t = "bot",
     status: a = "sent",
@@ -2702,55 +2743,69 @@ function Rt(e) {
     showStatus: s = !1,
     timestamp: i,
     avatarConfig: r,
-    senderName: c,
+    senderName: l,
     className: f,
+    hideFooter: _,
+    isContinuation: m,
+    hasActions: d,
+    isFullWidth: c,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    children: _,
+    children: u,
     // Consume unknown props without forwarding them to child components
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ...m
+    ...h
   } = e;
   return _e(() => {
-    const l = As({ variant: t, status: a, className: f }), d = {
+    const p = xs({
+      variant: t,
+      status: a,
+      className: f,
+      hideFooter: _,
+      isContinuation: m,
+      hasActions: d,
+      isFullWidth: c
+    }), g = {
       variant: t,
       showTimestamp: o,
       showStatus: s,
       timestamp: i,
       status: a,
-      senderName: c
-    }, u = {
+      senderName: l
+    }, b = {
       variant: t,
-      status: a
+      status: a,
+      flatTopCorner: m,
+      flatBottomCorner: _
     };
     if (!r)
       return {
-        messageClasses: l,
-        bubbleProps: u,
-        infoProps: d,
+        messageClasses: p,
+        bubbleProps: b,
+        infoProps: g,
         standaloneAvatarProps: null
       };
-    const { placement: h, avatarProps: p } = r;
-    switch (h) {
+    const { placement: C, avatarProps: S } = r;
+    switch (C) {
       case "bubble":
       case "info":
         return {
-          messageClasses: l,
-          bubbleProps: u,
-          infoProps: { ...d, avatarProps: p },
+          messageClasses: p,
+          bubbleProps: b,
+          infoProps: { ...g, avatarProps: S },
           standaloneAvatarProps: null
         };
       case "standalone":
         return {
-          messageClasses: l,
-          bubbleProps: u,
-          infoProps: d,
-          standaloneAvatarProps: p
+          messageClasses: p,
+          bubbleProps: b,
+          infoProps: g,
+          standaloneAvatarProps: S
         };
       default:
         return {
-          messageClasses: l,
-          bubbleProps: u,
-          infoProps: d,
+          messageClasses: p,
+          bubbleProps: b,
+          infoProps: g,
           standaloneAvatarProps: null
         };
     }
@@ -2761,35 +2816,40 @@ function Rt(e) {
     s,
     i,
     r,
-    c,
-    f
+    l,
+    f,
+    _,
+    m,
+    d,
+    c
   ]);
 }
 const ie = O(
-  (e, t) => {
-    const { messageClasses: a, bubbleProps: o, infoProps: s, standaloneAvatarProps: i } = Rt(e);
+  ({ botInteractionId: e, ...t }, a) => {
+    const { messageClasses: o, bubbleProps: s, infoProps: i, standaloneAvatarProps: r } = Bt(t);
     return /* @__PURE__ */ w(
       "div",
       {
-        ref: t,
-        className: a,
-        "data-testid": `webchat-message-${e.variant || "bot"}`,
+        ref: a,
+        className: o,
+        "data-testid": `webchat-message-${t.variant || "bot"}`,
+        "data-interaction-id": e,
         children: [
-          i && /* @__PURE__ */ n(et, { ...i }),
-          /* @__PURE__ */ n(Je, { ...o, children: e.children }),
-          /* @__PURE__ */ n(Et, { ...s })
+          r && /* @__PURE__ */ n(tt, { ...r }),
+          /* @__PURE__ */ n(et, { ...s, children: t.children }),
+          !t.hideFooter && /* @__PURE__ */ n(Lt, { ...i })
         ]
       }
     );
   }
-), Is = "audio-message-module__audioMessageBase___Xye8T", Es = "audio-message-module__audioControls___bPgRS", Rs = "audio-message-module__playButton___zFi0C", xs = "audio-message-module__waveformPlaceholder___I9e-v", Ls = "audio-message-module__timer___6vQtQ", be = {
-  audioMessageBase: Is,
-  audioControls: Es,
-  playButton: Rs,
-  waveformPlaceholder: xs,
-  timer: Ls
+), Ls = "audio-message-module__audioMessageBase___Xye8T", Bs = "audio-message-module__audioControls___bPgRS", ks = "audio-message-module__playButton___zFi0C", Ds = "audio-message-module__waveformPlaceholder___I9e-v", Os = "audio-message-module__timer___6vQtQ", ve = {
+  audioMessageBase: Ls,
+  audioControls: Bs,
+  playButton: ks,
+  waveformPlaceholder: Ds,
+  timer: Os
 };
-function Bs({
+function Ws({
   src: e,
   messageId: t,
   onAudioLoad: a,
@@ -2797,45 +2857,45 @@ function Bs({
   onPause: s,
   onEnded: i
 }) {
-  const r = C(null), [c, f] = N(!1), [_, m] = N(), [l, d] = N(0), [u, h] = N(), p = C(!1), { activeId: g, setActive: b, clearActive: M } = Le(), { isFocusVisible: T, focusProps: y } = Ze();
-  S(() => {
-    t && g !== t && c && r.current?.pause();
-  }, [g, t, c]), S(() => {
+  const r = y(null), [l, f] = N(!1), [_, m] = N(), [d, c] = N(0), [u, h] = N(), p = y(!1), { activeId: g, setActive: b, clearActive: C } = Le(), { isFocusVisible: S, focusProps: M } = Ye();
+  T(() => {
+    t && g !== t && l && r.current?.pause();
+  }, [g, t, l]), T(() => {
     if (p.current) return;
-    let ee = !1;
-    return fetch(e).then((Q) => Q.blob()).then((Q) => {
-      ee || (p.current = !0, h(Q));
+    let ne = !1;
+    return fetch(e).then((J) => J.blob()).then((J) => {
+      ne || (p.current = !0, h(J));
     }).catch(() => {
     }), () => {
-      ee = !0;
+      ne = !0;
     };
   }, [e]);
   const P = v(() => {
     r.current && (m(r.current.duration), a?.());
   }, [a]), A = v(() => {
-    r.current && d(r.current.currentTime);
+    r.current && c(r.current.currentTime);
   }, []), W = v(() => {
     f(!0), t && b(t), o?.();
   }, [t, o, b]), V = v(() => {
-    f(!1), t && M(t), s?.();
-  }, [t, s, M]), $ = v(() => {
-    f(!1), d(0), t && M(t), i?.();
-  }, [t, i, M]), j = v(() => {
-    r.current && (c ? r.current.pause() : r.current.play());
-  }, [c]), q = v(
-    (ee) => {
-      !r.current || _ === void 0 || (r.current.currentTime = ee * _, d(r.current.currentTime));
+    f(!1), t && C(t), s?.();
+  }, [t, s, C]), $ = v(() => {
+    f(!1), c(0), t && C(t), i?.();
+  }, [t, i, C]), q = v(() => {
+    r.current && (l ? r.current.pause() : r.current.play());
+  }, [l]), G = v(
+    (ne) => {
+      !r.current || _ === void 0 || (r.current.currentTime = ne * _, c(r.current.currentTime));
     },
     [_]
-  ), B = _ ? l / _ : 0, G = c ? Ie(l) : _ !== void 0 ? Ie(_) : "--:--";
+  ), B = _ ? d / _ : 0, K = l ? Ee(d) : _ !== void 0 ? Ee(_) : "--:--";
   return {
     audioRef: r,
     audioBlob: u,
-    isPlaying: c,
+    isPlaying: l,
     audioProgress: B,
-    timerLabel: G,
-    handlePlayPause: j,
-    handleSeek: q,
+    timerLabel: K,
+    handlePlayPause: q,
+    handleSeek: G,
     audioProps: {
       onLoadedMetadata: P,
       onTimeUpdate: A,
@@ -2844,12 +2904,12 @@ function Bs({
       onEnded: $
     },
     playButtonProps: {
-      ...y,
-      "data-focus-visible": T
+      ...M,
+      "data-focus-visible": S
     }
   };
 }
-const xt = O(
+const kt = O(
   ({
     src: e,
     messageId: t,
@@ -2858,20 +2918,20 @@ const xt = O(
     onPlay: s,
     onPause: i,
     onEnded: r,
-    className: c,
+    className: l,
     ...f
   }, _) => {
     const {
       audioRef: m,
-      audioBlob: l,
-      isPlaying: d,
+      audioBlob: d,
+      isPlaying: c,
       audioProgress: u,
       timerLabel: h,
       handlePlayPause: p,
       handleSeek: g,
       audioProps: b,
-      playButtonProps: M
-    } = Bs({
+      playButtonProps: C
+    } = Ws({
       src: e,
       messageId: t,
       onAudioLoad: o,
@@ -2883,7 +2943,7 @@ const xt = O(
       ie,
       {
         ref: _,
-        className: E(be.audioMessageBase, c),
+        className: I(ve.audioMessageBase, l),
         ...f,
         children: [
           /* @__PURE__ */ n(
@@ -2896,96 +2956,96 @@ const xt = O(
               preload: "metadata"
             }
           ),
-          /* @__PURE__ */ w("div", { className: be.audioControls, children: [
+          /* @__PURE__ */ w("div", { className: ve.audioControls, children: [
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: be.playButton,
+                className: ve.playButton,
                 onClick: p,
-                "aria-label": d ? "Pause audio" : "Play audio",
-                ...M,
-                children: d ? /* @__PURE__ */ n(It, {}) : /* @__PURE__ */ n(Ye, {})
+                "aria-label": c ? "Pause audio" : "Play audio",
+                ...C,
+                children: c ? /* @__PURE__ */ n(xt, {}) : /* @__PURE__ */ n(Je, {})
               }
             ),
-            l ? /* @__PURE__ */ n(
-              At,
+            d ? /* @__PURE__ */ n(
+              Rt,
               {
-                audioBlob: l,
+                audioBlob: d,
                 progress: u,
                 onSeek: g
               }
-            ) : /* @__PURE__ */ n("div", { className: be.waveformPlaceholder, "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: be.timer, children: h })
+            ) : /* @__PURE__ */ n("div", { className: ve.waveformPlaceholder, "aria-hidden": !0 }),
+            /* @__PURE__ */ n("span", { className: ve.timer, children: h })
           ] })
         ]
       }
     );
   }
 );
-xt.displayName = "AudioMessage";
-const ks = "button-message-module__actions___3CAVo", Ds = "button-message-module__floatingButton___OK9AF", ut = {
-  actions: ks,
-  floatingButton: Ds
-}, Os = O(
-  ({ text: e, buttons: t, buttonsPerRow: a = 1, className: o, ...s }, i) => {
-    const r = Math.min(a, t.length), { messageClasses: c, bubbleProps: f, infoProps: _, standaloneAvatarProps: m } = Rt({ ...s, children: null });
+kt.displayName = "AudioMessage";
+const Vs = "button-message-module__actions___3CAVo", $s = "button-message-module__floatingButton___OK9AF", mt = {
+  actions: Vs,
+  floatingButton: $s
+}, Hs = O(
+  ({ text: e, buttons: t, buttonsPerRow: a = 1, className: o, hideFooter: s, ...i }, r) => {
+    const l = Math.min(a, t.length), { messageClasses: f, bubbleProps: _, infoProps: m, standaloneAvatarProps: d } = Bt({ ...i, children: null, hasActions: !0, hideFooter: s });
     return /* @__PURE__ */ w(
       "div",
       {
-        ref: i,
-        className: E(c, o),
-        "data-testid": `webchat-message-${s.variant || "bot"}`,
+        ref: r,
+        className: I(f, o),
+        "data-testid": `webchat-message-${i.variant || "bot"}`,
         children: [
-          m && /* @__PURE__ */ n(et, { ...m }),
-          /* @__PURE__ */ n(Je, { ...f, children: e }),
+          d && /* @__PURE__ */ n(tt, { ...d }),
+          /* @__PURE__ */ n(et, { ..._, children: e }),
           /* @__PURE__ */ n(
             "div",
             {
-              className: ut.actions,
+              className: mt.actions,
               "data-webchat-message-actions": !0,
-              style: { gridTemplateColumns: `repeat(${r}, 1fr)` },
-              children: t.map((l, d) => /* @__PURE__ */ n(
+              style: { gridTemplateColumns: `repeat(${l}, 1fr)` },
+              children: t.map((c, u) => /* @__PURE__ */ n(
                 Ae,
                 {
-                  text: l.text,
-                  disabled: l.disabled,
-                  button: l.type ? {
-                    type: l.type,
-                    title: l.text,
-                    payload: l.value,
-                    webview: l.webview
-                  } : { text: l.text, value: l.value },
-                  onClick: () => l.onClick?.(l.value),
+                  text: c.text,
+                  disabled: c.disabled,
+                  button: c.type ? {
+                    type: c.type,
+                    title: c.text,
+                    payload: c.value,
+                    webview: c.webview
+                  } : { text: c.text, value: c.value },
+                  onClick: () => c.onClick?.(c.value),
                   variant: "secondary",
-                  className: ut.floatingButton
+                  className: mt.floatingButton
                 },
-                d
+                u
               ))
             }
           ),
-          /* @__PURE__ */ n(Et, { ..._ })
+          !s && /* @__PURE__ */ n(Lt, { ...m })
         ]
       }
     );
   }
-), Ws = "carousel-message-module__carouselMessageBase___yV-Nd", Vs = "carousel-message-module__buttonContainer___lPydV", $s = "carousel-message-module__carouselWrapper___OaVVz", Hs = "carousel-message-module__carouselSlider___qtpjn", Fs = "carousel-message-module__carouselCard___5GhQQ", Us = "carousel-message-module__imageContainer___-NYcV", zs = "carousel-message-module__elementImage___TEjVf", js = "carousel-message-module__elementContent___fQqqZ", qs = "carousel-message-module__elementTitle___sUPzb", Gs = "carousel-message-module__elementSubtitle___7yW9w", Ks = "carousel-message-module__arrowLayer___-lMZC", Xs = "carousel-message-module__arrowButton___EkObr", Zs = "carousel-message-module__prevArrow___YcQdm", Qs = "carousel-message-module__nextArrow___ndT0K", k = {
-  carouselMessageBase: Ws,
-  buttonContainer: Vs,
-  carouselWrapper: $s,
-  carouselSlider: Hs,
-  carouselCard: Fs,
-  imageContainer: Us,
-  elementImage: zs,
-  elementContent: js,
-  elementTitle: qs,
-  elementSubtitle: Gs,
-  arrowLayer: Ks,
-  arrowButton: Xs,
-  prevArrow: Zs,
-  nextArrow: Qs
+), Fs = "carousel-message-module__carouselMessageBase___yV-Nd", Us = "carousel-message-module__buttonContainer___lPydV", zs = "carousel-message-module__carouselWrapper___OaVVz", js = "carousel-message-module__carouselSlider___qtpjn", qs = "carousel-message-module__carouselCard___5GhQQ", Gs = "carousel-message-module__imageContainer___-NYcV", Ks = "carousel-message-module__elementImage___TEjVf", Xs = "carousel-message-module__elementContent___fQqqZ", Zs = "carousel-message-module__elementTitle___sUPzb", Qs = "carousel-message-module__elementSubtitle___7yW9w", Ys = "carousel-message-module__arrowLayer___-lMZC", Js = "carousel-message-module__arrowButton___EkObr", er = "carousel-message-module__prevArrow___YcQdm", tr = "carousel-message-module__nextArrow___ndT0K", k = {
+  carouselMessageBase: Fs,
+  buttonContainer: Us,
+  carouselWrapper: zs,
+  carouselSlider: js,
+  carouselCard: qs,
+  imageContainer: Gs,
+  elementImage: Ks,
+  elementContent: Xs,
+  elementTitle: Zs,
+  elementSubtitle: Qs,
+  arrowLayer: Ys,
+  arrowButton: Js,
+  prevArrow: er,
+  nextArrow: tr
 };
-function Ys() {
+function nr() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2999,7 +3059,7 @@ function Ys() {
     }
   );
 }
-function Js() {
+function or() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -3013,38 +3073,38 @@ function Js() {
     }
   );
 }
-const mt = 12;
-function er({
+const _t = 12;
+function ar({
   elements: e,
   onButtonClick: t,
   onElementImageLoad: a
 }) {
-  const o = C(null), [s, i] = N(!1), [r, c] = N(e.length > 1), f = v(() => o.current?.firstElementChild?.offsetWidth ?? 200, []), _ = v(() => {
+  const o = y(null), [s, i] = N(!1), [r, l] = N(e.length > 1), f = v(() => o.current?.firstElementChild?.offsetWidth ?? 200, []), _ = v(() => {
     const g = o.current;
     if (!g) return;
     const b = 2;
-    i(g.scrollLeft > b), c(g.scrollLeft < g.scrollWidth - g.clientWidth - b);
+    i(g.scrollLeft > b), l(g.scrollLeft < g.scrollWidth - g.clientWidth - b);
   }, []), m = v(() => {
     const g = o.current;
     if (!g) return;
     const b = f();
     g.scrollTo({
-      left: g.scrollLeft - (b + mt),
+      left: g.scrollLeft - (b + _t),
       behavior: "smooth"
     });
-  }, [f]), l = v(() => {
+  }, [f]), d = v(() => {
     const g = o.current;
     if (!g) return;
     const b = f();
     g.scrollTo({
-      left: g.scrollLeft + (b + mt),
+      left: g.scrollLeft + (b + _t),
       behavior: "smooth"
     });
-  }, [f]), d = v(
+  }, [f]), c = v(
     (g) => {
-      g.key === "ArrowLeft" ? (g.preventDefault(), m()) : g.key === "ArrowRight" && (g.preventDefault(), l());
+      g.key === "ArrowLeft" ? (g.preventDefault(), m()) : g.key === "ArrowRight" && (g.preventDefault(), d());
     },
-    [m, l]
+    [m, d]
   ), u = v(
     (g) => {
       "type" in g && t?.(g);
@@ -3067,7 +3127,7 @@ function er({
     containerProps: {
       role: "region",
       "aria-label": "Carousel",
-      onKeyDown: d,
+      onKeyDown: c,
       tabIndex: 0
     },
     sliderProps: {
@@ -3083,7 +3143,7 @@ function er({
       disabled: !s
     },
     nextArrowProps: {
-      onClick: l,
+      onClick: d,
       "aria-label": "Next card",
       disabled: !r
     },
@@ -3094,26 +3154,27 @@ function er({
     }
   };
 }
-const Lt = O(
+const Dt = O(
   ({ elements: e, onButtonClick: t, onElementImageLoad: a, className: o, ...s }, i) => {
     const {
       containerProps: r,
-      sliderProps: c,
+      sliderProps: l,
       cardProps: f,
       imageProps: _,
       prevArrowProps: m,
-      nextArrowProps: l,
-      handleButtonClick: d,
+      nextArrowProps: d,
+      handleButtonClick: c,
       variants: u
-    } = er({ elements: e, onButtonClick: t, onElementImageLoad: a });
+    } = ar({ elements: e, onButtonClick: t, onElementImageLoad: a });
     return /* @__PURE__ */ n(
       ie,
       {
         ref: i,
-        className: E(k.carouselMessageBase, o),
+        className: I(k.carouselMessageBase, o),
+        isFullWidth: !0,
         ...s,
         children: /* @__PURE__ */ w("div", { ...r, className: k.carouselWrapper, children: [
-          /* @__PURE__ */ n("div", { ...c, className: k.carouselSlider, children: e.map((h, p) => /* @__PURE__ */ w(
+          /* @__PURE__ */ n("div", { ...l, className: k.carouselSlider, children: e.map((h, p) => /* @__PURE__ */ w(
             "div",
             {
               ...f(p),
@@ -3141,7 +3202,7 @@ const Lt = O(
                       {
                         text: g.title,
                         button: g,
-                        onClick: d,
+                        onClick: c,
                         variant: "secondary"
                       }
                     )
@@ -3158,17 +3219,17 @@ const Lt = O(
               {
                 ...m,
                 type: "button",
-                className: E(k.arrowButton, k.prevArrow),
-                children: /* @__PURE__ */ n(Ys, {})
+                className: I(k.arrowButton, k.prevArrow),
+                children: /* @__PURE__ */ n(nr, {})
               }
             ),
             u.canScrollNext && /* @__PURE__ */ n(
               "button",
               {
-                ...l,
+                ...d,
                 type: "button",
-                className: E(k.arrowButton, k.nextArrow),
-                children: /* @__PURE__ */ n(Js, {})
+                className: I(k.arrowButton, k.nextArrow),
+                children: /* @__PURE__ */ n(or, {})
               }
             )
           ] })
@@ -3177,14 +3238,14 @@ const Lt = O(
     );
   }
 );
-Lt.displayName = "CarouselMessage";
-const tr = "document-message-module__documentMessageBase___hqh5-", nr = "document-message-module__fileRow___-dzrn", or = "document-message-module__fileIcon___OwdXn", ar = "document-message-module__fileName___2d5yP", Se = {
-  documentMessageBase: tr,
-  fileRow: nr,
-  fileIcon: or,
-  fileName: ar
+Dt.displayName = "CarouselMessage";
+const sr = "document-message-module__documentMessageBase___hqh5-", rr = "document-message-module__fileRow___-dzrn", ir = "document-message-module__fileIcon___OwdXn", cr = "document-message-module__fileName___2d5yP", Se = {
+  documentMessageBase: sr,
+  fileRow: rr,
+  fileIcon: ir,
+  fileName: cr
 };
-function sr({
+function lr({
   src: e,
   filename: t,
   onDownload: a
@@ -3198,17 +3259,17 @@ function sr({
     }
   };
 }
-function rr(e) {
-  return e?.includes("pdf") ? /* @__PURE__ */ n(Nt, {}) : /* @__PURE__ */ n(Pt, {});
+function dr(e) {
+  return e?.includes("pdf") ? /* @__PURE__ */ n(At, {}) : /* @__PURE__ */ n(Tt, {});
 }
-const Bt = O(
+const Ot = O(
   ({ src: e, filename: t, mimeType: a, onDownload: o, className: s, ...i }, r) => {
-    const { downloadProps: c } = sr({ src: e, filename: t, onDownload: o });
+    const { downloadProps: l } = lr({ src: e, filename: t, onDownload: o });
     return /* @__PURE__ */ n(
       ie,
       {
         ref: r,
-        className: E(Se.documentMessageBase, s),
+        className: I(Se.documentMessageBase, s),
         ...i,
         children: /* @__PURE__ */ w(
           "button",
@@ -3216,9 +3277,9 @@ const Bt = O(
             type: "button",
             className: Se.fileRow,
             "aria-label": `Download ${t || "document"}`,
-            ...c,
+            ...l,
             children: [
-              /* @__PURE__ */ n("span", { className: Se.fileIcon, "aria-hidden": !0, children: rr(a) }),
+              /* @__PURE__ */ n("span", { className: Se.fileIcon, "aria-hidden": !0, children: dr(a) }),
               /* @__PURE__ */ n("span", { className: Se.fileName, children: t || "Document" })
             ]
           }
@@ -3227,12 +3288,12 @@ const Bt = O(
     );
   }
 );
-Bt.displayName = "DocumentMessage";
-const ir = "image-message-module__imageMessageBase___FDwNN", cr = "image-message-module__mediaImage___xflT1", _t = {
-  imageMessageBase: ir,
-  mediaImage: cr
+Ot.displayName = "DocumentMessage";
+const ur = "image-message-module__imageMessageBase___FDwNN", mr = "image-message-module__mediaImage___xflT1", ht = {
+  imageMessageBase: ur,
+  mediaImage: mr
 };
-function lr({ onImageLoad: e }) {
+function _r({ onImageLoad: e }) {
   const t = v(() => {
     e?.();
   }, [e]), a = v(() => {
@@ -3245,21 +3306,21 @@ function lr({ onImageLoad: e }) {
     }
   };
 }
-const kt = O(
+const Wt = O(
   ({ src: e, alt: t = "Attached image", onImageLoad: a, className: o, ...s }, i) => {
-    const { imageProps: r } = lr({ onImageLoad: a });
+    const { imageProps: r } = _r({ onImageLoad: a });
     return /* @__PURE__ */ n(
       ie,
       {
         ref: i,
-        className: E(_t.imageMessageBase, o),
+        className: I(ht.imageMessageBase, o),
         ...s,
         children: /* @__PURE__ */ n(
           "img",
           {
             src: e,
             alt: t,
-            className: _t.mediaImage,
+            className: ht.mediaImage,
             ...r
           }
         )
@@ -3267,17 +3328,17 @@ const kt = O(
     );
   }
 );
-kt.displayName = "ImageMessage";
-const dr = "location-message-module__locationMessageBase___rY3d-", ur = "location-message-module__locationContainer___9Rukw", mr = "location-message-module__locationContent___2BRdV", _r = "location-message-module__locationIcon___rjObu", hr = "location-message-module__locationInfo___NqVsR", fr = "location-message-module__locationTitle___RpUjH", pr = "location-message-module__locationCoordinates___lLfuf", gr = "location-message-module__locationLink___Zq2I2", oe = {
-  locationMessageBase: dr,
-  locationContainer: ur,
-  locationContent: mr,
-  locationIcon: _r,
-  locationInfo: hr,
-  locationTitle: fr,
-  locationCoordinates: pr,
-  locationLink: gr
-}, vr = O(
+Wt.displayName = "ImageMessage";
+const hr = "location-message-module__locationMessageBase___rY3d-", fr = "location-message-module__locationContainer___9Rukw", pr = "location-message-module__locationContent___2BRdV", gr = "location-message-module__locationIcon___rjObu", br = "location-message-module__locationInfo___NqVsR", vr = "location-message-module__locationTitle___RpUjH", wr = "location-message-module__locationCoordinates___lLfuf", Cr = "location-message-module__locationLink___Zq2I2", oe = {
+  locationMessageBase: hr,
+  locationContainer: fr,
+  locationContent: pr,
+  locationIcon: gr,
+  locationInfo: br,
+  locationTitle: vr,
+  locationCoordinates: wr,
+  locationLink: Cr
+}, yr = O(
   ({
     latitude: e,
     longitude: t,
@@ -3286,14 +3347,14 @@ const dr = "location-message-module__locationMessageBase___rY3d-", ur = "locatio
     className: s,
     ...i
   }, r) => {
-    const c = v(() => {
+    const l = v(() => {
       o?.();
     }, [o]), f = `https://www.google.com/maps?q=${e},${t}`;
     return /* @__PURE__ */ n(
       ie,
       {
         ref: r,
-        className: E(oe.locationMessageBase, s),
+        className: I(oe.locationMessageBase, s),
         ...i,
         children: /* @__PURE__ */ w("div", { className: oe.locationContainer, children: [
           /* @__PURE__ */ w("div", { className: oe.locationContent, children: [
@@ -3331,7 +3392,7 @@ const dr = "location-message-module__locationMessageBase___rY3d-", ur = "locatio
               target: "_blank",
               rel: "noopener noreferrer",
               className: oe.locationLink,
-              onClick: c,
+              onClick: l,
               "aria-label": `Open location in Google Maps: ${e}, ${t}`,
               children: [
                 /* @__PURE__ */ n("span", { children: "View on Map" }),
@@ -3363,39 +3424,39 @@ const dr = "location-message-module__locationMessageBase___rY3d-", ur = "locatio
       }
     );
   }
-), br = "text-message-module__textMessageBase___p4r-t", wr = "text-message-module__textContent___yRb8d", ht = {
-  textMessageBase: br,
-  textContent: wr
-}, Cr = O(
+), Mr = "text-message-module__textMessageBase___p4r-t", Pr = "text-message-module__textContent___yRb8d", ft = {
+  textMessageBase: Mr,
+  textContent: Pr
+}, Nr = O(
   ({ text: e, className: t, ...a }, o) => /* @__PURE__ */ n(
     ie,
     {
       ref: o,
-      className: E(ht.textMessageBase, t),
+      className: I(ft.textMessageBase, t),
       ...a,
-      children: /* @__PURE__ */ n("div", { className: ht.textContent, children: e })
+      children: /* @__PURE__ */ n("div", { className: ft.textContent, children: e })
     }
   )
 );
-function yr({
+function Sr({
   messageId: e,
   onVideoLoad: t,
   onPlay: a,
   onPause: o,
   onEnded: s
 }) {
-  const i = C(null), [r, c] = N(!1), { activeId: f, setActive: _, clearActive: m } = Le();
-  S(() => {
+  const i = y(null), [r, l] = N(!1), { activeId: f, setActive: _, clearActive: m } = Le();
+  T(() => {
     e && f !== e && r && i.current?.pause();
   }, [f, e, r]);
-  const l = v(() => {
+  const d = v(() => {
     t?.();
-  }, [t]), d = v(() => {
-    c(!0), e && _(e), a?.();
+  }, [t]), c = v(() => {
+    l(!0), e && _(e), a?.();
   }, [e, a, _]), u = v(() => {
-    c(!1), e && m(e), o?.();
+    l(!1), e && m(e), o?.();
   }, [e, o, m]), h = v(() => {
-    c(!1), e && m(e), s?.();
+    l(!1), e && m(e), s?.();
   }, [e, s, m]), p = v(() => {
     i.current?.play();
   }, []);
@@ -3403,8 +3464,8 @@ function yr({
     videoRef: i,
     isPlaying: r,
     videoProps: {
-      onLoadedMetadata: l,
-      onPlay: d,
+      onLoadedMetadata: d,
+      onPlay: c,
       onPause: u,
       onEnded: h
     },
@@ -3413,13 +3474,13 @@ function yr({
     }
   };
 }
-const Mr = "video-message-module__videoMessageBase___RX3Qk", Pr = "video-message-module__videoContainer___ctZrR", Nr = "video-message-module__videoElement___dYbDh", Sr = "video-message-module__playOverlay___QrUG8", Tr = "video-message-module__playIconWrapper___z-w6D", we = {
-  videoMessageBase: Mr,
-  videoContainer: Pr,
-  videoElement: Nr,
-  playOverlay: Sr,
-  playIconWrapper: Tr
-}, Dt = O(
+const Tr = "video-message-module__videoMessageBase___RX3Qk", Ar = "video-message-module__videoContainer___ctZrR", Er = "video-message-module__videoElement___dYbDh", Ir = "video-message-module__playOverlay___QrUG8", Rr = "video-message-module__playIconWrapper___z-w6D", we = {
+  videoMessageBase: Tr,
+  videoContainer: Ar,
+  videoElement: Er,
+  playOverlay: Ir,
+  playIconWrapper: Rr
+}, Vt = O(
   ({
     src: e,
     messageId: t,
@@ -3428,10 +3489,10 @@ const Mr = "video-message-module__videoMessageBase___RX3Qk", Pr = "video-message
     onPlay: s,
     onPause: i,
     onEnded: r,
-    className: c,
+    className: l,
     ...f
   }, _) => {
-    const { videoRef: m, isPlaying: l, videoProps: d, playButtonProps: u } = yr({
+    const { videoRef: m, isPlaying: d, videoProps: c, playButtonProps: u } = Sr({
       messageId: t,
       onVideoLoad: o,
       onPlay: s,
@@ -3442,7 +3503,7 @@ const Mr = "video-message-module__videoMessageBase___RX3Qk", Pr = "video-message
       ie,
       {
         ref: _,
-        className: E(we.videoMessageBase, c),
+        className: I(we.videoMessageBase, l),
         ...f,
         children: /* @__PURE__ */ w("div", { className: we.videoContainer, children: [
           /* @__PURE__ */ n(
@@ -3453,18 +3514,18 @@ const Mr = "video-message-module__videoMessageBase___RX3Qk", Pr = "video-message
               "aria-label": a,
               className: we.videoElement,
               preload: "metadata",
-              controls: l,
-              ...d
+              controls: d,
+              ...c
             }
           ),
-          !l && /* @__PURE__ */ n(
+          !d && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               className: we.playOverlay,
               "aria-label": "Play video",
               ...u,
-              children: /* @__PURE__ */ n("span", { className: we.playIconWrapper, "aria-hidden": !0, children: /* @__PURE__ */ n(Ye, {}) })
+              children: /* @__PURE__ */ n("span", { className: we.playIconWrapper, "aria-hidden": !0, children: /* @__PURE__ */ n(Je, {}) })
             }
           )
         ] })
@@ -3472,25 +3533,17 @@ const Mr = "video-message-module__videoMessageBase___RX3Qk", Pr = "video-message
     );
   }
 );
-Dt.displayName = "VideoMessage";
-function Ar(e) {
-  if (!e) return;
-  const t = e.replace(/-/g, "");
-  if (t.length < 16 || parseInt(t[12], 16) !== 7) return;
-  const o = parseInt(t.slice(0, 12), 16);
-  if (!(!Number.isFinite(o) || o <= 0))
-    return new Date(o);
-}
-function Ir({
+Vt.displayName = "VideoMessage";
+function xr({
   messageActor: e,
   baseProps: t = {}
 }) {
-  const { message: a, status: o } = L(e, (c) => ({
-    message: c.context?.message,
-    status: c.context?.status
+  const { message: a, status: o } = L(e, (l) => ({
+    message: l.context?.message,
+    status: l.context?.status
   })), s = L(
     e,
-    (c) => c.can?.({ type: "RETRY" }) ?? !1
+    (l) => l.can?.({ type: "RETRY" }) ?? !1
   ), i = _e(() => {
     if (!a)
       return {
@@ -3500,7 +3553,7 @@ function Ir({
         showTimestamp: !0,
         isClickable: !1
       };
-    const c = (() => {
+    const l = (() => {
       switch (o) {
         case "unsent":
           return "sending";
@@ -3526,18 +3579,18 @@ function Ir({
     return {
       ...t,
       variant: f,
-      status: c,
-      timestamp: Ar(a.id),
+      status: l,
+      timestamp: Xe(a.id),
       showTimestamp: !0,
       isClickable: s,
       onPress: _,
       avatarConfig: m
     };
   }, [a, o, s, e, t]), r = _e(
-    () => (c) => {
+    () => (l) => {
       t.onUserInteraction?.(), e.send({
         type: "BUTTON_CLICKED",
-        button: c
+        button: l
       });
     },
     [t, e]
@@ -3550,7 +3603,7 @@ function Ir({
     handleButtonClick: r
   };
 }
-const Er = ({
+const Lr = ({
   messageActor: e,
   customMessageRenderer: t,
   baseProps: a = {
@@ -3560,24 +3613,24 @@ const Er = ({
   onImageLoadStart: s,
   onImageLoadComplete: i
 }) => {
-  const { message: r, messageProps: c, handleButtonClick: f } = Ir({
+  const { message: r, messageProps: l, handleButtonClick: f } = xr({
     messageActor: e,
     baseProps: a
   });
-  return S(() => {
+  return T(() => {
     if (r && r.type === "image") {
       const m = `img-${r.id}-${r.data}`;
       s?.(m);
     }
-  }, [r, s]), r ? /* @__PURE__ */ n(Ee, { children: (() => {
+  }, [r, s]), r ? /* @__PURE__ */ n(Ie, { children: (() => {
     const { id: m } = r;
     if (r.isText())
-      return /* @__PURE__ */ n(Cr, { ...c, text: r.data.text }, m);
+      return /* @__PURE__ */ n(Nr, { ...l, text: r.data.text }, m);
     if (r.isAudio())
       return /* @__PURE__ */ n(
-        xt,
+        kt,
         {
-          ...c,
+          ...l,
           src: r.data.attachment_url ?? r.data.attachment_content ?? "",
           messageId: m
         },
@@ -3585,9 +3638,9 @@ const Er = ({
       );
     if (r.isVideo())
       return /* @__PURE__ */ n(
-        Dt,
+        Vt,
         {
-          ...c,
+          ...l,
           src: r.data.attachment_url ?? r.data.attachment_content ?? "",
           messageId: m,
           alt: "Video",
@@ -3599,9 +3652,9 @@ const Er = ({
       );
     if (r.isDocument())
       return /* @__PURE__ */ n(
-        Bt,
+        Ot,
         {
-          ...c,
+          ...l,
           src: r.data.attachment_url ?? r.data.attachment_content ?? "",
           mimeType: r.data.mime_type,
           filename: r.data.filename
@@ -3610,9 +3663,9 @@ const Er = ({
       );
     if (r.isLocation())
       return /* @__PURE__ */ n(
-        vr,
+        yr,
         {
-          ...c,
+          ...l,
           latitude: r.data.latitude,
           longitude: r.data.longitude,
           alt: "Location coordinates",
@@ -3623,52 +3676,52 @@ const Er = ({
         m
       );
     if (r.isImage()) {
-      const l = r.data.attachment_url ?? r.data.attachment_content ?? "", d = `img-${m}-${l}`;
+      const d = r.data.attachment_url ?? r.data.attachment_content ?? "", c = `img-${m}-${d}`;
       return /* @__PURE__ */ n(
-        kt,
+        Wt,
         {
-          ...c,
-          src: l,
+          ...l,
+          src: d,
           alt: "Image",
           onImageLoad: () => {
-            o?.(), i?.(d);
+            o?.(), i?.(c);
           }
         },
         m
       );
     }
     return r.isButtonMessage() ? /* @__PURE__ */ n(
-      Os,
+      Hs,
       {
-        ...c,
+        ...l,
         text: r.data.text,
         buttons: r.data.buttons?.map(
-          (l) => ({
-            text: l.title,
-            value: l.payload || l.title,
-            type: l.type,
-            webview: l.webview,
+          (d) => ({
+            text: d.title,
+            value: d.payload || d.title,
+            type: d.type,
+            webview: d.webview,
             disabled: !1,
             onClick: () => {
-              f(l);
+              f(d);
             }
           })
         )
       },
       m
     ) : r.isCarousel() ? /* @__PURE__ */ n(
-      Lt,
+      Dt,
       {
-        ...c,
-        elements: r.data.elements.map((l, d) => ({
-          id: `${m}-${d}`,
-          title: l.title,
-          subtitle: l.subtitle,
-          image: l.image,
-          buttons: l.buttons
+        ...l,
+        elements: r.data.elements.map((d, c) => ({
+          id: `${m}-${c}`,
+          title: d.title,
+          subtitle: d.subtitle,
+          image: d.image,
+          buttons: d.buttons
         })),
-        onButtonClick: (l) => {
-          f(l);
+        onButtonClick: (d) => {
+          f(d);
         },
         onElementImageLoad: () => {
           o?.();
@@ -3680,7 +3733,7 @@ const Er = ({
     ), null) : (console.warn(`Unknown message type: ${r.type}`), null);
   })() }) : null;
 };
-function Rr(e) {
+function Br(e) {
   return _e(() => {
     if (!e)
       return { bot: null, agent: null };
@@ -3705,24 +3758,24 @@ function Rr(e) {
     };
   }, [e]);
 }
-function xr(e, t, a) {
+function kr(e, t, a) {
   const {
     variant: o = "default",
     hasUserInteracted: s = !1,
     onScrollDepthChange: i,
     onMessagesScrollAtTopChange: r,
-    onUserInteraction: c,
+    onUserInteraction: l,
     "aria-label": f,
     className: _,
     ...m
-  } = e, l = L(
+  } = e, d = L(
     t.controller.machine,
     (h) => {
       const p = h.context.messageActors;
       return p ? Array.from(p.values()) : [];
     },
     (h, p) => h.length === p.length
-  ), d = Rr(t.avatarConfig), u = L(
+  ), c = Br(t.avatarConfig), u = L(
     t.controller.machine,
     (h) => h.context.isTypingOn,
     (h, p) => h === p
@@ -3732,13 +3785,13 @@ function xr(e, t, a) {
     messagesProps: {
       ...m,
       ref: a,
-      "aria-label": f || `Chat messages, ${l.length} messages`,
+      "aria-label": f || `Chat messages, ${d.length} messages`,
       "aria-live": "polite",
       "data-webchat-messages": ""
     },
     // Props for MessagesList component (using XState message actors)
     messageListProps: {
-      messageActors: l,
+      messageActors: d,
       // From XState selector
       isTyping: u,
       // From XState selector
@@ -3746,11 +3799,11 @@ function xr(e, t, a) {
       customMessageRenderer: void 0,
       // TODO: Add custom message renderer support
       // Pre-computed avatar configs (performance optimization)
-      botAvatarConfig: d.bot,
-      agentAvatarConfig: d.agent,
+      botAvatarConfig: c.bot,
+      agentAvatarConfig: c.agent,
       onScrollDepthChange: i,
       onMessagesScrollAtTopChange: r,
-      onUserInteraction: c
+      onUserInteraction: l
     },
     // CSS class variants
     variants: {
@@ -3759,8 +3812,8 @@ function xr(e, t, a) {
     }
   };
 }
-const Lr = 8, Br = 1, kr = 350, Dr = 2;
-function Or({
+const Dr = 8, Or = 1, Wr = 350, Vr = 2;
+function $r({
   scrollRef: e,
   hasUserInteracted: t,
   messageActorsLength: a,
@@ -3768,40 +3821,40 @@ function Or({
   onScrollDepthChange: s,
   onMessagesScrollAtTopChange: i
 }) {
-  const r = C(!1), c = C(!1), f = C(void 0), _ = v(() => {
+  const r = y(!1), l = y(!1), f = y(void 0), _ = v(() => {
     if (!t) return;
-    const d = e.current;
-    if (!d) return;
-    const u = d.scrollTop <= Dr;
+    const c = e.current;
+    if (!c) return;
+    const u = c.scrollTop <= Vr;
     i?.(u);
   }, [t, i]), m = v(() => {
-    const d = e.current;
-    if (!d) return;
-    const u = r.current ? d.scrollTop > Br : d.scrollTop > Lr;
+    const c = e.current;
+    if (!c) return;
+    const u = r.current ? c.scrollTop > Or : c.scrollTop > Dr;
     r.current !== u && (r.current = u, s?.(u));
-  }, [s]), l = v(() => {
-    m(), !c.current && _();
+  }, [s]), d = v(() => {
+    m(), !l.current && _();
   }, [_, m]);
-  return Ft(() => {
+  return jt(() => {
     if (!e.current) return;
-    const d = e.current;
+    const c = e.current;
     requestAnimationFrame(() => {
-      c.current = !0, f.current !== void 0 && window.clearTimeout(f.current), d.scrollTo({
-        top: d.scrollHeight,
+      l.current = !0, f.current !== void 0 && window.clearTimeout(f.current), c.scrollTo({
+        top: c.scrollHeight,
         behavior: "smooth"
       }), f.current = window.setTimeout(() => {
-        c.current = !1, l();
-      }, kr), requestAnimationFrame(l);
+        l.current = !1, d();
+      }, Wr), requestAnimationFrame(d);
     });
-  }, [a, o, l]), { handleScrollState: l };
+  }, [a, o, d]), { handleScrollState: d };
 }
-const Wr = "webchat-messages-module__base___V7acY", ue = {
-  base: Wr,
+const Hr = "webchat-messages-module__base___V7acY", ue = {
+  base: Hr,
   "messages-container": "webchat-messages-module__messages-container___Ew2gS",
   "scroll-fade-bottom": "webchat-messages-module__scroll-fade-bottom___WoP9u",
   "typing-indicator-container": "webchat-messages-module__typing-indicator-container___v3bpq",
   default: "webchat-messages-module__default___3C2qm"
-}, Vr = F(ue.base, {
+}, Fr = F(ue.base, {
   variants: {
     variant: {
       default: ue.default
@@ -3810,8 +3863,20 @@ const Wr = "webchat-messages-module__base___V7acY", ue = {
   defaultVariants: {
     variant: "default"
   }
-});
-function $r({
+}), Ur = 1, zr = /* @__PURE__ */ new Set([tn.Text]);
+function pt(e) {
+  return zr.has(e.type);
+}
+function jr(e, t) {
+  return !e || !t ? !1 : Math.abs(t.getTime() - e.getTime()) <= Ur * 6e4;
+}
+function gt(e, t) {
+  return !e || !t || !pt(e) || !pt(t) || e.sent_by !== t.sent_by ? !1 : jr(
+    Xe(e.id),
+    Xe(t.id)
+  );
+}
+function qr({
   messageActors: e,
   isTyping: t,
   hasUserInteracted: a = !1,
@@ -3819,20 +3884,20 @@ function $r({
   botAvatarConfig: s,
   agentAvatarConfig: i,
   scrollRef: r,
-  onScrollDepthChange: c,
+  onScrollDepthChange: l,
   onMessagesScrollAtTopChange: f,
   onUserInteraction: _
 }) {
-  const { handleScrollState: m } = Or({
+  const { handleScrollState: m } = $r({
     scrollRef: r,
     hasUserInteracted: a ?? !1,
     messageActorsLength: e.length,
     isTyping: t,
-    onScrollDepthChange: c,
+    onScrollDepthChange: l,
     onMessagesScrollAtTopChange: f
-  }), l = ft.useCallback(
-    (d, u, h) => {
-      const p = d;
+  }), d = bt.useCallback(
+    (c, u, h) => {
+      const p = c;
       if (p.type === "custom" && p.data && o) {
         const g = o[p.data.name];
         if (g && typeof g == "function")
@@ -3853,29 +3918,35 @@ function $r({
       "data-testid": "webchat-messages-list",
       onScroll: m,
       children: [
-        e && e.length > 0 && e.map((d) => /* @__PURE__ */ n(
-          Er,
-          {
-            messageActor: d,
-            customMessageRenderer: l,
-            baseProps: {
-              className: ue.message,
-              // Pre-computed avatar configs (performance optimization)
-              botAvatarConfig: s,
-              agentAvatarConfig: i,
-              onUserInteraction: _
-            }
-          },
-          d.id
-        )),
-        t && /* @__PURE__ */ n("div", { className: ue["typing-indicator-container"], children: /* @__PURE__ */ n(Za, { isVisible: t }) }),
+        e && e.length > 0 && e.map((c, u) => {
+          const h = e[u - 1]?.getSnapshot().context?.message, p = c.getSnapshot().context?.message, g = e[u + 1]?.getSnapshot().context?.message, b = gt(p, g), C = gt(h, p);
+          return /* @__PURE__ */ n(
+            Lr,
+            {
+              messageActor: c,
+              customMessageRenderer: d,
+              baseProps: {
+                className: ue.message,
+                // Pre-computed avatar configs (performance optimization)
+                botAvatarConfig: s,
+                agentAvatarConfig: i,
+                onUserInteraction: _,
+                hideFooter: b,
+                isContinuation: C,
+                botInteractionId: p?.bot_interaction_id
+              }
+            },
+            c.id
+          );
+        }),
+        t && /* @__PURE__ */ n("div", { className: ue["typing-indicator-container"], children: /* @__PURE__ */ n(es, { isVisible: t }) }),
         /* @__PURE__ */ n("div", { className: ue["scroll-fade-bottom"], "aria-hidden": !0 })
       ]
     }
   );
 }
-function Hr(e) {
-  const { state: t } = U(), a = C(null), o = C(null), { messagesProps: s, messageListProps: i, variants: r } = xr(
+function Gr(e) {
+  const { state: t } = z(), a = y(null), o = y(null), { messagesProps: s, messageListProps: i, variants: r } = kr(
     e,
     t,
     a
@@ -3884,10 +3955,10 @@ function Hr(e) {
     "div",
     {
       ...s,
-      className: Vr(r),
+      className: Fr(r),
       "data-webchat-messages": !0,
       children: /* @__PURE__ */ n(
-        $r,
+        qr,
         {
           ...i,
           customMessages: t.customMessages,
@@ -3897,7 +3968,7 @@ function Hr(e) {
     }
   );
 }
-function Fr({
+function Kr({
   isOpen: e,
   onClose: t,
   onControllerReady: a,
@@ -3905,24 +3976,24 @@ function Fr({
   placeholder: s = "Type a message...",
   showBranding: i = !0,
   coverRegistry: r,
-  icons: c,
+  icons: l,
   heroHeaderLayout: f
 }) {
-  const { controller: _, state: m } = U(), l = C(!1), d = rn({
+  const { controller: _, state: m } = z(), d = y(!1), c = un({
     controller: _,
     isOpen: e,
     layout: f,
     enableResponsiveHeroHeader: m.enableResponsiveHeroHeader
-  }), { header: u, messages: h, onUserEngagement: p } = d;
-  return S(() => {
-    _ && !l.current && (l.current = !0, a?.(_));
-  }, [_, a]), S(() => {
+  }), { header: u, messages: h, onUserEngagement: p } = c;
+  return T(() => {
+    _ && !d.current && (d.current = !0, a?.(_));
+  }, [_, a]), T(() => {
     if (!_) return;
-    const M = _.machine.getSnapshot().context.isOpen ?? !1;
-    e && !M ? _.open() : !e && M && _.close();
-  }, [e, _]), /* @__PURE__ */ w(bo, { layout: "default", coverRegistry: r, children: [
+    const C = _.machine.getSnapshot().context.isOpen ?? !1;
+    e && !C ? _.open() : !e && C && _.close();
+  }, [e, _]), /* @__PURE__ */ w(Mo, { layout: "default", coverRegistry: r, children: [
     /* @__PURE__ */ n(
-      Ro,
+      ko,
       {
         title: o,
         onClose: () => {
@@ -3933,34 +4004,34 @@ function Fr({
         hasShadow: u.hasShadow,
         enableResponsiveHeroHeader: m.enableResponsiveHeroHeader,
         children: /* @__PURE__ */ n(
-          $t,
+          Ut,
           {
-            trigger: /* @__PURE__ */ n(yt, { "aria-label": "Open menu" }),
+            trigger: /* @__PURE__ */ n(Nt, { "aria-label": "Open menu" }),
             placement: "bottom right",
-            children: ({ close: b }) => /* @__PURE__ */ w(Ht, { children: [
-              /* @__PURE__ */ n(ko, { onClose: b }),
-              /* @__PURE__ */ n(Lo, { onClose: b }),
-              /* @__PURE__ */ n(zo, {}),
-              /* @__PURE__ */ n(Fo, { onClose: b })
+            children: ({ close: b }) => /* @__PURE__ */ w(zt, { children: [
+              /* @__PURE__ */ n(Vo, { onClose: b }),
+              /* @__PURE__ */ n(Oo, { onClose: b }),
+              /* @__PURE__ */ n(Ko, {}),
+              /* @__PURE__ */ n(qo, { onClose: b })
             ] })
           }
         )
       }
     ),
-    /* @__PURE__ */ n(Hr, { variant: "default", ...h }),
+    /* @__PURE__ */ n(Gr, { variant: "default", ...h }),
     /* @__PURE__ */ n(
-      Va,
+      Ua,
       {
         placeholder: s,
         showBranding: i,
         variant: "default",
-        icons: c,
+        icons: l,
         onUserMessageSent: p
       }
     )
   ] });
 }
-function Ur({
+function Xr({
   appId: e,
   isOpen: t,
   onClose: a,
@@ -3968,23 +4039,23 @@ function Ur({
   title: s,
   placeholder: i,
   showBranding: r = !0,
-  customMessages: c = {},
+  customMessages: l = {},
   avatarConfig: f,
   coverRegistry: _,
   icons: m,
-  heroHeaderLayout: l,
+  heroHeaderLayout: d,
   // Note: showTrigger is accepted but not implemented yet (reserved for future use)
-  ...d
+  ...c
 }) {
   return /* @__PURE__ */ n(
-    nn,
+    rn,
     {
       appId: e,
-      customMessages: c,
+      customMessages: l,
       avatarConfig: f,
-      ...d,
+      ...c,
       children: /* @__PURE__ */ n(
-        Fr,
+        Kr,
         {
           isOpen: t,
           onClose: a,
@@ -3994,58 +4065,58 @@ function Ur({
           showBranding: r,
           coverRegistry: _,
           icons: m,
-          heroHeaderLayout: l
+          heroHeaderLayout: d
         }
       )
     }
   );
 }
-const Yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WebchatApp: Ur
+  WebchatApp: Xr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Be as A,
-  dn as B,
-  Io as C,
-  on as D,
-  ro as E,
-  po as F,
-  U as G,
-  Mo as H,
-  rn as I,
-  Oa as J,
-  xr as K,
-  tn as L,
-  yt as M,
-  Yr as N,
-  fo as O,
-  Za as T,
-  Ur as W,
+  hn as B,
+  Lo as C,
+  cn as D,
+  uo as E,
+  wo as F,
+  z as G,
+  To as H,
+  un as I,
+  Ha as J,
+  kr as K,
+  sn as L,
+  Nt as M,
+  ai as N,
+  vo as O,
+  es as T,
+  Xr as W,
   Ae as a,
-  Nn as b,
-  wt as c,
-  An as d,
-  Lo as e,
-  ko as f,
-  Fo as g,
-  zo as h,
+  En as b,
+  Mt as c,
+  xn as d,
+  Oo as e,
+  Vo as f,
+  qo as g,
+  Ko as h,
   ie as i,
-  Je as j,
-  Er as k,
-  Fn as l,
-  Jn as m,
-  Ct as n,
-  qn as o,
-  co as p,
-  Yn as q,
-  bo as r,
-  Ro as s,
-  Va as t,
-  Hr as u,
-  nn as v,
+  et as j,
+  Lr as k,
+  qn as l,
+  oo as m,
+  Pt as n,
+  Zn as o,
+  _o as p,
+  no as q,
+  Mo as r,
+  ko as s,
+  Ua as t,
+  Gr as u,
+  rn as v,
   qe as w,
-  an as x,
-  Sn as y,
-  mo as z
+  ln as x,
+  In as y,
+  po as z
 };