@sendbird/ai-agent-messenger-react 1.3.1 → 1.3.2

package/dist/es/{D43pgxiz.js → DcGmTG3A.js}

@@ -1,19 +1,19 @@
 import * as r from "react";
 import { createContext as ve, useContext as Q, useEffect as L, useState as _, useId as bn, useRef as N, useCallback as R, useMemo as ae, forwardRef as ye, useImperativeHandle as Er, useLayoutEffect as le, lazy as T, Suspense as ke, Component as xr, Fragment as Ut, useReducer as Cr, Children as vr } from "react";
-import yr, { SendbirdProduct as _r, DeviceOsPlatform as Ht, SendbirdPlatform as Sr, ConnectionHandler as Je, SendbirdError as Tr, SessionHandler as wr, LogLevel as En, ConnectionState as Ar } from "@sendbird/chat";
-import u, { css as I, ThemeProvider as kr, useTheme as xt, createGlobalStyle as Ir, StyleSheetManager as $r, keyframes as xn } from "styled-components";
-import { format as Cn, isSameMinute as zt, isSameDay as Mr } from "date-fns";
-import { enUS as Or } from "date-fns/locale/en-US";
-import { AIAgentModule as Lr, ConversationStatus as W, ConversationType as Rr } from "@sendbird/chat/aiAgent";
-import { useGroupChannelMessages as Dr, useGroupChannelHandler as Xe, useForceUpdate as Nr } from "@sendbird/uikit-tools";
-import { GroupChannelModule as Pr, GroupChannelListOrder as vn, GroupChannelHandler as Br } from "@sendbird/chat/groupChannel";
-import { renderer as Fr, parser as Ur, MessageProvider as Hr } from "@sendbird/react-uikit-message-template-view";
-import { createMessageTemplate as zr } from "@sendbird/uikit-message-template";
+import yr, { SendbirdChatOptions as _r, SendbirdProduct as Sr, DeviceOsPlatform as Ht, SendbirdPlatform as Tr, ConnectionHandler as Je, SendbirdError as wr, SessionHandler as Ar, LogLevel as En, ConnectionState as kr } from "@sendbird/chat";
+import u, { css as I, ThemeProvider as Ir, useTheme as xt, createGlobalStyle as $r, StyleSheetManager as Mr, keyframes as xn } from "styled-components";
+import { format as Cn, isSameMinute as zt, isSameDay as Or } from "date-fns";
+import { enUS as Lr } from "date-fns/locale/en-US";
+import { AIAgentModule as Rr, ConversationStatus as W, ConversationType as Dr } from "@sendbird/chat/aiAgent";
+import { useGroupChannelMessages as Nr, useGroupChannelHandler as Xe, useForceUpdate as Pr } from "@sendbird/uikit-tools";
+import { GroupChannelModule as Br, GroupChannelListOrder as vn, GroupChannelHandler as Fr } from "@sendbird/chat/groupChannel";
+import { renderer as Ur, parser as Hr, MessageProvider as zr } from "@sendbird/react-uikit-message-template-view";
+import { createMessageTemplate as Vr } from "@sendbird/uikit-message-template";
 import yn from "dompurify";
-import { SendingStatus as dt, MessageMetaArray as Vr } from "@sendbird/chat/message";
-import { isSameDay as Wr } from "date-fns/isSameDay";
-import { createPortal as Gr } from "react-dom";
-import jr from "@emotion/is-prop-valid";
+import { SendingStatus as dt, MessageMetaArray as Wr } from "@sendbird/chat/message";
+import { isSameDay as Gr } from "date-fns/isSameDay";
+import { createPortal as jr } from "react-dom";
+import Kr from "@emotion/is-prop-valid";
 const G = (e, t) => {
   const n = ve(null), o = ({ children: a, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
     const a = Q(n);
@@ -61,18 +61,18 @@ function _e(e) {
     };
   }), s;
 }
-function Kr(...e) {
+function Zr(...e) {
   return function({ children: n }) {
     return e.reduce((o, s) => /* @__PURE__ */ r.createElement(s, null, o), n);
   };
 }
 function ut() {
 }
-function Zr() {
+function Yr() {
   const e = /iPad|iPhone|iPod/.test(navigator.userAgent), t = /Android/.test(navigator.userAgent);
   return e || t;
 }
-function Yr(e) {
+function qr(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++)
     t = (t << 5) - t + e.charCodeAt(n), t |= 0;
@@ -120,13 +120,13 @@ const Vt = (e) => {
   ui: ["suggested_replies", "cta_button", "message_template", "csat"],
   trail: ["groundedness", "manual", "function_calls"],
   marking: ["is_hallucination", "is_moderated", "flagged_types"]
-}, qr = "1.3.1", Ee = "sb-agent", Jr = qr, st = `@${Ee}`, Wt = ({ appId: e, aiAgentId: t, storage: n }) => {
+}, Jr = "1.3.2", Ee = "sb-agent", Xr = Jr, st = `@${Ee}`, Wt = ({ appId: e, aiAgentId: t, storage: n }) => {
   const o = {
     templateBase: `${st}-template`,
     template: (s) => `${o.templateBase}/templates/${s}`,
     templateToken: () => `${o.templateBase}-template/message-template/tokens`,
     messengerSession: (s) => {
-      const i = Yr(`${e}/${t}/${s}`);
+      const i = qr(`${e}/${t}/${s}`);
       return `${st}-udata/${i}`;
     },
     anonUserSession: () => `${st}-session/${e}/${t}`
@@ -189,7 +189,7 @@ class _n {
     this.logger = t, this.subscribers = {};
   }
   async send(t) {
-    const n = Xr(), o = this.subscribers[t.type];
+    const n = Qr(), o = this.subscribers[t.type];
     if (o) {
       this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`, t.payload);
       const s = o.map((i) => i(t.payload));
@@ -206,7 +206,7 @@ class _n {
     this.subscribers[t] && (this.subscribers[t] = this.subscribers[t].filter((o) => o !== n));
   }
 }
-const Xr = () => {
+const Qr = () => {
   let e = ut, t = ut;
   return { promise: new Promise((o, s) => {
     e = o, t = s;
@@ -236,21 +236,22 @@ class Tn {
 function Gt(e, t, n) {
   const o = yr.init({
     appId: e,
-    modules: [new Pr(), new Lr()],
+    modules: [new Br(), new Rr()],
     localCacheEnabled: !0,
+    options: new _r({ typingIndicatorInvalidateTime: 3e4 }),
     ...n
   });
   return o.addSendbirdExtensions(
-    [{ version: Jr, product: _r.AI_AGENT, platform: t.platform }],
+    [{ version: Xr, product: Sr.AI_AGENT, platform: t.platform }],
     { platform: t.deviceOSPlatform, version: t.deviceOSVersion },
     t.customData
   ) || console.warn("Invalid Sendbird Extensions", t), o;
 }
 const {
-  Provider: Qr,
+  Provider: eo,
   useContext: ue
 } = G("AIAgent");
-function eo({
+function to({
   appId: e,
   aiAgentId: t,
   keyValueStorage: n,
@@ -264,8 +265,8 @@ function eo({
   logger: h,
   dispatcher: m,
   extensions: f = {
-    platform: Sr.JS,
-    deviceOSPlatform: Zr() ? Ht.MOBILE_WEB : Ht.WEB
+    platform: Tr.JS,
+    deviceOSPlatform: Yr() ? Ht.MOBILE_WEB : Ht.WEB
   }
 }) {
   const [x, E] = _(() => {
@@ -304,11 +305,11 @@ function eo({
     });
   }, [e, t, o, s, i, h, m, l]), L(() => () => {
     x.chatSDK.disconnectWebSocket();
-  }, [x.chatSDK]), /* @__PURE__ */ r.createElement(Qr, { value: x }, d);
+  }, [x.chatSDK]), /* @__PURE__ */ r.createElement(eo, { value: x }, d);
 }
-const to = (e, t, n) => Dr(e, t, { ...n, strictStreamingOrder: !0 });
+const no = (e, t, n) => Nr(e, t, { ...n, strictStreamingOrder: !0 });
 var mt = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))(mt || {});
-class no {
+class ro {
   constructor(t = {}) {
     this.payload = t;
   }
@@ -316,18 +317,18 @@ class no {
     return JSON.stringify({ type: this.type, payload: this.payload });
   }
 }
-const ro = {
-  CloseConversation: (e) => new oo(e)
+const oo = {
+  CloseConversation: (e) => new so(e)
 };
-class oo extends no {
+class so extends ro {
   constructor() {
     super(...arguments), this.type = "conv.close";
   }
 }
 const {
-  Provider: so
+  Provider: io
 } = G("AIAgentConversation");
-function io({
+function ao({
   children: e,
   channelUrl: t,
   onChannelDeleted: n,
@@ -338,7 +339,7 @@ function io({
   onAfterSendMessage: l = ut
 }) {
   var g;
-  const { chatSDK: c, logger: d, dispatcher: h } = ue(), { channel: m, channelFetchError: f, fetchChannel: x } = ao(t), E = to(c, m, {
+  const { chatSDK: c, logger: d, dispatcher: h } = ue(), { channel: m, channelFetchError: f, fetchChannel: x } = lo(t), E = no(c, m, {
     shouldCountNewMessages: () => !1,
     onChannelDeleted: n,
     onMessagesReceived: (C) => o == null ? void 0 : o(C),
@@ -384,9 +385,9 @@ function io({
       }
     }
   };
-  return /* @__PURE__ */ r.createElement(so, { value: b }, e);
+  return /* @__PURE__ */ r.createElement(io, { value: b }, e);
 }
-function ao(e) {
+function lo(e) {
   const { chatSDK: t, logger: n } = ue(), [o, s] = _(void 0), [i, a] = _(void 0);
   async function l() {
     if (n.debug("conversation.fetchChannel: start"), s(void 0), a(void 0), e)
@@ -397,7 +398,7 @@ function ao(e) {
         const d = new Je({ onReconnectSucceeded: () => c.refresh() });
         t.addConnectionHandler(`sba-refresh-${e}`, d), n.debug("conversation.fetchChannel: fetched channel", c);
       } catch (c) {
-        c instanceof Tr && a(c), n.error("conversation.fetchChannel: error", c);
+        c instanceof wr && a(c), n.error("conversation.fetchChannel: error", c);
       }
   }
   return L(() => {
@@ -408,7 +409,7 @@ function ao(e) {
     fetchChannel: l
   };
 }
-class lo {
+class co {
   /**
    * Creates a new ConversationListCollection instance.
    * @param sdk - The Sendbird Chat SDK instance
@@ -423,7 +424,7 @@ class lo {
       deskChannelFilter: (l = this.filter) == null ? void 0 : l.deskChannelFilter,
       pinnedChannelUrls: (c = this.filter) == null ? void 0 : c.pinnedChannelUrls,
       limit: this._limit
-    }), this._token = "", this._timestamp = Number.MAX_SAFE_INTEGER, this._isSyncing = !1, this._channelHandler = new Br({
+    }), this._token = "", this._timestamp = Number.MAX_SAFE_INTEGER, this._isSyncing = !1, this._channelHandler = new Fr({
       onChannelChanged: (d) => {
         d.isGroupChannel() && (this._query.belongsTo(d) ? this._addChannelsToView([d], !1) : this._removeChannelsFromView([d.url]));
       },
@@ -507,7 +508,7 @@ class lo {
       }
       const l = gt(this._channels, a), c = l < 0;
       !c && this._channels.splice(l, 1);
-      const h = co(this._channels, a, this._order).place, m = h === this._channels.length;
+      const h = uo(this._channels, a, this._order).place, m = h === this._channels.length;
       c ? m ? (n || !this.hasMore) && (this._channels.push(a), s.push(a)) : (this._channels.splice(h, 0, a), s.push(a)) : (this._channels.splice(h, 0, a), i.push(a));
     }
     return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: o };
@@ -584,7 +585,7 @@ class lo {
     this._isDisposed || (this._isDisposed = !0, this._collectionEventHandler = void 0, this._sdk.removeConnectionHandler(this._handlerId), this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId), this._pinnedChannels.length = 0, this._channels.length = 0);
   }
 }
-const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), co = (e, t, n) => {
+const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), uo = (e, t, n) => {
   if (e.length > 0) {
     const o = gt(e, t);
     let s = 0, i = e.length - 1, a = Math.floor((s + i) / 2);
@@ -611,14 +612,14 @@ const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), co = (e, t, n) => {
       return 0;
   }
 };
-function uo(e, t) {
+function mo(e, t) {
   var E, b, g, C, v, S, k, F;
   const n = bn(), [o, s] = _(!1), [i, a] = _(null), [l, c] = _([]), [d, h] = _(null), m = N(!1), f = R(async () => {
     if (!m.current && e.currentUser) {
       m.current = !0, s(!1), a(null), c([]);
       try {
         d == null || d.dispose();
-        const $ = new lo(e, t);
+        const $ = new co(e, t);
         $.setConversationListCollectionHandler({
           onChannelsAdded: () => {
             c($.channels);
@@ -664,9 +665,9 @@ function uo(e, t) {
   };
 }
 const {
-  Provider: mo
+  Provider: go
 } = G("AIAgentConversationList");
-function go({
+function ho({
   conversationListLimit: e,
   conversationListFilter: t,
   children: n
@@ -676,7 +677,7 @@ function go({
     ...a,
     ...(f = i == null ? void 0 : i.conversationListParams) == null ? void 0 : f.filter,
     ...t
-  }, d = uo(o, { limit: l, filter: c }), h = {
+  }, d = mo(o, { limit: l, filter: c }), h = {
     listSource: {
       initialized: d.initialized,
       error: d.error ?? void 0,
@@ -684,7 +685,7 @@ function go({
       loadMore: () => d.loadMore()
     }
   };
-  return /* @__PURE__ */ r.createElement(mo, { value: h }, n);
+  return /* @__PURE__ */ r.createElement(go, { value: h }, n);
 }
 const ht = {
   DEFAULT_BOT_MSG_BG: "#eeeeee",
@@ -694,7 +695,7 @@ const ht = {
 function wn(e) {
   return e.length === 4 ? `#${[...e.slice(1)].map((t) => t + t).join("")}` : e;
 }
-function ho(e) {
+function po(e) {
   const t = wn(e);
   return [
     parseInt(t.slice(1, 3), 16),
@@ -705,17 +706,17 @@ function ho(e) {
     // b
   ];
 }
-function po(e) {
+function fo(e) {
   return `#${e.map((t) => t.toString(16).padStart(2, "0")).join("")}`;
 }
-function fo(e, t, n) {
+function bo(e, t, n) {
   e /= 255, t /= 255, n /= 255;
   const o = Math.max(e, t, n), s = Math.min(e, t, n), i = o - s;
   let a = 0, l = 0;
   const c = (o + s) / 2;
   return o !== s && (l = c > 0.5 ? i / (2 - o - s) : i / (o + s)), o === e ? a = (t - n) / i + (t < n ? 6 : 0) : o === t ? a = (n - e) / i + 2 : o === n && (a = (e - t) / i + 4), a /= 6, [a, l, c];
 }
-function bo(e, t, n) {
+function Eo(e, t, n) {
   let o, s, i;
   if (t === 0)
     o = s = i = n;
@@ -728,10 +729,10 @@ function bo(e, t, n) {
   return [Math.round(o * 255), Math.round(s * 255), Math.round(i * 255)];
 }
 function Be(e, t, n) {
-  const [o, s, i] = ho(e), [a, l, c] = fo(o, s, i), d = Math.max(0, Math.min(1, c * t)), h = Math.max(0, Math.min(1, l * n)), [m, f, x] = bo(a, h, d);
-  return po([Math.round(m), Math.round(f), Math.round(x)]);
+  const [o, s, i] = po(e), [a, l, c] = bo(o, s, i), d = Math.max(0, Math.min(1, c * t)), h = Math.max(0, Math.min(1, l * n)), [m, f, x] = Eo(a, h, d);
+  return fo([Math.round(m), Math.round(f), Math.round(x)]);
 }
-function Eo(e, t = "light") {
+function xo(e, t = "light") {
   return {
     extraDark: Be(e, 0.6, 1.2),
     dark: Be(e, 0.85, 1.1),
@@ -744,7 +745,7 @@ function pt(e) {
   const t = wn(e), n = 149, o = +`0x${t[1]}${t[2]}`, s = +`0x${t[3]}${t[4]}`, i = +`0x${t[5]}${t[6]}`;
   return o * 0.299 + s * 0.587 + i * 0.114 > n ? ht.BLACK : ht.WHITE;
 }
-function xo(e, t, n, o, s) {
+function Co(e, t, n, o, s) {
   return {
     base: {
       primary: t,
@@ -773,7 +774,7 @@ function xo(e, t, n, o, s) {
     }
   };
 }
-const Co = (e, t, n, o, s) => ({
+const vo = (e, t, n, o, s) => ({
   base: {
     primary: t,
     primaryContrastContent: n,
@@ -867,7 +868,7 @@ const Co = (e, t, n, o, s) => ({
   caption4: { fontSize: 11, fontWeight: 400 }
 };
 function Kt(e) {
-  const t = vo(e), { colors: n, aiAgentColorVariables: o } = yo(e, t), s = So(e);
+  const t = yo(e), { colors: n, aiAgentColorVariables: o } = _o(e, t), s = To(e);
   return {
     selectedTheme: e.selectedTheme,
     palette: t,
@@ -876,18 +877,18 @@ function Kt(e) {
     typography: s
   };
 }
-function vo({ selectedTheme: e, palette: t, primary: n }) {
-  const o = t != null && t.primary ? t.primary : n ? n === Fe.primary.main ? Fe.primary : Eo(n, e) : Fe.primary;
+function yo({ selectedTheme: e, palette: t, primary: n }) {
+  const o = t != null && t.primary ? t.primary : n ? n === Fe.primary.main ? Fe.primary : xo(n, e) : Fe.primary;
   return {
     ...Fe,
     primary: o,
     ...t
   };
 }
-function yo({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, s) {
+function _o({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, s) {
   const i = s.primary.main, a = t ?? pt(i), l = n ?? ht.DEFAULT_BOT_MSG_BG, c = o ?? pt(l);
   return {
-    colors: (e === "light" ? xo : Co)(
+    colors: (e === "light" ? Co : vo)(
       s,
       i,
       a,
@@ -902,14 +903,14 @@ function yo({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, bot
     }
   };
 }
-function _o(e, t, n) {
+function So(e, t, n) {
   const o = { ...e };
   return n.forEach((s) => {
     const i = t[s];
     i != null && (o[s] = i);
   }), o;
 }
-function So({ typography: e }) {
+function To({ typography: e }) {
   if (!e)
     return it;
   const t = { ...it };
@@ -917,15 +918,15 @@ function So({ typography: e }) {
     const o = e[n];
     if (o && typeof o == "object") {
       const s = it[n], i = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
-      t[n] = _o(s, o, i);
+      t[n] = So(s, o, i);
     }
   }), t;
 }
 const {
-  Provider: To,
+  Provider: wo,
   useContext: Ct
 } = G("AIAgentTheme");
-function wo({ logger: e, palette: t, typography: n, appearance: o, children: s }) {
+function Ao({ logger: e, palette: t, typography: n, appearance: o, children: s }) {
   const [i, a] = _(
     () => Kt({
       selectedTheme: (o == null ? void 0 : o.theme) ?? "light",
@@ -950,15 +951,15 @@ function wo({ logger: e, palette: t, typography: n, appearance: o, children: s }
   );
   return L(() => {
     (o != null && o.theme || o != null && o.primaryColor || o != null && o.botMessageBackgroundColor) && l(i.selectedTheme);
-  }, [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor]), /* @__PURE__ */ r.createElement(To, { value: { theme: i, updateTheme: l } }, s);
+  }, [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor]), /* @__PURE__ */ r.createElement(wo, { value: { theme: i, updateTheme: l } }, s);
 }
-function Ao() {
+function ko() {
   const { chatSDK: e, logger: t } = ue(), n = R(
     async (s, i, a) => {
       if (t.debug("useChatConnection.connect: start, session", s.userId), i) {
-        const l = new wr({
+        const l = new Ar({
           ...i,
-          onSessionTokenRequired: ko(i.onSessionTokenRequired, a)
+          onSessionTokenRequired: Io(i.onSessionTokenRequired, a)
         });
         e.setSessionHandler(l);
       }
@@ -970,7 +971,7 @@ function Ao() {
   }, [e, t]);
   return { connect: n, disconnect: o };
 }
-function ko(e, t) {
+function Io(e, t) {
   if (e)
     return async (n, o) => {
       new Promise((s, i) => e == null ? void 0 : e(s, i)).then((s) => {
@@ -980,17 +981,17 @@ function ko(e, t) {
       });
     };
 }
-class Io {
+class $o {
   constructor({ userId: t, authToken: n, sessionHandler: o }) {
     this.userId = t, this.authToken = n, this.sessionHandler = o;
   }
 }
 class Zt {
 }
-const $o = 24 * 60 * 60 * 1e3, Mo = (e) => {
+const Mo = 24 * 60 * 60 * 1e3, Oo = (e) => {
   const { logger: t, cache: n } = ue(), o = () => {
     const i = n.messenger.getAnonUser();
-    return i ? i.expireAt - $o <= Date.now() ? (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session expired, clear cache"), n.messenger.clear(i.userId), null) : (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session info detected"), i) : null;
+    return i ? i.expireAt - Mo <= Date.now() ? (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session expired, clear cache"), n.messenger.clear(i.userId), null) : (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session info detected"), i) : null;
   }, s = () => {
     if (!e || e instanceof Zt)
       throw new Error("userSessionInfo must be an instance of ManualSessionInfo");
@@ -999,7 +1000,7 @@ const $o = 24 * 60 * 60 * 1e3, Mo = (e) => {
       `useUserSessionCandidate.getManualSessionInfo: missing required keys in userSessionInfo: ${i.join(", ")}`
     ), t.debug("useUserSessionCandidate.getManualSessionInfo: manual session info detected"), e;
   };
-  return ae(() => e instanceof Io ? s() : e instanceof Zt ? o() : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), s()) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), o()) : null, [
+  return ae(() => e instanceof $o ? s() : e instanceof Zt ? o() : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), s()) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), o()) : null, [
     t,
     e == null ? void 0 : e.userId,
     e == null ? void 0 : e.authToken,
@@ -1008,7 +1009,7 @@ const $o = 24 * 60 * 60 * 1e3, Mo = (e) => {
     n.messenger.clear
   ]);
 };
-function Oo({
+function Lo({
   userSessionInfo: e,
   onPreAuth: t,
   onPostAuth: n,
@@ -1017,7 +1018,7 @@ function Oo({
   onPostDeauth: i,
   forceCreateChannel: a
 }) {
-  const { aiAgentId: l, chatSDK: c, language: d, context: h, countryCode: m, logger: f, cache: x } = ue(), { connect: E, disconnect: b } = Ao(), g = Mo(e), C = R(async () => {
+  const { aiAgentId: l, chatSDK: c, language: d, context: h, countryCode: m, logger: f, cache: x } = ue(), { connect: E, disconnect: b } = ko(), g = Oo(e), C = R(async () => {
     var $;
     f.debug("useAuthentication.authenticate: start");
     const S = (g == null ? void 0 : g.userId) && (($ = x.messenger.getSettings(g.userId)) == null ? void 0 : $.knownActiveChannelUrl), k = await c.aiAgent.requestMessengerSettings({
@@ -1078,11 +1079,11 @@ const An = (e) => {
     return JSON.stringify(e).slice(1, -1);
   }
 }, $e = (e) => JSON.parse(e), Qe = (e) => JSON.parse(e);
-function Lo(e, t) {
+function Ro(e, t) {
   const [n, o] = t.split(",").map((s) => s.trim());
   return e === "dark" && o || n;
 }
-function Ro(e) {
+function Do(e) {
   const t = {};
   function n(o, s = "") {
     for (const [i, a] of Object.entries(o)) {
@@ -1105,7 +1106,7 @@ function vt({
     return s.replace(c, An(l));
   }, e);
 }
-async function Do({
+async function No({
   template: e,
   variables: t,
   variableKeyPattern: n,
@@ -1118,7 +1119,7 @@ async function Do({
     })
   )).reduce((i, { regex: a, transformedValue: l }) => i.replace(a, An(l)), e);
 }
-const No = () => {
+const Po = () => {
   const { chatSDK: e, logger: t, cache: n } = ue(), o = R(() => {
     var l, c;
     const i = (c = (l = e.appInfo) == null ? void 0 : l.aiAgentInfo) == null ? void 0 : c.templateListToken;
@@ -1143,21 +1144,21 @@ const No = () => {
   };
 };
 var je = /* @__PURE__ */ ((e) => (e.OFF = "off", e.ALWAYS = "always", e.HANDED_OFF_ONLY = "handed_off_only", e))(je || {});
-const Po = {
+const Bo = {
   off: "off",
   always: "always",
   handed_off_only: "handed_off_only"
   /* HANDED_OFF_ONLY */
 }, {
-  Provider: Bo
-} = G("AIAgentMessengerSession"), Fo = ye(
+  Provider: Fo
+} = G("AIAgentMessengerSession"), Uo = ye(
   function({ userSessionInfo: e, forceCreateChannel: t, children: n }, o) {
     const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: h, logger: m } = ue(), { updateTheme: f } = Ct(), [x, E] = _(void 0), [b, g] = _(
       void 0
     ), [C, v] = _(null), [S, k] = _(null), [F, $] = _(null), [V, re] = _(
       "handed_off_only"
       /* HANDED_OFF_ONLY */
-    ), { shouldSyncCachedTemplate: y, syncCachedTemplates: H } = No(), { authenticate: oe, deauthenticate: Y } = Oo({
+    ), { shouldSyncCachedTemplate: y, syncCachedTemplates: H } = Po(), { authenticate: oe, deauthenticate: Y } = Lo({
       userSessionInfo: e,
       forceCreateChannel: t,
       onPreAuth: R((A, D) => {
@@ -1182,7 +1183,7 @@ const Po = {
           type: A.launcher.image_type || "default_icon",
           imageUrl: A.launcher.image_url
         }), re(
-          Po[A.active_channel.attachment_mode] ?? "handed_off_only"
+          Bo[A.active_channel.attachment_mode] ?? "handed_off_only"
           /* HANDED_OFF_ONLY */
         );
       }, []),
@@ -1275,7 +1276,7 @@ const Po = {
         }
       };
     }, [oe, Y, b, a, i, m]), /* @__PURE__ */ r.createElement(
-      Bo,
+      Fo,
       {
         value: {
           userSessionInfo: e,
@@ -1296,7 +1297,7 @@ const Po = {
     );
   }
 );
-function Uo(e) {
+function Ho(e) {
   let t = "pending", n = e.then((o) => {
     t = "resolved", n = o;
   }).catch((o) => {
@@ -1311,10 +1312,10 @@ function Uo(e) {
   };
 }
 const {
-  Provider: Ho,
+  Provider: zo,
   useContext: kn
 } = G("MessageTemplateFetching");
-function zo({ children: e, internalVariables: t }) {
+function Vo({ children: e, internalVariables: t }) {
   const n = N({}), o = N({}), [s, i] = _({}), a = R((d, h) => {
     i((m) => ({
       ...m,
@@ -1346,7 +1347,7 @@ function zo({ children: e, internalVariables: t }) {
     suspend: (d, h) => {
       if (n.current[d])
         return n.current[d];
-      const m = Uo(h());
+      const m = Ho(h());
       return n.current[d] = m, m;
     },
     getIsFetching: (d) => {
@@ -1358,14 +1359,14 @@ function zo({ children: e, internalVariables: t }) {
       return ((h = s[d]) == null ? void 0 : h.error) ?? !1;
     }
   };
-  return /* @__PURE__ */ r.createElement(Ho, { value: c }, e);
+  return /* @__PURE__ */ r.createElement(zo, { value: c }, e);
 }
 const et = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
   VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
 };
 function ce({ uiTemplateString: e, variables: t = {} }) {
-  const n = Ro(t);
+  const n = Do(t);
   return vt({
     template: e,
     variables: n,
@@ -1381,10 +1382,10 @@ function de({
     template: t,
     variables: n,
     variableKeyPattern: (o) => et.VARIABLE(o),
-    variableValueTransformer: (o) => Lo(e, o)
+    variableValueTransformer: (o) => Ro(e, o)
   });
 }
-function Vo({
+function Wo({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
@@ -1421,7 +1422,7 @@ function Vo({
     }
   });
 }
-async function Wo({
+async function Go({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
@@ -1429,7 +1430,7 @@ async function Wo({
   internalVariables: s,
   onRequestTemplate: i
 }) {
-  return Do({
+  return No({
     template: t,
     variables: n,
     variableKeyPattern: (a) => et.VIEW_VARIABLE(a),
@@ -1457,7 +1458,7 @@ async function Wo({
     }
   });
 }
-const Go = ({
+const jo = ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
@@ -1466,7 +1467,7 @@ const Go = ({
   const { ui_template: s, color_variables: i } = $e(e);
   let a = JSON.stringify(s);
   if (Object.keys(o.viewVariables ?? {}).length > 0) {
-    const c = Vo({
+    const c = Wo({
       ...o,
       uiTemplateString: a,
       aiAgentColorVariables: t,
@@ -1476,7 +1477,7 @@ const Go = ({
     a = c;
   }
   return a = ce({ ...o, uiTemplateString: a, variables: n }), a = de({ ...o, uiTemplateString: a, colorVariables: i }), a = de({ ...o, uiTemplateString: a, colorVariables: t }), a = ce({ ...o, uiTemplateString: a }), Qe(a);
-}, jo = async ({
+}, Ko = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
@@ -1484,17 +1485,17 @@ const Go = ({
 }) => {
   const { ui_template: s, color_variables: i } = $e(e);
   let a = JSON.stringify(s);
-  return Object.keys(o.viewVariables ?? {}).length > 0 && (a = await Wo({
+  return Object.keys(o.viewVariables ?? {}).length > 0 && (a = await Go({
     ...o,
     uiTemplateString: a,
     aiAgentColorVariables: t,
     internalVariables: n
   })), a = ce({ ...o, uiTemplateString: a, variables: n }), a = de({ ...o, uiTemplateString: a, colorVariables: i }), a = de({ ...o, uiTemplateString: a, colorVariables: t }), a = ce({ ...o, uiTemplateString: a }), Qe(a);
-}, Ko = (e) => {
+}, Zo = (e) => {
   const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = kn();
   return _(() => {
     const o = e.onGetCachedTemplate(e.templateKey);
-    return o ? Go({
+    return o ? jo({
       ...e,
       rawTemplate: o,
       aiAgentColorVariables: t,
@@ -1502,20 +1503,20 @@ const Go = ({
       onRequestTemplate: e.onGetCachedTemplate
     }) : null;
   });
-}, Zo = (e) => {
-  const [t] = Ko(e);
+}, Yo = (e) => {
+  const [t] = Zo(e);
   if (t) return t;
   const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: s, suspend: i } = kn();
   return i(e.templateKey, async () => {
     const l = await s({ ...e, suspense: !0 });
-    return await jo({
+    return await Ko({
       ...e,
       rawTemplate: l,
       aiAgentColorVariables: n,
       internalVariables: o
     });
   }).value;
-}, Yo = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}', Me = "en", qo = /* @__PURE__ */ new Set([
+}, qo = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}', Me = "en", Jo = /* @__PURE__ */ new Set([
   Me,
   "ko",
   "es",
@@ -1526,7 +1527,7 @@ const Go = ({
   "de",
   "tr",
   "ja"
-]), Jo = (e, t, n) => {
+]), Xo = (e, t, n) => {
   const o = e[t];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -1538,7 +1539,7 @@ const Go = ({
       )
     );
   });
-}, Xo = Or, Qo = {
+}, Qo = Lr, es = {
   // Channel - Common
   CHANNEL_FROZEN: "Channel frozen",
   PLACE_HOLDER__WRONG: "Something went wrong",
@@ -1591,30 +1592,30 @@ const Go = ({
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "h:mma",
   // Citation
   CITATION_SOURCE_TITLE: "Source"
-}, yt = { language: "en", dateLocale: Xo, stringSet: Qo }, es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, yt = { language: "en", dateLocale: Qo, stringSet: es }, ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: yt
 }, Symbol.toStringTag, { value: "Module" })), Ke = /* @__PURE__ */ new Map([[Me, yt]]);
-async function ts(e) {
+async function ns(e) {
   if (Ke.has(e))
     return Ke.get(e);
-  const t = qo.has(e) ? e : Me;
+  const t = Jo.has(e) ? e : Me;
   try {
-    const { default: n } = await Jo(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./BAebVbLs.js"), "./languages/en.ts": () => Promise.resolve().then(() => es), "./languages/es.ts": () => import("./BKSUGIyL.js"), "./languages/fr.ts": () => import("./B1s75De5.js"), "./languages/hi.ts": () => import("./D0QwWNMF.js"), "./languages/it.ts": () => import("./CA1gVgSD.js"), "./languages/ja.ts": () => import("./DcqbdvlW.js"), "./languages/ko.ts": () => import("./Dxrtj2R8.js"), "./languages/pt.ts": () => import("./EylKxx4d.js"), "./languages/tr.ts": () => import("./DYR8UT_l.js") }), `./languages/${t}.ts`, 3);
+    const { default: n } = await Xo(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./BAebVbLs.js"), "./languages/en.ts": () => Promise.resolve().then(() => ts), "./languages/es.ts": () => import("./BKSUGIyL.js"), "./languages/fr.ts": () => import("./B1s75De5.js"), "./languages/hi.ts": () => import("./D0QwWNMF.js"), "./languages/it.ts": () => import("./CA1gVgSD.js"), "./languages/ja.ts": () => import("./DcqbdvlW.js"), "./languages/ko.ts": () => import("./Dxrtj2R8.js"), "./languages/pt.ts": () => import("./EylKxx4d.js"), "./languages/tr.ts": () => import("./DYR8UT_l.js") }), `./languages/${t}.ts`, 3);
     return Ke.set(e, n), n;
   } catch {
     return yt;
   }
 }
 const {
-  Provider: ns,
+  Provider: rs,
   useContext: O
 } = G("Localization");
-function rs(e) {
+function os(e) {
   var t;
   return ((t = e.split("-")) == null ? void 0 : t[0]) ?? Me;
 }
-function os({
+function ss({
   language: e = navigator.language,
   logger: t,
   stringSet: n,
@@ -1622,10 +1623,10 @@ function os({
 }) {
   const [s, i] = _(Ke.get(Me));
   return L(() => {
-    const a = rs(e);
-    s.language !== a && (t == null || t.debug("localization.useEffect: update language", `${s.language} -> ${a}`), ts(a).then(i));
+    const a = os(e);
+    s.language !== a && (t == null || t.debug("localization.useEffect: update language", `${s.language} -> ${a}`), ns(a).then(i));
   }, [e]), /* @__PURE__ */ r.createElement(
-    ns,
+    rs,
     {
       value: {
         language: s.language,
@@ -1645,7 +1646,7 @@ const Ze = "data-sb-agent-theme", Yt = (e) => (t, ...n) => {
 }, P = {
   light: Yt("light"),
   dark: Yt("dark")
-}, ss = I(({ theme: e }) => {
+}, is = I(({ theme: e }) => {
   const { palette: t } = e;
   return `
     :root,
@@ -1697,7 +1698,7 @@ const Ze = "data-sb-agent-theme", Yt = (e) => (t, ...n) => {
       --sendbird-overlay-light: ${t.overlay.light};
     }
   `;
-}), is = I`[${Ze}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${Ze}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, p = {
+}), as = I`[${Ze}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${Ze}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, p = {
   color: {
     primary: {
       dark: "var(--sendbird-primary-dark)",
@@ -1738,33 +1739,33 @@ const Ze = "data-sb-agent-theme", Yt = (e) => (t, ...n) => {
     error: "var(--sb-error)"
   }
 }, {
-  Provider: as,
-  useContext: ls
+  Provider: ls,
+  useContext: cs
 } = G("MessengerTheme");
-function cs(e) {
+function ds(e) {
   const { theme: t, appearance: n, logger: o } = e;
   return /* @__PURE__ */ r.createElement(
-    wo,
+    Ao,
     {
       appearance: n,
       palette: t == null ? void 0 : t.palette,
       typography: t == null ? void 0 : t.typography,
       logger: o
     },
-    /* @__PURE__ */ r.createElement(ds, { ...e })
+    /* @__PURE__ */ r.createElement(us, { ...e })
   );
 }
-function ds({ rootElement: e = document.body, children: t }) {
+function us({ rootElement: e = document.body, children: t }) {
   const { theme: n, updateTheme: o } = Ct();
   return le(() => {
     e.setAttribute(Ze, n.selectedTheme);
-  }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(kr, { theme: n }, /* @__PURE__ */ r.createElement(as, { value: { theme: n, updateTheme: o } }, t));
+  }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(Ir, { theme: n }, /* @__PURE__ */ r.createElement(ls, { value: { theme: n, updateTheme: o } }, t));
 }
 function pe(e, t) {
   const n = e.getRootNode({ composed: t });
   return n instanceof ShadowRoot || n instanceof Document ? n : document;
 }
-const us = (e, t) => {
+const ms = (e, t) => {
   L(() => {
     const n = pe(t) instanceof ShadowRoot, o = pe(t, !0);
     if (!(n ? t : o).querySelector(`link[href*='${e}']`)) {
@@ -1772,7 +1773,7 @@ const us = (e, t) => {
       i.rel = "stylesheet", i.href = e, (n ? t : o.head).appendChild(i);
     }
   }, [e, t]);
-}, ms = (e, t = document.body) => {
+}, gs = (e, t = document.body) => {
   L(() => {
     const n = pe(t), s = n instanceof ShadowRoot ? t : n.head;
     if (!s) return;
@@ -1780,12 +1781,12 @@ const us = (e, t) => {
     let a = s.querySelector(`style#${i}`);
     a ? a.textContent !== e && (a.textContent = e) : (a = s.ownerDocument.createElement("style"), a.id = i, a.textContent = e, s.appendChild(a));
   }, [e, t]);
-}, _t = /iPad|iPhone|iPod/.test(navigator.userAgent), gs = /Android/.test(navigator.userAgent), Oe = (e) => _t || gs, {
-  Provider: hs,
+}, _t = /iPad|iPhone|iPod/.test(navigator.userAgent), hs = /Android/.test(navigator.userAgent), Oe = (e) => _t || hs, {
+  Provider: ps,
   Consumer: In,
   useContext: B
 } = G("Messenger");
-function ps({
+function fs({
   children: e,
   state: t,
   enableCloseConversationButton: n = !1,
@@ -1799,8 +1800,8 @@ function ps({
     expanded: (t == null ? void 0 : t.expanded) ?? c,
     setExpanded: (t == null ? void 0 : t.setExpanded) ?? d
   };
-  return /* @__PURE__ */ r.createElement(eo, { ...i }, (m) => /* @__PURE__ */ r.createElement(
-    hs,
+  return /* @__PURE__ */ r.createElement(to, { ...i }, (m) => /* @__PURE__ */ r.createElement(
+    ps,
     {
       value: {
         ...i,
@@ -1815,19 +1816,19 @@ function ps({
   ));
 }
 const {
-  Provider: fs,
+  Provider: bs,
   useContext: U
-} = G("MessengerSession"), bs = ye(function({ children: e, ...t }, n) {
-  return /* @__PURE__ */ r.createElement(Fo, { ref: n, ...t }, (o) => /* @__PURE__ */ r.createElement(Es, { ...o }, e));
-}), Es = ({ children: e, ...t }) => {
+} = G("MessengerSession"), Es = ye(function({ children: e, ...t }, n) {
+  return /* @__PURE__ */ r.createElement(Uo, { ref: n, ...t }, (o) => /* @__PURE__ */ r.createElement(xs, { ...o }, e));
+}), xs = ({ children: e, ...t }) => {
   const { chatSDK: n, logger: o, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l } = B(), { userSessionInfo: c, authenticate: d, setActiveChannel: h, userSession: m, aiAgentInfo: f, launcherInfo: x } = t;
   return Xe(n, {
     async onUserJoined(E, b) {
       var C, v;
-      if (E.conversation && E.conversation.type === Rr.PROACTIVE && b.userId === ((C = n.currentUser) == null ? void 0 : C.userId)) {
+      if (E.conversation && E.conversation.type === Dr.PROACTIVE && b.userId === ((C = n.currentUser) == null ? void 0 : C.userId)) {
         o.info("messengerSession.onUserJoined: proactive channel joined", E.url);
         const S = ((v = E.conversation) == null ? void 0 : v.status) ?? W.OPEN;
-        h({ url: E.url, status: S }), l.setOpened(!0), xs({ sound: document.hidden || !l.opened });
+        h({ url: E.url, status: S }), l.setOpened(!0), Cs({ sound: document.hidden || !l.opened });
       }
     }
   }), L(() => {
@@ -1837,7 +1838,7 @@ const {
       o.error("messengerSession: failed to initialize", E);
     });
   }, [n, s, i, c == null ? void 0 : c.userId, c == null ? void 0 : c.authToken]), !m || !f || !x ? null : /* @__PURE__ */ r.createElement(
-    fs,
+    bs,
     {
       value: {
         ...t,
@@ -1849,7 +1850,7 @@ const {
     e
   );
 };
-function xs({ sound: e }) {
+function Cs({ sound: e }) {
   const t = "🔔You have received a new message", n = document.title, o = setInterval(() => {
     document.title = document.title === t ? n : t;
   }, 750);
@@ -1866,7 +1867,7 @@ const j = (e) => {
   color: n,
   className: o,
   ...s
-}) => /* @__PURE__ */ r.createElement(vs, { as: e, $variant: t, className: o, $color: n, ...s }), qt = /* @__PURE__ */ new WeakMap(), Cs = (e, t) => {
+}) => /* @__PURE__ */ r.createElement(ys, { as: e, $variant: t, className: o, $color: n, ...s }), qt = /* @__PURE__ */ new WeakMap(), vs = (e, t) => {
   let n = qt.get(t);
   n || (n = /* @__PURE__ */ new Map(), qt.set(t, n));
   const o = n.get(e);
@@ -1875,7 +1876,7 @@ const j = (e) => {
     ${s.lineHeight ? `line-height: ${s.lineHeight};` : "line-height: 100%;"}
   `;
   return n.set(e, i), i;
-}, vs = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Cs(e, t.typography)}color:${({ $color: e }) => e};`, J = "sb-agent", ee = {
+}, ys = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => vs(e, t.typography)}color:${({ $color: e }) => e};`, J = "sb-agent", ee = {
   ENTRY: `${J}-entry`,
   MODAL_ROOT: `${J}-modal-root`,
   WINDOW: `${J}-window`,
@@ -1889,14 +1890,14 @@ const j = (e) => {
 }, $n = {
   DEFAULT_PRIMARY: "#742ddd",
   WHITE: "#ffffff"
-}, Mn = 36, ys = 100, _s = 25 * 1024 * 1024, On = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], St = "noopener noreferrer nofollow", Le = 244, Ln = 640, Ye = 26, Rn = 4, te = 12, Te = 2, Ss = 16, ne = `${J}-incoming-msg`, Ts = `${J}-marked-text`;
+}, Mn = 36, _s = 100, Ss = 25 * 1024 * 1024, On = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], St = "noopener noreferrer nofollow", Le = 244, Ln = 640, Ye = 26, Rn = 4, te = 12, Te = 2, Ts = 16, ne = `${J}-incoming-msg`, ws = `${J}-marked-text`;
 function Tt(e) {
   switch (e) {
     case "top":
     case "middle":
       return Te;
     default:
-      return Ss;
+      return Ts;
   }
 }
 function wt(e, t) {
@@ -1915,7 +1916,7 @@ function wt(e, t) {
 function Dn(e) {
   return e.messageType === "file" ? e.message.length > 0 && e.file.name !== e.message : e.message.length > 0;
 }
-const ws = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"]), As = {
+const As = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"]), ks = {
   spinner: T(() => import("./BcUGcaq2.js")),
   chat: T(() => import("./DcFCGVBm.js")),
   message: T(() => import("./DsGXnanX.js")),
@@ -1951,18 +1952,18 @@ const ws = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"])
   template: T(() => import("./awO7aBCv.js")),
   source: T(() => import("./_EVMCh6Y.js"))
 }, M = ({ type: e, size: t = 24, className: n, color: o }) => {
-  const s = As[e];
+  const s = ks[e];
   return /* @__PURE__ */ r.createElement(
-    Is,
+    $s,
     {
       className: n,
-      $rtlFlip: ws.has(e),
+      $rtlFlip: As.has(e),
       $size: t,
       $color: o ?? p.color.primary.main
     },
     /* @__PURE__ */ r.createElement(ke, { fallback: null }, /* @__PURE__ */ r.createElement(s, null))
   );
-}, ks = I`[dir='rtl'] &{transform:scaleX(-1);}`, Is = u.div`width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};display:inline-block;&:focus{outline:none;}svg{display:block;}[class*='fill']{fill:${({ $color: e }) => e};}[class*='stroke']{stroke:${({ $color: e }) => e};stroke-width:2px;stroke-linejoin:round;}${({ $rtlFlip: e }) => e && ks};`;
+}, Is = I`[dir='rtl'] &{transform:scaleX(-1);}`, $s = u.div`width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};display:inline-block;&:focus{outline:none;}svg{display:block;}[class*='fill']{fill:${({ $color: e }) => e};}[class*='stroke']{stroke:${({ $color: e }) => e};stroke-width:2px;stroke-linejoin:round;}${({ $rtlFlip: e }) => e && Is};`;
 function At({
   name: e,
   type: t = "FILE",
@@ -1971,11 +1972,11 @@ function At({
   onClick: s
 }) {
   const { colors: i } = xt();
-  return /* @__PURE__ */ r.createElement($s, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(Os, { $bgColor: o ?? i.base.primary }, /* @__PURE__ */ r.createElement(M, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Ls, null, /* @__PURE__ */ r.createElement(Rs, { variant: "button", color: p.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(w, { color: p.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+  return /* @__PURE__ */ r.createElement(Ms, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(Ls, { $bgColor: o ?? i.base.primary }, /* @__PURE__ */ r.createElement(M, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Rs, null, /* @__PURE__ */ r.createElement(Ds, { variant: "button", color: p.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(w, { color: p.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }
-const $s = u.div`border-radius:12px;gap:8px;width:${Le}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${p.themedColor.textDisabled};background-color:${p.themedColor.bg_50_600};${({ $clickable: e }) => e && Ms}`, Ms = I`cursor:pointer;&:hover{background-color:${p.themedColor.bg_100_500};}`, Os = u.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, Ls = u.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Rs = u(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
-function Ds({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ r.createElement(Ns, null, /* @__PURE__ */ r.createElement(
+const Ms = u.div`border-radius:12px;gap:8px;width:${Le}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${p.themedColor.textDisabled};background-color:${p.themedColor.bg_50_600};${({ $clickable: e }) => e && Os}`, Os = I`cursor:pointer;&:hover{background-color:${p.themedColor.bg_100_500};}`, Ls = u.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, Rs = u.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Ds = u(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
+function Ns({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(Ps, null, /* @__PURE__ */ r.createElement(
     At,
     {
       name: e.name,
@@ -1984,33 +1985,33 @@ function Ds({ file: e, children: t, onClickFile: n }) {
     }
   ), t);
 }
-const Ns = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`;
-function Ps({ file: e, onClickMedia: t, children: n }) {
-  const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Us, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Hs, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
+const Ps = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`;
+function Bs({ file: e, onClickMedia: t, children: n }) {
+  const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Hs, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(zs, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
   if (o) {
     const s = {
       id: `${ne}-media-body`,
       onClick: () => t == null ? void 0 : t(e)
     };
-    return /* @__PURE__ */ r.createElement(Bs, null, /* @__PURE__ */ r.createElement(Fs, { ...s }, o()), n);
+    return /* @__PURE__ */ r.createElement(Fs, null, /* @__PURE__ */ r.createElement(Us, { ...s }, o()), n);
   }
   return null;
 }
-const Bs = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`, Fs = u.div`width:${Le}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${P.light`
+const Fs = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`, Us = u.div`width:${Le}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${P.light`
     background-color: ${p.color.background100};
   `}
   ${P.dark`
     background-color: ${p.color.background400};
   `}
-`, Us = u.img`width:100%;height:100%;object-fit:cover;`, Hs = u.video`width:100%;height:100%;object-fit:cover;`, zs = "✱";
+`, Hs = u.img`width:100%;height:100%;object-fit:cover;`, zs = u.video`width:100%;height:100%;object-fit:cover;`, Vs = "✱";
 function Nn(e) {
-  const t = new RegExp(`${zs}+`, "g");
-  return e.replace(t, (n) => `<span id=${Ts} aria-label="masked-text">${n}</span>`);
+  const t = new RegExp(`${Vs}+`, "g");
+  return e.replace(t, (n) => `<span id=${ws} aria-label="masked-text">${n}</span>`);
 }
-function Vs(e) {
+function Ws(e) {
   return e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>");
 }
-function Ws(e) {
+function Gs(e) {
   const t = /```(\w+)?\n([\s\S]*?)```/g, n = [];
   let o = 0;
   return e.replace(t, (s, ...i) => {
@@ -2028,19 +2029,19 @@ function Ws(e) {
     value: e.slice(o).trim()
   }), n.map((s) => s.type !== "text" ? s : { ...s, value: Nn(s.value) });
 }
-const Gs = T(async () => ({ default: (await import("./CwdCJ7xG.js")).MarkdownText })), js = T(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+const js = T(async () => ({ default: (await import("./D5uRw0Em.js")).MarkdownText })), Ks = T(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function Jt(e) {
   var s, i;
-  const t = e.maxBodyWidth ?? Le, n = ae(() => Ws(e.message), [e.message]), o = {
+  const t = e.maxBodyWidth ?? Le, n = ae(() => Gs(e.message), [e.message]), o = {
     id: `${ne}-text-body`,
     $maxWidth: t,
     $color: (s = e.customStyle) == null ? void 0 : s.bubbleContentColor,
     $bgColor: (i = e.customStyle) == null ? void 0 : i.bubbleBackgroundColor
   };
-  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Xt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Xt, { ...o }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ r.createElement(Qt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(ke, { fallback: a.value }, /* @__PURE__ */ r.createElement(Gs, { onClickImage: (c) => {
+  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Xt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Xt, { ...o }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ r.createElement(Qt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(ke, { fallback: a.value }, /* @__PURE__ */ r.createElement(js, { onClickImage: (c) => {
     var d;
     return (d = e.onClickMedia) == null ? void 0 : d.call(e, { url: c, type: "image/*" });
-  } }, a.value))) : a.type === "code" ? /* @__PURE__ */ r.createElement(ke, { key: l, fallback: /* @__PURE__ */ r.createElement(Qt, { variant: "body3" }, a.value) }, /* @__PURE__ */ r.createElement(js, { code: a.value, language: a.language })) : null), e.children);
+  } }, a.value))) : a.type === "code" ? /* @__PURE__ */ r.createElement(ke, { key: l, fallback: /* @__PURE__ */ r.createElement(Qt, { variant: "body3" }, a.value) }, /* @__PURE__ */ r.createElement(Ks, { code: a.value, language: a.language })) : null), e.children);
 }
 const Xt = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => I`
     color: ${t || e.colors.messageIncoming.text};
@@ -2050,38 +2051,38 @@ const Xt = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:
   transition: max-width 0.3s;
   overflow-wrap: break-word;
 `, Qt = u(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function Ks(e) {
+function Zs(e) {
   const { stringSet: t } = O(), n = Dn(e) ? /* @__PURE__ */ r.createElement(Jt, { ...e }) : null;
   if (e.messageType === "user")
     return n;
   if (e.messageType === "file") {
     const o = e.file;
-    return o.type.startsWith("image") || o.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Ps, { ...e }, n) : /* @__PURE__ */ r.createElement(Ds, { ...e }, n);
+    return o.type.startsWith("image") || o.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Bs, { ...e }, n) : /* @__PURE__ */ r.createElement(Ns, { ...e }, n);
   }
   return /* @__PURE__ */ r.createElement(Jt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
 const kt = (e) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0008 0.973633C10.6172 0.973633 9.49558 2.09527 9.49558 3.47888C9.49558 4.50705 10.115 5.39055 11.0009 5.77664V7.47887H13.0009V5.77653C13.8868 5.3904 14.5061 4.50696 14.5061 3.47888C14.5061 2.09527 13.3844 0.973633 12.0008 0.973633ZM0.250977 16.5788L0.250977 10.5789H2.25098L2.25098 16.5788H0.250977ZM21.7511 10.5789V16.5788H23.7511V10.5789H21.7511ZM18.251 7.47888H3.25097V18.9789C3.25097 20.3596 4.37026 21.4789 5.75097 21.4789H18.251C19.6317 21.4789 20.751 20.3596 20.751 18.9789V9.97887C20.751 8.59816 19.6317 7.47888 18.251 7.47888ZM9.78434 11.9539V15.2038C9.78434 15.7561 9.33663 16.2038 8.78434 16.2038C8.23206 16.2038 7.78434 15.7561 7.78434 15.2038V11.9539C7.78434 11.4016 8.23206 10.9539 8.78434 10.9539C9.33663 10.9539 9.78434 11.4016 9.78434 11.9539ZM16.2677 11.9539V15.2038C16.2677 15.7561 15.82 16.2038 15.2677 16.2038C14.7154 16.2038 14.2677 15.7561 14.2677 15.2038V11.9539C14.2677 11.4016 14.7154 10.9539 15.2677 10.9539C15.82 10.9539 16.2677 11.4016 16.2677 11.9539Z", fill: "#0D0D0D" }));
 function It({ id: e, src: t, size: n = 56, onClick: o, style: s }) {
-  return /* @__PURE__ */ r.createElement(Zs, { id: e, tabIndex: 0, onClick: o, $size: j(n), style: s }, t ? /* @__PURE__ */ r.createElement(Ys, { src: t }) : /* @__PURE__ */ r.createElement(M, { type: "user", size: n }));
+  return /* @__PURE__ */ r.createElement(Ys, { id: e, tabIndex: 0, onClick: o, $size: j(n), style: s }, t ? /* @__PURE__ */ r.createElement(qs, { src: t }) : /* @__PURE__ */ r.createElement(M, { type: "user", size: n }));
 }
-const Zs = u.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${p.themedColor.bg_100_500};&:focus{outline:none;}`, Ys = u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
-function qs({ sender: e, isBotMessage: t }) {
+const Ys = u.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${p.themedColor.bg_100_500};&:focus{outline:none;}`, qs = u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
+function Js({ sender: e, isBotMessage: t }) {
   const n = `${ne}-sender-avatar`;
-  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(Js, { id: n }, /* @__PURE__ */ r.createElement(kt, null)) : /* @__PURE__ */ r.createElement(It, { id: n, size: Ye, src: e.profileUrl });
+  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(Xs, { id: n }, /* @__PURE__ */ r.createElement(kt, null)) : /* @__PURE__ */ r.createElement(It, { id: n, size: Ye, src: e.profileUrl });
 }
-const Js = u.div`flex-shrink:0;width:${Ye}px;height:${Ye}px;box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({ theme: e }) => e.colors.base.primary};path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}}`;
-function Xs({ sender: e }) {
-  return /* @__PURE__ */ r.createElement(Qs, { id: `${ne}-sender-name`, variant: "caption1", color: p.themedColor.textMidEmphasis }, e.nickname);
+const Xs = u.div`flex-shrink:0;width:${Ye}px;height:${Ye}px;box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({ theme: e }) => e.colors.base.primary};path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}}`;
+function Qs({ sender: e }) {
+  return /* @__PURE__ */ r.createElement(ei, { id: `${ne}-sender-name`, variant: "caption1", color: p.themedColor.textMidEmphasis }, e.nickname);
 }
-const Qs = u(w)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
-function ei({ createdAt: e }) {
+const ei = u(w)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
+function ti({ createdAt: e }) {
   const { stringSet: t, format: n } = O();
   return e ? /* @__PURE__ */ r.createElement(w, { id: `${ne}-sent-time`, variant: "caption4", color: p.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
-function ti({ customStyle: e }) {
-  return /* @__PURE__ */ r.createElement(ni, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(ri, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
+function ni({ customStyle: e }) {
+  return /* @__PURE__ */ r.createElement(ri, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(oi, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
 }
-const ni = u.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({ theme: e, $bgColor: t }) => t || e.colors.messageIncoming.background};`, ri = u.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({ theme: e, $color: t }) => t || e.colors.messageIncoming.text};@keyframes blink{0%{opacity:0.12;transform:scale(1);}21.43%{opacity:0.38;transform:scale(1.2);}42.86%{opacity:0.12;transform:scale(1);}100%{opacity:0.12;transform:scale(1);}}&:nth-child(1){animation-delay:0.4s;}&:nth-child(2){animation-delay:0.6s;}&:nth-child(3){animation-delay:0.8s;}`;
+const ri = u.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({ theme: e, $bgColor: t }) => t || e.colors.messageIncoming.background};`, oi = u.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({ theme: e, $color: t }) => t || e.colors.messageIncoming.text};@keyframes blink{0%{opacity:0.12;transform:scale(1);}21.43%{opacity:0.38;transform:scale(1.2);}42.86%{opacity:0.12;transform:scale(1);}100%{opacity:0.12;transform:scale(1);}}&:nth-child(1){animation-delay:0.4s;}&:nth-child(2){animation-delay:0.6s;}&:nth-child(3){animation-delay:0.8s;}`;
 function Ie() {
 }
 async function $t(e) {
@@ -2099,41 +2100,41 @@ function Fn(e) {
   const t = (n = e == null ? void 0 : e.conversation) == null ? void 0 : n.handoff;
   return !!(t != null && t.timestamp);
 }
-function oi(e) {
+function si(e) {
   return Bn(e) && !Fn(e);
 }
-function si({
+function ii({
   extendedMessagePayload: e,
   onClickCTA: t = ({ url: n }) => $t(n)
 }) {
   const n = e == null ? void 0 : e.cta_button;
-  return n ? /* @__PURE__ */ r.createElement(ii, { id: `${ne}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(ai, { variant: "button" }, n.label)) : null;
+  return n ? /* @__PURE__ */ r.createElement(ai, { id: `${ne}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(li, { variant: "button" }, n.label)) : null;
 }
-const ii = u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${p.themedColor.textHighEmphasis};background-color:${p.color.background50};${P.dark`
+const ai = u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${p.themedColor.textHighEmphasis};background-color:${p.color.background50};${P.dark`
     background-color: ${p.color.ondark.textDisabled};
   `}
-`, ai = u(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
-function li({
+`, li = u(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+function ci({
   extendedMessagePayload: e,
   onClickCitation: t = (n) => $t(n.link)
 }) {
   const { stringSet: n } = O(), { theme: o } = Ct(), s = e == null ? void 0 : e.citations;
-  return !s || s.length === 0 ? null : /* @__PURE__ */ r.createElement(ci, { id: `${ne}-ext-citation` }, /* @__PURE__ */ r.createElement(di, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(ui, null, s.map((i, a) => /* @__PURE__ */ r.createElement(
-    gi,
+  return !s || s.length === 0 ? null : /* @__PURE__ */ r.createElement(di, { id: `${ne}-ext-citation` }, /* @__PURE__ */ r.createElement(ui, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(mi, null, s.map((i, a) => /* @__PURE__ */ r.createElement(
+    hi,
     {
       key: `${i.embedding_id}-${a}`,
       role: "button",
       onClick: () => t(i)
     },
     /* @__PURE__ */ r.createElement(M, { type: "source", size: 16, color: o.colors.messageIncoming.text }),
-    /* @__PURE__ */ r.createElement(mi, { variant: "body3", color: o.colors.messageIncoming.text }, i.title)
+    /* @__PURE__ */ r.createElement(gi, { variant: "body3", color: o.colors.messageIncoming.text }, i.title)
   ))));
 }
-const ci = u.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, di = u(w)`opacity:0.5;`, ui = u.div`display:flex;flex-direction:column;gap:8px;`, mi = u(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, gi = u.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`;
-function hi(e) {
+const di = u.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, ui = u(w)`opacity:0.5;`, mi = u.div`display:flex;flex-direction:column;gap:8px;`, gi = u(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, hi = u.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`;
+function pi(e) {
   return /* @__PURE__ */ r.createElement(r.Fragment, null);
 }
-class pi extends xr {
+class fi extends xr {
   constructor(t) {
     super(t), this.state = {
       hasError: !1
@@ -2146,31 +2147,31 @@ class pi extends xr {
     return this.state.hasError ? this.props.errorFallback : /* @__PURE__ */ r.createElement(ke, { fallback: this.props.loadingFallback }, this.props.children);
   }
 }
-const fi = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: bi } = zr({
-  parser: Ur,
-  renderer: Fr,
+const bi = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: Ei } = Vr({
+  parser: Hr,
+  renderer: Ur,
   Container: (e) => /* @__PURE__ */ r.createElement("div", { ...e })
 });
-function Ei(e) {
+function xi(e) {
   return /* @__PURE__ */ r.createElement(
-    pi,
+    fi,
     {
       errorFallback: e.messageTemplateErrorFallback,
       loadingFallback: e.messageTemplateLoadingFallback
     },
-    /* @__PURE__ */ r.createElement(xi, { ...e })
+    /* @__PURE__ */ r.createElement(Ci, { ...e })
   );
 }
-const xi = ({
+const Ci = ({
   extendedMessagePayload: e,
   onGetCachedMessageTemplate: t = () => null,
   onRequestMessageTemplate: n,
   onHandleTemplateInternalAction: o = Ie
 }) => {
   const s = e == null ? void 0 : e.message_template;
-  if (!fi.has((s == null ? void 0 : s.type) ?? "default")) throw new Error("Unsupported template type");
+  if (!bi.has((s == null ? void 0 : s.type) ?? "default")) throw new Error("Unsupported template type");
   if (!n) throw new Error("onRequestMessageTemplate is required");
-  const { theme: a } = ls(), l = Zo({
+  const { theme: a } = cs(), l = Yo({
     onRequestTemplate: n,
     onGetCachedTemplate: t,
     theme: a.selectedTheme,
@@ -2179,24 +2180,24 @@ const xi = ({
     viewVariables: s == null ? void 0 : s.view_variables,
     aiAgentColorVariables: a.aiAgentColorVariables
   });
-  return /* @__PURE__ */ r.createElement(Ci, { id: `${ne}-ext-message-template` }, /* @__PURE__ */ r.createElement(
-    Hr,
+  return /* @__PURE__ */ r.createElement(vi, { id: `${ne}-ext-message-template` }, /* @__PURE__ */ r.createElement(
+    zr,
     {
       handleInternalAction: (c, d) => {
         c.stopPropagation(), o == null || o(d);
       }
     },
-    /* @__PURE__ */ r.createElement(bi, { templateItems: l.body.items, templateVersion: l.version })
+    /* @__PURE__ */ r.createElement(Ei, { templateItems: l.body.items, templateVersion: l.version })
   ));
-}, Ci = u.div`box-sizing:border-box;overflow:hidden;width:100%;`;
-function vi({
+}, vi = u.div`box-sizing:border-box;overflow:hidden;width:100%;`;
+function yi({
   extendedMessagePayload: e,
   onClickSuggestedReply: t,
   suggestedRepliesDirection: n = "vertical"
 }) {
   const [o, s] = _(!1), i = (e == null ? void 0 : e.suggested_replies) ?? [];
-  return i.length === 0 || o ? null : /* @__PURE__ */ r.createElement(yi, { id: `${ne}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ r.createElement(
-    _i,
+  return i.length === 0 || o ? null : /* @__PURE__ */ r.createElement(_i, { id: `${ne}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ r.createElement(
+    Si,
     {
       key: l,
       $type: n,
@@ -2208,39 +2209,39 @@ function vi({
     a
   )));
 }
-const yi = u.div`margin:16px 0;padding:0 ${te}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? Si : Ti};`, _i = u(w)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${p.color.primary.main};border:1px solid ${p.color.primary.main};background-color:${p.themedColor.bg_50_600};&:hover{background-color:${p.themedColor.bg_100_500};}${({ $type: e, theme: t }) => I`
-    ${e === "vertical" ? wi : Ai};
+const _i = u.div`margin:16px 0;padding:0 ${te}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? Ti : wi};`, Si = u(w)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${p.color.primary.main};border:1px solid ${p.color.primary.main};background-color:${p.themedColor.bg_50_600};&:hover{background-color:${p.themedColor.bg_100_500};}${({ $type: e, theme: t }) => I`
+    ${e === "vertical" ? Ai : ki};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, Si = I`flex-direction:column;align-items:flex-end;`, Ti = I`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, wi = I`max-width:calc(100% - 70px);white-space:pre-wrap;`, Ai = I`white-space:nowrap;`;
+`, Ti = I`flex-direction:column;align-items:flex-end;`, wi = I`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Ai = I`max-width:calc(100% - 70px);white-space:pre-wrap;`, ki = I`white-space:nowrap;`;
 function Mt(e) {
   return e();
 }
 const xe = _e({
-  template: ki,
+  template: Ii,
   components: {
-    SenderName: Xs,
-    SenderAvatar: qs,
-    SentTime: ei,
-    MessageBody: Ks,
-    TypingIndicator: ti,
-    SuggestedReplies: vi,
-    MessageTemplate: Ei,
-    CTAButton: si,
-    Citation: li,
-    MessageLogs: hi
+    SenderName: Qs,
+    SenderAvatar: Js,
+    SentTime: ti,
+    MessageBody: Zs,
+    TypingIndicator: ni,
+    SuggestedReplies: yi,
+    MessageTemplate: xi,
+    CTAButton: ii,
+    Citation: ci,
+    MessageLogs: pi
   }
 });
-function ki(e) {
+function Ii(e) {
   return /* @__PURE__ */ r.createElement(Un, { ...e, testerMode: !1 });
 }
 function Un(e) {
   var f, x, E, b, g;
   const { components: t } = xe.useContext(), n = !!e.isTyping, o = e.testerMode, s = !!((f = e.extendedMessagePayload) != null && f.message_template), i = !!((x = e.extendedMessagePayload) != null && x.cta_button), a = !!((E = e.extendedMessagePayload) != null && E.citations) && e.extendedMessagePayload.citations.length > 0, l = !!e.createdAt, c = Mt(() => e.messageType === "user" ? e.message.length > 0 : !0), d = e.groupType === "top" || e.groupType === "single", h = e.groupType === "bottom" || e.groupType === "single", m = o ? 0 : Ye;
-  return /* @__PURE__ */ r.createElement(Ii, { $marginBottom: n ? 0 : Tt(e.groupType) }, d && /* @__PURE__ */ r.createElement($i, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, /* @__PURE__ */ r.createElement(at, { $extraStartPadding: m }, n && /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }), /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, i && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), a && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), s && /* @__PURE__ */ r.createElement(en, { $startPadding: 0, $endPadding: 0, style: { marginTop: c ? Te : 0 } }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement($i, { $marginBottom: n ? 0 : Tt(e.groupType) }, d && /* @__PURE__ */ r.createElement(Mi, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, /* @__PURE__ */ r.createElement(at, { $extraStartPadding: m }, n && /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }), /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, i && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), a && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), s && /* @__PURE__ */ r.createElement(en, { $startPadding: 0, $endPadding: 0, style: { marginTop: c ? Te : 0 } }, /* @__PURE__ */ r.createElement(
     t.MessageTemplate,
     {
       ...e,
@@ -2254,18 +2255,18 @@ function Un(e) {
       )),
       messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(at, { $extraStartPadding: m }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
     }
-  ))), h && l && /* @__PURE__ */ r.createElement(Mi, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(en, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
+  ))), h && l && /* @__PURE__ */ r.createElement(Oi, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(en, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
 }
-const Ii = u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const $i = u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, tt = u.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = te, $endPadding: t = te, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, $i = u(tt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, at = u(tt)`display:flex;`, Mi = u(tt)`margin-top:${Rn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, en = u(tt)`display:flex;flex-direction:column;${({ $startPadding: e = te, $endPadding: t = te, $extraStartPadding: n = 0 }) => `
+`, Mi = u(tt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, at = u(tt)`display:flex;`, Oi = u(tt)`margin-top:${Rn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, en = u(tt)`display:flex;flex-direction:column;${({ $startPadding: e = te, $endPadding: t = te, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
 `;
-function Oi({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ r.createElement(Li, null, /* @__PURE__ */ r.createElement(
+function Li({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(Ri, null, /* @__PURE__ */ r.createElement(
     At,
     {
       name: e.name,
@@ -2274,54 +2275,54 @@ function Oi({ file: e, children: t, onClickFile: n }) {
     }
   ), t);
 }
-const Li = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Hn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(Ri, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(M, { type: "spinner", size: n })), Ri = u.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
-function Di({ file: e, metadata: t, onClickMedia: n, children: o }) {
+const Ri = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Hn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(Di, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(M, { type: "spinner", size: n })), Di = u.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
+function Ni({ file: e, metadata: t, onClickMedia: n, children: o }) {
   const { aspectRatio: s, localFile: i } = t, [a] = _(() => i instanceof File ? URL.createObjectURL(i) : e.url), [l, c] = _(!1), d = {
     onClick: () => n == null ? void 0 : n(e),
     $ratio: s
   };
-  return /* @__PURE__ */ r.createElement(Ni, null, /* @__PURE__ */ r.createElement(Pi, { ...d }, !l && /* @__PURE__ */ r.createElement(Hn, { size: 26 }, /* @__PURE__ */ r.createElement(M, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Bi, { $loaded: l, src: a, alt: "image-message", onLoad: () => c(!0) })), o);
+  return /* @__PURE__ */ r.createElement(Pi, null, /* @__PURE__ */ r.createElement(Bi, { ...d }, !l && /* @__PURE__ */ r.createElement(Hn, { size: 26 }, /* @__PURE__ */ r.createElement(M, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Fi, { $loaded: l, src: a, alt: "image-message", onLoad: () => c(!0) })), o);
 }
-const Ni = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Pi = u.div`width:${Le}px;border-radius:12px;overflow:hidden;cursor:pointer;height:auto;aspect-ratio:${(e) => e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${P.light`
+const Pi = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Bi = u.div`width:${Le}px;border-radius:12px;overflow:hidden;cursor:pointer;height:auto;aspect-ratio:${(e) => e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${P.light`
     background-color: ${p.color.background100};
   `}
   ${P.dark`
     background-color: ${p.color.background400};
   `}
-`, Bi = u.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
+`, Fi = u.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
 function tn(e) {
   var n, o;
   const t = ae(() => {
-    const s = Vs(Nn(e.message));
+    const s = Ws(Nn(e.message));
     return yn.sanitize(s);
   }, [e.message]);
   return /* @__PURE__ */ r.createElement(
-    Fi,
+    Ui,
     {
       $maxWidth: e.maxBodyWidth ?? Le,
       $color: (n = e.customStyle) == null ? void 0 : n.bubbleContentColor,
       $bgColor: (o = e.customStyle) == null ? void 0 : o.bubbleBackgroundColor
     },
-    /* @__PURE__ */ r.createElement(Ui, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
+    /* @__PURE__ */ r.createElement(Hi, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
   );
 }
-const Fi = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => I`
+const Ui = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => I`
     color: ${t || e.colors.messageOutgoing.text};
     background-color: ${n || e.colors.messageOutgoing.background};
   `}
   padding: 12px 0;
   transition: max-width 0.3s;
   overflow-wrap: break-word;
-`, Ui = u(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function Hi(e) {
+`, Hi = u(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function zi(e) {
   const { stringSet: t } = O(), n = Dn(e) ? /* @__PURE__ */ r.createElement(tn, { ...e }) : null;
-  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Di, { ...e }, n) : /* @__PURE__ */ r.createElement(Oi, { ...e }, n) : /* @__PURE__ */ r.createElement(tn, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Ni, { ...e }, n) : /* @__PURE__ */ r.createElement(Li, { ...e }, n) : /* @__PURE__ */ r.createElement(tn, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
-function zi({ sendingStatus: e }) {
+function Vi({ sendingStatus: e }) {
   const t = xt();
   switch (e) {
     case "pending":
-      return /* @__PURE__ */ r.createElement(Vi, { size: 16 }, /* @__PURE__ */ r.createElement(M, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
+      return /* @__PURE__ */ r.createElement(Wi, { size: 16 }, /* @__PURE__ */ r.createElement(M, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
     case "failed":
       return /* @__PURE__ */ r.createElement("div", { style: { marginBottom: 2 } }, /* @__PURE__ */ r.createElement(M, { type: "error", color: p.themedColor.error, size: 16 }));
     case "scheduled":
@@ -2331,40 +2332,40 @@ function zi({ sendingStatus: e }) {
       return /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(M, { type: "chevron-down" }));
   }
 }
-const Vi = u(Hn)`margin-bottom:2px;width:16px;height:16px;`;
-function Wi({ createdAt: e }) {
+const Wi = u(Hn)`margin-bottom:2px;width:16px;height:16px;`;
+function Gi({ createdAt: e }) {
   const { stringSet: t, format: n } = O();
   return e ? /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: p.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
 const Ot = _e({
-  template: Gi,
+  template: ji,
   components: {
-    SendingStatus: zi,
-    SentTime: Wi,
-    MessageBody: Hi
+    SendingStatus: Vi,
+    SentTime: Gi,
+    MessageBody: zi
   }
 });
-function Gi(e) {
+function ji(e) {
   const { components: t } = Ot.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
-  return /* @__PURE__ */ r.createElement(ji, { $marginBottom: Tt(e.groupType) }, /* @__PURE__ */ r.createElement(Ki, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Zi, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
+  return /* @__PURE__ */ r.createElement(Ki, { $marginBottom: Tt(e.groupType) }, /* @__PURE__ */ r.createElement(Zi, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Yi, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
 }
-const ji = u.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const Ki = u.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, zn = u.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = te, $endPadding: t = te, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
-`, Ki = u(zn)``, Zi = u(zn)`margin-top:${Rn}px;`;
-function Yi(e) {
-  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(qi, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, Ji(yn.sanitize(e.message))));
+`, Zi = u(zn)``, Yi = u(zn)`margin-top:${Rn}px;`;
+function qi(e) {
+  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Ji, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, Xi(yn.sanitize(e.message))));
 }
-const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Ji = (e) => {
+const Ji = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Xi = (e) => {
   const t = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g, n = [];
   let o = 0;
   return e.replace(t, (s, i, a, l) => (n.push(e.slice(o, l)), n.push(
     /* @__PURE__ */ r.createElement("a", { key: a, href: a, target: "_blank", rel: St }, i)
   ), o = l + s.length, s)), n.push(e.slice(o)), n;
-}, Xi = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
+}, Qi = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
   const { stringSet: s } = O();
   return L(() => {
     typeof n > "u" && typeof t == "boolean" && (o == null || o(t));
-  }, [n, t]), /* @__PURE__ */ r.createElement(Qi, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, s.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+  }, [n, t]), /* @__PURE__ */ r.createElement(ea, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, s.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
     nn,
     {
       checked: n === !0,
@@ -2383,15 +2384,15 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   )));
 }, nn = ({ onClick: e, checked: t, label: n, disabled: o }) => {
   const s = t ? p.color.primary.main : o ? p.themedColor.textDisabled : p.themedColor.textLowEmphasis, i = t ? p.themedColor.textHighEmphasis : o ? p.themedColor.textLowEmphasis : p.themedColor.textHighEmphasis;
-  return /* @__PURE__ */ r.createElement(ea, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(M, { size: 24, type: t ? "radio-on" : "radio-off", color: s }), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: i }, n));
-}, Qi = u.div`display:flex;flex-direction:column;gap:8px;`, ea = u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, ta = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "csat1", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08301 20C2.08301 10.1049 10.1046 2.08334 19.9997 2.08334C29.8948 2.08334 37.9163 10.1049 37.9163 20C37.9163 29.8952 29.8948 37.9167 19.9997 37.9167C10.1046 37.9167 2.08301 29.8952 2.08301 20Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5824 29.3328C13.1344 29.7473 13.918 29.636 14.3326 29.084C15.6269 27.3607 17.6835 26.25 19.9997 26.25C22.316 26.25 24.3727 27.3607 25.6668 29.084C26.0815 29.636 26.865 29.7473 27.4172 29.3328C27.9692 28.9182 28.0805 28.1347 27.6658 27.5825C25.9198 25.2577 23.1357 23.75 19.9997 23.75C16.8638 23.75 14.0797 25.2577 12.3336 27.5825C11.919 28.1347 12.0304 28.9182 12.5824 29.3328Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M28.4449 13.7707C29.1324 13.8328 29.64 14.4406 29.578 15.1281C29.516 15.8153 28.909 16.3221 28.2219 16.2608C28.2219 16.2608 28.0282 16.2502 27.9267 16.2487C27.7224 16.2457 27.4382 16.2509 27.1224 16.2833C26.7864 16.3177 26.4644 16.3782 26.1799 16.4662L26.304 16.86C26.7792 18.3675 25.5094 19.5813 24.2057 19.5813C23.504 19.5813 22.8319 19.2617 22.4295 18.6857C22.0025 18.0745 21.9417 17.241 22.4075 16.5344C22.7505 16.0143 23.2444 15.3831 23.8959 14.8657C24.8355 14.1195 26.0435 13.8809 26.867 13.7963C27.3024 13.7517 28.0149 13.7319 28.4449 13.7707Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M11.5553 13.7707C10.8677 13.8328 10.3601 14.4406 10.4221 15.1281C10.4842 15.8153 11.0912 16.3221 11.7782 16.2608C11.7782 16.2608 11.972 16.2502 12.0734 16.2487C12.2778 16.2457 12.562 16.2509 12.8778 16.2833C13.2137 16.3177 13.5357 16.3782 13.8203 16.4662L13.6962 16.86C13.2209 18.3675 14.4907 19.5813 15.7944 19.5813C16.4962 19.5813 17.1683 19.2617 17.5707 18.6857C17.9975 18.0745 18.0585 17.241 17.5925 16.5344C17.2497 16.0143 16.7557 15.3831 16.1043 14.8657C15.1646 14.1195 13.9566 13.8809 13.1331 13.7963C12.6978 13.7517 11.9853 13.7319 11.5553 13.7707Z", fill: "black", fillOpacity: 0.12 })), na = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08337 19.9999C2.08337 10.1048 10.1049 2.08325 20 2.08325C29.8952 2.08325 37.9167 10.1048 37.9167 19.9999C37.9167 29.8951 29.8952 37.9166 20 37.9166C10.1049 37.9166 2.08337 29.8951 2.08337 19.9999Z", fill: "url(#paint0_linear_159_173206)" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5828 29.3328C13.1348 29.7473 13.9184 29.636 14.3329 29.084C15.6272 27.3607 17.6839 26.25 20 26.25C22.3164 26.25 24.373 27.3607 25.6672 29.084C26.0819 29.636 26.8654 29.7473 27.4175 29.3328C27.9695 28.9182 28.0809 28.1347 27.6662 27.5825C25.9202 25.2577 23.136 23.75 20 23.75C16.8642 23.75 14.0801 25.2577 12.334 27.5825C11.9194 28.1347 12.0308 28.9182 12.5828 29.3328Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M28.4454 13.7707C29.1329 13.8328 29.6405 14.4406 29.5785 15.1281C29.5165 15.8153 28.9095 16.3221 28.2224 16.2608C28.2224 16.2608 28.0287 16.2502 27.9272 16.2487C27.7229 16.2457 27.4387 16.2509 27.1229 16.2833C26.7869 16.3177 26.4649 16.3782 26.1804 16.4662L26.3045 16.86C26.7797 18.3675 25.5099 19.5813 24.2062 19.5813C23.5045 19.5813 22.8324 19.2617 22.43 18.6857C22.003 18.0745 21.9422 17.241 22.408 16.5344C22.751 16.0143 23.2449 15.3831 23.8964 14.8657C24.836 14.1195 26.044 13.8809 26.8675 13.7963C27.3029 13.7517 28.0154 13.7319 28.4454 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.5549 13.7707C10.8674 13.8328 10.3597 14.4406 10.4218 15.1281C10.4838 15.8153 11.0908 16.3221 11.7779 16.2608C11.7779 16.2608 11.9716 16.2502 12.073 16.2487C12.2774 16.2457 12.5616 16.2509 12.8774 16.2833C13.2134 16.3177 13.5353 16.3782 13.8199 16.4662L13.6958 16.86C13.2205 18.3675 14.4904 19.5813 15.794 19.5813C16.4958 19.5813 17.168 19.2617 17.5703 18.6857C17.9971 18.0745 18.0581 17.241 17.5921 16.5344C17.2493 16.0143 16.7553 15.3831 16.1039 14.8657C15.1643 14.1195 13.9562 13.8809 13.1327 13.7963C12.6974 13.7517 11.9849 13.7319 11.5549 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("linearGradient", { id: "paint0_linear_159_173206", x1: 20, y1: 2.08325, x2: 20, y2: 37.9166, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ r.createElement("stop", { stopColor: "#FF2D1D" }), /* @__PURE__ */ r.createElement("stop", { offset: 1, stopColor: "#FFA540" })))), ra = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M15 28.333C16.3927 27.2867 18.124 26.6667 20 26.6667C21.876 26.6667 23.6073 27.2867 25 28.333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 13.3511C11.667 13.3511 14.0161 13.139 15.3268 14.18M15.3268 14.18L14.8882 15.5711C14.7153 16.1199 15.1675 16.6667 15.7943 16.6667C16.4531 16.6667 16.8882 16.0723 16.549 15.5579C16.2483 15.102 15.8388 14.5866 15.3268 14.18ZM23.3337 13.3511C23.3337 13.3511 25.6827 13.139 26.9935 14.18M26.9935 14.18L26.555 15.5711C26.382 16.1199 26.8342 16.6667 27.461 16.6667C28.1198 16.6667 28.5548 16.0723 28.2157 15.5579C27.915 15.102 27.5055 14.5866 26.9935 14.18Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), oa = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { d: "M14.249 27.334C15.851 26.13 17.844 25.417 20 25.417c2.156 0 4.149.714 5.751 1.917.553.415.664 1.199.25 1.751-.415.552-1.199.664-1.751.25-1.183-.889-2.652-1.416-4.25-1.416s-3.067.527-4.25 1.416c-.553.414-1.336.302-1.751-.25-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M23.445 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.125-.394c-.285-.088-.607-.148-.942-.182-.316-.033-.6-.038-.804-.035-.101.002-.242.01-.294.013Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.779 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.124-.394c-.284-.088-.606-.148-.941-.182-.316-.033-.6-.038-.804-.035-.101.002-.243.01-.294.013Z", fill: "#141B34" })), sa = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15 26.6667H25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), ia = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.75 26.667c0-.691.56-1.25 1.25-1.25h10c.69 0 1.25.559 1.25 1.25 0 .691-.56 1.25-1.25 1.25h-10c-.69 0-1.25-.559-1.25-1.25Z", fill: "#141B34" })), aa = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.333 25C14.8532 27.024 17.2735 28.3333 19.9997 28.3333C22.7258 28.3333 25.1462 27.024 26.6663 25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" })), la = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.583 24.001c.552-.414 1.335-.302 1.75.25 1.294 1.723 3.35 2.834 5.667 2.834s4.373-1.11 5.667-2.834c.415-.552 1.199-.664 1.751-.25.552.415.664 1.199.25 1.751C25.92 28.076 23.136 29.584 20 29.584s-5.92-1.508-7.666-3.832c-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" })), ca = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6663C29.2044 36.6663 36.6663 29.2044 36.6663 19.9997C36.6663 10.7949 29.2044 3.33301 19.9997 3.33301C10.7949 3.33301 3.33301 10.7949 3.33301 19.9997C3.33301 29.2044 10.7949 36.6663 19.9997 36.6663Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M19.9997 30C23.16 30 25.8145 27.867 26.56 24.9832C26.9068 23.6413 26.4033 23.3333 25.0765 23.3333H14.9228C13.5959 23.3333 13.0925 23.6413 13.4393 24.9832C14.1848 27.867 16.8393 30 19.9997 30Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.8333C11.667 14.4526 12.7863 13.3333 14.167 13.3333C15.5477 13.3333 16.667 14.4526 16.667 15.8333M23.3337 15.8333C23.3337 14.4526 24.453 13.3333 25.8337 13.3333C27.2143 13.3333 28.3337 14.4526 28.3337 15.8333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), da = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_159_173224)" }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip1_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("mask", { id: "mask0_159_173224", style: {
+  return /* @__PURE__ */ r.createElement(ta, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(M, { size: 24, type: t ? "radio-on" : "radio-off", color: s }), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: i }, n));
+}, ea = u.div`display:flex;flex-direction:column;gap:8px;`, ta = u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, na = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "csat1", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08301 20C2.08301 10.1049 10.1046 2.08334 19.9997 2.08334C29.8948 2.08334 37.9163 10.1049 37.9163 20C37.9163 29.8952 29.8948 37.9167 19.9997 37.9167C10.1046 37.9167 2.08301 29.8952 2.08301 20Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5824 29.3328C13.1344 29.7473 13.918 29.636 14.3326 29.084C15.6269 27.3607 17.6835 26.25 19.9997 26.25C22.316 26.25 24.3727 27.3607 25.6668 29.084C26.0815 29.636 26.865 29.7473 27.4172 29.3328C27.9692 28.9182 28.0805 28.1347 27.6658 27.5825C25.9198 25.2577 23.1357 23.75 19.9997 23.75C16.8638 23.75 14.0797 25.2577 12.3336 27.5825C11.919 28.1347 12.0304 28.9182 12.5824 29.3328Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M28.4449 13.7707C29.1324 13.8328 29.64 14.4406 29.578 15.1281C29.516 15.8153 28.909 16.3221 28.2219 16.2608C28.2219 16.2608 28.0282 16.2502 27.9267 16.2487C27.7224 16.2457 27.4382 16.2509 27.1224 16.2833C26.7864 16.3177 26.4644 16.3782 26.1799 16.4662L26.304 16.86C26.7792 18.3675 25.5094 19.5813 24.2057 19.5813C23.504 19.5813 22.8319 19.2617 22.4295 18.6857C22.0025 18.0745 21.9417 17.241 22.4075 16.5344C22.7505 16.0143 23.2444 15.3831 23.8959 14.8657C24.8355 14.1195 26.0435 13.8809 26.867 13.7963C27.3024 13.7517 28.0149 13.7319 28.4449 13.7707Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M11.5553 13.7707C10.8677 13.8328 10.3601 14.4406 10.4221 15.1281C10.4842 15.8153 11.0912 16.3221 11.7782 16.2608C11.7782 16.2608 11.972 16.2502 12.0734 16.2487C12.2778 16.2457 12.562 16.2509 12.8778 16.2833C13.2137 16.3177 13.5357 16.3782 13.8203 16.4662L13.6962 16.86C13.2209 18.3675 14.4907 19.5813 15.7944 19.5813C16.4962 19.5813 17.1683 19.2617 17.5707 18.6857C17.9975 18.0745 18.0585 17.241 17.5925 16.5344C17.2497 16.0143 16.7557 15.3831 16.1043 14.8657C15.1646 14.1195 13.9566 13.8809 13.1331 13.7963C12.6978 13.7517 11.9853 13.7319 11.5553 13.7707Z", fill: "black", fillOpacity: 0.12 })), ra = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08337 19.9999C2.08337 10.1048 10.1049 2.08325 20 2.08325C29.8952 2.08325 37.9167 10.1048 37.9167 19.9999C37.9167 29.8951 29.8952 37.9166 20 37.9166C10.1049 37.9166 2.08337 29.8951 2.08337 19.9999Z", fill: "url(#paint0_linear_159_173206)" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5828 29.3328C13.1348 29.7473 13.9184 29.636 14.3329 29.084C15.6272 27.3607 17.6839 26.25 20 26.25C22.3164 26.25 24.373 27.3607 25.6672 29.084C26.0819 29.636 26.8654 29.7473 27.4175 29.3328C27.9695 28.9182 28.0809 28.1347 27.6662 27.5825C25.9202 25.2577 23.136 23.75 20 23.75C16.8642 23.75 14.0801 25.2577 12.334 27.5825C11.9194 28.1347 12.0308 28.9182 12.5828 29.3328Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M28.4454 13.7707C29.1329 13.8328 29.6405 14.4406 29.5785 15.1281C29.5165 15.8153 28.9095 16.3221 28.2224 16.2608C28.2224 16.2608 28.0287 16.2502 27.9272 16.2487C27.7229 16.2457 27.4387 16.2509 27.1229 16.2833C26.7869 16.3177 26.4649 16.3782 26.1804 16.4662L26.3045 16.86C26.7797 18.3675 25.5099 19.5813 24.2062 19.5813C23.5045 19.5813 22.8324 19.2617 22.43 18.6857C22.003 18.0745 21.9422 17.241 22.408 16.5344C22.751 16.0143 23.2449 15.3831 23.8964 14.8657C24.836 14.1195 26.044 13.8809 26.8675 13.7963C27.3029 13.7517 28.0154 13.7319 28.4454 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.5549 13.7707C10.8674 13.8328 10.3597 14.4406 10.4218 15.1281C10.4838 15.8153 11.0908 16.3221 11.7779 16.2608C11.7779 16.2608 11.9716 16.2502 12.073 16.2487C12.2774 16.2457 12.5616 16.2509 12.8774 16.2833C13.2134 16.3177 13.5353 16.3782 13.8199 16.4662L13.6958 16.86C13.2205 18.3675 14.4904 19.5813 15.794 19.5813C16.4958 19.5813 17.168 19.2617 17.5703 18.6857C17.9971 18.0745 18.0581 17.241 17.5921 16.5344C17.2493 16.0143 16.7553 15.3831 16.1039 14.8657C15.1643 14.1195 13.9562 13.8809 13.1327 13.7963C12.6974 13.7517 11.9849 13.7319 11.5549 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("linearGradient", { id: "paint0_linear_159_173206", x1: 20, y1: 2.08325, x2: 20, y2: 37.9166, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ r.createElement("stop", { stopColor: "#FF2D1D" }), /* @__PURE__ */ r.createElement("stop", { offset: 1, stopColor: "#FFA540" })))), oa = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M15 28.333C16.3927 27.2867 18.124 26.6667 20 26.6667C21.876 26.6667 23.6073 27.2867 25 28.333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 13.3511C11.667 13.3511 14.0161 13.139 15.3268 14.18M15.3268 14.18L14.8882 15.5711C14.7153 16.1199 15.1675 16.6667 15.7943 16.6667C16.4531 16.6667 16.8882 16.0723 16.549 15.5579C16.2483 15.102 15.8388 14.5866 15.3268 14.18ZM23.3337 13.3511C23.3337 13.3511 25.6827 13.139 26.9935 14.18M26.9935 14.18L26.555 15.5711C26.382 16.1199 26.8342 16.6667 27.461 16.6667C28.1198 16.6667 28.5548 16.0723 28.2157 15.5579C27.915 15.102 27.5055 14.5866 26.9935 14.18Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), sa = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { d: "M14.249 27.334C15.851 26.13 17.844 25.417 20 25.417c2.156 0 4.149.714 5.751 1.917.553.415.664 1.199.25 1.751-.415.552-1.199.664-1.751.25-1.183-.889-2.652-1.416-4.25-1.416s-3.067.527-4.25 1.416c-.553.414-1.336.302-1.751-.25-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M23.445 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.125-.394c-.285-.088-.607-.148-.942-.182-.316-.033-.6-.038-.804-.035-.101.002-.242.01-.294.013Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.779 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.124-.394c-.284-.088-.606-.148-.941-.182-.316-.033-.6-.038-.804-.035-.101.002-.243.01-.294.013Z", fill: "#141B34" })), ia = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15 26.6667H25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), aa = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.75 26.667c0-.691.56-1.25 1.25-1.25h10c.69 0 1.25.559 1.25 1.25 0 .691-.56 1.25-1.25 1.25h-10c-.69 0-1.25-.559-1.25-1.25Z", fill: "#141B34" })), la = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.333 25C14.8532 27.024 17.2735 28.3333 19.9997 28.3333C22.7258 28.3333 25.1462 27.024 26.6663 25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" })), ca = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.583 24.001c.552-.414 1.335-.302 1.75.25 1.294 1.723 3.35 2.834 5.667 2.834s4.373-1.11 5.667-2.834c.415-.552 1.199-.664 1.751-.25.552.415.664 1.199.25 1.751C25.92 28.076 23.136 29.584 20 29.584s-5.92-1.508-7.666-3.832c-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" })), da = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6663C29.2044 36.6663 36.6663 29.2044 36.6663 19.9997C36.6663 10.7949 29.2044 3.33301 19.9997 3.33301C10.7949 3.33301 3.33301 10.7949 3.33301 19.9997C3.33301 29.2044 10.7949 36.6663 19.9997 36.6663Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M19.9997 30C23.16 30 25.8145 27.867 26.56 24.9832C26.9068 23.6413 26.4033 23.3333 25.0765 23.3333H14.9228C13.5959 23.3333 13.0925 23.6413 13.4393 24.9832C14.1848 27.867 16.8393 30 19.9997 30Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.8333C11.667 14.4526 12.7863 13.3333 14.167 13.3333C15.5477 13.3333 16.667 14.4526 16.667 15.8333M23.3337 15.8333C23.3337 14.4526 24.453 13.3333 25.8337 13.3333C27.2143 13.3333 28.3337 14.4526 28.3337 15.8333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), ua = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_159_173224)" }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip1_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("mask", { id: "mask0_159_173224", style: {
   maskType: "alpha"
-}, maskUnits: "userSpaceOnUse", x: 12, y: 22, width: 16, height: 9 }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("g", { mask: "url(#mask0_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 32.998c3.278 0 5.936-1.594 5.936-3.561 0-1.968-2.658-3.562-5.936-3.562-3.278 0-5.936 1.594-5.936 3.562 0 1.967 2.658 3.561 5.936 3.561Z", fill: "#FF493B" }))), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5M23.333 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5", stroke: "#141B34", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ r.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })))), ua = [
+}, maskUnits: "userSpaceOnUse", x: 12, y: 22, width: 16, height: 9 }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("g", { mask: "url(#mask0_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 32.998c3.278 0 5.936-1.594 5.936-3.561 0-1.968-2.658-3.562-5.936-3.562-3.278 0-5.936 1.594-5.936 3.562 0 1.967 2.658 3.561 5.936 3.561Z", fill: "#FF493B" }))), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5M23.333 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5", stroke: "#141B34", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ r.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })))), ma = [
   {
     value: 1,
     Icon: {
-      Active: na,
-      Inactive: ta
+      Active: ra,
+      Inactive: na
     },
     isActive: (e) => e <= 1,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_1
@@ -2399,8 +2400,8 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 2,
     Icon: {
-      Active: oa,
-      Inactive: ra
+      Active: sa,
+      Inactive: oa
     },
     isActive: (e) => e === 2,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_2
@@ -2408,8 +2409,8 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 3,
     Icon: {
-      Active: ia,
-      Inactive: sa
+      Active: aa,
+      Inactive: ia
     },
     isActive: (e) => e === 3,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_3
@@ -2417,8 +2418,8 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 4,
     Icon: {
-      Active: la,
-      Inactive: aa
+      Active: ca,
+      Inactive: la
     },
     isActive: (e) => e === 4,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_4
@@ -2426,13 +2427,13 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 5,
     Icon: {
-      Active: da,
-      Inactive: ca
+      Active: ua,
+      Inactive: da
     },
     isActive: (e) => 5 <= e,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_5
   }
-], ma = () => ua, Vn = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(ft, null, t, /* @__PURE__ */ r.createElement(pa, { $position: n }, /* @__PURE__ */ r.createElement(fa, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(ga, { $position: n }))), ga = ({ $position: e }) => /* @__PURE__ */ r.createElement(
+], ga = () => ma, Vn = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(ft, null, t, /* @__PURE__ */ r.createElement(fa, { $position: n }, /* @__PURE__ */ r.createElement(ba, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(ha, { $position: n }))), ha = ({ $position: e }) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -2443,13 +2444,13 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     fill: "none"
   },
   /* @__PURE__ */ r.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: p.themedColor.textHighEmphasis })
-), ha = {
+), pa = {
   top: I`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: I`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
-}, ft = u.div`position:relative;`, pa = u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${fe.TOOLTIP};${({ $position: e }) => ha[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${ft}:hover &,${ft}:focus-within &{opacity:1;}`, fa = u(w)`padding:6px 8px;background:${p.themedColor.textHighEmphasis};color:${p.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, ba = ({ submitted: e, value: t, onChange: n }) => {
-  const { stringSet: o } = O(), s = ma(), i = typeof t == "number";
-  return /* @__PURE__ */ r.createElement(Ea, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(xa, null, s.map((a) => /* @__PURE__ */ r.createElement(Vn, { disabled: e, key: a.value, label: a.getTooltip(o) }, /* @__PURE__ */ r.createElement(
-    Ca,
+}, ft = u.div`position:relative;`, fa = u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${fe.TOOLTIP};${({ $position: e }) => pa[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${ft}:hover &,${ft}:focus-within &{opacity:1;}`, ba = u(w)`padding:6px 8px;background:${p.themedColor.textHighEmphasis};color:${p.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, Ea = ({ submitted: e, value: t, onChange: n }) => {
+  const { stringSet: o } = O(), s = ga(), i = typeof t == "number";
+  return /* @__PURE__ */ r.createElement(xa, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(Ca, null, s.map((a) => /* @__PURE__ */ r.createElement(Vn, { disabled: e, key: a.value, label: a.getTooltip(o) }, /* @__PURE__ */ r.createElement(
+    va,
     {
       disabled: e,
       onClick: () => n(a.value),
@@ -2457,16 +2458,16 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     },
     i ? a.isActive(t) ? /* @__PURE__ */ r.createElement(a.Icon.Active, null) : /* @__PURE__ */ r.createElement(a.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(a.Icon.Active, null)
   )))));
-}, Ea = u.div`display:flex;flex-direction:column;gap:8px;`, xa = u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, Ca = u.button`background-color:transparent;border:none;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;&:enabled:hover{cursor:pointer;background-color:${p.color.background200};${P.dark`
+}, xa = u.div`display:flex;flex-direction:column;gap:8px;`, Ca = u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, va = u.button`background-color:transparent;border:none;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;&:enabled:hover{cursor:pointer;background-color:${p.color.background200};${P.dark`
       background-color: ${p.color.background500};
     `}
   }
 
-  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && va};
-`, va = I`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, ya = ({ submitted: e, value: t = "", onChange: n }) => {
+  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && ya};
+`, ya = I`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, _a = ({ submitted: e, value: t = "", onChange: n }) => {
   const { stringSet: o } = O();
   return e && !t ? null : /* @__PURE__ */ r.createElement(
-    _a,
+    Sa,
     {
       disabled: e,
       maxLength: 255,
@@ -2475,7 +2476,7 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       placeholder: o.CSAT_REASON_PLACEHOLDER
     }
   );
-}, _a = u.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${p.themedColor.textHighEmphasis};&::placeholder{color:${p.themedColor.textLowEmphasis};}background-color:${p.color.background50};${P.dark`
+}, Sa = u.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${p.themedColor.textHighEmphasis};&::placeholder{color:${p.themedColor.textLowEmphasis};}background-color:${p.color.background50};${P.dark`
     background-color: ${p.themedColor.textDisabled};
   `}
 
@@ -2488,47 +2489,47 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       background-color: ${p.themedColor.textDisabled};
     `}
   }
-`, Sa = ({ submitted: e }) => {
+`, Ta = ({ submitted: e }) => {
   const { stringSet: t } = O();
   return e ? /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, t.CSAT_TITLE_SUBMITTED) : /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, t.CSAT_TITLE_UNSUBMITTED);
 };
 var X = /* @__PURE__ */ ((e) => (e.AI_AGENT_CSAT_5 = "AI_AGENT_CSAT_5", e.AI_AGENT_CSAT_5_WITH_CRE = "AI_AGENT_CSAT_5_WITH_CRE", e.HELPDESK_CSAT_5 = "HELPDESK_CSAT_5", e))(X || {});
-const Ta = (e) => Cr((t, n) => ({ ...t, ...n }), e), lt = ({
+const wa = (e) => Cr((t, n) => ({ ...t, ...n }), e), lt = ({
   type: e,
   renderSubmitButton: t,
   initialCsat: n,
   initialCsatReason: o,
   initialIsResolved: s
 }) => {
-  const [i, a] = Ta({
+  const [i, a] = wa({
     csatType: e,
     csat: n,
     csatReason: o,
     isResolved: s
   }), l = typeof n == "number" ? "submitted" : (e === X.AI_AGENT_CSAT_5 || e === X.HELPDESK_CSAT_5) && typeof i.csat == "number" || e === X.AI_AGENT_CSAT_5_WITH_CRE && typeof i.csat == "number" && typeof i.isResolved == "boolean" ? "submittable" : "unsubmittable", c = { state: l, submitted: l === "submitted" };
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(wa, null, /* @__PURE__ */ r.createElement(Sa, { ...c }), e === X.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
-    Xi,
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Aa, null, /* @__PURE__ */ r.createElement(Ta, { ...c }), e === X.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
+    Qi,
     {
       ...c,
       defaultValue: s,
       value: i.isResolved,
       onChange: (d) => a({ isResolved: d })
     }
-  ), /* @__PURE__ */ r.createElement(ba, { ...c, value: i.csat, onChange: (d) => a({ csat: d }) }), i.csat && /* @__PURE__ */ r.createElement(
-    ya,
+  ), /* @__PURE__ */ r.createElement(Ea, { ...c, value: i.csat, onChange: (d) => a({ csat: d }) }), i.csat && /* @__PURE__ */ r.createElement(
+    _a,
     {
       ...c,
       value: i.csatReason,
       onChange: (d) => a({ csatReason: d })
     }
   )), l !== "submitted" && t({ state: l, params: i }));
-}, wa = u.div`display:flex;flex-direction:column;gap:12px;`, Aa = () => {
+}, Aa = u.div`display:flex;flex-direction:column;gap:12px;`, ka = () => {
   const { stringSet: e } = O();
   return /* @__PURE__ */ r.createElement(w, { variant: "body2", color: p.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
-}, ka = (e) => {
+}, Ia = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const t = Nr(), { stringSet: n } = O(), { extendedMessagePayload: o, csat: s, csatReason: i, csatExpireAt: a, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: h } = (o == null ? void 0 : o.csat) ?? {};
+  const t = Pr(), { stringSet: n } = O(), { extendedMessagePayload: o, csat: s, csatReason: i, csatExpireAt: a, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: h } = (o == null ? void 0 : o.csat) ?? {};
   if (!d || !h || !X[h]) return null;
   const m = h === X.AI_AGENT_CSAT_5 || h === X.AI_AGENT_CSAT_5_WITH_CRE || h === X.HELPDESK_CSAT_5 ? lt : () => null, f = (x) => {
     x.csat && !rn(a) ? c({
@@ -2538,32 +2539,32 @@ const Ta = (e) => Cr((t, n) => ({ ...t, ...n }), e), lt = ({
       isResolved: x.isResolved
     }) : t();
   };
-  return /* @__PURE__ */ r.createElement(Ia, null, !s && rn(a) ? /* @__PURE__ */ r.createElement(Aa, null) : /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement($a, null, !s && rn(a) ? /* @__PURE__ */ r.createElement(ka, null) : /* @__PURE__ */ r.createElement(
     m,
     {
       type: h,
       initialCsat: s,
       initialCsatReason: i,
       initialIsResolved: l,
-      renderSubmitButton: ({ state: x, params: E }) => /* @__PURE__ */ r.createElement($a, { disabled: x !== "submittable", onClick: () => f(E) }, /* @__PURE__ */ r.createElement(w, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
+      renderSubmitButton: ({ state: x, params: E }) => /* @__PURE__ */ r.createElement(Ma, { disabled: x !== "submittable", onClick: () => f(E) }, /* @__PURE__ */ r.createElement(w, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
     }
   ));
-}, Ia = u.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, $a = u.button`all:unset;background-color:${({ theme: e }) => e.colors.base.primary};color:${({ theme: e }) => e.colors.base.primaryContrastContent};border-radius:6px;padding:10px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background-color:${p.color.primary.dark};}&:disabled{color:${p.color.ondark.textLowEmphasis};background-color:${p.themedColor.textDisabled};cursor:not-allowed;}`;
+}, $a = u.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, Ma = u.button`all:unset;background-color:${({ theme: e }) => e.colors.base.primary};color:${({ theme: e }) => e.colors.base.primaryContrastContent};border-radius:6px;padding:10px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background-color:${p.color.primary.dark};}&:disabled{color:${p.color.ondark.textLowEmphasis};background-color:${p.themedColor.textDisabled};cursor:not-allowed;}`;
 function rn(e) {
   return !!e && e < Date.now();
 }
 const Lt = _e({
-  template: Ma,
+  template: Oa,
   components: {
-    AdminMessage: Yi,
-    CSATMessage: ka
+    AdminMessage: qi,
+    CSATMessage: Ia
   }
 });
-function Ma(e) {
+function Oa(e) {
   const { components: t } = Lt.useContext(), n = Mt(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
-  return /* @__PURE__ */ r.createElement(Oa, { $marginBottom: Tt(e.groupType) }, n);
+  return /* @__PURE__ */ r.createElement(La, { $marginBottom: Tt(e.groupType) }, n);
 }
-const Oa = u.div`padding-inline:${te}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, on = {
+const La = u.div`padding-inline:${te}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, on = {
   file: "attach",
   snippet: "snippet",
   site: "website",
@@ -2573,7 +2574,7 @@ const Oa = u.div`padding-inline:${te}px;margin-bottom:${({ $marginBottom: e }) =
   sb_zendesk: "zendesk",
   sb_desk: "snippet"
   // TODO: request icon
-}, La = ({
+}, Ra = ({
   actionbook: e,
   functionCalls: t,
   groundedness: n,
@@ -2613,7 +2614,7 @@ const Oa = u.div`padding-inline:${te}px;margin-bottom:${({ $marginBottom: e }) =
       onClick: () => i == null ? void 0 : i(b)
     },
     b.name
-  ), a && /* @__PURE__ */ r.createElement(Da, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(w, { variant: "body2", color: E }, "View details"), /* @__PURE__ */ r.createElement(M, { type: "chevron-right", size: 16, color: E }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(ct, { key: b.id }, /* @__PURE__ */ r.createElement(ze, null, h({
+  ), a && /* @__PURE__ */ r.createElement(Na, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(w, { variant: "body2", color: E }, "View details"), /* @__PURE__ */ r.createElement(M, { type: "chevron-right", size: 16, color: E }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(ct, { key: b.id }, /* @__PURE__ */ r.createElement(ze, null, h({
     default: /* @__PURE__ */ r.createElement(M, { size: 16, type: on[b.source_type] ?? on.snippet, color: f }),
     sourceType: b.source_type
   })), /* @__PURE__ */ r.createElement(
@@ -2637,21 +2638,21 @@ const Oa = u.div`padding-inline:${te}px;margin-bottom:${({ $marginBottom: e }) =
     },
     b.name
   ))), d);
-}, Ra = u(w)`font-weight:400;`, He = u(Ra)`${({ $clickable: e, $highlightColor: t }) => e && I`
+}, Da = u(w)`font-weight:400;`, He = u(Da)`${({ $clickable: e, $highlightColor: t }) => e && I`
       cursor: pointer;
       text-decoration: underline;
       &:hover {
         color: ${t};
       }
     `}
-`, ze = u.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, qe = u.div`display:flex;gap:8px;align-items:center;`, Da = u(qe)`cursor:pointer;gap:4px;`, ct = u(qe)`flex-direction:row;align-items:center;`, sn = u.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Wn = ve(null);
-function Na({ testerType: e, children: t }) {
+`, ze = u.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, qe = u.div`display:flex;gap:8px;align-items:center;`, Na = u(qe)`cursor:pointer;gap:4px;`, ct = u(qe)`flex-direction:row;align-items:center;`, sn = u.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Wn = ve(null);
+function Pa({ testerType: e, children: t }) {
   return /* @__PURE__ */ r.createElement(
     Wn.Provider,
     {
       value: { testerType: e, isActionbookTester: e === "actionbook" }
     },
-    e && /* @__PURE__ */ r.createElement(Pa, null),
+    e && /* @__PURE__ */ r.createElement(Ba, null),
     t
   );
 }
@@ -2659,13 +2660,13 @@ const Re = () => {
   const e = Q(Wn);
   if (!e) throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");
   return e;
-}, Pa = () => {
+}, Ba = () => {
   const { isActionbookTester: e } = Re();
-  return /* @__PURE__ */ r.createElement(xe.Template, { template: e ? Ba : void 0 }, /* @__PURE__ */ r.createElement(xe.MessageLogs, { component: Fa }));
-}, Ba = (e) => /* @__PURE__ */ r.createElement(Un, { ...e, testerMode: !0, maxBodyWidth: Ln }), Fa = ({ extendedMessagePayload: e = {} }) => {
+  return /* @__PURE__ */ r.createElement(xe.Template, { template: e ? Fa : void 0 }, /* @__PURE__ */ r.createElement(xe.MessageLogs, { component: Ua }));
+}, Fa = (e) => /* @__PURE__ */ r.createElement(Un, { ...e, testerMode: !0, maxBodyWidth: Ln }), Ua = ({ extendedMessagePayload: e = {} }) => {
   const { handlers: t } = B(), { manual: n, groundedness: o, function_calls: s, agent_message_templates: i, is_thinking: a } = e;
-  return a || !n && !(o != null && o.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(Ua, null, /* @__PURE__ */ r.createElement(Ha, { width: 4 }), /* @__PURE__ */ r.createElement(
-    La,
+  return a || !n && !(o != null && o.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(Ha, null, /* @__PURE__ */ r.createElement(za, { width: 4 }), /* @__PURE__ */ r.createElement(
+    Ra,
     {
       actionbook: n,
       functionCalls: s,
@@ -2677,14 +2678,14 @@ const Re = () => {
         textColor: p.themedColor.textHighEmphasis,
         barColor: p.themedColor.textDisabled
       },
-      bottomContent: /* @__PURE__ */ r.createElement(za, { variant: "caption2", color: p.themedColor.textLowEmphasis }, "Only visible in the tester")
+      bottomContent: /* @__PURE__ */ r.createElement(Va, { variant: "caption2", color: p.themedColor.textLowEmphasis }, "Only visible in the tester")
     }
   ));
-}, Ua = u.div`display:flex;gap:16px;margin:16px ${te}px 0;align-self:stretch;`, Ha = u.div`width:${({ width: e }) => e}px;background-color:${p.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, za = u(w)`margin-top:5px;`;
-function Va(e) {
+}, Ha = u.div`display:flex;gap:16px;margin:16px ${te}px 0;align-self:stretch;`, za = u.div`width:${({ width: e }) => e}px;background-color:${p.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Va = u(w)`margin-top:5px;`;
+function Wa(e) {
   return "sendingStatus" in e ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId);
 }
-const Wa = (e, t, n, o = !0) => {
+const Ga = (e, t, n, o = !0) => {
   if (!o || !e.isUserMessage() && !e.isFileMessage())
     return "single";
   const s = () => {
@@ -2698,18 +2699,18 @@ const Wa = (e, t, n, o = !0) => {
   }, a = s(), l = i();
   return a && l ? "middle" : a ? "bottom" : l ? "top" : "single";
 };
-function Ga(e, t) {
+function ja(e, t) {
   return e.filter((n) => Se.isWelcomeMessage(n, t));
 }
 function Gn(e, t) {
-  return ja(e) === t;
+  return Ka(e) === t;
 }
-function ja(e) {
+function Ka(e) {
   var t;
   if (e)
     return e.isUserMessage() || e.isFileMessage() || e.isMultipleFilesMessage() ? e.sender.userId : ((t = e == null ? void 0 : e.sender) == null ? void 0 : t.userId) ?? void 0;
 }
-function Ka(e) {
+function Za(e) {
   return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
 }
 const bt = (e) => !!e && "sender" in e, jn = (e) => e.startsWith("image/"), Kn = (e) => e.startsWith("video/"), an = (e) => jn(e) || Kn(e), Ve = {
@@ -2720,7 +2721,7 @@ const bt = (e) => !!e && "sender" in e, jn = (e) => e.startsWith("image/"), Kn =
   },
   isIncoming: (e, t) => bt(e) && e.sender.userId !== t,
   isOutgoing: (e, t) => bt(e) && (e.sender.userId === t || e.sendingStatus === dt.PENDING)
-}, Za = (e) => {
+}, Ya = (e) => {
   const { chatSDK: t, handlers: n } = B(), { aiAgentInfo: o } = U(), s = N(/* @__PURE__ */ new Set()), i = (a, l) => {
     var c;
     a.url === e && bt(l) && l.sender.userId === o.userId && !Se.isStreaming(l) && !s.current.has(l.messageId) && ((c = n == null ? void 0 : n.onCustomEvent) == null || c.call(n, { type: "bot-message-received", data: { message: l } }), s.current.add(l.messageId));
@@ -2729,7 +2730,7 @@ const bt = (e) => !!e && "sender" in e, jn = (e) => e.startsWith("image/"), Kn =
     onMessageUpdated: i,
     onMessageReceived: i
   });
-}, Ya = ({ publishSynchronous: e = !1 }) => {
+}, qa = ({ publishSynchronous: e = !1 }) => {
   const t = /* @__PURE__ */ new Set();
   return {
     publish: (n) => {
@@ -2740,8 +2741,8 @@ const bt = (e) => !!e && "sender" in e, jn = (e) => e.startsWith("image/"), Kn =
     subscribe: (n) => (t.add(n), () => t.delete(n))
   };
 };
-function qa(e, t = []) {
-  const n = N(null), o = N(0), s = N(0), [i] = _(() => Ya({ publishSynchronous: !0 })), [a, l] = _(!0);
+function Ja(e, t = []) {
+  const n = N(null), o = N(0), s = N(0), [i] = _(() => qa({ publishSynchronous: !0 })), [a, l] = _(!0);
   return le(() => {
     o.current = 0, s.current = 0, l(!0), n.current && (n.current.scrollTop = n.current.scrollHeight);
   }, t), le(() => i.subscribe(({ type: c, data: d }) => {
@@ -2766,7 +2767,7 @@ function qa(e, t = []) {
 function ln(e, t) {
   return typeof t == "boolean" ? t ? "smooth" : "auto" : e;
 }
-function Ja(e) {
+function Xa(e) {
   return new Promise((t) => {
     const n = new Image();
     n.onload = function() {
@@ -2775,23 +2776,23 @@ function Ja(e) {
     }, n.src = URL.createObjectURL(e);
   });
 }
-async function Xa(e) {
+async function Qa(e) {
   if ("file" in e && e.file instanceof File && e.file.type.startsWith("image/")) {
-    const { width: t, height: n } = await Ja(e.file);
-    return new Vr({
+    const { width: t, height: n } = await Xa(e.file);
+    return new Wr({
       key: Zn,
       value: [t, n]
     });
   }
 }
-const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
+const Zn = "KEY_IMG_ASPECT_RATIO", el = ({ onScrollAfterSendMessage: e }) => {
   const { agentPreviewConfigs: t, handlers: n } = B(), o = N(t == null ? void 0 : t.agentAttributes);
   return o.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (s) => {
-      const i = await Xa(s), a = {
+      const i = await Qa(s), a = {
         ...s,
         metaArrays: i ? [i] : void 0
-      }, l = el(o.current);
+      }, l = tl(o.current);
       return l ? { ...a, data: JSON.stringify(l) } : a;
     },
     onAfterSendMessage: (s) => {
@@ -2799,26 +2800,26 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
       e(), (i = n == null ? void 0 : n.onMessageSend) == null || i.call(n, s.message), s.sendingStatus === dt.SUCCEEDED ? (a = n == null ? void 0 : n.onCustomEvent) == null || a.call(n, { type: "message-sent-succeeded", data: { message: s } }) : s.sendingStatus === dt.PENDING && ((l = n == null ? void 0 : n.onCustomEvent) == null || l.call(n, { type: "message-sent-pending", data: { message: s } }));
     }
   };
-}, el = (e) => {
+}, tl = (e) => {
   if (!e) return null;
   const t = {};
   return e.ai && Object.keys(e.ai).length > 0 && (t.ai_attrs = e.ai), e.safeguard && Object.keys(e.safeguard).length > 0 && (t.safeguard_attrs = e.safeguard), typeof e.use_prompt_cache == "boolean" && (t.use_prompt_cache = e.use_prompt_cache), Object.keys(t).length > 0 ? t : null;
 }, {
-  Provider: tl,
-  Context: ou,
+  Provider: nl,
+  Context: su,
   useContext: Z
-} = G("Conversation"), nl = ({
+} = G("Conversation"), rl = ({
   closedChannelUrl: e,
   onClearClosedChannelUrl: t,
   onNavigateToConversationList: n,
   children: o
 }) => {
-  const { aiAgentInfo: s, activeChannel: i, refreshActiveChannel: a } = U(), { testerType: l } = Re(), c = qa("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: h } = Qa({
+  const { aiAgentInfo: s, activeChannel: i, refreshActiveChannel: a } = U(), { testerType: l } = Re(), c = Ja("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: h } = el({
     onScrollAfterSendMessage: () => {
       c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !1 } });
     }
   }), m = e || (i == null ? void 0 : i.url);
-  Za(m);
+  Ya(m);
   const f = (E) => {
     const b = E[E.length - 1];
     b && Se.shouldScrollToBottom(b, s.userId, !!l) && setTimeout(() => c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } }), 100);
@@ -2826,7 +2827,7 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
     await a(), e && (t == null || t());
   }, [a, e, t]);
   return /* @__PURE__ */ r.createElement(
-    io,
+    ao,
     {
       channelUrl: m,
       onBeforeSendMessage: d,
@@ -2837,7 +2838,7 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
       onConversationClosedViaDispatcher: x
     },
     (E) => /* @__PURE__ */ r.createElement(
-      tl,
+      nl,
       {
         value: { ...E, scrollSource: c, goToActiveConversation: x, onNavigateToConversationList: n }
       },
@@ -2865,7 +2866,7 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
     },
     e
   );
-}, rl = ({ onDropFiles: e }) => {
+}, ol = ({ onDropFiles: e }) => {
   const { subscribe: t } = Q(Rt);
   L(() => t(e), [e]);
 };
@@ -2873,30 +2874,30 @@ Et.Consumer = ({ children: e }) => {
   const { onDrop: t } = Q(Rt);
   return e({ onDrop: t, onDragOver: (s) => s.preventDefault() });
 };
-const su = ({ iconSize: e = 64, icon: t, className: n, label: o, children: s }) => /* @__PURE__ */ r.createElement(sl, { className: n }, /* @__PURE__ */ r.createElement(M, { type: t, size: e, color: p.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.themedColor.textMidEmphasis }, o), s), ol = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, sl = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, il = {
-  loading: T(() => import("./CKTGU2qP.js")),
-  error: T(() => import("./CV59hwzK.js")),
-  noChannels: T(() => import("./DOAkPSN5.js")),
-  noMessages: T(() => import("./BuMtQ0m7.js"))
+const iu = ({ iconSize: e = 64, icon: t, className: n, label: o, children: s }) => /* @__PURE__ */ r.createElement(il, { className: n }, /* @__PURE__ */ r.createElement(M, { type: t, size: e, color: p.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.themedColor.textMidEmphasis }, o), s), sl = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, il = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, al = {
+  loading: T(() => import("./DhUBPQ6o.js")),
+  error: T(() => import("./CVCUjr3Q.js")),
+  noChannels: T(() => import("./kE3eGJ-O.js")),
+  noMessages: T(() => import("./jtdZ66dz.js"))
 }, Ce = ({ className: e, type: t = "loading", ...n }) => {
-  const o = il[t];
-  return /* @__PURE__ */ r.createElement(ol, { className: e }, /* @__PURE__ */ r.createElement(ke, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
+  const o = al[t];
+  return /* @__PURE__ */ r.createElement(sl, { className: e }, /* @__PURE__ */ r.createElement(ke, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
 }, Yn = ({ rootElementId: e, visible: t, onClose: n, children: o }) => {
   if (!t) return null;
   const { rootElement: s } = B(), i = pe(s), a = pe(s, !0);
-  return Gr(
-    /* @__PURE__ */ r.createElement(al, { onClick: n }, /* @__PURE__ */ r.createElement(ll, { onClick: (l) => l.stopPropagation() }, o)),
+  return jr(
+    /* @__PURE__ */ r.createElement(ll, { onClick: n }, /* @__PURE__ */ r.createElement(cl, { onClick: (l) => l.stopPropagation() }, o)),
     i.getElementById(e) ?? i.getElementById(ee.MODAL_ROOT) ?? a.body
   );
-}, al = u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${p.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${fe.MODAL};`, ll = u.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${fe.MODAL};`, cl = u.div`flex-shrink:0;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};background-color:${({ theme: e }) => e.colors.base.primary};box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;}`, dl = u(kt)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
+}, ll = u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${p.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${fe.MODAL};`, cl = u.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${fe.MODAL};`, dl = u.div`flex-shrink:0;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};background-color:${({ theme: e }) => e.colors.base.primary};box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;}`, ul = u(kt)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
 function qn({ size: e }) {
   const { aiAgentInfo: t } = U();
-  return t.profileUrl ? /* @__PURE__ */ r.createElement(It, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(cl, { $size: e }, /* @__PURE__ */ r.createElement(dl, null));
+  return t.profileUrl ? /* @__PURE__ */ r.createElement(It, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(dl, { $size: e }, /* @__PURE__ */ r.createElement(ul, null));
 }
-const ul = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, ml = u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${p.themedColor.textDisabled};background-color:${p.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, gl = u.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, hl = u.div`margin-inline-end:8px;`, pl = u.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, fl = u.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, bl = u.div`display:flex;width:160px;justify-content:flex-end;`, El = u.div`inset-inline-end:0;display:flex;flex-direction:row;`, Jn = u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, xl = u(Jn)`border-inline-start:1px solid ${p.themedColor.textDisabled};`, Cl = u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, vl = u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, yl = u.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, _l = u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Sl = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
+const ml = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, gl = u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${p.themedColor.textDisabled};background-color:${p.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, hl = u.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, pl = u.div`margin-inline-end:8px;`, fl = u.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, bl = u.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, El = u.div`display:flex;width:160px;justify-content:flex-end;`, xl = u.div`inset-inline-end:0;display:flex;flex-direction:row;`, Jn = u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, Cl = u(Jn)`border-inline-start:1px solid ${p.themedColor.textDisabled};`, vl = u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, yl = u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, _l = u.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, Sl = u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Tl = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
   const { type: s, url: i, name: a = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: h } = U();
   return /* @__PURE__ */ r.createElement(
-    wl,
+    Al,
     {
       profileUrl: l ?? "",
       nickname: c ?? "",
@@ -2908,7 +2909,7 @@ const ul = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
       onDownloadClick: o
     }
   );
-}, Tl = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(qn, { size: 32 }) : /* @__PURE__ */ r.createElement(It, { size: 32, src: e }), wl = ({
+}, wl = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(qn, { size: 32 }) : /* @__PURE__ */ r.createElement(It, { size: 32, src: e }), Al = ({
   profileUrl: e,
   isBotMessage: t,
   nickname: n,
@@ -2919,14 +2920,14 @@ const ul = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   onDownloadClick: l
 }) => {
   const { stringSet: c } = O();
-  return /* @__PURE__ */ r.createElement(Yn, { onClose: a, visible: !0, rootElementId: ee.MODAL_ROOT }, /* @__PURE__ */ r.createElement(ul, null, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(gl, null, /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(Tl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(bl, null, an(s) && /* @__PURE__ */ r.createElement(El, null, /* @__PURE__ */ r.createElement(Jn, { as: "a", href: i, target: "_blank", rel: St, onClick: l }, /* @__PURE__ */ r.createElement(M, { type: "download", color: p.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(xl, { onClick: a }, /* @__PURE__ */ r.createElement(M, { type: "close", color: p.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(Cl, { onClick: (d) => d.currentTarget === d.target && a() }, Kn(s) && /* @__PURE__ */ r.createElement(vl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), jn(s) && /* @__PURE__ */ r.createElement(yl, { src: i, alt: o }), !an(s) && /* @__PURE__ */ r.createElement(_l, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
+  return /* @__PURE__ */ r.createElement(Yn, { onClose: a, visible: !0, rootElementId: ee.MODAL_ROOT }, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(gl, null, /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(wl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(bl, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(El, null, an(s) && /* @__PURE__ */ r.createElement(xl, null, /* @__PURE__ */ r.createElement(Jn, { as: "a", href: i, target: "_blank", rel: St, onClick: l }, /* @__PURE__ */ r.createElement(M, { type: "download", color: p.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(Cl, { onClick: a }, /* @__PURE__ */ r.createElement(M, { type: "close", color: p.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(vl, { onClick: (d) => d.currentTarget === d.target && a() }, Kn(s) && /* @__PURE__ */ r.createElement(yl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), jn(s) && /* @__PURE__ */ r.createElement(_l, { src: i, alt: o }), !an(s) && /* @__PURE__ */ r.createElement(Sl, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
 }, Xn = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: s
-}) => /* @__PURE__ */ r.createElement(Al, { id: `${J}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: p.themedColor.textMidEmphasis }, Cn(n, o, { locale: t }))), Al = u.div`display:flex;justify-content:center;align-items:center;`, kl = ye(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(kl, { id: `${J}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: p.themedColor.textMidEmphasis }, Cn(n, o, { locale: t }))), kl = u.div`display:flex;justify-content:center;align-items:center;`, Il = ye(function(t, n) {
   const {
     messages: o,
     renderMessage: s,
@@ -2950,16 +2951,16 @@ const ul = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   const re = async () => {
     if (!g.current) return;
     const y = g.current;
-    if (m(Il(y)), $.current = y.scrollHeight - y.scrollTop, V.current = $.current - y.clientHeight, S.current = y.scrollTop, C.current) return;
+    if (m($l(y)), $.current = y.scrollHeight - y.scrollTop, V.current = $.current - y.clientHeight, S.current = y.scrollTop, C.current) return;
     const H = y.clientHeight * Math.min(Math.max(0, h), 1);
     y.scrollTop <= H ? (C.current = !0, v.current = "top", await c(), C.current = !1) : y.scrollHeight - y.scrollTop - y.clientHeight <= H ? (C.current = !0, v.current = "bottom", await d(), C.current = !1) : v.current = void 0;
   };
-  return /* @__PURE__ */ r.createElement($l, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Ml, { id: "infinite-list-inner", ref: g, onScroll: re }, b === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), i, o.map((y, H) => s({ message: y, index: H })), a), /* @__PURE__ */ r.createElement(Ol, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(Ll, { id: "infinite-list-overlay" }, l)));
+  return /* @__PURE__ */ r.createElement(Ml, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Ol, { id: "infinite-list-inner", ref: g, onScroll: re }, b === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), i, o.map((y, H) => s({ message: y, index: H })), a), /* @__PURE__ */ r.createElement(Ll, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(Rl, { id: "infinite-list-overlay" }, l)));
 }), cn = 50;
-function Il(e) {
+function $l(e) {
   return e.scrollTop <= cn ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= cn ? "bottom" : "middle";
 }
-const $l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ml = u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${p.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Ol = u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Ll = u.div`pointer-events:auto;`, Rl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Dl, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(M, { size: 24, type: "chevron-down", color: p.color.primary.main })), Dl = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${P.light`
+const Ml = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ol = u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${p.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Ll = u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Rl = u.div`pointer-events:auto;`, Dl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Nl, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(M, { size: 24, type: "chevron-down", color: p.color.primary.main })), Nl = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${P.light`
     background-color: ${p.color.background50};
     &:hover {
       background-color: ${p.color.background100};
@@ -2992,17 +2993,17 @@ const $l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ml = u
       }
     }
   }), n;
-}, Nl = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = B(), { aiAgentInfo: n } = U(), { stringSet: o, dateLocale: s } = O(), { messageSource: i } = Z(), { Template: a } = xe.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Ga(c, t), h = c[d.length + 1], m = d[0] ?? h;
+}, Pl = () => {
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = B(), { aiAgentInfo: n } = U(), { stringSet: o, dateLocale: s } = O(), { messageSource: i } = Z(), { Template: a } = xe.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = ja(c, t), h = c[d.length + 1], m = d[0] ?? h;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: c.filter((f) => Ka(f) ? !1 : l.length > 0 ? !Se.isWelcomeMessage(f, t) : !0),
+    filteredMessages: c.filter((f) => Za(f) ? !1 : l.length > 0 ? !Se.isWelcomeMessage(f, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
-    shouldShowOriginalDate: (f) => f > 0 || l.length === 0 ? !0 : h && !Mr(h.createdAt, (m == null ? void 0 : m.createdAt) ?? 0),
+    shouldShowOriginalDate: (f) => f > 0 || l.length === 0 ? !0 : h && !Or(h.createdAt, (m == null ? void 0 : m.createdAt) ?? 0),
     /**
      * Renders the list of welcome messages from Bot Studio.
      */
@@ -3035,16 +3036,16 @@ const $l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ml = u
       );
     }))
   };
-}, Pl = (e) => u(e).withConfig({ shouldForwardProp: jr });
-function Bl(e) {
+}, Bl = (e) => u(e).withConfig({ shouldForwardProp: Kr });
+function Fl(e) {
   var o;
   const t = "remove_powered_by", n = (o = e == null ? void 0 : e.appInfo) == null ? void 0 : o.applicationAttributes;
   return Array.isArray(n) && n.includes(t);
 }
-const Fl = ({ style: e }) => {
+const Ul = ({ style: e }) => {
   const { stringSet: t } = O(), { chatSDK: n } = B(), { isActionbookTester: o } = Re();
-  return Bl(n) || o ? null : /* @__PURE__ */ r.createElement(Ul, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
-    Hl,
+  return Fl(n) || o ? null : /* @__PURE__ */ r.createElement(Hl, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
+    zl,
     {
       variant: "caption2",
       as: "a",
@@ -3055,17 +3056,17 @@ const Fl = ({ style: e }) => {
     },
     "Sendbird"
   ));
-}, Ul = u(w)`color:${p.themedColor.textLowEmphasis};text-align:center;`, Hl = Pl(w)`
+}, Hl = u(w)`color:${p.themedColor.textLowEmphasis};text-align:center;`, zl = Bl(w)`
   color: ${p.themedColor.textLowEmphasis};
   cursor: pointer;
   text-decoration: none;
-`, zl = () => {
+`, Vl = () => {
   var c;
   const { stringSet: e } = O(), { activeChannel: t } = U(), { channelSource: n, goToActiveConversation: o, scrollSource: s } = Z(), i = Pn(n.channel), l = t && ((c = n.channel) == null ? void 0 : c.url) === (t == null ? void 0 : t.url) && i;
   return le(() => {
     l && s.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
-  }, [l]), l ? /* @__PURE__ */ r.createElement(Vl, null, /* @__PURE__ */ r.createElement(
-    Wl,
+  }, [l]), l ? /* @__PURE__ */ r.createElement(Wl, null, /* @__PURE__ */ r.createElement(
+    Gl,
     {
       variant: "button",
       role: "button",
@@ -3074,8 +3075,8 @@ const Fl = ({ style: e }) => {
     },
     e.START_NEW_CONVERSATION
   )) : null;
-}, Vl = u.div`display:flex;justify-content:center;margin:16px 0;`, Wl = u(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${p.themedColor.textDisabled};cursor:pointer;user-select:none;`, Gl = !0, jl = () => {
-  const { Template: e } = Ot.useContext(), { Template: t } = xe.useContext(), { Template: n } = Lt.useContext(), [o, s] = _(null), { userSession: i, aiAgentInfo: a } = U(), { cache: l, agentPreviewConfigs: c, chatSDK: d, state: h } = B(), { stringSet: m, dateLocale: f } = O(), { conversation: x, channelSource: E, messageSource: b, scrollSource: g } = Z(), { isActionbookTester: C } = Re(), { filteredMessages: v, shouldShowOriginalDate: S, renderAgentPreviewWelcomeMessages: k } = Nl(), F = Qn(), $ = Mt(() => {
+}, Wl = u.div`display:flex;justify-content:center;margin:16px 0;`, Gl = u(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${p.themedColor.textDisabled};cursor:pointer;user-select:none;`, jl = !0, Kl = () => {
+  const { Template: e } = Ot.useContext(), { Template: t } = xe.useContext(), { Template: n } = Lt.useContext(), [o, s] = _(null), { userSession: i, aiAgentInfo: a } = U(), { cache: l, agentPreviewConfigs: c, chatSDK: d, state: h } = B(), { stringSet: m, dateLocale: f } = O(), { conversation: x, channelSource: E, messageSource: b, scrollSource: g } = Z(), { isActionbookTester: C } = Re(), { filteredMessages: v, shouldShowOriginalDate: S, renderAgentPreviewWelcomeMessages: k } = Pl(), F = Qn(), $ = Mt(() => {
     const y = F[0];
     if (!y) return null;
     const H = y.userId === a.userId;
@@ -3095,7 +3096,7 @@ const Fl = ({ style: e }) => {
       return y ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, y) : /* @__PURE__ */ r.createElement(Ce, { type: "noMessages", label: m.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ r.createElement(
-      kl,
+      Il,
       {
         ref: g.scrollRef,
         scrollPositionRef: g.scrollPositionRef,
@@ -3106,7 +3107,7 @@ const Fl = ({ style: e }) => {
         onLoadPrev: b.loadPrevious,
         onLoadNext: b.loadNext,
         depsForResetScrollPositionToBottom: [b.initialized, b.messages.length !== 0],
-        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Fl, { style: { marginTop: 16 } }), k()),
+        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ul, { style: { marginTop: 16 } }), k()),
         messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, $ && /* @__PURE__ */ r.createElement(
           t,
           {
@@ -3117,10 +3118,10 @@ const Fl = ({ style: e }) => {
             groupType: "single",
             message: ""
           }
-        ), /* @__PURE__ */ r.createElement(zl, null)),
-        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !g.isScrollBottomReached && /* @__PURE__ */ r.createElement(Zl, { onClick: () => g.scrollPubSub.publish({ type: "scrollToBottom" }) })),
+        ), /* @__PURE__ */ r.createElement(Vl, null)),
+        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !g.isScrollBottomReached && /* @__PURE__ */ r.createElement(Yl, { onClick: () => g.scrollPubSub.publish({ type: "scrollToBottom" }) })),
         renderMessage: ({ message: y, index: H }) => {
-          const oe = Va(y), Y = v[H - 1], nt = v[H + 1], rt = v[v.length - 1], A = y === rt, D = Wa(y, Y, nt, Gl), K = !Wr((Y == null ? void 0 : Y.createdAt) ?? 0, y.createdAt) && S(H) && !C, q = (Pe) => {
+          const oe = Wa(y), Y = v[H - 1], nt = v[H + 1], rt = v[v.length - 1], A = y === rt, D = Ga(y, Y, nt, jl), K = !Gr((Y == null ? void 0 : Y.createdAt) ?? 0, y.createdAt) && S(H) && !C, q = (Pe) => {
             (y.isFileMessage() || y.isUserMessage()) && s({ file: Pe, sender: V(y, y.sender.userId === a.userId) });
           }, be = () => {
             y.isFileMessage() && $t(y.url);
@@ -3147,7 +3148,7 @@ const Fl = ({ style: e }) => {
                 {
                   ...Ne,
                   ...x,
-                  isResolvedWhenDeterminedByUser: Yl(x),
+                  isResolvedWhenDeterminedByUser: ql(x),
                   messageType: "admin.csat",
                   onSubmitCSAT: ({ csat: se, csatType: me, csatReason: z, isResolved: ie }) => {
                     var ge;
@@ -3215,39 +3216,39 @@ const Fl = ({ style: e }) => {
       }
     );
   };
-  return /* @__PURE__ */ r.createElement(Kl, { id: `${J}-message-list` }, re(), o && /* @__PURE__ */ r.createElement(Sl, { onClose: () => s(null), sender: o.sender, file: o.file }));
-}, Kl = u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Zl = u(Rl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
-function Yl(e) {
+  return /* @__PURE__ */ r.createElement(Zl, { id: `${J}-message-list` }, re(), o && /* @__PURE__ */ r.createElement(Tl, { onClose: () => s(null), sender: o.sender, file: o.file }));
+}, Zl = u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Yl = u(Dl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
+function ql(e) {
   var t;
   if (((t = e == null ? void 0 : e.resolution) == null ? void 0 : t.determinedBy) === "user")
     return e.resolution.isResolved;
 }
-const ql = () => {
+const Jl = () => {
   const { stringSet: e } = O(), { connectionError: t } = U(), { channelSource: n } = Z(), o = t || n.error;
   if (o) {
     const s = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
     return /* @__PURE__ */ r.createElement(Ce, { type: "error", label: o.message, action: s });
   }
-  return n.channel ? /* @__PURE__ */ r.createElement(jl, null) : /* @__PURE__ */ r.createElement(Ce, { type: "loading" });
+  return n.channel ? /* @__PURE__ */ r.createElement(Kl, null) : /* @__PURE__ */ r.createElement(Ce, { type: "loading" });
 }, er = () => {
   const { stringSet: e } = O(), { activeChannel: t } = U(), [n] = _(() => (t == null ? void 0 : t.status) === W.OPEN);
   return n ? e.RETURN_TO_CONVERSATION : e.START_NEW_CONVERSATION;
-}, Jl = () => {
+}, Xl = () => {
   const { stringSet: e } = O(), { goToActiveConversation: t } = Z(), n = er();
-  return /* @__PURE__ */ r.createElement(Xl, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement(Ql, { onClick: t }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: p.themedColor.textHighEmphasis }, n)));
-}, Xl = u.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${P.light`
+  return /* @__PURE__ */ r.createElement(Ql, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement(ec, { onClick: t }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: p.themedColor.textHighEmphasis }, n)));
+}, Ql = u.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${P.light`
     background-color: ${p.color.background100};
   `}
   ${P.dark`
     background-color: ${p.color.background500};
   `}
-`, Ql = u.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${p.themedColor.textDisabled};cursor:pointer;${P.light`
+`, ec = u.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${p.themedColor.textDisabled};cursor:pointer;${P.light`
     background-color: ${p.color.background50};
   `}
   ${P.dark`
     background-color: ${p.color.background700};
   `}
-`, tr = ve(void 0), ec = ({ children: e }) => {
+`, tr = ve(void 0), tc = ({ children: e }) => {
   const { stringSet: t } = O(), { attachmentMode: n } = U(), { channelSource: o } = Z(), [s, i] = _([]), [a, l] = _({
     visible: !1,
     title: "",
@@ -3267,7 +3268,7 @@ const ql = () => {
     if (!d) return;
     const E = x.filter((b) => On.includes(b.type));
     if (E.length !== 0) {
-      if (E.some((b) => b.size > _s)) {
+      if (E.some((b) => b.size > Ss)) {
         l((b) => ({
           ...b,
           visible: !0,
@@ -3312,31 +3313,31 @@ const ql = () => {
       }
     },
     e,
-    /* @__PURE__ */ r.createElement(tc, { ...a, onClose: () => l((x) => ({ ...x, visible: !1, title: "" })) })
+    /* @__PURE__ */ r.createElement(nc, { ...a, onClose: () => l((x) => ({ ...x, visible: !1, title: "" })) })
   );
 }, Dt = () => {
   const e = Q(tr);
   if (!e)
     throw new Error("useFileUpload must be used within FileUploadProvider");
   return e;
-}, tc = ({
+}, nc = ({
   title: e,
   buttonText: t,
   visible: n,
   onClose: o
-}) => /* @__PURE__ */ r.createElement(Yn, { rootElementId: ee.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(nc, null, /* @__PURE__ */ r.createElement(oc, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(rc, null, /* @__PURE__ */ r.createElement(sc, { onClick: o }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: p.themedColor.textHighEmphasisInverse }, t))))), nc = u.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, rc = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, oc = u.div`margin-bottom:16px;`, sc = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${p.themedColor.error};border:1px solid ${p.themedColor.error};padding:10px 16px;&:hover{background-color:${p.color.error.dark};border-color:${p.color.error.dark};}&:active{background-color:${p.color.error.extraDark};}`;
-function ic({ blurred: e, elementRef: t, document: n = window.document }) {
+}) => /* @__PURE__ */ r.createElement(Yn, { rootElementId: ee.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(rc, null, /* @__PURE__ */ r.createElement(sc, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(oc, null, /* @__PURE__ */ r.createElement(ic, { onClick: o }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: p.themedColor.textHighEmphasisInverse }, t))))), rc = u.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, oc = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, sc = u.div`margin-bottom:16px;`, ic = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${p.themedColor.error};border:1px solid ${p.themedColor.error};padding:10px 16px;&:hover{background-color:${p.color.error.dark};border-color:${p.color.error.dark};}&:active{background-color:${p.color.error.extraDark};}`;
+function ac({ blurred: e, elementRef: t, document: n = window.document }) {
   const o = N(!1);
   e && t.current && n.activeElement === t.current && (o.current = !0), le(() => {
     var s;
     !e && o.current && ((s = t.current) == null || s.focus(), o.current = !1);
   }, [e]);
 }
-const ac = (e, t) => {
+const lc = (e, t) => {
   L(() => {
     t ? e == null || e.startTyping() : e == null || e.endTyping();
   }, [e, t]);
-}, lc = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, cc = u.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`, dc = u.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${P.light`
+}, cc = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, dc = u.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`, uc = u.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${P.light`
     background-color: ${p.color.background50};
   `}
   ${P.dark`
@@ -3355,16 +3356,16 @@ const ac = (e, t) => {
   circle {
     stroke: ${p.themedColor.bg_50_600};
   }
-`, uc = () => {
+`, mc = () => {
   const e = Oe(), [t, n] = _(), { files: o, removeFile: s, isFileUploadEnabled: i } = Dt();
-  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(lc, null, o.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(cc, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(dc, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(M, { type: "close-filled", color: p.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(At, { name: l, type: wt(l, a) }))));
-}, mc = ({ channel: e, messages: t }) => {
-  const { stringSet: n } = O(), { aiAgentInfo: o } = U(), s = gc(), i = hc({
+  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(cc, null, o.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(dc, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(uc, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(M, { type: "close-filled", color: p.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(At, { name: l, type: wt(l, a) }))));
+}, gc = ({ channel: e, messages: t }) => {
+  const { stringSet: n } = O(), { aiAgentInfo: o } = U(), s = hc(), i = pc({
     lastMessage: t[t.length - 1],
     aiAgentUserId: o.userId
   });
   return !e || !s || Pn(e) ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED] : i ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE] : [!1, n.MESSAGE_INPUT__PLACE_HOLDER];
-}, gc = () => {
+}, hc = () => {
   const e = bn(), { chatSDK: t } = B(), [n, o] = _(!0);
   return L(() => {
     const s = new Je({
@@ -3376,7 +3377,7 @@ const ac = (e, t) => {
       t.removeConnectionHandler(e);
     };
   }, [t]), n;
-}, hc = ({
+}, pc = ({
   lastMessage: e,
   aiAgentUserId: t
 }) => {
@@ -3389,10 +3390,10 @@ const ac = (e, t) => {
 }, nr = {
   textArea: I`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: I`margin-bottom:4px;`
-}, rr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, pc = u(rr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${p.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${p.themedColor.bg_200_400};}}${_t && nr.attachIcon};`, fc = u.input`display:none;`, dn = u.div`width:100%;position:relative;background-color:${p.themedColor.bg_100_500};border-radius:20px;`, un = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, mn = u.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${p.themedColor.textHighEmphasis};resize:none;width:100%;height:${Mn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${_t && nr.textArea};&::placeholder{color:${p.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${p.themedColor.textDisabled};}}`, gn = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, hn = ({ disabled: e }) => {
+}, rr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, fc = u(rr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${p.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${p.themedColor.bg_200_400};}}${_t && nr.attachIcon};`, bc = u.input`display:none;`, dn = u.div`width:100%;position:relative;background-color:${p.themedColor.bg_100_500};border-radius:20px;`, un = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, mn = u.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${p.themedColor.textHighEmphasis};resize:none;width:100%;height:${Mn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${_t && nr.textArea};&::placeholder{color:${p.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${p.themedColor.textDisabled};}}`, gn = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, hn = ({ disabled: e }) => {
   const t = N(null), { addFiles: n, clearFiles: o, files: s, isFileUploadEnabled: i } = Dt();
   return !i || s.length > 0 ? null : /* @__PURE__ */ r.createElement(
-    pc,
+    fc,
     {
       disabled: e,
       onClick: () => {
@@ -3409,7 +3410,7 @@ const ac = (e, t) => {
       }
     ),
     /* @__PURE__ */ r.createElement(
-      fc,
+      bc,
       {
         type: "file",
         ref: t,
@@ -3421,12 +3422,12 @@ const ac = (e, t) => {
       }
     )
   );
-}, bc = () => {
-  const e = N(null), [t, n] = _(""), { rootElement: o } = B(), { channelSource: s, messageSource: i } = Z(), [a, l] = mc({
+}, Ec = () => {
+  const e = N(null), [t, n] = _(""), { rootElement: o } = B(), { channelSource: s, messageSource: i } = Z(), [a, l] = gc({
     channel: s.channel,
     messages: i.messages
   }), { files: c, addFiles: d, clearFiles: h } = Dt();
-  rl({ onDropFiles: d }), ic({ blurred: a, elementRef: e, document: pe(o) }), ac(s.channel, t);
+  ol({ onDropFiles: d }), ac({ blurred: a, elementRef: e, document: pe(o) }), lc(s.channel, t);
   const m = t.trim().length > 0, f = c.length > 0, x = !a && (m || f), E = () => {
     e.current && (e.current.value = "", e.current.style.height = ""), h(), n("");
   }, b = async () => {
@@ -3447,12 +3448,12 @@ const ac = (e, t) => {
   }, v = (S) => {
     if (e.current) {
       e.current.style.height = "";
-      const k = Math.min(ys, e.current.scrollHeight);
+      const k = Math.min(_s, e.current.scrollHeight);
       Mn < k && (e.current.style.height = `${k}px`);
     }
     n(S.target.value);
   };
-  return a ? /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(mn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(hn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(uc, null), /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(
+  return a ? /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(mn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(hn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(mc, null), /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(
     mn,
     {
       ref: e,
@@ -3465,21 +3466,21 @@ const ac = (e, t) => {
       onPaste: g
     }
   ), /* @__PURE__ */ r.createElement(hn, null))), x && /* @__PURE__ */ r.createElement(rr, { onClick: () => b() }, /* @__PURE__ */ r.createElement(M, { type: "send", color: p.color.primary.main, size: 20 })));
-}, Ec = u.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${p.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${P.light`
+}, xc = u.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${p.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${P.light`
       color: ${p.color.information.light};
     `};
     ${P.dark`
       color: ${p.color.information.main};
     `};
   }
-`, xc = T(() => import("./CwdCJ7xG.js").then((e) => ({ default: e.MarkdownText }))), Cc = () => {
+`, Cc = T(() => import("./D5uRw0Em.js").then((e) => ({ default: e.MarkdownText }))), vc = () => {
   const { aiAgentInfo: e } = U(), { messageSource: t } = Z(), { userSession: n } = U();
-  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((s) => Gn(s, n.userId))) ? null : /* @__PURE__ */ r.createElement(Ec, null, /* @__PURE__ */ r.createElement(xc, null, e.specialNotice));
-}, vc = () => /* @__PURE__ */ r.createElement(yc, null, /* @__PURE__ */ r.createElement(Cc, null), /* @__PURE__ */ r.createElement(ec, null, /* @__PURE__ */ r.createElement(bc, null))), yc = u.div`z-index:0;border:none;width:100%;`, _c = () => {
+  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((s) => Gn(s, n.userId))) ? null : /* @__PURE__ */ r.createElement(xc, null, /* @__PURE__ */ r.createElement(Cc, null, e.specialNotice));
+}, yc = () => /* @__PURE__ */ r.createElement(_c, null, /* @__PURE__ */ r.createElement(vc, null), /* @__PURE__ */ r.createElement(tc, null, /* @__PURE__ */ r.createElement(Ec, null))), _c = u.div`z-index:0;border:none;width:100%;`, Sc = () => {
   var i, a, l;
   const { activeChannel: e } = U(), { channelSource: t } = Z(), n = ((a = (i = t.channel) == null ? void 0 : i.conversation) == null ? void 0 : a.status) === W.CLOSED;
-  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Jl, null) : /* @__PURE__ */ r.createElement(vc, null);
-}, Sc = () => {
+  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Xl, null) : /* @__PURE__ */ r.createElement(yc, null);
+}, Tc = () => {
   var v;
   const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: s } = B(), { stringSet: i } = O(), { aiAgentInfo: a, activeChannel: l } = U(), { channelSource: c, onNavigateToConversationList: d } = Z(), h = c.channel, f = Oe() ? 24 : 16, x = () => {
     e.setOpened(!1);
@@ -3491,44 +3492,44 @@ const ac = (e, t) => {
       t.error("conversation.handleAgentHandoff: error", S);
     }
   }, b = async () => {
-    h && await s.send(ro.CloseConversation({ channelUrl: h.url }));
+    h && await s.send(oo.CloseConversation({ channelUrl: h.url }));
   }, g = l && (h == null ? void 0 : h.url) === l.url, C = a.showHandoffButton && !!((v = h == null ? void 0 : h.conversation) != null && v.handoff) && g;
-  return /* @__PURE__ */ r.createElement(Ic, null, /* @__PURE__ */ r.createElement($c, null, d && /* @__PURE__ */ r.createElement(De, { onClick: () => d() }, /* @__PURE__ */ r.createElement(M, { type: "menu", size: 24, color: p.themedColor.textHighEmphasis })), g && /* @__PURE__ */ r.createElement(qn, { size: 34 }), /* @__PURE__ */ r.createElement(Oc, { variant: "h2", color: p.themedColor.textHighEmphasis }, a.nickname || (h == null ? void 0 : h.name))), /* @__PURE__ */ r.createElement(Mc, null, C && /* @__PURE__ */ r.createElement(
-    kc,
+  return /* @__PURE__ */ r.createElement($c, null, /* @__PURE__ */ r.createElement(Mc, null, d && /* @__PURE__ */ r.createElement(De, { onClick: () => d() }, /* @__PURE__ */ r.createElement(M, { type: "menu", size: 24, color: p.themedColor.textHighEmphasis })), g && /* @__PURE__ */ r.createElement(qn, { size: 34 }), /* @__PURE__ */ r.createElement(Lc, { variant: "h2", color: p.themedColor.textHighEmphasis }, a.nickname || (h == null ? void 0 : h.name))), /* @__PURE__ */ r.createElement(Oc, null, C && /* @__PURE__ */ r.createElement(
+    Ic,
     {
       tooltipLabel: i.HEADER_BUTTON__AGENT_HANDOFF,
-      disabled: !oi(h),
+      disabled: !si(h),
       size: f,
       onClick: E
     }
   ), n && /* @__PURE__ */ r.createElement(
-    Ac,
+    kc,
     {
       disabled: !Bn(h),
       size: f,
       onClick: b
     }
-  ), o && /* @__PURE__ */ r.createElement(Tc, { size: f }), /* @__PURE__ */ r.createElement(wc, { size: f, onClick: x })));
-}, Tc = ({ size: e, disabled: t }) => {
+  ), o && /* @__PURE__ */ r.createElement(wc, { size: f }), /* @__PURE__ */ r.createElement(Ac, { size: f, onClick: x })));
+}, wc = ({ size: e, disabled: t }) => {
   const { state: n } = B();
   return /* @__PURE__ */ r.createElement(De, { "aria-label": "expand", onClick: () => n.setExpanded(!n.expanded), disabled: t }, /* @__PURE__ */ r.createElement(M, { type: n.expanded ? "collapse" : "expand", size: e, color: p.themedColor.textHighEmphasis }));
-}, wc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(De, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(M, { type: "close", size: e, color: p.themedColor.textHighEmphasis })), Ac = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(De, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
+}, Ac = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(De, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(M, { type: "close", size: e, color: p.themedColor.textHighEmphasis })), kc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(De, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
   M,
   {
     type: "refresh",
     size: e,
     color: t ? p.themedColor.textDisabled : p.themedColor.textHighEmphasis
   }
-)), kc = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(Vn, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(De, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
+)), Ic = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(Vn, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(De, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
   M,
   {
     type: "agent",
     size: e,
     color: n ? p.themedColor.textDisabled : p.themedColor.textHighEmphasis
   }
-))), Ic = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${p.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, $c = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, Mc = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Oc = u(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, De = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Lc = () => {
+))), $c = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${p.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Mc = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, Oc = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Lc = u(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, De = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Rc = () => {
   const { isActionbookTester: e } = Re();
-  return e ? null : /* @__PURE__ */ r.createElement(Sc, null);
+  return e ? null : /* @__PURE__ */ r.createElement(Tc, null);
 }, pn = ({
   children: e,
   onNavigateToConversationList: t,
@@ -3537,69 +3538,69 @@ const ac = (e, t) => {
 }) => {
   const { Template: s } = Nt.useContext();
   return /* @__PURE__ */ r.createElement(
-    nl,
+    rl,
     {
       onNavigateToConversationList: t,
       closedChannelUrl: n,
       onClearClosedChannelUrl: o
     },
-    /* @__PURE__ */ r.createElement(Et, null, /* @__PURE__ */ r.createElement(Et.Consumer, null, (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Dc, { ...i }, /* @__PURE__ */ r.createElement(s, null)), e)))
+    /* @__PURE__ */ r.createElement(Et, null, /* @__PURE__ */ r.createElement(Et.Consumer, null, (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Nc, { ...i }, /* @__PURE__ */ r.createElement(s, null)), e)))
   );
 }, Nt = _e({
-  template: Rc,
+  template: Dc,
   components: {
-    Header: Lc,
-    Body: ql,
-    Footer: _c
+    Header: Rc,
+    Body: Jl,
+    Footer: Sc
   }
 });
-function Rc() {
+function Dc() {
   const { components: e } = Nt.useContext();
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
 }
-const Dc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
-  Provider: Nc,
-  Context: iu,
+const Nc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
+  Provider: Pc,
+  Context: au,
   useContext: or
 } = G("ConversationList");
-function Pc({
+function Bc({
   conversationListLimit: e,
   conversationListFilter: t,
   onOpenConversationView: n = Ie,
   children: o
 }) {
   return /* @__PURE__ */ r.createElement(
-    go,
+    ho,
     {
       conversationListLimit: e,
       conversationListFilter: t
     },
-    (s) => /* @__PURE__ */ r.createElement(Nc, { value: { ...s, onOpenConversationView: n } }, o)
+    (s) => /* @__PURE__ */ r.createElement(Pc, { value: { ...s, onOpenConversationView: n } }, o)
   );
 }
 const sr = _e({
-  template: Bc,
+  template: Fc,
   // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
   components: {}
 });
-function Bc({
+function Fc({
   title: e = "",
   lastMessageTimestamp: t = Date.now(),
   onClick: n
 }) {
   const { stringSet: o, format: s } = O();
-  return /* @__PURE__ */ r.createElement(Fc, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(Hc, null, /* @__PURE__ */ r.createElement(zc, null, /* @__PURE__ */ r.createElement(w, { variant: "subtitle1", color: p.themedColor.textHighEmphasis }, s(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textLowEmphasis }, s(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(w, { variant: "body3", color: p.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement(M, { type: "chevron-right", size: 16, color: p.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(Uc, null));
+  return /* @__PURE__ */ r.createElement(Uc, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(zc, null, /* @__PURE__ */ r.createElement(Vc, null, /* @__PURE__ */ r.createElement(w, { variant: "subtitle1", color: p.themedColor.textHighEmphasis }, s(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textLowEmphasis }, s(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(w, { variant: "body3", color: p.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement(M, { type: "chevron-right", size: 16, color: p.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(Hc, null));
 }
-const Fc = u.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, Uc = u.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${p.themedColor.textDisabled};`, Hc = u.div`gap:4px;display:flex;flex-direction:column;flex:1;`, zc = u.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, Vc = ({ items: e, renderItem: t, onEndReached: n }) => {
+const Uc = u.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, Hc = u.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${p.themedColor.textDisabled};`, zc = u.div`gap:4px;display:flex;flex-direction:column;flex:1;`, Vc = u.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, Wc = ({ items: e, renderItem: t, onEndReached: n }) => {
   const o = (s) => {
     const i = s.target;
     i.scrollHeight - i.scrollTop === i.clientHeight && (n == null || n());
   };
-  return /* @__PURE__ */ r.createElement(Wc, { onScroll: (s) => o(s) }, e.map((s, i) => t(s, i)));
-}, Wc = u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, Gc = () => {
+  return /* @__PURE__ */ r.createElement(Gc, { onScroll: (s) => o(s) }, e.map((s, i) => t(s, i)));
+}, Gc = u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, jc = () => {
   const { stringSet: e } = O(), { listSource: t, onOpenConversationView: n } = or(), { Template: o } = sr.useContext();
   return t.initialized ? t.channels.length === 0 ? /* @__PURE__ */ r.createElement(Ce, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ r.createElement(
-    Vc,
+    Wc,
     {
       items: t.channels,
       renderItem: (s) => {
@@ -3621,10 +3622,10 @@ const Fc = u.div`display:flex;flex-direction:row;align-items:center;position:rel
       }
     }
   ) : /* @__PURE__ */ r.createElement(Ce, { type: "loading" });
-}, jc = () => {
+}, Kc = () => {
   const { refreshActiveChannel: e } = U(), { onOpenConversationView: t } = or(), n = er();
   return /* @__PURE__ */ r.createElement(
-    Kc,
+    Zc,
     {
       role: "button",
       onClick: async () => {
@@ -3632,12 +3633,12 @@ const Fc = u.div`display:flex;flex-direction:row;align-items:center;position:rel
         t(o, W.OPEN);
       }
     },
-    /* @__PURE__ */ r.createElement(Zc, { variant: "h1" }, n)
+    /* @__PURE__ */ r.createElement(Yc, { variant: "h1" }, n)
   );
-}, Kc = u.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Zc = u(w)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Yc = () => {
+}, Zc = u.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Yc = u(w)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, qc = () => {
   const { stringSet: e } = O();
-  return /* @__PURE__ */ r.createElement(qc, null, /* @__PURE__ */ r.createElement(Jc, { variant: "h2", color: p.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Xc, null));
-}, qc = u.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Jc = u(w)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Xc = u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${p.themedColor.textDisabled};`, Qc = ({
+  return /* @__PURE__ */ r.createElement(Jc, null, /* @__PURE__ */ r.createElement(Xc, { variant: "h2", color: p.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Qc, null));
+}, Jc = u.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Xc = u(w)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Qc = u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${p.themedColor.textDisabled};`, ed = ({
   conversationListLimit: e,
   conversationListFilter: t,
   children: n,
@@ -3645,28 +3646,28 @@ const Fc = u.div`display:flex;flex-direction:row;align-items:center;position:rel
 }) => {
   const { Template: s } = Pt.useContext();
   return /* @__PURE__ */ r.createElement(
-    Pc,
+    Bc,
     {
       conversationListLimit: e,
       conversationListFilter: t,
       onOpenConversationView: o
     },
-    /* @__PURE__ */ r.createElement(td, null, /* @__PURE__ */ r.createElement(s, null)),
+    /* @__PURE__ */ r.createElement(nd, null, /* @__PURE__ */ r.createElement(s, null)),
     n
   );
 }, Pt = _e({
-  template: ed,
+  template: td,
   components: {
-    Header: Yc,
-    Body: Gc,
-    Footer: jc
+    Header: qc,
+    Body: jc,
+    Footer: Kc
   }
 });
-function ed() {
+function td() {
   const { components: e } = Pt.useContext();
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
 }
-const td = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, nd = I`:where(#${ee.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, rd = [nd, ss, is], od = (e, ...t) => Ir(e, ...rd, ...t), sd = od``, id = Kr(
+const nd = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, rd = I`:where(#${ee.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, od = [rd, is, as], sd = (e, ...t) => $r(e, ...od, ...t), id = sd``, ad = Zr(
   Nt,
   xe,
   Ot,
@@ -3674,7 +3675,7 @@ const td = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:
   Pt,
   sr
 );
-function ad({
+function ld({
   appearance: e,
   rootElement: t,
   logger: n,
@@ -3684,7 +3685,7 @@ function ad({
   messageTemplate: a,
   theme: l
 }) {
-  return ms(Yo, t), /* @__PURE__ */ r.createElement($r, { target: t }, /* @__PURE__ */ r.createElement(cs, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(zo, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(os, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(id, null, i, /* @__PURE__ */ r.createElement(sd, null))))));
+  return gs(qo, t), /* @__PURE__ */ r.createElement(Mr, { target: t }, /* @__PURE__ */ r.createElement(ds, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(Vo, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(ss, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(ad, null, i, /* @__PURE__ */ r.createElement(id, null))))));
 }
 const We = {}, Ge = {
   getItem: (e) => {
@@ -3729,8 +3730,8 @@ const We = {}, Ge = {
   ...a
 }, l) {
   var c, d;
-  return we.level !== n && (we.level = n), us("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: ee.ENTRY, style: { width: "fit-content", height: "fit-content", ...a.entryStyle } }, /* @__PURE__ */ r.createElement(
-    ad,
+  return we.level !== n && (we.level = n), ms("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: ee.ENTRY, style: { width: "fit-content", height: "fit-content", ...a.entryStyle } }, /* @__PURE__ */ r.createElement(
+    ld,
     {
       logger: we,
       rootElement: t,
@@ -3741,7 +3742,7 @@ const We = {}, Ge = {
       theme: a.theme
     },
     /* @__PURE__ */ r.createElement(
-      ps,
+      fs,
       {
         rootElement: t,
         keyValueStorage: {
@@ -3752,31 +3753,31 @@ const We = {}, Ge = {
         },
         language: o,
         logger: we,
-        dispatcher: ld,
+        dispatcher: cd,
         chatParams: { customApiHost: a.customApiHost, customWebSocketHost: a.customWebSocketHost },
         ...a
       },
       /* @__PURE__ */ r.createElement(
-        bs,
+        Es,
         {
           ref: l,
           userSessionInfo: s,
           forceCreateChannel: (d = a.agentPreviewConfigs) == null ? void 0 : d.forceCreateChannel
         },
-        /* @__PURE__ */ r.createElement(Na, { ...a._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ r.createElement("div", { id: ee.MODAL_ROOT }))
+        /* @__PURE__ */ r.createElement(Pa, { ...a._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ r.createElement("div", { id: ee.MODAL_ROOT }))
       )
     )
   ));
-}), we = new Tn(En.WARN), ld = new _n(we), ar = ({ children: e, isOpened: t }) => {
+}), we = new Tn(En.WARN), cd = new _n(we), ar = ({ children: e, isOpened: t }) => {
   const { dir: n, rootElement: o } = B(), s = pe(o, !0);
   return L(() => {
     const i = "sb-agent-block-scroll";
     return t ? s.body.classList.add(i) : s.body.classList.remove(i), () => {
       s.body.classList.remove(i);
     };
-  }, [s, t]), /* @__PURE__ */ r.createElement(cd, { dir: n, $visible: t }, e);
-}, cd = u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${fe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, dd = 48, ud = 2 / 3;
-function md({
+  }, [s, t]), /* @__PURE__ */ r.createElement(dd, { dir: n, $visible: t }, e);
+}, dd = u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${fe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, ud = 48, md = 2 / 3;
+function gd({
   className: e,
   isOpened: t,
   onClick: n,
@@ -3785,11 +3786,11 @@ function md({
   dir: i,
   animated: a = !0,
   backgroundColor: l,
-  size: c = dd
+  size: c = ud
 }) {
-  const d = pt(l), h = Math.round(c * ud);
+  const d = pt(l), h = Math.round(c * md);
   return /* @__PURE__ */ r.createElement(
-    pd,
+    fd,
     {
       dir: i,
       id: ee.LAUNCHER,
@@ -3800,11 +3801,11 @@ function md({
       $backgroundColor: l,
       $size: c
     },
-    /* @__PURE__ */ r.createElement(fd, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(fn.Open, { url: s, isDefaultIcon: o === "default_icon" })),
-    /* @__PURE__ */ r.createElement(bd, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(fn.Close, { size: h }))
+    /* @__PURE__ */ r.createElement(bd, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(fn.Open, { url: s, isDefaultIcon: o === "default_icon" })),
+    /* @__PURE__ */ r.createElement(Ed, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(fn.Close, { size: h }))
   );
 }
-const gd = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, hd = I`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;filter:${({ $fillColor: e }) => e === $n.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, lr = I`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => I`
+const hd = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, pd = I`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;filter:${({ $fillColor: e }) => e === $n.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, lr = I`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => I`
         path {
           fill: ${e};
         }
@@ -3813,14 +3814,14 @@ const gd = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
         }
       `}
   }
-`, pd = u.button`position:relative;padding:0;width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;background:${({ $backgroundColor: e }) => e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({ $animated: e }) => e && gd}`, cr = u.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`, fd = u(cr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${hd}${lr}`, bd = u(cr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${lr}`, fn = {
+`, fd = u.button`position:relative;padding:0;width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;background:${({ $backgroundColor: e }) => e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({ $animated: e }) => e && hd}`, cr = u.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`, bd = u(cr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${pd}${lr}`, Ed = u(cr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${lr}`, fn = {
   Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(kt, null),
   Close: ({ size: e }) => /* @__PURE__ */ r.createElement(M, { size: e, type: "chevron-down" })
 };
 function dr({ className: e, size: t }) {
   const { colors: n } = xt(), { dir: o, state: s } = B(), { launcherInfo: i } = U();
-  return xd(), /* @__PURE__ */ r.createElement(
-    md,
+  return Cd(), /* @__PURE__ */ r.createElement(
+    gd,
     {
       dir: o,
       className: e,
@@ -3833,8 +3834,8 @@ function dr({ className: e, size: t }) {
     }
   );
 }
-const Ed = 1e3 * 60;
-function xd() {
+const xd = 1e3 * 60;
+function Cd() {
   const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = B(), s = N(null);
   L(() => {
     if (!o) return;
@@ -3842,37 +3843,37 @@ function xd() {
       s.current && (clearTimeout(s.current), s.current = null);
     }
     function a() {
-      e.connectionState === Ar.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), i(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
+      e.connectionState === kr.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), i(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
     }
     function l() {
       i(), s.current = setTimeout(async () => {
         await e.disconnectWebSocket(), n.debug("useSDKInactivityTimeout: disconnected");
-      }, Ed);
+      }, xd);
     }
     t.opened ? a() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
   }, [o, e, t.opened]);
 }
 const ur = ve(null);
-function Cd() {
+function vd() {
   const e = Q(ur);
   if (!e)
     throw new Error("useNavigator() must be used within <Navigator />");
   return e;
 }
 function mr({ children: e }) {
-  const t = Cd();
+  const t = vd();
   return typeof e == "function" ? e(t) : /* @__PURE__ */ r.createElement(r.Fragment, null, e);
 }
-const vd = xn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, yd = xn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, _d = I`animation-name:${vd};animation-duration:0.3s;animation-fill-mode:forwards;`, Sd = I``, Td = I`animation-name:${yd};animation-duration:0.3s;animation-fill-mode:forwards;`, wd = I`visibility:hidden;`, Ad = u.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
+const yd = xn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, _d = xn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, Sd = I`animation-name:${yd};animation-duration:0.3s;animation-fill-mode:forwards;`, Td = I``, wd = I`animation-name:${_d};animation-duration:0.3s;animation-fill-mode:forwards;`, Ad = I`visibility:hidden;`, kd = u.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
   switch (e) {
     case "entering":
-      return _d;
-    case "entered":
       return Sd;
-    case "exiting":
+    case "entered":
       return Td;
-    case "exited":
+    case "exiting":
       return wd;
+    case "exited":
+      return Ad;
     default:
       return "";
   }
@@ -3932,14 +3933,14 @@ function Ae({ initialId: e, children: t }) {
       C === e ? g[C] = "entered" : g[C] = "exited";
     }), g;
   }), [x, E] = _({}), b = l[l.length - 1];
-  return /* @__PURE__ */ r.createElement(ur.Provider, { value: s }, /* @__PURE__ */ r.createElement(kd, null, Object.keys(a).map((g) => {
+  return /* @__PURE__ */ r.createElement(ur.Provider, { value: s }, /* @__PURE__ */ r.createElement(Id, null, Object.keys(a).map((g) => {
     var k;
     if (!d[g]) return null;
     const C = m[g] || "exited", v = g === b, S = `${g}-${x[g] || 0}`;
-    return /* @__PURE__ */ r.createElement(Ad, { key: S, $transitionState: C, $active: v }, (k = a[g]) == null ? void 0 : k.element);
+    return /* @__PURE__ */ r.createElement(kd, { key: S, $transitionState: C, $active: v }, (k = a[g]) == null ? void 0 : k.element);
   })));
 }
-const kd = u.div`position:relative;width:100%;height:100%;`;
+const Id = u.div`position:relative;width:100%;height:100%;`;
 Ae.Screen = mr;
 const he = {
   activeConv: "active-conv",
@@ -3953,19 +3954,19 @@ const he = {
     onClearClosedChannelUrl: () => e(void 0)
   }
 )), /* @__PURE__ */ r.createElement(Ae.Screen, { id: he.convList, lazy: !0 }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
-  Qc,
+  ed,
   {
     onOpenConversationView: (o, s) => {
       s === "closed" ? (e(o), n.navigate(he.closedConv, { reset: !0 })) : n.navigate(he.activeConv);
     }
   }
 )));
-function Id({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
+function $d({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
   const { dir: s } = B();
-  return /* @__PURE__ */ r.createElement($d, null, /* @__PURE__ */ r.createElement(Md, { dir: s, id: ee.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
+  return /* @__PURE__ */ r.createElement(Md, null, /* @__PURE__ */ r.createElement(Od, { dir: s, id: ee.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
-const $d = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Md = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && Ld};${({ $isExpanded: e }) => e && Od};`, Od = I`width:743px;height:723px;`, Ld = I`z-index:${fe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, au = ye(function({ children: e, ...t }, n) {
-  const o = Oe(), [s, i] = _(), a = o ? ar : Id;
+const Md = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Od = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && Rd};${({ $isExpanded: e }) => e && Ld};`, Ld = I`width:743px;height:723px;`, Rd = I`z-index:${fe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, lu = ye(function({ children: e, ...t }, n) {
+  const o = Oe(), [s, i] = _(), a = o ? ar : $d;
   return /* @__PURE__ */ r.createElement(ir, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(In, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(a, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(dr, null) }, /* @__PURE__ */ r.createElement(
     gr,
     {
@@ -3974,7 +3975,7 @@ const $d = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end
     }
   )), e)));
 }), {
-  Provider: Rd,
+  Provider: Dd,
   useContext: Bt
 } = G("FixedMessengerStyle");
 function hr(e, t, n, o = 0) {
@@ -3998,15 +3999,15 @@ function hr(e, t, n, o = 0) {
   }
   return I`${c};${d};`;
 }
-function Dd(e) {
+function Nd(e) {
   const { horizontal: t, vertical: n, margin: o, launcherSize: s } = Bt();
-  return /* @__PURE__ */ r.createElement(Nd, { ...e, size: s, $horizontal: t, $vertical: n, $margin: o });
+  return /* @__PURE__ */ r.createElement(Pd, { ...e, size: s, $horizontal: t, $vertical: n, $margin: o });
 }
-const Nd = u(dr)`position:fixed;z-index:${fe.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => hr(e, t, n)};`;
-function Pd({ isExpanded: e, isOpened: t, children: n }) {
+const Pd = u(dr)`position:fixed;z-index:${fe.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => hr(e, t, n)};`;
+function Bd({ isExpanded: e, isOpened: t, children: n }) {
   const { dir: o } = B(), { horizontal: s, vertical: i, margin: a, launcherSize: l } = Bt();
   return /* @__PURE__ */ r.createElement(
-    Bd,
+    Fd,
     {
       dir: o,
       id: ee.WINDOW,
@@ -4020,21 +4021,21 @@ function Pd({ isExpanded: e, isOpened: t, children: n }) {
     n
   );
 }
-const Bd = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({ $horizontal: e, $vertical: t, $margin: n, $launcherSize: o }) => hr(e, t, n, o + 12)};height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "left" : "right"} ${t}`};
+const Fd = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({ $horizontal: e, $vertical: t, $margin: n, $launcherSize: o }) => hr(e, t, n, o + 12)};height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "left" : "right"} ${t}`};
   [dir='rtl'] &:not([dir='ltr']),
   &[dir='rtl'] {
     transform-origin: ${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "right" : "left"} ${t}`};
   }
 
-  ${({ $isOpened: e }) => e && Ud};
-  ${({ $isExpanded: e }) => e && Fd};
-`, Fd = I`width:743px;height:723px;`, Ud = I`z-index:${fe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, pr = { top: 24, bottom: 24, start: 24, end: 24 }, Hd = ye(function({ children: e, ...t }, n) {
-  const [o, s] = _(), [i, a] = _("end-bottom"), [l, c] = _(pr), [d, h] = _(48), m = Oe(), f = m ? ar : Pd, { horizontal: x, vertical: E } = ae(() => {
+  ${({ $isOpened: e }) => e && Hd};
+  ${({ $isExpanded: e }) => e && Ud};
+`, Ud = I`width:743px;height:723px;`, Hd = I`z-index:${fe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, pr = { top: 24, bottom: 24, start: 24, end: 24 }, zd = ye(function({ children: e, ...t }, n) {
+  const [o, s] = _(), [i, a] = _("end-bottom"), [l, c] = _(pr), [d, h] = _(48), m = Oe(), f = m ? ar : Bd, { horizontal: x, vertical: E } = ae(() => {
     const [b, g] = i.split("-");
     return { horizontal: b === "start" ? "start" : "end", vertical: g === "top" ? "top" : "bottom" };
   }, [i]);
   return /* @__PURE__ */ r.createElement(ir, { enableExpandButton: !m, ref: n, ...t }, /* @__PURE__ */ r.createElement(In, null, ({ state: b }) => /* @__PURE__ */ r.createElement(
-    Rd,
+    Dd,
     {
       value: { horizontal: x, vertical: E, margin: l, launcherSize: d, setPosition: a, setMargin: c, setLauncherSize: h }
     },
@@ -4045,10 +4046,10 @@ const Bd = u.div`background:${({ theme: e }) => e.colors.base.background};displa
         setClosedChannelUrl: s
       }
     )),
-    /* @__PURE__ */ r.createElement(Dd, null),
+    /* @__PURE__ */ r.createElement(Nd, null),
     e
   )));
-}), zd = (e) => {
+}), Vd = (e) => {
   var s, i, a, l;
   const { setPosition: t, setMargin: n, setLauncherSize: o } = Bt();
   return le(() => {
@@ -4061,43 +4062,43 @@ const Bd = u.div`background:${({ theme: e }) => e.colors.base.background};displa
     (l = e.margin) == null ? void 0 : l.end,
     e.launcherSize
   ]), null;
-}, lu = Object.assign(Hd, {
-  Style: zd
+}, cu = Object.assign(zd, {
+  Style: Vd
 });
 export {
   St as A,
-  ro as C,
-  au as D,
-  lu as F,
+  oo as C,
+  lu as D,
+  cu as F,
   M as I,
   Hn as L,
-  La as M,
+  Ra as M,
   Ot as O,
-  su as P,
+  iu as P,
   Lt as S,
   w as a,
   ir as b,
   p as c,
-  ad as d,
+  ld as d,
   U as e,
   O as f,
-  md as g,
+  gd as g,
   xe as h,
   X as i,
   sr as j,
   pn as k,
   Nt as l,
-  ld as m,
-  ou as n,
-  nl as o,
+  cd as m,
+  su as n,
+  rl as o,
   Z as p,
-  Qc as q,
+  ed as q,
   Pt as r,
-  iu as s,
-  Pc as t,
+  au as s,
+  Bc as t,
   B as u,
   or as v,
   Sn as w,
-  Io as x,
+  $o as x,
   Zt as y
 };