@sendbird/ai-agent-messenger-react 1.13.1 → 1.14.0

package/dist/es/{By2XFBR_.js → C1Zy5PCq.js}

@@ -2,23 +2,23 @@ var lo = Object.defineProperty;
 var co = (e, t, n) => t in e ? lo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var z = (e, t, n) => co(e, typeof t != "symbol" ? t + "" : t, n);
 import * as o from "react";
-import { createContext as Ge, useContext as xe, useLayoutEffect as oe, useState as C, useEffect as P, useRef as B, useCallback as L, useMemo as ie, forwardRef as We, useImperativeHandle as uo, useId as Wt, useReducer as mo, PureComponent as go, Suspense as ho, lazy as D, Fragment as rr, Children as po } from "react";
+import { createContext as We, useContext as xe, useLayoutEffect as se, useState as C, useEffect as P, useRef as B, useCallback as L, useMemo as ae, forwardRef as Ge, useImperativeHandle as uo, useId as Gt, useReducer as mo, PureComponent as go, Suspense as ho, lazy as R, Fragment as rr, Children as po } from "react";
 import fo, { SendbirdChatOptions as bo, SendbirdProduct as Eo, DeviceOsPlatform as xn, SendbirdPlatform as xo, SessionHandler as vo, ConnectionHandler as xt, SendbirdError as _o, LogLevel as or, ConnectionState as yo } from "@sendbird/chat";
 import h, { css as I, ThemeProvider as Co, useTheme as Je, createGlobalStyle as So, StyleSheetManager as To, keyframes as sr } from "styled-components";
 import { differenceInMinutes as Ao, isToday as wo, differenceInHours as Io, isSameMinute as vn, format as ir, isSameDay as ko } from "date-fns";
 import { enUS as $o } from "date-fns/locale/en-US";
-import { SendingStatus as Pe, ReplyType as Mo, MessageMetaArray as Lo } from "@sendbird/chat/message";
-import { ConversationStatus as Q, AIAgentModule as Oo, AIAgentMessageFeedbackRating as _n, ConversationType as Do } from "@sendbird/chat/aiAgent";
+import { SendingStatus as Pe, ReplyType as Mo, MessageMetaArray as Oo } from "@sendbird/chat/message";
+import { ConversationStatus as Q, AIAgentModule as Lo, AIAgentMessageFeedbackRating as _n, ConversationType as Do } from "@sendbird/chat/aiAgent";
 import { GroupChannelModule as Ro, GroupChannelListOrder as ar, GroupChannelHandler as No } from "@sendbird/chat/groupChannel";
 import { createPortal as Bo } from "react-dom";
 import { renderer as Fo, parser as Po, MessageProvider as Uo } from "@sendbird/react-uikit-message-template-view";
 import { createMessageTemplate as Ho } from "@sendbird/uikit-message-template";
 import { useGroupChannelMessages as Vo, useGroupChannelHandler as vt, useForceUpdate as zo } from "@sendbird/uikit-tools";
 import lr from "dompurify";
-import { isSameDay as Go } from "date-fns/isSameDay";
-import Wo from "@emotion/is-prop-valid";
+import { isSameDay as Wo } from "date-fns/isSameDay";
+import Go from "@emotion/is-prop-valid";
 const ee = (e, t) => {
-  const n = Ge(null), r = ({ children: a, value: l }) => /* @__PURE__ */ o.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ o.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
+  const n = We(null), r = ({ children: a, value: l }) => /* @__PURE__ */ o.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ o.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
     const a = xe(n);
     if (!a)
       throw new Error(`use${e}Context must be used within a ${e}Provider`);
@@ -27,7 +27,7 @@ const ee = (e, t) => {
   return n.displayName = `${e}Context`, r.displayName = `${e}Provider`, s.displayName = `${e}Consumer`, i.displayName = `use${e}Context`, { Context: n, Provider: r, Consumer: s, useContext: i };
 };
 function ye(e) {
-  const t = Ge({
+  const t = We({
     Template: e.template,
     updateTemplate: () => {
     },
@@ -46,7 +46,7 @@ function ye(e) {
   }
   function r({ template: i, children: a }) {
     const { updateTemplate: l } = xe(t);
-    return oe(() => {
+    return se(() => {
       i && l(i);
     }, [i]), /* @__PURE__ */ o.createElement(o.Fragment, null, a);
   }
@@ -58,7 +58,7 @@ function ye(e) {
       component: l
     }) {
       const { updateComponent: c } = xe(t);
-      return oe(() => {
+      return se(() => {
         l && c(i, l);
       }, [l]), null;
     };
@@ -130,7 +130,8 @@ function Yo(e, t) {
         {
           response_type: "free_text",
           scores: [1, 2, 3, 4, 5],
-          question: t.followUp.question
+          question: t.followUp.question,
+          always_visible: !1
         }
       ],
       csat_submit_label: t.submit_label,
@@ -215,7 +216,7 @@ const Fe = "sb-agent", cr = "KEY_IMG_ASPECT_RATIO", Jo = "*/*", V = {
     type: "text",
     value: e.slice(s).trim()
   }), t ? r.map((i) => i.type !== "text" ? i : { ...i, value: t(i.value) }) : r;
-}, ns = (e) => e.replace(/\[([^\]]+)\](?!\()/g, "\\[$1\\]"), rs = (e) => e.replace(/([a-zA-Z0-9])_(?=[a-zA-Z0-9])/g, "$1\\_"), os = (e) => e.replace(/~~/g, "\\~\\~"), Eh = (e) => {
+}, ns = (e) => e.replace(/\[([^\]]+)\](?!\()/g, "\\[$1\\]"), rs = (e) => e.replace(/([a-zA-Z0-9])_(?=[a-zA-Z0-9])/g, "$1\\_"), os = (e) => e.replace(/~~/g, "\\~\\~"), xh = (e) => {
   let t = e;
   return t = ns(t), t = rs(t), t = os(t), t;
 }, ss = typeof navigator < "u" && navigator.product === "ReactNative", Cn = (e, t) => {
@@ -382,7 +383,7 @@ class pr {
 function Tn(e, t, n, r) {
   const s = fo.init({
     appId: e,
-    modules: [new Ro(), new Oo()],
+    modules: [new Ro(), new Lo()],
     localCacheEnabled: !0,
     options: new bo({ typingIndicatorInvalidateTime: 2e4 }),
     ...r
@@ -487,17 +488,17 @@ function ms({
   });
   return P(() => {
     p((x) => {
-      let y = x.logger, k = x.dispatcher, S = x.chatSDK;
-      return b && b !== x.logger && (y = b), v && v !== x.dispatcher && (k = v), d && d !== x.chatSDK ? S = d : !d && x.chatSDK.appId !== e && (S = Tn(e, E, _, { newInstance: !0, ...g })), {
+      let y = x.logger, k = x.dispatcher, T = x.chatSDK;
+      return b && b !== x.logger && (y = b), v && v !== x.dispatcher && (k = v), d && d !== x.chatSDK ? T = d : !d && x.chatSDK.appId !== e && (T = Tn(e, E, _, { newInstance: !0, ...g })), {
         ...x,
         logger: y,
         dispatcher: k,
-        chatSDK: S,
+        chatSDK: T,
         cache: Sn({ appId: e, aiAgentId: t, storage: n })
       };
     });
   }, [e, t, b, v, d, n]), P(() => () => {
-    u.chatSDK.disconnectWebSocket();
+    u.chatSDK.connectionState === "OPEN" && u.chatSDK.disconnectWebSocket();
   }, [u.chatSDK]), cs(u.chatSDK), /* @__PURE__ */ o.createElement(
     us,
     {
@@ -620,9 +621,6 @@ function ys(e, t, n, r, s) {
       headerBackground: e.background50,
       modalContentBackground: e.background50
     },
-    metadata: {
-      errorContent: e.ondark.textHighEmphasis
-    },
     messageInput: {
       text: e.onlight.textHighEmphasis,
       placeholderText: e.onlight.textLowEmphasis,
@@ -649,9 +647,6 @@ const Cs = (e, t, n, r, s) => ({
     headerBackground: e.background500,
     modalContentBackground: e.background500
   },
-  metadata: {
-    errorContent: e.ondark.textHighEmphasis
-  },
   messageInput: {
     text: e.ondark.textHighEmphasis,
     placeholderText: e.ondark.textLowEmphasis,
@@ -903,13 +898,13 @@ function Er() {
     [e, t]
   );
 }
-function Ls() {
+function Os() {
   const { chatSDK: e, logger: t } = X(), n = L(
     async (s, i, a) => {
       if (t.debug("useChatConnection.connect: start, session", s.userId), i) {
         const l = new vo({
           ...i,
-          onSessionTokenRequired: Os(i.onSessionTokenRequired, a)
+          onSessionTokenRequired: Ls(i.onSessionTokenRequired, a)
         });
         e.setSessionHandler(l);
       }
@@ -932,7 +927,7 @@ function Ls() {
   }, [e, t]);
   return { connect: n, disconnect: r };
 }
-function Os(e, t) {
+function Ls(e, t) {
   if (e)
     return async (n, r) => {
       new Promise((s, i) => e == null ? void 0 : e(s, i)).then((s) => {
@@ -975,7 +970,7 @@ const Bs = 1440 * 60 * 1e3, Fs = (e) => {
       `useUserSessionCandidate.getManualSessionInfo: missing required keys in userSessionInfo: ${i.join(", ")}`
     ), t.debug("useUserSessionCandidate.getManualSessionInfo: manual session info detected"), e;
   };
-  return ie(() => e instanceof Ns ? { type: "manual", userSessionCandidate: s() } : e instanceof In ? { type: "anonymous", userSessionCandidate: r() } : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), { type: "manual", userSessionCandidate: s() }) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), { type: "anonymous", userSessionCandidate: r() }) : { type: "anonymous", userSessionCandidate: null }, [
+  return ae(() => e instanceof Ns ? { type: "manual", userSessionCandidate: s() } : e instanceof In ? { type: "anonymous", userSessionCandidate: r() } : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), { type: "manual", userSessionCandidate: s() }) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), { type: "anonymous", userSessionCandidate: r() }) : { type: "anonymous", userSessionCandidate: null }, [
     t,
     e == null ? void 0 : e.userId,
     e == null ? void 0 : e.authToken,
@@ -994,41 +989,41 @@ function Ps({
   onPostDeauth: a,
   forceCreateChannel: l
 }) {
-  const { aiAgentId: c, language: d, context: g, countryCode: f, logger: b, cache: v } = X(), { connect: _, disconnect: E } = Ls(), { type: u, userSessionCandidate: p } = Fs(e), x = Er(), y = L(async () => {
-    var M;
+  const { aiAgentId: c, language: d, context: g, countryCode: f, logger: b, cache: v } = X(), { connect: _, disconnect: E } = Os(), { type: u, userSessionCandidate: p } = Fs(e), x = Er(), y = L(async () => {
+    var O;
     b.debug("useAuthentication.authenticate: start");
-    const S = p != null && p.userId ? v.messenger.getSettings(p.userId) : null;
-    S != null && S.bot && (t(S), b.debug("useAuthentication.authenticate: cached messenger settings", S));
-    const O = await x({
+    const T = p != null && p.userId ? v.messenger.getSettings(p.userId) : null;
+    T != null && T.bot && (t(T), b.debug("useAuthentication.authenticate: cached messenger settings", T));
+    const D = await x({
       aiAgentId: c,
       userId: p == null ? void 0 : p.userId,
       language: d,
       country: f,
       context: g,
       forceCreateChannel: l,
-      knownActiveChannelUrl: (M = S == null ? void 0 : S.active_channel) == null ? void 0 : M.channel_url
+      knownActiveChannelUrl: (O = T == null ? void 0 : T.active_channel) == null ? void 0 : O.channel_url
     });
-    b.debug("useAuthentication.authenticate: messenger settings response", O);
-    let $ = null;
-    if (O.auto_created_user)
+    b.debug("useAuthentication.authenticate: messenger settings response", D);
+    let M = null;
+    if (D.auto_created_user)
       if (u === "manual")
-        b.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), $ = { userId: p.userId, authToken: p.authToken };
+        b.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), M = { userId: p.userId, authToken: p.authToken };
       else {
-        const { user_id: N, session_token: j, expire_at: K } = O.auto_created_user;
-        v.messenger.setAnonUser({ userId: N, authToken: j, expireAt: K }), $ = { userId: N, authToken: j };
+        const { user_id: N, session_token: j, expire_at: q } = D.auto_created_user;
+        v.messenger.setAnonUser({ userId: N, authToken: j, expireAt: q }), M = { userId: N, authToken: j };
       }
     else
-      $ = {
+      M = {
         userId: (p == null ? void 0 : p.userId) ?? "",
         authToken: (p == null ? void 0 : p.authToken) ?? ""
       };
-    v.messenger.setSettings($.userId, O), t(O);
+    v.messenger.setSettings(M.userId, D), t(D);
     try {
-      await n(O, $), await _($, p == null ? void 0 : p.sessionHandler, i), await r(O, $);
+      await n(D, M), await _(M, p == null ? void 0 : p.sessionHandler, i), await r(D, M);
     } catch (N) {
       throw N instanceof Error && (s(N), b.error("useAuthentication.authenticate: failed to connect", N)), N;
     }
-    return O;
+    return D;
   }, [
     x,
     _,
@@ -1130,71 +1125,71 @@ const zs = () => {
     syncCachedTemplates: s
   };
 }, {
-  Provider: Gs,
+  Provider: Ws,
   useContext: yt
-} = ee("AIAgentMessengerSession"), Ws = We(
+} = ee("AIAgentMessengerSession"), Gs = Ge(
   function({ userSessionInfo: e, forceCreateChannel: t, children: n }, r) {
     const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: g, logger: f } = X(), { updateTheme: b } = Yt(), [v, _] = C(void 0), [E, u] = C(
       void 0
-    ), [p, x] = C(null), [y, k] = C(null), [S, O] = C(null), [$, M] = C(null), { updateBaseAttachmentRules: N, createAttachmentRules: j } = Ms(), { shouldSyncCachedTemplate: K, syncCachedTemplates: Se } = zs(), Te = Er(), { authenticate: Oe, deauthenticate: Z } = Ps({
+    ), [p, x] = C(null), [y, k] = C(null), [T, D] = C(null), [M, O] = C(null), { updateBaseAttachmentRules: N, createAttachmentRules: j } = Ms(), { shouldSyncCachedTemplate: q, syncCachedTemplates: Se } = zs(), Te = Er(), { authenticate: Le, deauthenticate: Z } = Ps({
       userSessionInfo: e,
       forceCreateChannel: t,
       onUpdateMessengerSettings: L(
-        (U) => {
-          const { appearance: T, bot: R, launcher: q } = U;
-          b(T.selected_theme, T), O({
-            userId: R.bot_userid,
-            profileUrl: R.bot_profile_url,
-            nickname: R.bot_nickname,
-            replyToFile: R.reply_to_file,
-            specialNotice: R.special_notice,
-            specialNoticeEnabled: R.is_special_notice_enabled,
-            showHandoffButton: R.show_handoff_button ?? !0,
-            isMultipleActiveConversationsEnabled: R.is_multiple_active_conversations_enabled ?? !0,
-            isUserFeedbackEnabled: U.bot.is_user_feedback_enabled ?? !1,
-            isUserFeedbackCommentOptionEnabled: U.bot.is_user_feedback_comment_option_enabled ?? !1
-          }), M({
-            type: q.image_type || "default_icon",
-            imageUrl: q.image_url
-          }), N(U);
+        (S) => {
+          const { appearance: $, bot: U, launcher: K } = S;
+          b($.selected_theme, $), D({
+            userId: U.bot_userid,
+            profileUrl: U.bot_profile_url,
+            nickname: U.bot_nickname,
+            replyToFile: U.reply_to_file,
+            specialNotice: U.special_notice,
+            specialNoticeEnabled: U.is_special_notice_enabled,
+            showHandoffButton: U.show_handoff_button ?? !0,
+            isMultipleActiveConversationsEnabled: U.is_multiple_active_conversations_enabled ?? !0,
+            isUserFeedbackEnabled: S.bot.is_user_feedback_enabled ?? !1,
+            isUserFeedbackCommentOptionEnabled: S.bot.is_user_feedback_comment_option_enabled ?? !1
+          }), O({
+            type: K.image_type || "default_icon",
+            imageUrl: K.image_url
+          }), N(S);
         },
         [b]
       ),
-      onPreAuth: L((U, T) => {
-        _(void 0), k(T);
+      onPreAuth: L((S, $) => {
+        _(void 0), k($);
       }, []),
       onPostAuth: L(
-        async (U) => {
-          x(a.currentUser), K() && await Se(), u({ url: U.active_channel.channel_url, status: Q.OPEN });
+        async (S) => {
+          x(a.currentUser), q() && await Se(), u({ url: S.active_channel.channel_url, status: Q.OPEN });
         },
-        [a, K, Se]
+        [a, q, Se]
       ),
-      onErrorAuth: L((U) => {
-        _(U);
+      onErrorAuth: L((S) => {
+        _(S);
       }, []),
-      onAuthTokenRefreshed: L((U) => {
-        k((T) => T ? { ...T, authToken: U } : null);
+      onAuthTokenRefreshed: L((S) => {
+        k(($) => $ ? { ...$, authToken: S } : null);
       }, []),
       onPostDeauth: L(() => {
-        g.template.clear(), g.messenger.clear(y == null ? void 0 : y.userId), x(null), u(void 0), k(null), O(null), M(null);
+        g.template.clear(), g.messenger.clear(y == null ? void 0 : y.userId), x(null), u(void 0), k(null), D(null), O(null);
       }, [g.template.clear, g.messenger.clear, y])
-    }), ae = L(async () => {
-      var U;
+    }), le = L(async () => {
+      var S;
       if (y) {
         f.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"), u(void 0);
-        const T = await Te({
+        const $ = await Te({
           aiAgentId: i,
           userId: y.userId,
           language: l,
           country: c,
           context: d,
           forceCreateChannel: t,
-          knownActiveChannelUrl: (U = g.messenger.getSettings(y.userId)) == null ? void 0 : U.active_channel.channel_url
+          knownActiveChannelUrl: (S = g.messenger.getSettings(y.userId)) == null ? void 0 : S.active_channel.channel_url
         });
-        return g.messenger.setSettings(y.userId, T), u({ url: T.active_channel.channel_url, status: Q.OPEN }), f.info(
+        return g.messenger.setSettings(y.userId, $), u({ url: $.active_channel.channel_url, status: Q.OPEN }), f.info(
           "agentMessengerSession.refreshActiveChannel: refreshed active channel",
-          T.active_channel.channel_url
-        ), T.active_channel.channel_url;
+          $.active_channel.channel_url
+        ), $.active_channel.channel_url;
       } else
         throw f.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
     }, [
@@ -1209,58 +1204,77 @@ const zs = () => {
       g.messenger.getSettings,
       g.messenger.setSettings
     ]), Ae = L(
-      async (U) => {
+      async (S) => {
         if (!(y != null && y.userId))
           throw new Error("Current user is not authenticated. Please authenticate first.");
-        const T = await Te({
-          ...U,
+        const $ = await Te({
+          ...S,
           userId: y.userId,
           knownActiveChannelUrl: void 0
-        }), R = T.active_channel.channel_url;
-        return g.messenger.setSettings(y.userId, T), R;
+        }), U = $.active_channel.channel_url;
+        return g.messenger.setSettings(y.userId, $), U;
       },
       [y == null ? void 0 : y.userId, Te]
-    ), [A] = C(
+    ), A = L(
+      async (S) => {
+        if (!a.currentUser)
+          throw new Error("Current user is not authenticated. Please authenticate first.");
+        if (Object.entries(S.context).length === 0)
+          return [];
+        const $ = a.aiAgent.createConversationListQuery({
+          aiAgentId: i,
+          status: Q.OPEN,
+          limit: 100
+        }), U = [];
+        for (; $.hasNext; ) {
+          const K = await $.next();
+          for (const te of K)
+            js(te.context ?? {}, S.context) && U.push(te.channelInfo.url);
+        }
+        return U;
+      },
+      [a, i]
+    ), [he] = C(
       () => fr(
-        (U) => {
-          var T;
-          f.info("agentMessengerSession.channelChanged: channel.conversation", U.conversation), u({ url: U.url, status: ((T = U.conversation) == null ? void 0 : T.status) ?? Q.OPEN });
+        (S) => {
+          var $;
+          f.info("agentMessengerSession.channelChanged: channel.conversation", S.conversation), u({ url: S.url, status: (($ = S.conversation) == null ? void 0 : $.status) ?? Q.OPEN });
         },
         250,
         { trailing: !1, leading: !0 }
       )
     );
     return vt(a, {
-      onChannelChanged: (U) => {
-        U.isGroupChannel() && U.url === (E == null ? void 0 : E.url) && A(U);
+      onChannelChanged: (S) => {
+        S.isGroupChannel() && S.url === (E == null ? void 0 : E.url) && he(S);
       }
     }), P(() => () => {
-      A.cancel();
-    }, [A]), uo(r, () => {
-      const U = async () => {
+      he.cancel();
+    }, [he]), uo(r, () => {
+      const S = async () => {
         if (!E) throw new Error("No active conversation. Please start a conversation first.");
         return await a.groupChannel.getChannel(E.url);
       };
       return {
         activeChannel: E,
         chatSDK: a,
-        authenticate: Oe,
+        authenticate: Le,
         deauthenticate: Z,
-        updateContext: async (T) => {
-          const q = await (await U()).updateContext(i, T);
-          return { ...q, context: q.context ?? {} };
+        updateContext: async ($) => {
+          const K = await (await S()).updateContext(i, $);
+          return { ...K, context: K.context ?? {} };
         },
-        patchContext: async (T) => {
-          const q = await (await U()).patchContext(i, T);
-          return { ...q, context: q.context ?? {} };
+        patchContext: async ($) => {
+          const K = await (await S()).patchContext(i, $);
+          return { ...K, context: K.context ?? {} };
         },
         getContextObject: async () => {
-          const R = await (await U()).getContextObject(i);
-          return { ...R, context: R.context ?? {} };
+          const U = await (await S()).getContextObject(i);
+          return { ...U, context: U.context ?? {} };
         }
       };
-    }, [Oe, Z, E, a, i, f]), /* @__PURE__ */ o.createElement(
-      Gs,
+    }, [Le, Z, E, a, i, f]), /* @__PURE__ */ o.createElement(
+      Ws,
       {
         value: {
           sdkUser: p,
@@ -1268,12 +1282,13 @@ const zs = () => {
           userSession: y,
           activeChannel: E,
           setActiveChannel: u,
-          refreshActiveChannel: ae,
+          refreshActiveChannel: le,
           createConversation: Ae,
+          searchConversation: A,
           connectionError: v,
-          aiAgentInfo: S,
-          launcherInfo: $,
-          authenticate: Oe,
+          aiAgentInfo: T,
+          launcherInfo: M,
+          authenticate: Le,
           deauthenticate: Z,
           createAttachmentRules: j
         }
@@ -1281,8 +1296,8 @@ const zs = () => {
       n
     );
   }
-), js = () => {
-  const e = Wt(), { chatSDK: t, networkStateAdapter: n } = X(), [r, s] = C(() => n ? n.isOnline() ? "connected" : "reconnecting" : "connected");
+), js = (e, t) => Object.entries(t).every(([n, r]) => e[n] === r), qs = () => {
+  const e = Gt(), { chatSDK: t, networkStateAdapter: n } = X(), [r, s] = C(() => n ? n.isOnline() ? "connected" : "reconnecting" : "connected");
   return P(() => {
     const i = new xt({
       onDisconnected: () => s("disconnected"),
@@ -1311,13 +1326,13 @@ const zs = () => {
       }
     }
   }), n;
-}, qs = ({ channel: e, messages: t, isStreamAnimating: n }) => {
-  const { aiAgentInfo: r, userSession: s } = yt(), i = js(), a = Ks({
+}, Ks = ({ channel: e, messages: t, isStreamAnimating: n }) => {
+  const { aiAgentInfo: r, userSession: s } = yt(), i = qs(), a = Ys({
     channel: e,
     lastMessage: Cn(t, [Pe.SUCCEEDED]),
     aiAgentUserId: (r == null ? void 0 : r.userId) ?? "",
     isStreamAnimating: n
-  }), l = Js({
+  }), l = Qs({
     shouldApply: !!(e != null && e.isAIAgent) && !He(e),
     isDisabledWhileAIResponding: a,
     lastMessage: Cn(t, [Pe.PENDING, Pe.SUCCEEDED]),
@@ -1329,11 +1344,11 @@ const zs = () => {
     return { disabled: !0, disabledBy: "reconnecting" };
   if (ke(e))
     return { disabled: !0, disabledBy: "conversation_closed" };
-  if (Ys(e))
+  if (Zs(e))
     return { disabled: !0, disabledBy: "form_active" };
-  const c = Zs(e);
+  const c = Xs(e);
   return c ? { disabled: !0, disabledBy: c } : a || l ? { disabled: !0, disabledBy: "ai_responding" } : { disabled: !1, disabledBy: "" };
-}, Ks = ({
+}, Ys = ({
   channel: e,
   lastMessage: t,
   aiAgentUserId: n,
@@ -1345,16 +1360,16 @@ const zs = () => {
     const l = a.some((d) => d.userId === n), c = Qe(t, n) && (Ie.isStreaming(t) || r);
     i(!!(c || l));
   }, [a, t, n, r]), s;
-}, Ys = (e) => {
+}, Zs = (e) => {
   var a;
   const t = e == null ? void 0 : e.lastMessage;
   if (!t || !e) return !1;
   const n = t.extendedMessagePayload, r = n == null ? void 0 : n.form, s = r && !r.submitted_at && !r.canceled_at, i = e.isAIAgent && !!((a = e.conversation) != null && a.handedOverAt);
   return s && !i;
-}, Zs = (e) => {
+}, Xs = (e) => {
   const t = e == null ? void 0 : e.lastMessage, n = t == null ? void 0 : t.extendedMessagePayload;
   return n == null ? void 0 : n.user_input_disabled_by;
-}, Xs = 3e4, Js = ({
+}, Js = 3e4, Qs = ({
   shouldApply: e,
   lastMessage: t,
   isDisabledWhileAIResponding: n,
@@ -1368,12 +1383,12 @@ const zs = () => {
       a.current && clearTimeout(a.current), i(!0), a.current = setTimeout(() => {
         i(!1), a.current = null;
       }, b);
-    }, g = Date.now() - l, f = Xs - g;
+    }, g = Date.now() - l, f = Js - g;
     return n || f <= 0 ? c() : d(f), () => {
       a.current && clearTimeout(a.current);
     };
   }, [n, l]), s && e;
-}, Qs = () => {
+}, ei = () => {
   const [e, t] = C(/* @__PURE__ */ new Set()), n = L((s) => {
     t((i) => {
       if (i.has(s)) return i;
@@ -1393,9 +1408,9 @@ const zs = () => {
     stop: r
   };
 }, {
-  Provider: ei
+  Provider: ti
 } = ee("AIAgentConversation");
-function ti({
+function ni({
   children: e,
   channelUrl: t,
   onChannelDeleted: n,
@@ -1409,8 +1424,8 @@ function ti({
   shouldCountNewMessages: g = () => !1,
   sortComparator: f
 }) {
-  var M;
-  const b = () => d && (u == null ? void 0 : u.markAsRead()), { chatSDK: v, logger: _, dispatcher: E } = X(), { channel: u, channelFetchError: p, fetchChannel: x } = ni(t), y = gs(v, u, {
+  var O;
+  const b = () => d && (u == null ? void 0 : u.markAsRead()), { chatSDK: v, logger: _, dispatcher: E } = X(), { channel: u, channelFetchError: p, fetchChannel: x } = ri(t), y = gs(v, u, {
     replyType: Mo.ONLY_REPLY_TO_CHANNEL,
     shouldCountNewMessages: g,
     onChannelDeleted: n,
@@ -1419,7 +1434,7 @@ function ti({
     logger: _,
     markAsRead: b,
     sortComparator: f
-  }), k = Qs(), S = qs({
+  }), k = ei(), T = Ks({
     channel: u,
     messages: y.messages,
     isStreamAnimating: k.isAnimating
@@ -1427,19 +1442,19 @@ function ti({
   P(() => {
     b();
   }, [d]);
-  const O = ke(u);
+  const D = ke(u);
   P(() => {
-    i == null || i(O);
-  }, [O, i]), P(() => {
+    i == null || i(D);
+  }, [D, i]), P(() => {
     const N = async (j) => {
-      const K = typeof (j == null ? void 0 : j.channelUrl) == "string";
-      u && K && j.channelUrl !== u.url || (_.debug("conversation.dispatcher: try to close conversation", u), u != null && u.conversation && u.conversation.status === Q.OPEN && (await u.closeConversation(), a == null || a()));
+      const q = typeof (j == null ? void 0 : j.channelUrl) == "string";
+      u && q && j.channelUrl !== u.url || (_.debug("conversation.dispatcher: try to close conversation", u), u != null && u.conversation && u.conversation.status === Q.OPEN && (await u.closeConversation(), a == null || a()));
     };
     return E.subscribe(Rt.ConversationClose, N), () => {
       E.unsubscribe(Rt.ConversationClose, N);
     };
-  }, [E, (M = u == null ? void 0 : u.conversation) == null ? void 0 : M.status, a]);
-  const $ = {
+  }, [E, (O = u == null ? void 0 : u.conversation) == null ? void 0 : O.status, a]);
+  const M = {
     conversation: (u == null ? void 0 : u.conversation) ?? void 0,
     channelSource: {
       channel: u,
@@ -1459,16 +1474,16 @@ function ti({
       resendMessage: (N) => y.resendMessage(N),
       resetNewMessages: () => y.resetNewMessages(),
       sendUserMessage: async (N) => {
-        var K;
-        if (((K = u == null ? void 0 : u.conversation) == null ? void 0 : K.status) === Q.CLOSED)
+        var q;
+        if (((q = u == null ? void 0 : u.conversation) == null ? void 0 : q.status) === Q.CLOSED)
           throw new Error("Conversation is closed");
         l && (N = await l(N));
         const j = await y.sendUserMessage(N, c);
         return c == null || c(j), j;
       },
       sendFileMessage: async (N) => {
-        var K;
-        if (((K = u == null ? void 0 : u.conversation) == null ? void 0 : K.status) === Q.CLOSED)
+        var q;
+        if (((q = u == null ? void 0 : u.conversation) == null ? void 0 : q.status) === Q.CLOSED)
           throw new Error("Conversation is closed");
         l && (N = await l(N));
         const j = await y.sendFileMessage(N, c);
@@ -1477,12 +1492,12 @@ function ti({
     },
     state: {
       streamAnimation: k,
-      input: S
+      input: T
     }
   };
-  return /* @__PURE__ */ o.createElement(ei, { value: $ }, e);
+  return /* @__PURE__ */ o.createElement(ti, { value: M }, e);
 }
-function ni(e) {
+function ri(e) {
   const { chatSDK: t, logger: n } = X(), { sdkUser: r } = yt(), [s, i] = C(void 0), [a, l] = C(void 0);
   async function c() {
     if (!r) {
@@ -1498,7 +1513,7 @@ function ni(e) {
         d instanceof _o && l(d), n.error("conversation.fetchChannel: error", d);
       }
   }
-  return ri(s), P(() => {
+  return oi(s), P(() => {
     c();
   }, [t, r, e]), {
     channel: s,
@@ -1506,8 +1521,8 @@ function ni(e) {
     fetchChannel: c
   };
 }
-function ri(e) {
-  const { chatSDK: t } = X(), { activeChannel: n, setActiveChannel: r } = yt(), s = Wt();
+function oi(e) {
+  const { chatSDK: t } = X(), { activeChannel: n, setActiveChannel: r } = yt(), s = Gt();
   P(() => {
     if (!e || !n) return;
     const i = new xt({
@@ -1525,7 +1540,7 @@ function ri(e) {
     };
   }, [t, e, n]);
 }
-class oi {
+class si {
   /**
    * Creates a new ConversationListCollection instance.
    * @param sdk - The Sendbird Chat SDK instance
@@ -1647,7 +1662,7 @@ class oi {
       }
       const l = Bt(this._channels, a), c = l < 0;
       !c && this._channels.splice(l, 1);
-      const g = si(this._channels, a, this._order).place, f = g === this._channels.length;
+      const g = ii(this._channels, a, this._order).place, f = g === this._channels.length;
       c ? f ? (n || !this.hasMore) && (this._channels.push(a), s.push(a)) : (this._channels.splice(g, 0, a), s.push(a)) : (this._channels.splice(g, 0, a), i.push(a));
     }
     return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: r };
@@ -1724,7 +1739,7 @@ class oi {
     this._isDisposed || (this._isDisposed = !0, this._throttledOnChannelChanged.cancel(), this._collectionEventHandler = void 0, this._sdk.removeConnectionHandler(this._handlerId), this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId), this._pinnedChannels.length = 0, this._channels.length = 0);
   }
 }
-const Bt = (e, t) => e.findIndex((n) => n.isIdentical(t)), si = (e, t, n) => {
+const Bt = (e, t) => e.findIndex((n) => n.isIdentical(t)), ii = (e, t, n) => {
   if (e.length > 0) {
     const r = Bt(e, t);
     let s = 0, i = e.length - 1, a = Math.floor((s + i) / 2);
@@ -1751,27 +1766,27 @@ const Bt = (e, t) => e.findIndex((n) => n.isIdentical(t)), si = (e, t, n) => {
       return 0;
   }
 };
-function ii(e, t) {
-  var _, E, u, p, x, y, k, S, O, $;
-  const n = Wt(), [r, s] = C(!1), [i, a] = C(null), [l, c] = C([]), [d, g] = C(null), f = B(!1), b = L(async () => {
+function ai(e, t) {
+  var _, E, u, p, x, y, k, T, D, M;
+  const n = Gt(), [r, s] = C(!1), [i, a] = C(null), [l, c] = C([]), [d, g] = C(null), f = B(!1), b = L(async () => {
     if (!f.current && e.currentUser) {
       f.current = !0, s(!1), a(null), c([]);
       try {
         d == null || d.dispose();
-        const M = new oi(e, t);
-        M.setConversationListCollectionHandler({
+        const O = new si(e, t);
+        O.setConversationListCollectionHandler({
           onChannelsAdded: () => {
-            c(M.channels);
+            c(O.channels);
           },
           onChannelsUpdated: () => {
-            c(M.channels);
+            c(O.channels);
           },
           onChannelsDeleted: () => {
-            c(M.channels);
+            c(O.channels);
           }
-        }), await M.loadMore(), g(M), a(null);
-      } catch (M) {
-        g(null), a(M);
+        }), await O.loadMore(), g(O), a(null);
+      } catch (O) {
+        g(null), a(O);
       } finally {
         s(!0), f.current = !1;
       }
@@ -1783,16 +1798,16 @@ function ii(e, t) {
     (u = (E = t.filter) == null ? void 0 : E.aiAgentConversationStatusFilter) == null ? void 0 : u.join(),
     (x = (p = t.filter) == null ? void 0 : p.aiAgentIds) == null ? void 0 : x.join(),
     (y = t.filter) == null ? void 0 : y.deskChannelFilter,
-    (S = (k = t.filter) == null ? void 0 : k.pinnedChannelUrls) == null ? void 0 : S.join(),
-    (O = t.filter) == null ? void 0 : O.copilotConversationOnly,
-    ($ = t.filter) == null ? void 0 : $.copilotSupportChannelUrl,
+    (T = (k = t.filter) == null ? void 0 : k.pinnedChannelUrls) == null ? void 0 : T.join(),
+    (D = t.filter) == null ? void 0 : D.copilotConversationOnly,
+    (M = t.filter) == null ? void 0 : M.copilotSupportChannelUrl,
     t.limit
   ]), v = L(async () => {
     if (d)
       try {
         await d.loadMore();
-      } catch (M) {
-        a(M);
+      } catch (O) {
+        a(O);
       }
   }, [d]);
   return P(() => (e.addConnectionHandler(n, new xt({ onConnected: () => b() })), () => e.removeConnectionHandler(n)), [e, n, b]), P(() => {
@@ -1807,9 +1822,9 @@ function ii(e, t) {
   };
 }
 const {
-  Provider: ai
+  Provider: li
 } = ee("AIAgentConversationList");
-function li({
+function ci({
   conversationListLimit: e,
   conversationListFilter: t,
   children: n
@@ -1822,7 +1837,7 @@ function li({
     ...a,
     ...(b = i == null ? void 0 : i.conversationListParams) == null ? void 0 : b.filter,
     ...t
-  }, d = ii(r, { limit: l, filter: c }), g = {
+  }, d = ai(r, { limit: l, filter: c }), g = {
     listSource: {
       initialized: d.initialized,
       error: d.error ?? void 0,
@@ -1830,9 +1845,9 @@ function li({
       loadMore: () => d.loadMore()
     }
   };
-  return /* @__PURE__ */ o.createElement(ai, { value: g }, n);
+  return /* @__PURE__ */ o.createElement(li, { value: g }, n);
 }
-function ci(e) {
+function di(e) {
   let t = "pending", n = e.then((r) => {
     t = "resolved", n = r;
   }).catch((r) => {
@@ -1847,10 +1862,10 @@ function ci(e) {
   };
 }
 const {
-  Provider: di,
+  Provider: ui,
   useContext: _r
 } = ee("MessageTemplateFetching");
-function ui({ children: e, internalVariables: t }) {
+function mi({ children: e, internalVariables: t }) {
   const n = B({}), r = B({}), [s, i] = C({}), a = L((d, g) => {
     i((f) => ({
       ...f,
@@ -1882,7 +1897,7 @@ function ui({ children: e, internalVariables: t }) {
     suspend: (d, g) => {
       if (n.current[d])
         return n.current[d];
-      const f = ci(g());
+      const f = di(g());
       return n.current[d] = f, f;
     },
     getIsFetching: (d) => {
@@ -1894,7 +1909,7 @@ function ui({ children: e, internalVariables: t }) {
       return ((g = s[d]) == null ? void 0 : g.error) ?? !1;
     }
   };
-  return /* @__PURE__ */ o.createElement(di, { value: c }, e);
+  return /* @__PURE__ */ o.createElement(ui, { value: c }, e);
 }
 const Ct = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
@@ -1920,7 +1935,7 @@ function Me({
     variableValueTransformer: (r) => Us(e, r)
   });
 }
-function mi({
+function gi({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
@@ -1957,7 +1972,7 @@ function mi({
     }
   });
 }
-async function gi({
+async function hi({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
@@ -1993,7 +2008,7 @@ async function gi({
     }
   });
 }
-const hi = ({
+const pi = ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
@@ -2002,7 +2017,7 @@ const hi = ({
   const { ui_template: s, color_variables: i } = et(e);
   let a = JSON.stringify(s);
   if (Object.keys(r.viewVariables ?? {}).length > 0) {
-    const c = mi({
+    const c = gi({
       ...r,
       uiTemplateString: a,
       aiAgentColorVariables: t,
@@ -2012,7 +2027,7 @@ const hi = ({
     a = c;
   }
   return a = $e({ ...r, uiTemplateString: a, variables: n }), a = Me({ ...r, uiTemplateString: a, colorVariables: i }), a = Me({ ...r, uiTemplateString: a, colorVariables: t }), a = $e({ ...r, uiTemplateString: a }), _t(a);
-}, pi = async ({
+}, fi = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
@@ -2020,17 +2035,17 @@ const hi = ({
 }) => {
   const { ui_template: s, color_variables: i } = et(e);
   let a = JSON.stringify(s);
-  return Object.keys(r.viewVariables ?? {}).length > 0 && (a = await gi({
+  return Object.keys(r.viewVariables ?? {}).length > 0 && (a = await hi({
     ...r,
     uiTemplateString: a,
     aiAgentColorVariables: t,
     internalVariables: n
   })), a = $e({ ...r, uiTemplateString: a, variables: n }), a = Me({ ...r, uiTemplateString: a, colorVariables: i }), a = Me({ ...r, uiTemplateString: a, colorVariables: t }), a = $e({ ...r, uiTemplateString: a }), _t(a);
-}, fi = (e) => {
+}, bi = (e) => {
   const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = _r();
   return C(() => {
     const r = e.onGetCachedTemplate(e.templateKey);
-    return r ? hi({
+    return r ? pi({
       ...e,
       rawTemplate: r,
       aiAgentColorVariables: t,
@@ -2038,20 +2053,20 @@ const hi = ({
       onRequestTemplate: e.onGetCachedTemplate
     }) : null;
   });
-}, bi = (e) => {
-  const [t] = fi(e);
+}, Ei = (e) => {
+  const [t] = bi(e);
   if (t) return t;
   const { aiAgentColorVariables: n = {} } = e, { internalVariables: r, fetchTemplate: s, suspend: i } = _r();
   return i(e.templateKey, async () => {
     const l = await s({ ...e, suspense: !0 });
-    return await pi({
+    return await fi({
       ...e,
       rawTemplate: l,
       aiAgentColorVariables: n,
       internalVariables: r
     });
   }).value;
-}, Ei = "remove_powered_by", Xt = (e, t) => {
+}, xi = "remove_powered_by", Xt = (e, t) => {
   var s, i;
   const { chatSDK: n } = X(), { aiAgentInfo: r } = yt();
   if (e === "handoff-button") {
@@ -2062,10 +2077,10 @@ const hi = ({
     return !!(t != null && t.isAIAgent) && !!(r != null && r.specialNoticeEnabled) && !!(r != null && r.specialNotice);
   if (e === "powered-by") {
     const a = (i = n == null ? void 0 : n.appInfo) == null ? void 0 : i.applicationAttributes;
-    return ie(() => !(Array.isArray(a) && a.includes(Ei)), [a]);
+    return ae(() => !(Array.isArray(a) && a.includes(xi)), [a]);
   }
   throw new Error("Unsupported feature");
-}, xi = {
+}, vi = {
   required: "This question is required",
   minLength: (e) => `Minimum ${e} characters required`,
   maxLength: (e) => `Maximum ${e} characters allowed`,
@@ -2075,7 +2090,7 @@ const hi = ({
   maxSelect: (e) => `Select at most ${e} options`,
   regex: "Invalid format",
   invalidSelection: "Invalid selection"
-}, vi = {
+}, _i = {
   getValueOrDefault: (e) => e.value ?? e.default_value ?? null,
   validate: (e, t, n) => {
     const r = t;
@@ -2106,7 +2121,7 @@ const hi = ({
     }
     return { isValid: !0 };
   }
-}, _i = {
+}, yi = {
   getValueOrDefault: (e) => e.value ?? e.default_value ?? null,
   validate: (e, t, n) => {
     const r = t;
@@ -2132,7 +2147,7 @@ const hi = ({
     }
     return { isValid: !0 };
   }
-}, yi = {
+}, Ci = {
   getValueOrDefault: (e) => e.value ?? e.default_value ?? null,
   validate: (e, t, n) => {
     const r = t;
@@ -2144,7 +2159,7 @@ const hi = ({
       error: n.invalidSelection
     } : { isValid: !0 };
   }
-}, Ci = {
+}, Si = {
   getValueOrDefault: (e) => e.values ?? e.default_values ?? null,
   validate: (e, t, n) => {
     const r = t;
@@ -2175,32 +2190,32 @@ const hi = ({
     }
     return { isValid: !0 };
   }
-}, Si = {
-  text: vi,
-  number: _i,
-  "single-select": yi,
-  "multi-select": Ci
 }, Ti = {
+  text: _i,
+  number: yi,
+  "single-select": Ci,
+  "multi-select": Si
+}, Ai = {
   getValueOrDefault: () => null,
   validate: () => ({ isValid: !1 })
 };
 function yr(e) {
-  return Si[e.type] || Ti;
+  return Ti[e.type] || Ai;
 }
 function $n(e) {
   return yr(e).getValueOrDefault(e);
 }
-function Ai(e, t, n = {}) {
-  const r = { ...xi, ...n };
+function wi(e, t, n = {}) {
+  const r = { ...vi, ...n };
   return yr(e).validate(e, t, r);
 }
-const wi = (e, t = {}) => {
+const Ii = (e, t = {}) => {
   const { labels: n = {}, onSubmit: r, onCancel: s } = t, [i, a] = C({}), [l, c] = C(() => {
     const E = {};
     return e.fields.forEach((u) => {
       E[u.key] = $n(u);
     }), E;
-  }), d = ie(() => e.submitted_at ? "submitted" : e.canceled_at ? "canceled" : "draft", [e.submitted_at, e.canceled_at]);
+  }), d = ae(() => e.submitted_at ? "submitted" : e.canceled_at ? "canceled" : "draft", [e.submitted_at, e.canceled_at]);
   P(() => {
     if (d === "submitted" || d === "canceled") {
       const E = {};
@@ -2259,7 +2274,7 @@ const wi = (e, t = {}) => {
       const E = {};
       let u = !1;
       for (const p of e.fields) {
-        const x = l[p.key] ?? null, y = Ai(p, x, n);
+        const x = l[p.key] ?? null, y = wi(p, x, n);
         y.isValid || (E[p.key] = y.error, u = !0);
       }
       if (a(E), !u && r) {
@@ -2293,20 +2308,16 @@ const wi = (e, t = {}) => {
   return e.isAIAgent ? He(e) ? s.human("agent") : s.ai("delight") : e.isDesk ? s.human("agent") : s.channel("user");
 }, Mn = (e) => mo((t, n) => ({ ...t, ...n }), e);
 var Ee = /* @__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))(Ee || {});
-const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csatPayload: e, type: t, initialCsat: n, initialCsatReason: r, initialIsResolved: s }) => {
+const ki = /* @__PURE__ */ new Set(["free_text", "single_choice"]), $i = ({ csatPayload: e, type: t, initialCsat: n, initialCsatReason: r, initialIsResolved: s }) => {
   const [i, a] = Mn({
     csatType: t,
     csat: n,
     csatReason: r,
     isResolved: s
-  }), [l, c] = Mn({ followUpItem: !1 }), d = ie(() => {
-    var E;
-    const v = i.csat;
-    if (typeof v != "number") return;
-    const _ = (E = e.follow_up) == null ? void 0 : E.find(
-      (u) => u.scores.includes(v)
-    );
-    if (Ii.has(_ == null ? void 0 : _.response_type)) return _;
+  }), [l, c] = Mn({ followUpItem: !1 }), d = ae(() => {
+    var u;
+    const v = i.csat, _ = typeof v == "number", E = (u = e.follow_up) == null ? void 0 : u.find((p) => _ ? p.scores.includes(v) : p.always_visible ?? !1);
+    if (ki.has(E == null ? void 0 : E.response_type)) return E;
   }, [i.csat, e.follow_up]), g = (() => {
     var v;
     if (typeof n == "number")
@@ -2335,8 +2346,8 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
       submitted: g === "submitted"
     }
   };
-}, kt = 5, $i = 250, Mi = 50, Ln = (e) => Math.max(0, e - Mi), Li = (e) => e < 1e3 ? { speed: kt * 0.5, chunkSize: 2 } : e < 2e3 ? { speed: kt * 0.8, chunkSize: 2 } : { speed: kt * 0.6, chunkSize: 3 }, Oi = (e) => {
-  const { text: t, enabled: n = !1, onAnimationStart: r, onAnimationProgress: s, onAnimationComplete: i } = e, [a, l] = C(() => Ln(t.length)), c = B(null), d = B({
+}, kt = 5, Mi = 250, Oi = 50, On = (e) => Math.max(0, e - Oi), Li = (e) => e < 1e3 ? { speed: kt * 0.5, chunkSize: 2 } : e < 2e3 ? { speed: kt * 0.8, chunkSize: 2 } : { speed: kt * 0.6, chunkSize: 3 }, Di = (e) => {
+  const { text: t, enabled: n = !1, onAnimationStart: r, onAnimationProgress: s, onAnimationComplete: i } = e, [a, l] = C(() => On(t.length)), c = B(null), d = B({
     startTime: 0,
     lastUpdate: 0,
     lastProgressCall: 0
@@ -2352,20 +2363,20 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
     textLength: t.length,
     enabled: n
   }).current, v = n, _ = a < t.length, E = b.initialEnabled && (v || _);
-  return oe(() => {
+  return se(() => {
     g.onStart = r, g.onProgress = s, g.onComplete = i, b.textLength = t.length, b.enabled = n;
-  }), oe(() => {
+  }), se(() => {
     var u;
     b.initialEnabled && (f.startCalled || (f.startCalled = !0, (u = g.onStart) == null || u.call(g)), l((p) => t.length < p ? t.length : p));
   }, [t]), P(() => {
     if (!b.initialEnabled) return;
-    let u = Ln(t.length);
+    let u = On(t.length);
     d.lastUpdate = 0, d.startTime = 0, d.lastProgressCall = 0;
     const p = (x) => {
       var j;
       d.lastUpdate === 0 && (d.lastUpdate = x, d.startTime = x, d.lastProgressCall = x);
-      const y = b.textLength, k = x - d.lastUpdate, S = x - d.startTime, { speed: O, chunkSize: $ } = Li(S), M = O * $;
-      k >= M && u < y && (u = Math.min(u + $, y), l(u), d.lastUpdate = x), x - d.lastProgressCall >= $i && (d.lastProgressCall = x, (j = g.onProgress) == null || j.call(g)), (u < y || b.enabled) && (c.current = requestAnimationFrame(p));
+      const y = b.textLength, k = x - d.lastUpdate, T = x - d.startTime, { speed: D, chunkSize: M } = Li(T), O = D * M;
+      k >= O && u < y && (u = Math.min(u + M, y), l(u), d.lastUpdate = x), x - d.lastProgressCall >= Mi && (d.lastProgressCall = x, (j = g.onProgress) == null || j.call(g)), (u < y || b.enabled) && (c.current = requestAnimationFrame(p));
     };
     return c.current = requestAnimationFrame(p), () => {
       c.current && cancelAnimationFrame(c.current);
@@ -2378,7 +2389,7 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
     streamText: b.initialEnabled ? t.slice(0, a) : t,
     isAnimating: E
   };
-}, Di = '@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;right:0;bottom:0;left: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}', Ri = {
+}, Ri = '@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;right:0;bottom:0;left: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}', Ni = {
   conversation: {
     input_placeholder: "Ask a question",
     input_placeholder_disabled: "Chat is unavailable in this channel",
@@ -2447,9 +2458,9 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
   }
 }, Ft = {
   language: "en",
-  strings: Ri,
+  strings: Ni,
   dateLocale: $o
-}, Ni = (e) => ({
+}, Bi = (e) => ({
   // Message Input
   MESSAGE_INPUT__PLACE_HOLDER: e.conversation.input_placeholder,
   MESSAGE_INPUT__PLACE_HOLDER__DISABLED: e.conversation.input_placeholder_disabled,
@@ -2513,10 +2524,10 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
   A11Y_OPEN_CONVERSATION_LIST: e.conversation.a11y_open_conversation_list,
   // Scroll
   SCROLL_TO_NEW_MESSAGES_LABEL: e.conversation.scroll_to_new_messages_label
-}), Bi = (e) => {
+}), Fi = (e) => {
   var t;
   return ((t = e.split("-")) == null ? void 0 : t[0]) ?? St;
-}, St = "en", Fi = /* @__PURE__ */ new Set([St, "ko", "es", "pt", "fr", "hi", "it", "de", "tr", "ja"]), Pi = (e, t, n) => {
+}, St = "en", Pi = /* @__PURE__ */ new Set([St, "ko", "es", "pt", "fr", "hi", "it", "de", "tr", "ja"]), Ui = (e, t, n) => {
   const r = e[t];
   return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((s, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -2528,8 +2539,8 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
       )
     );
   });
-}, On = Ni(Ft.strings), Ui = {
-  ...On,
+}, Ln = Bi(Ft.strings), Hi = {
+  ...Ln,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "Connect with an agent",
   // Message Input
@@ -2561,7 +2572,7 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
   FORM_VALIDATION_MAX_SELECT: (e) => `Select at most ${e} options`,
   FORM_VALIDATION_REGEX_FAILED: "Invalid format",
   /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
-  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: On.DATE_FORMAT__DATE_SHORT,
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: Ln.DATE_FORMAT__DATE_SHORT,
   /** @deprecated Unused string **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "h:mma",
   /** @deprecated Unused string **/
@@ -2583,17 +2594,17 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
 }, pt = {
   language: Ft.language,
   dateLocale: Ft.dateLocale,
-  stringSet: Ui
-}, Hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  stringSet: Hi
+}, Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: pt
 }, Symbol.toStringTag, { value: "Module" })), Pt = /* @__PURE__ */ new Map([[St, pt]]);
-async function Vi(e) {
+async function zi(e) {
   const t = Pt.get(e);
   if (t) return t;
   try {
-    if (Fi.has(e)) {
-      const { default: n } = await Pi(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./YUOGDsml.js"), "./languages/en.ts": () => Promise.resolve().then(() => Hi), "./languages/es.ts": () => import("./CFFZNjOj.js"), "./languages/fr.ts": () => import("./-WWqhsdP.js"), "./languages/hi.ts": () => import("./Bsb8urZu.js"), "./languages/it.ts": () => import("./C3PP_RTM.js"), "./languages/ja.ts": () => import("./yBEMlNSs.js"), "./languages/ko.ts": () => import("./BDvtEnu9.js"), "./languages/pt.ts": () => import("./nGzMJZzZ.js"), "./languages/tr.ts": () => import("./DIrWtn8H.js") }), `./languages/${e}.ts`, 3);
+    if (Pi.has(e)) {
+      const { default: n } = await Ui(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./BW6o50qt.js"), "./languages/en.ts": () => Promise.resolve().then(() => Vi), "./languages/es.ts": () => import("./Bw9xvmqB.js"), "./languages/fr.ts": () => import("./C66w0Vo6.js"), "./languages/hi.ts": () => import("./DvF4h9BU.js"), "./languages/it.ts": () => import("./FYaa05gN.js"), "./languages/ja.ts": () => import("./BJNTmQ2V.js"), "./languages/ko.ts": () => import("./t-xO5mFL.js"), "./languages/pt.ts": () => import("./b3j3zOSP.js"), "./languages/tr.ts": () => import("./Ge_YPjjg.js") }), `./languages/${e}.ts`, 3);
       return Pt.set(e, n), n;
     }
     return pt;
@@ -2602,8 +2613,8 @@ async function Vi(e) {
   }
 }
 const {
-  Provider: zi,
-  useContext: G
+  Provider: Wi,
+  useContext: W
 } = ee("Localization"), Gi = ({
   language: e = navigator.language,
   logger: t,
@@ -2612,10 +2623,10 @@ const {
 }) => {
   const [s, i] = C(Pt.get(St));
   return P(() => {
-    const a = Bi(e);
-    s.language !== a && (t == null || t.debug("localization.useEffect: update language", { from: s.language, to: a }), Vi(a).then(i));
+    const a = Fi(e);
+    s.language !== a && (t == null || t.debug("localization.useEffect: update language", { from: s.language, to: a }), zi(a).then(i));
   }, [e, t]), /* @__PURE__ */ o.createElement(
-    zi,
+    Wi,
     {
       value: {
         language: s.language,
@@ -2634,7 +2645,7 @@ const {
 }, F = {
   light: Dn("light"),
   dark: Dn("dark")
-}, Wi = I(({ theme: e }) => {
+}, ji = I(({ theme: e }) => {
   const { palette: t } = e;
   return `
     :root,
@@ -2686,7 +2697,7 @@ const {
       --sendbird-overlay-light: ${t.overlay.light};
     }
   `;
-}), ji = I`[${ft}='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);}[${ft}='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);}`, m = {
+}), qi = I`[${ft}='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);}[${ft}='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);}`, m = {
   color: {
     primary: {
       dark: "var(--sendbird-primary-dark)",
@@ -2730,10 +2741,10 @@ const {
     secondary: "var(--sb-secondary)"
   }
 }, {
-  Provider: qi,
+  Provider: Ki,
   useContext: Sr
 } = ee("MessengerTheme");
-function Ki(e) {
+function Yi(e) {
   const { theme: t, appearance: n, logger: r } = e;
   return /* @__PURE__ */ o.createElement(
     ks,
@@ -2743,20 +2754,20 @@ function Ki(e) {
       typography: t == null ? void 0 : t.typography,
       logger: r
     },
-    /* @__PURE__ */ o.createElement(Yi, { ...e })
+    /* @__PURE__ */ o.createElement(Zi, { ...e })
   );
 }
-function Yi({ rootElement: e = document.body, children: t }) {
+function Zi({ rootElement: e = document.body, children: t }) {
   const { theme: n, updateTheme: r } = Yt();
-  return oe(() => {
+  return se(() => {
     e.setAttribute(ft, n.selectedTheme);
-  }, [e, n.selectedTheme]), /* @__PURE__ */ o.createElement(Co, { theme: n }, /* @__PURE__ */ o.createElement(qi, { value: { theme: n, updateTheme: r, rootElement: e } }, t));
+  }, [e, n.selectedTheme]), /* @__PURE__ */ o.createElement(Co, { theme: n }, /* @__PURE__ */ o.createElement(Ki, { value: { theme: n, updateTheme: r, rootElement: e } }, t));
 }
 function Re(e, t) {
   const n = e.getRootNode({ composed: t });
   return n instanceof ShadowRoot || n instanceof Document ? n : document;
 }
-const Zi = (e, t) => {
+const Xi = (e, t) => {
   P(() => {
     const n = Re(t) instanceof ShadowRoot, r = Re(t, !0);
     if (!(n ? t : r).querySelector(`link[href*='${e}']`)) {
@@ -2764,7 +2775,7 @@ const Zi = (e, t) => {
       i.rel = "stylesheet", i.href = e, (n ? t : r.head).appendChild(i);
     }
   }, [e, t]);
-}, Xi = (e, t = document.body) => {
+}, Ji = (e, t = document.body) => {
   P(() => {
     const n = Re(t), s = n instanceof ShadowRoot ? t : n.head;
     if (!s) return;
@@ -2773,11 +2784,11 @@ const Zi = (e, t) => {
     a ? a.textContent !== e && (a.textContent = e) : (a = s.ownerDocument.createElement("style"), a.id = i, a.textContent = e, s.appendChild(a));
   }, [e, t]);
 }, {
-  Provider: Ji,
+  Provider: Qi,
   Consumer: Tr,
   useContext: Y
 } = ee("Messenger");
-function Qi({
+function ea({
   children: e,
   state: t,
   enableCloseConversationButton: n = !1,
@@ -2792,7 +2803,7 @@ function Qi({
     setExpanded: (t == null ? void 0 : t.setExpanded) ?? d
   };
   return /* @__PURE__ */ o.createElement(ms, { ...i }, (f) => /* @__PURE__ */ o.createElement(
-    Ji,
+    Qi,
     {
       value: {
         ...i,
@@ -2817,7 +2828,7 @@ const ge = (e) => {
   className: s,
   ...i
 }) => /* @__PURE__ */ o.createElement(
-  na,
+  ra,
   {
     as: e,
     $variant: t,
@@ -2826,7 +2837,7 @@ const ge = (e) => {
     $maxTextLines: r,
     ...i
   }
-), Rn = /* @__PURE__ */ new WeakMap(), ea = (e, t) => {
+), Rn = /* @__PURE__ */ new WeakMap(), ta = (e, t) => {
   let n = Rn.get(t);
   n || (n = /* @__PURE__ */ new Map(), Rn.set(t, n));
   const r = n.get(e);
@@ -2835,7 +2846,7 @@ const ge = (e) => {
     ${s.lineHeight ? `line-height: ${s.lineHeight};` : "line-height: 100%;"}
   `;
   return n.set(e, i), i;
-}, ta = (e) => e ? I`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;` : "", na = h.span`font-stretch:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => ea(e, t.typography)}color:${({ $color: e }) => e};${({ $maxTextLines: e }) => ta(e)}`;
+}, na = (e) => e ? I`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;` : "", ra = h.span`font-stretch:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => ta(e, t.typography)}color:${({ $color: e }) => e};${({ $maxTextLines: e }) => na(e)}`;
 class bt extends go {
   constructor(t) {
     super(t), this.state = {
@@ -2850,7 +2861,7 @@ class bt extends go {
     return this.state.hasError ? n : /* @__PURE__ */ o.createElement(ho, { fallback: r }, s);
   }
 }
-const ra = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", d: "M52.552 11.448a2.666 2.666 0 0 1 .222 3.52l-.222.251-16.781 16.78 16.781 16.782a2.665 2.665 0 0 1 0 3.771 2.666 2.666 0 0 1-3.52.222l-.251-.222L32 35.771 15.219 52.552a2.665 2.665 0 0 1-3.771 0 2.666 2.666 0 0 1-.222-3.52l.222-.251L28.228 32l-16.78-16.781a2.665 2.665 0 0 1 0-3.771 2.666 2.666 0 0 1 3.52-.222l.251.222 16.78 16.78 16.782-16.78a2.665 2.665 0 0 1 3.771 0z", fill: "#000", fillRule: "evenodd" })), oa = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", d: "M7.33348 7.3335L2.00015 7.3335L2.00015 6.00016H5.05735L1.3335 2.27631L2.27631 1.3335L6.00015 5.05734V2.00016L7.33348 2.00016L7.33348 7.3335ZM8.66683 8.66683H14.0002V10.0002L10.943 10.0002L14.6668 13.724L13.724 14.6668L10.0002 10.943V14.0002H8.66683L8.66683 8.66683Z", fill: "#000", fillRule: "evenodd" })), sa = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", fillRule: "evenodd", clipRule: "evenodd", d: "M2 2H7.33333V3.33333L4.27613 3.33333L7.99999 7.05719L7.05718 8L3.33333 4.27616L3.33333 7.33333H2V2ZM14 14H8.66667V12.6667H11.7239L8.00001 8.94281L8.94282 8L12.6667 11.7238V8.66667H14V14Z", fill: "#000" })), ia = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", fill: "evenodd", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", fill: "#0D0D0D", d: "M50.667 18.667H13.333v-5.334h37.334zM50.667 34.667H13.333v-5.334h37.334zM13.333 50.667h37.334v-5.334H13.333z" })), aa = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", ...e }, /* @__PURE__ */ o.createElement("path", { fill: "#000", fillRule: "evenodd", d: "M59.795 29.43 7.329 2.979C4.691 1.802 1.76 4.153 2.932 6.798l6.925 18.609a2 2 0 0 0 1.544 1.275l32.273 5.394L11.4 37.47a1.998 1.998 0 0 0-1.544 1.275L2.932 57.353c-.879 2.645 1.76 4.997 4.397 3.527l52.466-26.453c2.051-.882 2.051-3.82 0-4.996z", className: "fill" })), la = /* @__PURE__ */ new Set([
+const oa = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", d: "M52.552 11.448a2.666 2.666 0 0 1 .222 3.52l-.222.251-16.781 16.78 16.781 16.782a2.665 2.665 0 0 1 0 3.771 2.666 2.666 0 0 1-3.52.222l-.251-.222L32 35.771 15.219 52.552a2.665 2.665 0 0 1-3.771 0 2.666 2.666 0 0 1-.222-3.52l.222-.251L28.228 32l-16.78-16.781a2.665 2.665 0 0 1 0-3.771 2.666 2.666 0 0 1 3.52-.222l.251.222 16.78 16.78 16.782-16.78a2.665 2.665 0 0 1 3.771 0z", fill: "#000", fillRule: "evenodd" })), sa = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", d: "M7.33348 7.3335L2.00015 7.3335L2.00015 6.00016H5.05735L1.3335 2.27631L2.27631 1.3335L6.00015 5.05734V2.00016L7.33348 2.00016L7.33348 7.3335ZM8.66683 8.66683H14.0002V10.0002L10.943 10.0002L14.6668 13.724L13.724 14.6668L10.0002 10.943V14.0002H8.66683L8.66683 8.66683Z", fill: "#000", fillRule: "evenodd" })), ia = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", fillRule: "evenodd", clipRule: "evenodd", d: "M2 2H7.33333V3.33333L4.27613 3.33333L7.99999 7.05719L7.05718 8L3.33333 4.27616L3.33333 7.33333H2V2ZM14 14H8.66667V12.6667H11.7239L8.00001 8.94281L8.94282 8L12.6667 11.7238V8.66667H14V14Z", fill: "#000" })), aa = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", fill: "evenodd", ...e }, /* @__PURE__ */ o.createElement("path", { className: "fill", fill: "#0D0D0D", d: "M50.667 18.667H13.333v-5.334h37.334zM50.667 34.667H13.333v-5.334h37.334zM13.333 50.667h37.334v-5.334H13.333z" })), la = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", ...e }, /* @__PURE__ */ o.createElement("path", { fill: "#000", fillRule: "evenodd", d: "M59.795 29.43 7.329 2.979C4.691 1.802 1.76 4.153 2.932 6.798l6.925 18.609a2 2 0 0 0 1.544 1.275l32.273 5.394L11.4 37.47a1.998 1.998 0 0 0-1.544 1.275L2.932 57.353c-.879 2.645 1.76 4.997 4.397 3.527l52.466-26.453c2.051-.882 2.051-3.82 0-4.996z", className: "fill" })), ca = /* @__PURE__ */ new Set([
   "send",
   "chat",
   "message",
@@ -2859,64 +2870,64 @@ const ra = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3
   "good-filled",
   "bad",
   "bad-filled"
-]), ca = {
-  close: ra,
-  send: aa,
-  menu: ia,
-  expand: sa,
-  collapse: oa,
-  spinner: D(() => import("./BcUGcaq2.js")),
-  chat: D(() => import("./DcFCGVBm.js")),
-  message: D(() => import("./DsGXnanX.js")),
-  error: D(() => import("./B6fvrWGq.js")),
-  info: D(() => import("./CAIYsKDy.js")),
-  refresh: D(() => import("./B6xd54zt.js")),
-  "chevron-down": D(() => import("./BsimU71m.js")),
-  "chevron-right": D(() => import("./NmJl7zv3.js")),
-  done: D(() => import("./D_q6g3Dd.js")),
-  user: D(() => import("./CvqfQEhO.js")),
-  "file-document": D(() => import("./BAr50pfO.js")),
-  download: D(() => import("./B2CtcWp3.js")),
-  attach: D(() => import("./DY2ULcTX.js")),
-  delete: D(() => import("./DMruRpOm.js")),
-  "close-filled": D(() => import("./CxQFWLnW.js")),
-  agent: D(() => import("./Cc7XmLN1.js")),
-  question: D(() => import("./dqwvRBog.js")),
-  actionbook: D(() => import("./CrjNuryZ.js")),
-  function: D(() => import("./CvdSjw1c.js")),
-  "radio-on": D(() => import("./nmdo2Fbj.js")),
-  "radio-off": D(() => import("./BnZcRFmS.js")),
-  confluence: D(() => import("./BOnlh2zd.js")),
-  zendesk: D(() => import("./BAJ6LEKc.js")),
-  salesforce: D(() => import("./CT2kv4lr.js")),
-  sprinklr: D(() => import("./m2INcyV2.js")),
-  website: D(() => import("./BgGVGNdg.js")),
-  snippet: D(() => import("./BFcXPuf5.js")),
-  template: D(() => import("./awO7aBCv.js")),
-  source: D(() => import("./_EVMCh6Y.js")),
-  bot: D(() => import("./CZXPLnTx.js")),
-  "bot-filled": D(() => import("./DHVHq9Fo.js")),
-  copy: D(() => import("./Y-x39_PW.js")),
-  show: D(() => import("./oD5rM94o.js")),
-  mute: D(() => import("./CBd3y0FA.js")),
-  good: D(() => import("./CahwXcIy.js")),
-  bad: D(() => import("./BqCoQ9H8.js")),
-  "good-filled": D(() => import("./CPplUQmT.js")),
-  "bad-filled": D(() => import("./TGxZjxbr.js")),
-  delight: D(() => import("./DLpq94a9.js"))
+]), da = {
+  close: oa,
+  send: la,
+  menu: aa,
+  expand: ia,
+  collapse: sa,
+  spinner: R(() => import("./BcUGcaq2.js")),
+  chat: R(() => import("./DcFCGVBm.js")),
+  message: R(() => import("./DsGXnanX.js")),
+  error: R(() => import("./B6fvrWGq.js")),
+  info: R(() => import("./CAIYsKDy.js")),
+  refresh: R(() => import("./B6xd54zt.js")),
+  "chevron-down": R(() => import("./BsimU71m.js")),
+  "chevron-right": R(() => import("./NmJl7zv3.js")),
+  done: R(() => import("./D_q6g3Dd.js")),
+  user: R(() => import("./CvqfQEhO.js")),
+  "file-document": R(() => import("./BAr50pfO.js")),
+  download: R(() => import("./B2CtcWp3.js")),
+  attach: R(() => import("./DY2ULcTX.js")),
+  delete: R(() => import("./DMruRpOm.js")),
+  "close-filled": R(() => import("./CxQFWLnW.js")),
+  agent: R(() => import("./Cc7XmLN1.js")),
+  question: R(() => import("./dqwvRBog.js")),
+  actionbook: R(() => import("./CrjNuryZ.js")),
+  function: R(() => import("./CvdSjw1c.js")),
+  "radio-on": R(() => import("./nmdo2Fbj.js")),
+  "radio-off": R(() => import("./BnZcRFmS.js")),
+  confluence: R(() => import("./BOnlh2zd.js")),
+  zendesk: R(() => import("./BAJ6LEKc.js")),
+  salesforce: R(() => import("./CT2kv4lr.js")),
+  sprinklr: R(() => import("./m2INcyV2.js")),
+  website: R(() => import("./BgGVGNdg.js")),
+  snippet: R(() => import("./BFcXPuf5.js")),
+  template: R(() => import("./awO7aBCv.js")),
+  source: R(() => import("./_EVMCh6Y.js")),
+  bot: R(() => import("./CZXPLnTx.js")),
+  "bot-filled": R(() => import("./DHVHq9Fo.js")),
+  copy: R(() => import("./Y-x39_PW.js")),
+  show: R(() => import("./oD5rM94o.js")),
+  mute: R(() => import("./CBd3y0FA.js")),
+  good: R(() => import("./CahwXcIy.js")),
+  bad: R(() => import("./BqCoQ9H8.js")),
+  "good-filled": R(() => import("./CPplUQmT.js")),
+  "bad-filled": R(() => import("./TGxZjxbr.js")),
+  delight: R(() => import("./DLpq94a9.js"))
 }, H = ({ type: e, size: t = 24, className: n, color: r }) => {
-  const s = ca[e];
+  const s = da[e];
   return /* @__PURE__ */ o.createElement(
-    ua,
+    ma,
     {
       className: n,
-      $rtlFlip: la.has(e),
+      $rtlFlip: ca.has(e),
       $size: t,
       $color: r ?? m.color.primary.main
     },
-    /* @__PURE__ */ o.createElement(bt, { errorFallback: /* @__PURE__ */ o.createElement(ma, null) }, /* @__PURE__ */ o.createElement(s, null))
+    /* @__PURE__ */ o.createElement(bt, { errorFallback: /* @__PURE__ */ o.createElement(ga, null) }, /* @__PURE__ */ o.createElement(s, null))
   );
-}, da = I`[dir='rtl'] &{transform:scaleX(-1);}`, ua = h.div`width:${({ $size: e }) => ge(e)};height:${({ $size: e }) => ge(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 && da};`, ma = () => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, /* @__PURE__ */ o.createElement("rect", { x: "8", y: "8", width: "48", height: "48", fill: "none", className: "stroke", rx: "4" }), /* @__PURE__ */ o.createElement("line", { x1: "20", y1: "20", x2: "44", y2: "44", className: "stroke" }), /* @__PURE__ */ o.createElement("line", { x1: "44", y1: "20", x2: "20", y2: "44", className: "stroke" }));
+}, ua = I`[dir='rtl'] &{transform:scaleX(-1);}`, ma = h.div`width:${({ $size: e }) => ge(e)};height:${({ $size: e }) => ge(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 && ua};`, ga = () => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, /* @__PURE__ */ o.createElement("rect", { x: "8", y: "8", width: "48", height: "48", fill: "none", className: "stroke", rx: "4" }), /* @__PURE__ */ o.createElement("line", { x1: "20", y1: "20", x2: "44", y2: "44", className: "stroke" }), /* @__PURE__ */ o.createElement("line", { x1: "44", y1: "20", x2: "20", y2: "44", className: "stroke" }));
 function Jt({
   name: e,
   type: t = "FILE",
@@ -2925,11 +2936,11 @@ function Jt({
   onClick: s
 }) {
   const { colors: i } = Je();
-  return /* @__PURE__ */ o.createElement(ga, { onClick: s, $clickable: !!s }, /* @__PURE__ */ o.createElement(pa, { $bgColor: r ?? i.base.primary }, /* @__PURE__ */ o.createElement(H, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ o.createElement(fa, null, /* @__PURE__ */ o.createElement(ba, { variant: "button", color: m.themedColor.textHighEmphasis }, e), /* @__PURE__ */ o.createElement(w, { color: m.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+  return /* @__PURE__ */ o.createElement(ha, { onClick: s, $clickable: !!s }, /* @__PURE__ */ o.createElement(fa, { $bgColor: r ?? i.base.primary }, /* @__PURE__ */ o.createElement(H, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ o.createElement(ba, null, /* @__PURE__ */ o.createElement(Ea, { variant: "button", color: m.themedColor.textHighEmphasis }, e), /* @__PURE__ */ o.createElement(w, { color: m.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }
-const ga = h.div`border-radius:12px;gap:8px;width:${V.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${m.themedColor.textDisabled};background-color:${m.themedColor.bg_50_600};${({ $clickable: e }) => e && ha}`, ha = I`cursor:pointer;&:hover{background-color:${m.themedColor.bg_100_500};}`, pa = h.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, fa = h.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, ba = h(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
-function Ea({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ o.createElement(xa, null, /* @__PURE__ */ o.createElement(
+const ha = h.div`border-radius:12px;gap:8px;width:${V.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${m.themedColor.textDisabled};background-color:${m.themedColor.bg_50_600};${({ $clickable: e }) => e && pa}`, pa = I`cursor:pointer;&:hover{background-color:${m.themedColor.bg_100_500};}`, fa = h.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, ba = h.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Ea = h(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
+function xa({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ o.createElement(va, null, /* @__PURE__ */ o.createElement(
     Jt,
     {
       name: e.name,
@@ -2938,7 +2949,7 @@ function Ea({ file: e, children: t, onClickFile: n }) {
     }
   ), t);
 }
-const xa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${V.GAP_GROUPED}px;`, va = "1.13.1", ce = "sb-agent", de = {
+const va = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${V.GAP_GROUPED}px;`, _a = "1.14.0", ce = "sb-agent", de = {
   ENTRY: `${ce}-entry`,
   MODAL_ROOT: `${ce}-modal-root`,
   WINDOW: `${ce}-window`,
@@ -2949,37 +2960,37 @@ const xa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
   TOOLTIP: lt - 2,
   WINDOW: lt - 3,
   LAUNCHER: lt - 4
-}, Ar = 36, _a = 100, ya = va, wr = "noopener noreferrer nofollow", Ce = `${ce}-incoming-msg`, Ca = `${ce}-marked-text`;
-function Sa({ file: e, onClickMedia: t, children: n }) {
-  const r = () => e.type.startsWith("image") ? /* @__PURE__ */ o.createElement(wa, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ o.createElement(Ia, { controls: !0 }, /* @__PURE__ */ o.createElement("source", { src: e.url }), /* @__PURE__ */ o.createElement("track", { kind: "captions" })) : null;
+}, Ar = 36, ya = 100, Ca = _a, wr = "noopener noreferrer nofollow", Ce = `${ce}-incoming-msg`, Sa = `${ce}-marked-text`;
+function Ta({ file: e, onClickMedia: t, children: n }) {
+  const r = () => e.type.startsWith("image") ? /* @__PURE__ */ o.createElement(Ia, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ o.createElement(ka, { controls: !0 }, /* @__PURE__ */ o.createElement("source", { src: e.url }), /* @__PURE__ */ o.createElement("track", { kind: "captions" })) : null;
   if (r) {
     const s = {
       id: `${Ce}-media-body`,
       onClick: () => t == null ? void 0 : t(e)
     };
-    return /* @__PURE__ */ o.createElement(Ta, null, /* @__PURE__ */ o.createElement(Aa, { ...s }, r()), n);
+    return /* @__PURE__ */ o.createElement(Aa, null, /* @__PURE__ */ o.createElement(wa, { ...s }, r()), n);
   }
   return null;
 }
-const Ta = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${V.GAP_GROUPED}px;`, Aa = h.div`width:${V.BODY_MAX_WIDTH}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${F.light`
+const Aa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${V.GAP_GROUPED}px;`, wa = h.div`width:${V.BODY_MAX_WIDTH}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${F.light`
     background-color: ${m.color.background100};
   `}
   ${F.dark`
     background-color: ${m.color.background400};
   `}
-`, wa = h.img`width:100%;height:100%;object-fit:cover;`, Ia = h.video`width:100%;height:100%;object-fit:cover;`, ka = "✱", Ir = (e) => {
-  const t = new RegExp(`(\`+)([^\`]+?)\\1|(${ka}+)`, "g");
-  return e.replace(t, (n, r, s, i) => r ? n : i ? `<span id=${Ca} aria-label="masked-text">${i}</span>` : n);
-}, $a = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Ma = D(async () => ({ default: (await import("./7nVEVfxl.js")).MarkdownText })), La = D(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+`, Ia = h.img`width:100%;height:100%;object-fit:cover;`, ka = h.video`width:100%;height:100%;object-fit:cover;`, $a = "✱", Ir = (e) => {
+  const t = new RegExp(`(\`+)([^\`]+?)\\1|(${$a}+)`, "g");
+  return e.replace(t, (n, r, s, i) => r ? n : i ? `<span id=${Sa} aria-label="masked-text">${i}</span>` : n);
+}, Ma = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Oa = R(async () => ({ default: (await import("./TXpETEfV.js")).MarkdownText })), La = R(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function Nn(e) {
   var s, i;
-  const t = e.maxBodyWidth ?? V.BODY_MAX_WIDTH, n = ie(() => ts(e.message, Ir), [e.message]), r = {
+  const t = e.maxBodyWidth ?? V.BODY_MAX_WIDTH, n = ae(() => ts(e.message, Ir), [e.message]), r = {
     id: `${Ce}-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__ */ o.createElement(Bn, { ...r }, e.children) : null : /* @__PURE__ */ o.createElement(Bn, { ...r }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ o.createElement(Fn, { key: l, variant: "body3" }, /* @__PURE__ */ o.createElement(bt, { fallback: a.value }, /* @__PURE__ */ o.createElement(Ma, { onClickImage: (c) => {
+  return n.length === 0 ? e.children ? /* @__PURE__ */ o.createElement(Bn, { ...r }, e.children) : null : /* @__PURE__ */ o.createElement(Bn, { ...r }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ o.createElement(Fn, { key: l, variant: "body3" }, /* @__PURE__ */ o.createElement(bt, { fallback: a.value }, /* @__PURE__ */ o.createElement(Oa, { onClickImage: (c) => {
     var d;
     return (d = e.onClickMedia) == null ? void 0 : d.call(e, { url: c, type: "image/*" });
   } }, a.value))) : a.type === "code" ? /* @__PURE__ */ o.createElement(bt, { key: l, fallback: /* @__PURE__ */ o.createElement(Fn, { variant: "body3" }, a.value) }, /* @__PURE__ */ o.createElement(La, { code: a.value, language: a.language })) : null), e.children);
@@ -2992,37 +3003,37 @@ const Bn = h.div`display:flex;flex-direction:column;border-radius:12px;overflow:
   transition: max-width 0.3s;
   overflow-wrap: break-word;
 `, Fn = h(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function Oa(e) {
-  const { stringSet: t } = G(), n = mr(e) ? /* @__PURE__ */ o.createElement(Nn, { ...e }) : null;
+function Da(e) {
+  const { stringSet: t } = W(), n = mr(e) ? /* @__PURE__ */ o.createElement(Nn, { ...e }) : null;
   if (e.messageType === "user")
     return n;
   if (e.messageType === "file") {
     const r = e.file;
-    return r.type.startsWith("image") || r.type.startsWith("video") ? /* @__PURE__ */ o.createElement(Sa, { ...e }, n) : /* @__PURE__ */ o.createElement(Ea, { ...e }, n);
+    return r.type.startsWith("image") || r.type.startsWith("video") ? /* @__PURE__ */ o.createElement(Ta, { ...e }, n) : /* @__PURE__ */ o.createElement(xa, { ...e }, n);
   }
   return /* @__PURE__ */ o.createElement(Nn, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
 function Qt({ id: e, src: t, size: n = 56, onClick: r, style: s }) {
-  return /* @__PURE__ */ o.createElement(Da, { id: e, tabIndex: 0, onClick: r, $size: ge(n), style: s }, t ? /* @__PURE__ */ o.createElement(Ra, { src: t }) : /* @__PURE__ */ o.createElement(H, { type: "user", size: n }));
+  return /* @__PURE__ */ o.createElement(Ra, { id: e, tabIndex: 0, onClick: r, $size: ge(n), style: s }, t ? /* @__PURE__ */ o.createElement(Na, { src: t }) : /* @__PURE__ */ o.createElement(H, { type: "user", size: n }));
 }
-const Da = h.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${m.themedColor.bg_100_500};&:focus{outline:none;}`, Ra = h.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
-function Na({ sender: e, isBotMessage: t }) {
+const Ra = h.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${m.themedColor.bg_100_500};&:focus{outline:none;}`, Na = h.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
+function Ba({ sender: e, isBotMessage: t }) {
   const n = `${Ce}-sender-avatar`;
-  return t && !e.profileUrl ? /* @__PURE__ */ o.createElement(Ba, { id: n }, /* @__PURE__ */ o.createElement(H, { type: "delight", size: "100%" })) : /* @__PURE__ */ o.createElement(Qt, { id: n, size: V.AVATAR_SIZE, src: e.profileUrl });
+  return t && !e.profileUrl ? /* @__PURE__ */ o.createElement(Fa, { id: n }, /* @__PURE__ */ o.createElement(H, { type: "delight", size: "100%" })) : /* @__PURE__ */ o.createElement(Qt, { id: n, size: V.AVATAR_SIZE, src: e.profileUrl });
 }
-const Ba = h.div`flex-shrink:0;width:${V.AVATAR_SIZE}px;height:${V.AVATAR_SIZE}px;box-sizing:border-box;padding:4px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({ theme: e }) => e.colors.base.primary}!important;ellipse,path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}}`;
-function Fa({ sender: e }) {
-  return /* @__PURE__ */ o.createElement(Pa, { id: `${Ce}-sender-name`, variant: "caption1", color: m.themedColor.textMidEmphasis }, e.nickname);
+const Fa = h.div`flex-shrink:0;width:${V.AVATAR_SIZE}px;height:${V.AVATAR_SIZE}px;box-sizing:border-box;padding:4px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({ theme: e }) => e.colors.base.primary}!important;ellipse,path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}}`;
+function Pa({ sender: e }) {
+  return /* @__PURE__ */ o.createElement(Ua, { id: `${Ce}-sender-name`, variant: "caption1", color: m.themedColor.textMidEmphasis }, e.nickname);
 }
-const Pa = h(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 Ua({ createdAt: e }) {
-  const { stringSet: t, format: n } = G();
+const Ua = h(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 Ha({ createdAt: e }) {
+  const { stringSet: t, format: n } = W();
   return e ? /* @__PURE__ */ o.createElement(w, { id: `${Ce}-sent-time`, variant: "caption4", color: m.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
-function Ha({ customStyle: e }) {
-  return /* @__PURE__ */ o.createElement(Va, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ o.createElement(za, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
+function Va({ customStyle: e }) {
+  return /* @__PURE__ */ o.createElement(za, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ o.createElement(Wa, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
 }
-const Va = h.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};`, za = h.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 za = h.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};`, Wa = h.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;}`;
 async function en(e) {
   let t = e;
   t && (!t.startsWith("http://") && !t.startsWith("https://") && (t = "https://" + t), window.open(t, "_blank", "noopener,noreferrer"));
@@ -3034,50 +3045,50 @@ function Ga(e) {
     });
   });
 }
-function Wa({
+function ja({
   extendedMessagePayload: e,
   onClickCTA: t = ({ url: n }) => en(n)
 }) {
   const n = e == null ? void 0 : e.cta_button;
-  return n ? /* @__PURE__ */ o.createElement(ja, { id: `${Ce}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ o.createElement(qa, { variant: "button" }, n.label)) : null;
+  return n ? /* @__PURE__ */ o.createElement(qa, { id: `${Ce}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ o.createElement(Ka, { variant: "button" }, n.label)) : null;
 }
-const ja = h.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${m.themedColor.textHighEmphasis};background-color:${m.color.background50};${F.dark`
+const qa = h.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${m.themedColor.textHighEmphasis};background-color:${m.color.background50};${F.dark`
     background-color: ${m.color.ondark.textDisabled};
   `}
-`, qa = h(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
-function Ka({
+`, Ka = h(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+function Ya({
   extendedMessagePayload: e,
   onClickCitation: t = (n) => en(n.link)
 }) {
-  const { stringSet: n } = G(), { theme: r } = Yt(), s = e == null ? void 0 : e.citations;
-  return !s || s.length === 0 ? null : /* @__PURE__ */ o.createElement(Ya, { id: `${Ce}-ext-citation` }, /* @__PURE__ */ o.createElement(Za, { variant: "caption1", color: r.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ o.createElement(Xa, null, s.map((i, a) => /* @__PURE__ */ o.createElement(
-    Qa,
+  const { stringSet: n } = W(), { theme: r } = Yt(), s = e == null ? void 0 : e.citations;
+  return !s || s.length === 0 ? null : /* @__PURE__ */ o.createElement(Za, { id: `${Ce}-ext-citation` }, /* @__PURE__ */ o.createElement(Xa, { variant: "caption1", color: r.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ o.createElement(Ja, null, s.map((i, a) => /* @__PURE__ */ o.createElement(
+    el,
     {
       key: `${i.embedding_id}-${a}`,
       role: "button",
       onClick: () => t(i)
     },
     /* @__PURE__ */ o.createElement(H, { type: "source", size: 16, color: r.colors.messageIncoming.text }),
-    /* @__PURE__ */ o.createElement(Ja, { variant: "body3", color: r.colors.messageIncoming.text }, i.title)
+    /* @__PURE__ */ o.createElement(Qa, { variant: "body3", color: r.colors.messageIncoming.text }, i.title)
   ))));
 }
-const Ya = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, Za = h(w)`opacity:0.5;`, Xa = h.div`display:flex;flex-direction:column;gap:8px;`, Ja = h(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Qa = h.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`;
-function el(e) {
+const Za = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, Xa = h(w)`opacity:0.5;`, Ja = h.div`display:flex;flex-direction:column;gap:8px;`, Qa = h(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, el = h.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`;
+function tl(e) {
   return /* @__PURE__ */ o.createElement(o.Fragment, null);
 }
 const Tt = ({ style: e, rootElementId: t, visible: n, onClose: r, children: s }) => {
   if (!n) return null;
   const { rootElement: i } = Sr(), a = Re(i), l = Re(i, !0);
   return Bo(
-    /* @__PURE__ */ o.createElement(tl, { onClick: r, style: e }, /* @__PURE__ */ o.createElement(nl, { onClick: (c) => c.stopPropagation() }, s)),
+    /* @__PURE__ */ o.createElement(nl, { onClick: r, style: e }, /* @__PURE__ */ o.createElement(rl, { onClick: (c) => c.stopPropagation() }, s)),
     a.getElementById(t) ?? a.getElementById(de.MODAL_ROOT) ?? l.body
   );
-}, tl = h.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${m.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Ne.MODAL};`, nl = h.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:${Ne.MODAL};`, rl = ({ visible: e, onClose: t, children: n }) => /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: t }, /* @__PURE__ */ o.createElement(il, null, n)), ol = ({ onClick: e, destructive: t, children: n }) => /* @__PURE__ */ o.createElement(sl, { onClick: e, $destructive: t }, n), Ue = Object.assign(rl, {
-  ActionItem: ol
-}), sl = h.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({ $destructive: e }) => e ? m.themedColor.error : m.themedColor.textHighEmphasis};`, il = h.div`position:absolute;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:flex-end;margin:0 auto;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Ut = (e) => `${e}-filled`, al = (e) => e === "good" ? _n.GOOD : _n.BAD, kr = I`&:hover{opacity:0.8;}&:active{opacity:0.6;}`, Pn = {
+}, nl = h.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${m.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Ne.MODAL};`, rl = h.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:${Ne.MODAL};`, ol = ({ visible: e, onClose: t, children: n }) => /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: t }, /* @__PURE__ */ o.createElement(al, null, n)), sl = ({ onClick: e, destructive: t, children: n }) => /* @__PURE__ */ o.createElement(il, { onClick: e, $destructive: t }, n), Ue = Object.assign(ol, {
+  ActionItem: sl
+}), il = h.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({ $destructive: e }) => e ? m.themedColor.error : m.themedColor.textHighEmphasis};`, al = h.div`position:absolute;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:flex-end;margin:0 auto;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Ut = (e) => `${e}-filled`, ll = (e) => e === "good" ? _n.GOOD : _n.BAD, kr = I`&:hover{opacity:0.8;}&:active{opacity:0.6;}`, Pn = {
   good: m.themedColor.secondary,
   bad: m.themedColor.error
-}, ll = ({
+}, cl = ({
   visible: e,
   onClose: t,
   isEdit: n,
@@ -3086,8 +3097,8 @@ const Tt = ({ style: e, rootElementId: t, visible: n, onClose: r, children: s })
   onSubmit: i,
   isCommentEnabled: a = !1
 }) => {
-  const { stringSet: l } = G(), [c, d] = C(r), [g, f] = C(s);
-  oe(() => {
+  const { stringSet: l } = W(), [c, d] = C(r), [g, f] = C(s);
+  se(() => {
     e ? (d(r), f(s)) : (d(void 0), f(""));
   }, [e, r, s]);
   const b = () => {
@@ -3095,10 +3106,10 @@ const Tt = ({ style: e, rootElementId: t, visible: n, onClose: r, children: s })
   }, v = () => {
     t();
   };
-  return e ? /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: v }, /* @__PURE__ */ o.createElement(cl, null, /* @__PURE__ */ o.createElement(dl, null, /* @__PURE__ */ o.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ o.createElement(ul, null, /* @__PURE__ */ o.createElement(ml, null, ["good", "bad"].map((_) => {
+  return e ? /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: v }, /* @__PURE__ */ o.createElement(dl, null, /* @__PURE__ */ o.createElement(ul, null, /* @__PURE__ */ o.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ o.createElement(ml, null, /* @__PURE__ */ o.createElement(gl, null, ["good", "bad"].map((_) => {
     const E = c === _, u = _ === "good" ? l.FEEDBACK_GOOD : l.FEEDBACK_BAD;
     return /* @__PURE__ */ o.createElement(
-      gl,
+      hl,
       {
         key: _,
         $selected: E,
@@ -3122,16 +3133,16 @@ const Tt = ({ style: e, rootElementId: t, visible: n, onClose: r, children: s })
         u
       )
     );
-  })), a && /* @__PURE__ */ o.createElement(hl, null, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_COMMENT_LABEL), /* @__PURE__ */ o.createElement(
-    pl,
+  })), a && /* @__PURE__ */ o.createElement(pl, null, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_COMMENT_LABEL), /* @__PURE__ */ o.createElement(
+    fl,
     {
       placeholder: l.FEEDBACK_COMMENT_PLACEHOLDER,
       value: g,
       onChange: (_) => f(_.target.value),
       maxLength: 100
     }
-  ))), /* @__PURE__ */ o.createElement(fl, null, /* @__PURE__ */ o.createElement(bl, { onClick: v }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ o.createElement(El, { onClick: b, disabled: !c }, /* @__PURE__ */ o.createElement(w, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
-}, cl = h.div`width:280px;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`, dl = h.div`padding:24px;`, ul = h.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`, ml = h.div`display:flex;gap:4px;`, gl = h.button`width:114px;height:64px;border-radius:12px;border:1px solid ${m.themedColor.textDisabled};box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0;transition:background-color 0.2s;background-color:${({ $selected: e }) => e ? m.color.background100 : "transparent"};${({ $selected: e }) => F.dark`
+  ))), /* @__PURE__ */ o.createElement(bl, null, /* @__PURE__ */ o.createElement(El, { onClick: v }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ o.createElement(xl, { onClick: b, disabled: !c }, /* @__PURE__ */ o.createElement(w, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
+}, dl = h.div`width:280px;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`, ul = h.div`padding:24px;`, ml = h.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`, gl = h.div`display:flex;gap:4px;`, hl = h.button`width:114px;height:64px;border-radius:12px;border:1px solid ${m.themedColor.textDisabled};box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0;transition:background-color 0.2s;background-color:${({ $selected: e }) => e ? m.color.background100 : "transparent"};${({ $selected: e }) => F.dark`
     background-color: ${e ? m.color.background600 : "transparent"};
   `}
 
@@ -3142,11 +3153,11 @@ const Tt = ({ style: e, rootElementId: t, visible: n, onClose: r, children: s })
   &:active {
     opacity: 0.6;
   }
-`, hl = h.div`display:flex;flex-direction:column;gap:6px;`, pl = h.textarea`font-family:inherit;font-size:12px;line-height:16px;border:1px solid ${m.themedColor.textDisabled};border-radius:4px;padding:6px 12px;color:${m.themedColor.textHighEmphasis};background-color:${m.themedColor.textLowEmphasisInverse};resize:none;field-sizing:content;min-height:28px;max-height:118px;overflow-y:auto;&::placeholder{color:${m.themedColor.textLowEmphasis};}&:focus{outline:none;}`, fl = h.div`padding-inline:24px;padding-block:16px;display:flex;justify-content:flex-end;gap:4px;`, $r = h.button`width:86px;height:40px;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;`, bl = h($r)`${kr}`, El = h($r)`cursor:${({ disabled: e }) => e ? "not-allowed" : "pointer"};opacity:${({ disabled: e }) => e ? 0.4 : 1};&:hover:not(:disabled){opacity:0.8;}&:active:not(:disabled){opacity:0.6;}background-color:${({ theme: e }) => e.colors.base.primary};span{color:${({ theme: e }) => e.colors.base.primaryContrastContent};}`, Un = {
+`, pl = h.div`display:flex;flex-direction:column;gap:6px;`, fl = h.textarea`font-family:inherit;font-size:12px;line-height:16px;border:1px solid ${m.themedColor.textDisabled};border-radius:4px;padding:6px 12px;color:${m.themedColor.textHighEmphasis};background-color:${m.themedColor.textLowEmphasisInverse};resize:none;field-sizing:content;min-height:28px;max-height:118px;overflow-y:auto;&::placeholder{color:${m.themedColor.textLowEmphasis};}&:focus{outline:none;}`, bl = h.div`padding-inline:24px;padding-block:16px;display:flex;justify-content:flex-end;gap:4px;`, $r = h.button`width:86px;height:40px;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;`, El = h($r)`${kr}`, xl = h($r)`cursor:${({ disabled: e }) => e ? "not-allowed" : "pointer"};opacity:${({ disabled: e }) => e ? 0.4 : 1};&:hover:not(:disabled){opacity:0.8;}&:active:not(:disabled){opacity:0.6;}background-color:${({ theme: e }) => e.colors.base.primary};span{color:${({ theme: e }) => e.colors.base.primaryContrastContent};}`, Un = {
   good: m.themedColor.secondary,
   bad: m.themedColor.error
 };
-function xl({
+function vl({
   isBotMessage: e,
   isConversationClosed: t,
   isStreaming: n,
@@ -3155,50 +3166,50 @@ function xl({
   extendedMessagePayload: i,
   onFeedbackUpdate: a
 }) {
-  const { stringSet: l } = G(), [c, d] = C(!1), [g, f] = C(!1), [b, v] = C(void 0), [_, E] = C(""), u = i == null ? void 0 : i.feedback, p = (u == null ? void 0 : u.rating) ?? "none";
+  const { stringSet: l } = W(), [c, d] = C(!1), [g, f] = C(!1), [b, v] = C(void 0), [_, E] = C(""), u = i == null ? void 0 : i.feedback, p = (u == null ? void 0 : u.rating) ?? "none";
   if (p !== "none" ? !1 : !!(n || !e || !r || (i == null ? void 0 : i.bot_message_type) !== "generated" || t)) return null;
-  const y = ($) => {
-    p === "none" ? (v($), E(""), d(!0)) : f(!0);
+  const y = (M) => {
+    p === "none" ? (v(M), E(""), d(!0)) : f(!0);
   }, k = () => {
     a == null || a(null), f(!1);
-  }, S = () => {
+  }, T = () => {
     f(!1), v(u == null ? void 0 : u.rating), E((u == null ? void 0 : u.comment) ?? ""), d(!0);
-  }, O = ($) => {
-    a == null || a($);
+  }, D = (M) => {
+    a == null || a(M);
   };
-  return t && p !== "none" ? /* @__PURE__ */ o.createElement(Hn, { $horizontal: !0 }, /* @__PURE__ */ o.createElement(vl, null, /* @__PURE__ */ o.createElement(H, { type: Ut(p), size: 12, color: Un[p] })), (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2", style: { lineHeight: "16px" } }, u.comment)) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Hn, null, /* @__PURE__ */ o.createElement(_l, null, ["good", "bad"].map(($) => {
-    const M = p === $;
+  return t && p !== "none" ? /* @__PURE__ */ o.createElement(Hn, { $horizontal: !0 }, /* @__PURE__ */ o.createElement(_l, null, /* @__PURE__ */ o.createElement(H, { type: Ut(p), size: 12, color: Un[p] })), (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2", style: { lineHeight: "16px" } }, u.comment)) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Hn, null, /* @__PURE__ */ o.createElement(yl, null, ["good", "bad"].map((M) => {
+    const O = p === M;
     return /* @__PURE__ */ o.createElement(
-      yl,
+      Cl,
       {
-        key: $,
-        $selected: M,
-        $rating: $,
-        onClick: () => y($)
+        key: M,
+        $selected: O,
+        $rating: M,
+        onClick: () => y(M)
       },
       /* @__PURE__ */ o.createElement(
         H,
         {
-          type: M ? Ut($) : $,
+          type: O ? Ut(M) : M,
           size: 14,
-          color: M ? Un[$] : m.themedColor.textMidEmphasis
+          color: O ? Un[M] : m.themedColor.textMidEmphasis
         }
       )
     );
-  })), p !== "none" && (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2" }, u.comment)), /* @__PURE__ */ o.createElement(Ue, { visible: g, onClose: () => f(!1) }, /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: S }, l.FEEDBACK_EDIT), /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: k, destructive: !0 }, l.FEEDBACK_REMOVE)), /* @__PURE__ */ o.createElement(
-    ll,
+  })), p !== "none" && (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2" }, u.comment)), /* @__PURE__ */ o.createElement(Ue, { visible: g, onClose: () => f(!1) }, /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: T }, l.FEEDBACK_EDIT), /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: k, destructive: !0 }, l.FEEDBACK_REMOVE)), /* @__PURE__ */ o.createElement(
+    cl,
     {
       visible: c,
       onClose: () => d(!1),
       isEdit: p !== "none",
       initialRating: b,
       initialComment: _,
-      onSubmit: O,
+      onSubmit: D,
       isCommentEnabled: s
     }
   ));
 }
-const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row" : "column"};align-items:${({ $horizontal: e }) => e ? "flex-start" : "stretch"};gap:4px;margin-top:8px;word-break:break-word;max-width:${V.BODY_MAX_WIDTH}px;`, vl = h.div`padding:2px;flex-shrink:0;display:flex;align-items:center;`, _l = h.div`display:flex;gap:2px;`, yl = h.button`width:38px;height:20px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity 0.2s;border:1px solid ${m.color.background200};background-color:${({ $selected: e }) => e ? m.color.background100 : "transparent"};${({ $selected: e }) => F.dark`
+const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row" : "column"};align-items:${({ $horizontal: e }) => e ? "flex-start" : "stretch"};gap:4px;margin-top:8px;word-break:break-word;max-width:${V.BODY_MAX_WIDTH}px;`, _l = h.div`padding:2px;flex-shrink:0;display:flex;align-items:center;`, yl = h.div`display:flex;gap:2px;`, Cl = h.button`width:38px;height:20px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity 0.2s;border:1px solid ${m.color.background200};background-color:${({ $selected: e }) => e ? m.color.background100 : "transparent"};${({ $selected: e }) => F.dark`
     border: 1px solid ${m.color.background400};
     background-color: ${e ? m.color.background500 : "transparent"};
   `}
@@ -3211,8 +3222,8 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   const a = () => {
     s == null || s(), i();
   };
-  return /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ o.createElement(Cl, null, /* @__PURE__ */ o.createElement(Sl, null, t && /* @__PURE__ */ o.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ o.createElement(Tl, null, /* @__PURE__ */ o.createElement(w, { variant: "subtitle2", color: m.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ o.createElement(Al, null, /* @__PURE__ */ o.createElement(wl, { onClick: a }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.primary }, r)))));
-}, Cl = h.div`width:360px;height:auto;padding-block:24px 12px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Sl = h.div`margin-bottom:16px;`, Tl = h.div`margin-top:8px;`, Al = h.div`display:flex;flex-direction:row;justify-content:flex-end;`, wl = h.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, nn = I`width:100%;height:36px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;padding:0 12px;border:none;outline:none;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, zn = h.button`${nn};background-color:${m.themedColor.primary};color:${m.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`, Il = h.button`${nn};color:${m.themedColor.primary};${F.light`
+  return /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ o.createElement(Sl, null, /* @__PURE__ */ o.createElement(Tl, null, t && /* @__PURE__ */ o.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ o.createElement(Al, null, /* @__PURE__ */ o.createElement(w, { variant: "subtitle2", color: m.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ o.createElement(wl, null, /* @__PURE__ */ o.createElement(Il, { onClick: a }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.primary }, r)))));
+}, Sl = h.div`width:360px;height:auto;padding-block:24px 12px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Tl = h.div`margin-bottom:16px;`, Al = h.div`margin-top:8px;`, wl = h.div`display:flex;flex-direction:row;justify-content:flex-end;`, Il = h.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, nn = I`width:100%;height:36px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;padding:0 12px;border:none;outline:none;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, zn = h.button`${nn};background-color:${m.themedColor.primary};color:${m.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`, kl = h.button`${nn};color:${m.themedColor.primary};${F.light`
     background-color: ${m.color.background50};
   `};
   ${F.dark`
@@ -3222,18 +3233,18 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &:hover:not(:disabled) {
     opacity: 0.9;
   }
-`, kl = h.button`${nn};background-color:transparent;color:${m.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.7;}`, $l = (e) => {
+`, $l = h.button`${nn};background-color:transparent;color:${m.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.7;}`, Ml = (e) => {
   switch (e) {
     case "primary":
       return zn;
     case "secondary":
-      return Il;
-    case "clear":
       return kl;
+    case "clear":
+      return $l;
     default:
       return zn;
   }
-}, Ml = h.div`animation:1s infinite linear;animation-name:rotate;display:flex;align-items:center;justify-content:center;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`, Ll = ({
+}, Ol = h.div`animation:1s infinite linear;animation-name:rotate;display:flex;align-items:center;justify-content:center;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`, Ll = ({
   children: e,
   onClick: t,
   variant: n = "primary",
@@ -3252,12 +3263,12 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       default:
         return m.themedColor.textHighEmphasisInverse;
     }
-  }, l = $l(n);
-  return /* @__PURE__ */ o.createElement(l, { onClick: t, disabled: r || s, className: i }, s ? /* @__PURE__ */ o.createElement(Ml, null, /* @__PURE__ */ o.createElement(H, { type: "spinner", size: 22, color: a() })) : /* @__PURE__ */ o.createElement(w, { variant: "button", color: a() }, e));
-}, Ol = ({ children: e, className: t, style: n }) => /* @__PURE__ */ o.createElement(w, { variant: "caption4", color: m.themedColor.error, className: t, style: n }, e), Dl = ({ children: e, className: t, style: n, required: r }) => {
-  const { stringSet: s } = G();
+  }, l = Ml(n);
+  return /* @__PURE__ */ o.createElement(l, { onClick: t, disabled: r || s, className: i }, s ? /* @__PURE__ */ o.createElement(Ol, null, /* @__PURE__ */ o.createElement(H, { type: "spinner", size: 22, color: a() })) : /* @__PURE__ */ o.createElement(w, { variant: "button", color: a() }, e));
+}, Dl = ({ children: e, className: t, style: n }) => /* @__PURE__ */ o.createElement(w, { variant: "caption4", color: m.themedColor.error, className: t, style: n }, e), Rl = ({ children: e, className: t, style: n, required: r }) => {
+  const { stringSet: s } = W();
   return /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textMidEmphasis, className: t, style: n }, e, !r && /* @__PURE__ */ o.createElement("span", { style: { color: m.themedColor.textLowEmphasis } }, ` (${s.OPTIONAL})`));
-}, Rl = ({
+}, Nl = ({
   value: e,
   onChange: t,
   placeholder: n,
@@ -3281,7 +3292,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     }
   }, d = e == null ? "" : String(e);
   return /* @__PURE__ */ o.createElement(
-    Ul,
+    Hl,
     {
       type: "text",
       value: d,
@@ -3294,7 +3305,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       $submitted: s
     }
   );
-}, Nl = I`width:100%;height:36px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${m.themedColor.textLowEmphasis};}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}`, Bl = I`color:${m.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${F.light`
+}, Bl = I`width:100%;height:36px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${m.themedColor.textLowEmphasis};}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}`, Fl = I`color:${m.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${F.light`
     background-color: ${m.color.ondark.textMidEmphasis};
   `}
   ${F.dark`
@@ -3304,13 +3315,13 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &::placeholder {
     color: ${m.themedColor.textLowEmphasis};
   }
-`, Fl = I`border:1px solid ${m.themedColor.error};color:${m.themedColor.textHighEmphasis};${F.light`
+`, Pl = I`border:1px solid ${m.themedColor.error};color:${m.themedColor.textHighEmphasis};${F.light`
     background-color: ${m.color.background50};
   `}
   ${F.dark`
     background-color: ${m.color.onlight.textLowEmphasis};
   `}
-`, Pl = I`border:1px solid ${m.themedColor.textDisabled};color:${m.themedColor.textHighEmphasis};${F.light`
+`, Ul = I`border:1px solid ${m.themedColor.textDisabled};color:${m.themedColor.textHighEmphasis};${F.light`
     background-color: ${m.color.background50};
   `}
   ${F.dark`
@@ -3320,7 +3331,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &:focus {
     border-color: ${m.themedColor.primary};
   }
-`, Ul = h.input`${Nl}${({ $error: e, $submitted: t }) => t ? Bl : e ? Fl : Pl}`, Hl = (e) => {
+`, Hl = h.input`${Bl}${({ $error: e, $submitted: t }) => t ? Fl : e ? Pl : Ul}`, Vl = (e) => {
   if (e.multiple) {
     const { value: t = [], onChange: n, maxSelect: r, submitted: s = !1 } = e;
     return {
@@ -3350,11 +3361,11 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     };
   }
 }, Mr = (e) => {
-  const { options: t, submitted: n = !1, error: r = !1, className: s } = e, { selectedValues: i, handleOptionClick: a } = Hl(e);
-  return /* @__PURE__ */ o.createElement(zl, { className: s }, t.map((l) => {
+  const { options: t, submitted: n = !1, error: r = !1, className: s } = e, { selectedValues: i, handleOptionClick: a } = Vl(e);
+  return /* @__PURE__ */ o.createElement(Wl, { className: s }, t.map((l) => {
     const c = i.includes(l.value);
     return /* @__PURE__ */ o.createElement(
-      Zl,
+      Xl,
       {
         key: l.value,
         $active: c,
@@ -3362,15 +3373,15 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
         $error: r,
         onClick: () => a(l.value)
       },
-      /* @__PURE__ */ o.createElement(w, { variant: "caption1", color: Vl(c, n) }, l.label)
+      /* @__PURE__ */ o.createElement(w, { variant: "caption1", color: zl(c, n) }, l.label)
     );
   }));
-}, Vl = (e, t) => t ? e ? m.themedColor.textHighEmphasis : m.themedColor.textDisabled : e ? m.themedColor.primary : m.themedColor.textMidEmphasis, zl = h.div`display:flex;flex-wrap:wrap;gap:4px 2px;`, Gl = I`display:inline-flex;align-items:center;padding:8px 12px;border-radius:15px;transition:all 0.2s ease;`, Wl = I`cursor:default;background-color:${m.color.ondark.textMidEmphasis};color:${m.themedColor.textHighEmphasis};${F.dark`
+}, zl = (e, t) => t ? e ? m.themedColor.textHighEmphasis : m.themedColor.textDisabled : e ? m.themedColor.primary : m.themedColor.textMidEmphasis, Wl = h.div`display:flex;flex-wrap:wrap;gap:4px 2px;`, Gl = I`display:inline-flex;align-items:center;padding:8px 12px;border-radius:15px;transition:all 0.2s ease;`, jl = I`cursor:default;background-color:${m.color.ondark.textMidEmphasis};color:${m.themedColor.textHighEmphasis};${F.dark`
     background-color: transparent;
     border: 1px solid white;
     color: white;
   `}
-`, jl = I`cursor:default;${F.light`
+`, ql = I`cursor:default;${F.light`
     background-color: ${m.color.ondark.textMidEmphasis};
     color: ${m.themedColor.textDisabled};
   `}
@@ -3379,7 +3390,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     border: 1px solid ${m.color.onlight.textLowEmphasis};
     color: ${m.themedColor.textDisabled};
   `}
-`, ql = I`cursor:pointer;border:1px solid ${m.themedColor.primary};${F.light`
+`, Kl = I`cursor:pointer;border:1px solid ${m.themedColor.primary};${F.light`
     background-color: ${m.color.background50};
     color: ${m.themedColor.primary};
   `}
@@ -3387,7 +3398,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     background-color: ${m.color.onlight.textLowEmphasis};
     color: ${m.themedColor.primary};
   `}
-`, Kl = I`cursor:pointer;border:1px solid ${m.themedColor.textDisabled};${F.light`
+`, Yl = I`cursor:pointer;border:1px solid ${m.themedColor.textDisabled};${F.light`
     background-color: ${m.color.background50};
     color: ${m.themedColor.textMidEmphasis};
   `}
@@ -3395,15 +3406,15 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     background-color: ${m.color.onlight.textLowEmphasis};
     color: ${m.themedColor.textMidEmphasis};
   `}
-`, Yl = I`border-color:${m.themedColor.error}!important;`, Zl = h.div`${Gl}${({ $active: e, $submitted: t, $error: n }) => {
+`, Zl = I`border-color:${m.themedColor.error}!important;`, Xl = h.div`${Gl}${({ $active: e, $submitted: t, $error: n }) => {
   if (t)
-    return e ? Wl : jl;
-  const r = e ? ql : Kl;
+    return e ? jl : ql;
+  const r = e ? Kl : Yl;
   return n ? I`
-          ${r} ${Yl}
+          ${r} ${Zl}
         ` : r;
 }}
-`, Xl = (e) => /* @__PURE__ */ o.createElement(Mr, { ...e, multiple: !1 }), Jl = (e) => /* @__PURE__ */ o.createElement(Mr, { ...e, multiple: !0 }), Ql = h.div`width:100%;height:1px;background-color:${m.themedColor.textDisabled};`, ec = ({ className: e }) => /* @__PURE__ */ o.createElement(Ql, { className: e }), tc = ({
+`, Jl = (e) => /* @__PURE__ */ o.createElement(Mr, { ...e, multiple: !1 }), Ql = (e) => /* @__PURE__ */ o.createElement(Mr, { ...e, multiple: !0 }), ec = h.div`width:100%;height:1px;background-color:${m.themedColor.textDisabled};`, tc = ({ className: e }) => /* @__PURE__ */ o.createElement(ec, { className: e }), nc = ({
   value: e = "",
   onChange: t,
   placeholder: n,
@@ -3427,8 +3438,8 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     $error: s,
     $submitted: i
   };
-  return r === "multi-line" ? /* @__PURE__ */ o.createElement(rc, { ...g }) : /* @__PURE__ */ o.createElement(nc, { ...g });
-}, Lr = I`width:100%;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${m.themedColor.textLowEmphasis};}`, Or = I`color:${m.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${F.light`
+  return r === "multi-line" ? /* @__PURE__ */ o.createElement(oc, { ...g }) : /* @__PURE__ */ o.createElement(rc, { ...g });
+}, Or = I`width:100%;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${m.themedColor.textLowEmphasis};}`, Lr = I`color:${m.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${F.light`
     background-color: ${m.color.ondark.textMidEmphasis};
   `}
   ${F.dark`
@@ -3454,23 +3465,23 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &:focus {
     border-color: ${m.themedColor.primary};
   }
-`, nc = h.input`${Lr};height:36px;${({ $error: e, $submitted: t }) => t ? Or : e ? Dr : Rr}`, rc = h.textarea`${Lr};height:96px;resize:none;font-family:inherit;${({ $error: e, $submitted: t }) => t ? Or : e ? Dr : Rr}`, oc = ({ children: e, className: t, style: n }) => /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis, className: t, style: n }, e), J = {
-  Title: oc,
-  Label: Dl,
-  ErrorLabel: Ol,
-  Separator: ec,
+`, rc = h.input`${Or};height:36px;${({ $error: e, $submitted: t }) => t ? Lr : e ? Dr : Rr}`, oc = h.textarea`${Or};height:96px;resize:none;font-family:inherit;${({ $error: e, $submitted: t }) => t ? Lr : e ? Dr : Rr}`, sc = ({ children: e, className: t, style: n }) => /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis, className: t, style: n }, e), J = {
+  Title: sc,
+  Label: Rl,
+  ErrorLabel: Dl,
+  Separator: tc,
   Button: Ll,
-  TextInput: tc,
-  NumberInput: Rl,
-  SingleSelect: Xl,
-  MultiSelect: Jl
-}, sc = 1, ic = /* @__PURE__ */ new Set(["text", "number", "single-select", "multi-select"]), ac = (e) => {
+  TextInput: nc,
+  NumberInput: Nl,
+  SingleSelect: Jl,
+  MultiSelect: Ql
+}, ic = 1, ac = /* @__PURE__ */ new Set(["text", "number", "single-select", "multi-select"]), lc = (e) => {
   var u;
   const t = (u = e.extendedMessagePayload) == null ? void 0 : u.form;
   if (!t) throw new Error("Form is not provided");
-  const { stringSet: n } = G(), [r, s] = C({ submitting: !1, canceling: !1 }), [i, a] = C({
+  const { stringSet: n } = W(), [r, s] = C({ submitting: !1, canceling: !1 }), [i, a] = C({
     visible: !1
-  }), { state: l, fields: c, submit: d, cancel: g, updateFieldValue: f } = wi(t, {
+  }), { state: l, fields: c, submit: d, cancel: g, updateFieldValue: f } = Ii(t, {
     labels: {
       required: n.FORM_VALIDATION_REQUIRED,
       regex: n.FORM_VALIDATION_REGEX_FAILED,
@@ -3513,11 +3524,11 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     } finally {
       s((p) => ({ ...p, canceling: !1 }));
     }
-  }, E = ie(() => {
-    const p = () => t.version > sc, x = () => t.fields.some((y) => !ic.has(y.type));
+  }, E = ae(() => {
+    const p = () => t.version > ic, x = () => t.fields.some((y) => !ac.has(y.type));
     return p() || x() ? { visible: !1, cancelable: !0, reason: n.FORM_NOT_SUPPORTED } : l === "draft" && (e.isHandedOff || e.isConversationClosed) ? { visible: !1, cancelable: !1, reason: n.FORM_UNAVAILABLE } : { visible: !0, cancelable: !0, reason: "" };
   }, [t.version, t.fields, l, e.isHandedOff, e.isConversationClosed]);
-  return l === "canceled" ? null : E.visible ? /* @__PURE__ */ o.createElement(rr, null, /* @__PURE__ */ o.createElement(Gn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(J.Title, null, t.title), /* @__PURE__ */ o.createElement(lc, null, c.map((p) => /* @__PURE__ */ o.createElement(cc, { key: p.key }, /* @__PURE__ */ o.createElement(J.Label, { style: { marginBottom: "6px" }, required: p.required }, p.label), p.type === "text" && /* @__PURE__ */ o.createElement(
+  return l === "canceled" ? null : E.visible ? /* @__PURE__ */ o.createElement(rr, null, /* @__PURE__ */ o.createElement(Wn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(J.Title, null, t.title), /* @__PURE__ */ o.createElement(cc, null, c.map((p) => /* @__PURE__ */ o.createElement(dc, { key: p.key }, /* @__PURE__ */ o.createElement(J.Label, { style: { marginBottom: "6px" }, required: p.required }, p.label), p.type === "text" && /* @__PURE__ */ o.createElement(
     J.TextInput,
     {
       value: p.value || "",
@@ -3557,7 +3568,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       submitted: b,
       maxSelect: p.maxSelect
     }
-  ), p.error && /* @__PURE__ */ o.createElement(J.ErrorLabel, { style: { marginTop: "4px" } }, p.error)))), /* @__PURE__ */ o.createElement(J.Separator, null), /* @__PURE__ */ o.createElement(dc, null, /* @__PURE__ */ o.createElement(
+  ), p.error && /* @__PURE__ */ o.createElement(J.ErrorLabel, { style: { marginTop: "4px" } }, p.error)))), /* @__PURE__ */ o.createElement(J.Separator, null), /* @__PURE__ */ o.createElement(uc, null, /* @__PURE__ */ o.createElement(
     J.Button,
     {
       variant: b ? "clear" : "primary",
@@ -3575,43 +3586,43 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       loading: r.canceling
     },
     n.BUTTON__CANCEL
-  ))), /* @__PURE__ */ o.createElement(tn, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ o.createElement(Gn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(w, { variant: "body3" }, E.reason), E.cancelable && /* @__PURE__ */ o.createElement(J.Button, { variant: "primary", onClick: _, loading: r.canceling }, n.BUTTON__CANCEL));
-}, Gn = h.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e }) => I`
+  ))), /* @__PURE__ */ o.createElement(tn, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ o.createElement(Wn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(w, { variant: "body3" }, E.reason), E.cancelable && /* @__PURE__ */ o.createElement(J.Button, { variant: "primary", onClick: _, loading: r.canceling }, n.BUTTON__CANCEL));
+}, Wn = h.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e }) => I`
     color: ${e.colors.messageIncoming.text};
     background-color: ${e.colors.messageIncoming.background};
   `}
   padding: 16px 12px;
   transition: max-width 0.3s;
   overflow-wrap: break-word;
-`, lc = h.div`display:flex;flex-direction:column;gap:12px;`, cc = h.div`display:flex;flex-direction:column;`, dc = h.div`display:flex;flex-direction:column;gap:8px;`;
-function uc(e) {
+`, cc = h.div`display:flex;flex-direction:column;gap:12px;`, dc = h.div`display:flex;flex-direction:column;`, uc = h.div`display:flex;flex-direction:column;gap:8px;`;
+function mc(e) {
   return /* @__PURE__ */ o.createElement(o.Fragment, null);
 }
-const mc = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: gc } = Ho({
+const gc = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: hc } = Ho({
   parser: Po,
   renderer: Fo,
   Container: (e) => /* @__PURE__ */ o.createElement("div", { ...e })
 });
-function hc(e) {
+function pc(e) {
   return /* @__PURE__ */ o.createElement(
     bt,
     {
       errorFallback: e.messageTemplateErrorFallback,
       loadingFallback: e.messageTemplateLoadingFallback
     },
-    /* @__PURE__ */ o.createElement(pc, { ...e })
+    /* @__PURE__ */ o.createElement(fc, { ...e })
   );
 }
-const pc = ({
+const fc = ({
   extendedMessagePayload: e,
   onGetCachedMessageTemplate: t = () => null,
   onRequestMessageTemplate: n,
   onHandleTemplateInternalAction: r = _e
 }) => {
   const s = e == null ? void 0 : e.message_template;
-  if (!mc.has((s == null ? void 0 : s.type) ?? "default")) throw new Error("Unsupported template type");
+  if (!gc.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 } = Sr(), l = bi({
+  const { theme: a } = Sr(), l = Ei({
     onRequestTemplate: n,
     onGetCachedTemplate: t,
     theme: a.selectedTheme,
@@ -3620,24 +3631,24 @@ const pc = ({
     viewVariables: s == null ? void 0 : s.view_variables,
     aiAgentColorVariables: a.aiAgentColorVariables
   });
-  return /* @__PURE__ */ o.createElement(fc, { id: `${Ce}-ext-message-template` }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(bc, { id: `${Ce}-ext-message-template` }, /* @__PURE__ */ o.createElement(
     Uo,
     {
       handleInternalAction: (c, d) => {
         c.stopPropagation(), r == null || r(d);
       }
     },
-    /* @__PURE__ */ o.createElement(gc, { templateItems: l.body.items, templateVersion: l.version })
+    /* @__PURE__ */ o.createElement(hc, { templateItems: l.body.items, templateVersion: l.version })
   ));
-}, fc = h.div`box-sizing:border-box;overflow:hidden;width:100%;`;
-function bc({
+}, bc = h.div`box-sizing:border-box;overflow:hidden;width:100%;`;
+function Ec({
   extendedMessagePayload: e,
   onClickSuggestedReply: t,
   suggestedRepliesDirection: n = "vertical"
 }) {
   const [r, s] = C(!1), i = (e == null ? void 0 : e.suggested_replies) ?? [];
-  return i.length === 0 || r ? null : /* @__PURE__ */ o.createElement(Ec, { id: `${Ce}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ o.createElement(
-    xc,
+  return i.length === 0 || r ? null : /* @__PURE__ */ o.createElement(xc, { id: `${Ce}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ o.createElement(
+    vc,
     {
       key: l,
       $type: n,
@@ -3649,37 +3660,37 @@ function bc({
     a
   )));
 }
-const Ec = h.div`margin:16px 0;padding:0 ${V.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({ $type: e }) => e === "vertical" ? vc : _c};`, xc = h(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:${m.color.primary.main};border:1px solid ${m.color.primary.main};background-color:${m.themedColor.bg_50_600};&:hover{background-color:${m.themedColor.bg_100_500};}${({ $type: e, theme: t }) => I`
-    ${e === "vertical" ? yc : Cc};
+const xc = h.div`margin:16px 0;padding:0 ${V.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({ $type: e }) => e === "vertical" ? _c : yc};`, vc = h(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:${m.color.primary.main};border:1px solid ${m.color.primary.main};background-color:${m.themedColor.bg_50_600};&:hover{background-color:${m.themedColor.bg_100_500};}${({ $type: e, theme: t }) => I`
+    ${e === "vertical" ? Cc : Sc};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, vc = I`flex-direction:column;align-items:flex-end;`, _c = I`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, yc = I`max-width:calc(100% - 70px);white-space:pre-wrap;`, Cc = I`white-space:nowrap;`, Ve = ye({
-  template: Sc,
+`, _c = I`flex-direction:column;align-items:flex-end;`, yc = I`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Cc = I`max-width:calc(100% - 70px);white-space:pre-wrap;`, Sc = I`white-space:nowrap;`, Ve = ye({
+  template: Tc,
   components: {
-    SenderName: Fa,
-    SenderAvatar: Na,
-    SentTime: Ua,
-    MessageBody: Oa,
-    TypingIndicator: Ha,
-    SuggestedReplies: bc,
-    MessageTemplate: hc,
-    CustomMessageTemplate: el,
-    CTAButton: Wa,
-    Citation: Ka,
-    Form: ac,
-    Feedback: xl,
-    MessageLogs: uc
+    SenderName: Pa,
+    SenderAvatar: Ba,
+    SentTime: Ha,
+    MessageBody: Da,
+    TypingIndicator: Va,
+    SuggestedReplies: Ec,
+    MessageTemplate: pc,
+    CustomMessageTemplate: tl,
+    CTAButton: ja,
+    Citation: Ya,
+    Form: lc,
+    Feedback: vl,
+    MessageLogs: mc
   }
 });
-function Sc(e) {
+function Tc(e) {
   return /* @__PURE__ */ o.createElement(Nr, { ...e, testerMode: !1 });
 }
 function Nr(e) {
-  var u, p, x, y, k, S, O;
-  const { components: t } = Ve.useContext(), { streamText: n, isAnimating: r } = Oi({
+  var u, p, x, y, k, T, D;
+  const { components: t } = Ve.useContext(), { streamText: n, isAnimating: r } = Di({
     text: e.message,
     enabled: e.isStreaming,
     onAnimationStart: e.onStreamAnimationStart,
@@ -3690,7 +3701,7 @@ function Nr(e) {
     message: n,
     extendedMessagePayload: r ? {} : e.extendedMessagePayload
   }, i = !!s.isTyping, a = s.testerMode, l = !!s.isSenderAvatarVisible, c = !!((u = s.extendedMessagePayload) != null && u.form) && !((p = s.extendedMessagePayload) != null && p.form.canceled_at), d = !!((x = s.extendedMessagePayload) != null && x.message_template), g = !!((y = s.extendedMessagePayload) != null && y.cta_button), f = !!((k = s.extendedMessagePayload) != null && k.citations) && s.extendedMessagePayload.citations.length > 0, b = !!s.createdAt, v = s.groupType === "top" || s.groupType === "single", _ = s.groupType === "bottom" || s.groupType === "single", E = a || !l ? 0 : V.AVATAR_SIZE;
-  return /* @__PURE__ */ o.createElement(Tc, { $marginBottom: i ? 0 : Kt(s.groupType) }, v && /* @__PURE__ */ o.createElement(Ac, null, !a && l && /* @__PURE__ */ o.createElement(t.SenderAvatar, { ...s }), /* @__PURE__ */ o.createElement(t.SenderName, { ...s })), /* @__PURE__ */ o.createElement(Ic, null, /* @__PURE__ */ o.createElement($t, { $extraStartPadding: E }, i ? /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }) : /* @__PURE__ */ o.createElement(t.MessageBody, { ...s }, g && /* @__PURE__ */ o.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ o.createElement(t.CTAButton, { ...s })), f && /* @__PURE__ */ o.createElement(t.Citation, { ...s }))), d && /* @__PURE__ */ o.createElement(Wn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(Ac, { $marginBottom: i ? 0 : Kt(s.groupType) }, v && /* @__PURE__ */ o.createElement(wc, null, !a && l && /* @__PURE__ */ o.createElement(t.SenderAvatar, { ...s }), /* @__PURE__ */ o.createElement(t.SenderName, { ...s })), /* @__PURE__ */ o.createElement(kc, null, /* @__PURE__ */ o.createElement($t, { $extraStartPadding: E }, i ? /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }) : /* @__PURE__ */ o.createElement(t.MessageBody, { ...s }, g && /* @__PURE__ */ o.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ o.createElement(t.CTAButton, { ...s })), f && /* @__PURE__ */ o.createElement(t.Citation, { ...s }))), d && /* @__PURE__ */ o.createElement(Gn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ o.createElement(
     t.MessageTemplate,
     {
       ...s,
@@ -3699,29 +3710,29 @@ function Nr(e) {
         {
           ...s,
           messageType: "user",
-          message: ((O = (S = s.extendedMessagePayload) == null ? void 0 : S.message_template) == null ? void 0 : O.fallback_message) ?? "Cannot read this template."
+          message: ((D = (T = s.extendedMessagePayload) == null ? void 0 : T.message_template) == null ? void 0 : D.fallback_message) ?? "Cannot read this template."
         }
       )),
       messageTemplateLoadingFallback: s.messageTemplateLoadingFallback ?? /* @__PURE__ */ o.createElement($t, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }))
     }
-  )), /* @__PURE__ */ o.createElement(t.CustomMessageTemplate, { ...s }), c && /* @__PURE__ */ o.createElement(Wn, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.Form, { ...s }))), _ && b && /* @__PURE__ */ o.createElement(wc, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.SentTime, { ...s })), /* @__PURE__ */ o.createElement(rr, null, !i && /* @__PURE__ */ o.createElement(tt, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.Feedback, { ...s })), s.suggestedRepliesVisible && /* @__PURE__ */ o.createElement(t.SuggestedReplies, { ...s }), /* @__PURE__ */ o.createElement(t.MessageLogs, { ...s })));
+  )), /* @__PURE__ */ o.createElement(t.CustomMessageTemplate, { ...s }), c && /* @__PURE__ */ o.createElement(Gn, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.Form, { ...s }))), _ && b && /* @__PURE__ */ o.createElement(Ic, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.SentTime, { ...s })), /* @__PURE__ */ o.createElement(rr, null, !i && /* @__PURE__ */ o.createElement(tt, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.Feedback, { ...s })), s.suggestedRepliesVisible && /* @__PURE__ */ o.createElement(t.SuggestedReplies, { ...s }), /* @__PURE__ */ o.createElement(t.MessageLogs, { ...s })));
 }
-const Tc = h.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const Ac = h.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, tt = h.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = V.HORIZONTAL_PADDING, $endPadding: t = V.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, Ac = h(tt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, $t = h(tt)`display:flex;`, wc = h(tt)`margin-top:${V.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Wn = h(tt)`display:flex;${({ $startPadding: e = V.HORIZONTAL_PADDING, $endPadding: t = V.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
+`, wc = h(tt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, $t = h(tt)`display:flex;`, Ic = h(tt)`margin-top:${V.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Gn = h(tt)`display:flex;${({ $startPadding: e = V.HORIZONTAL_PADDING, $endPadding: t = V.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, Ic = h.div`display:flex;flex-direction:column;gap:${V.GAP_GROUPED}px;`;
-function kc({ file: e, children: t, onClickFile: n, sendingStatus: r }) {
+`, kc = h.div`display:flex;flex-direction:column;gap:${V.GAP_GROUPED}px;`;
+function $c({ file: e, children: t, onClickFile: n, sendingStatus: r }) {
   const s = (() => {
     if (!(!n || r === "failed"))
       return () => n == null ? void 0 : n(e);
   })();
-  return /* @__PURE__ */ o.createElement($c, null, /* @__PURE__ */ o.createElement(Jt, { name: e.name, type: qt(e.name, e.type), onClick: s }), t);
+  return /* @__PURE__ */ o.createElement(Mc, null, /* @__PURE__ */ o.createElement(Jt, { name: e.name, type: qt(e.name, e.type), onClick: s }), t);
 }
-const $c = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${V.GAP_GROUPED}px;`, rn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ o.createElement(Mc, { className: e, $size: n }, t ?? /* @__PURE__ */ o.createElement(H, { type: "spinner", size: n })), Mc = h.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => ge(e)};height:${({ $size: e }) => ge(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
+const Mc = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${V.GAP_GROUPED}px;`, rn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ o.createElement(Oc, { className: e, $size: n }, t ?? /* @__PURE__ */ o.createElement(H, { type: "spinner", size: n })), Oc = h.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => ge(e)};height:${({ $size: e }) => ge(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
 function Lc({
   sendingStatus: e,
   file: t,
@@ -3737,43 +3748,43 @@ function Lc({
     $ratio: i,
     $clickable: !!g
   };
-  return /* @__PURE__ */ o.createElement(Oc, null, /* @__PURE__ */ o.createElement(Dc, { ...f }, !c && /* @__PURE__ */ o.createElement(rn, { size: 26 }, /* @__PURE__ */ o.createElement(H, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ o.createElement(Rc, { $loaded: c, src: l, alt: "image-message", onLoad: () => d(!0) })), s);
+  return /* @__PURE__ */ o.createElement(Dc, null, /* @__PURE__ */ o.createElement(Rc, { ...f }, !c && /* @__PURE__ */ o.createElement(rn, { size: 26 }, /* @__PURE__ */ o.createElement(H, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ o.createElement(Nc, { $loaded: c, src: l, alt: "image-message", onLoad: () => d(!0) })), s);
 }
-const Oc = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${V.GAP_GROUPED}px;`, Dc = h.div`width:${V.BODY_MAX_WIDTH}px;border-radius:12px;overflow:hidden;cursor:${(e) => e.$clickable ? "pointer" : "default"};height:auto;aspect-ratio:${(e) => e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${F.light`
+const Dc = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${V.GAP_GROUPED}px;`, Rc = h.div`width:${V.BODY_MAX_WIDTH}px;border-radius:12px;overflow:hidden;cursor:${(e) => e.$clickable ? "pointer" : "default"};height:auto;aspect-ratio:${(e) => e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${F.light`
     background-color: ${m.color.background100};
   `}
   ${F.dark`
     background-color: ${m.color.background400};
   `}
-`, Rc = h.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;`;
+`, Nc = h.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 jn(e) {
   var n, r;
-  const t = ie(() => {
-    const s = $a(Ir(e.message));
+  const t = ae(() => {
+    const s = Ma(Ir(e.message));
     return lr.sanitize(s);
   }, [e.message]);
   return /* @__PURE__ */ o.createElement(
-    Nc,
+    Bc,
     {
       $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH,
       $color: (n = e.customStyle) == null ? void 0 : n.bubbleContentColor,
       $bgColor: (r = e.customStyle) == null ? void 0 : r.bubbleBackgroundColor
     },
-    /* @__PURE__ */ o.createElement(Bc, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
+    /* @__PURE__ */ o.createElement(Fc, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
   );
 }
-const Nc = h.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 Bc = h.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;
-`, Bc = h(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function Fc(e) {
-  const { stringSet: t } = G(), n = () => {
+`, Fc = h(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function Pc(e) {
+  const { stringSet: t } = W(), n = () => {
     const i = mr(e) ? /* @__PURE__ */ o.createElement(jn, { ...e }) : null;
-    return e.messageType === "user" ? i : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ o.createElement(Lc, { ...e }, i) : /* @__PURE__ */ o.createElement(kc, { ...e }, i) : /* @__PURE__ */ o.createElement(jn, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+    return e.messageType === "user" ? i : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ o.createElement(Lc, { ...e }, i) : /* @__PURE__ */ o.createElement($c, { ...e }, i) : /* @__PURE__ */ o.createElement(jn, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
   }, r = e.sendingStatus === "failed" && e.onClickFailedMessage, s = (i) => {
     var a;
     (i.key === "Enter" || i.key === " ") && (i.preventDefault(), (a = e.onClickFailedMessage) == null || a.call(e));
@@ -3792,11 +3803,11 @@ function Fc(e) {
     n()
   );
 }
-function Pc({ sendingStatus: e }) {
+function Uc({ sendingStatus: e }) {
   const t = Je();
   switch (e) {
     case "pending":
-      return /* @__PURE__ */ o.createElement(Uc, { size: 16 }, /* @__PURE__ */ o.createElement(H, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
+      return /* @__PURE__ */ o.createElement(Hc, { size: 16 }, /* @__PURE__ */ o.createElement(H, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
     case "failed":
       return /* @__PURE__ */ o.createElement("div", { style: { marginBottom: 2 } }, /* @__PURE__ */ o.createElement(H, { type: "error", color: m.themedColor.error, size: 16 }));
     case "scheduled":
@@ -3806,30 +3817,30 @@ function Pc({ sendingStatus: e }) {
       return /* @__PURE__ */ o.createElement("div", { style: { marginBottom: 2 } }, /* @__PURE__ */ o.createElement(H, { type: "done", color: m.themedColor.secondary, size: 16 }));
   }
 }
-const Uc = h(rn)`margin-bottom:2px;width:16px;height:16px;`;
-function Hc({ createdAt: e }) {
-  const { stringSet: t, format: n } = G();
+const Hc = h(rn)`margin-bottom:2px;width:16px;height:16px;`;
+function Vc({ createdAt: e }) {
+  const { stringSet: t, format: n } = W();
   return e ? /* @__PURE__ */ o.createElement(w, { variant: "caption4", color: m.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
 const on = ye({
-  template: Vc,
+  template: zc,
   components: {
-    SendingStatus: Pc,
-    SentTime: Hc,
-    MessageBody: Fc
+    SendingStatus: Uc,
+    SentTime: Vc,
+    MessageBody: Pc
   }
 });
-function Vc(e) {
+function zc(e) {
   const { components: t } = on.useContext(), n = e.sendingStatus === "succeeded", r = e.groupType === "bottom" || e.groupType === "single";
-  return /* @__PURE__ */ o.createElement(zc, { $marginBottom: Kt(e.groupType) }, /* @__PURE__ */ o.createElement(Gc, null, /* @__PURE__ */ o.createElement(t.MessageBody, { ...e })), r && /* @__PURE__ */ o.createElement(Wc, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ o.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ o.createElement(t.SendingStatus, { ...e })));
+  return /* @__PURE__ */ o.createElement(Wc, { $marginBottom: Kt(e.groupType) }, /* @__PURE__ */ o.createElement(Gc, null, /* @__PURE__ */ o.createElement(t.MessageBody, { ...e })), r && /* @__PURE__ */ o.createElement(jc, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ o.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ o.createElement(t.SendingStatus, { ...e })));
 }
-const zc = h.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const Wc = h.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, Br = h.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = V.HORIZONTAL_PADDING, $endPadding: t = V.HORIZONTAL_PADDING, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
-`, Gc = h(Br)``, Wc = h(Br)`margin-top:${V.BODY_TIME_GAP}px;`;
-function jc(e) {
-  return e.messageType !== "admin" ? null : /* @__PURE__ */ o.createElement(qc, null, /* @__PURE__ */ o.createElement(w, { variant: "caption2", color: m.themedColor.textMidEmphasis }, Kc(lr.sanitize(e.message))));
+`, Gc = h(Br)``, jc = h(Br)`margin-top:${V.BODY_TIME_GAP}px;`;
+function qc(e) {
+  return e.messageType !== "admin" ? null : /* @__PURE__ */ o.createElement(Kc, null, /* @__PURE__ */ o.createElement(w, { variant: "caption2", color: m.themedColor.textMidEmphasis }, Yc(lr.sanitize(e.message))));
 }
-const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;padding-inline:${V.HORIZONTAL_PADDING}px;a{text-decoration:underline;color:inherit;}`, Kc = (e) => {
+const Kc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;padding-inline:${V.HORIZONTAL_PADDING}px;a{text-decoration:underline;color:inherit;}`, Yc = (e) => {
   try {
     const t = [];
     let n = e, r = 0;
@@ -3855,10 +3866,10 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
   }
 }, Fr = ({ onClick: e, checked: t, label: n, disabled: r, labelVariant: s = "caption2" }) => {
   const i = t ? m.themedColor.primary : r ? m.themedColor.textDisabled : m.themedColor.textLowEmphasis, a = t ? m.themedColor.textHighEmphasis : r ? m.themedColor.textLowEmphasis : m.themedColor.textHighEmphasis;
-  return /* @__PURE__ */ o.createElement(Xc, { onClick: e, disabled: r }, /* @__PURE__ */ o.createElement(Yc, null, /* @__PURE__ */ o.createElement(H, { size: 20, type: t ? "radio-on" : "radio-off", color: i })), /* @__PURE__ */ o.createElement(Zc, { variant: s, color: a }, n));
-}, Yc = h.div`width:20px;height:20px;`, Zc = h(w)`line-height:20px;word-break:break-word;`, Xc = h.button`all:unset;display:flex;align-items:flex-start;justify-content:flex-start;gap:2px;&:enabled{cursor:pointer;}`, Jc = ({ csatPayload: e, submitted: t, defaultValue: n, value: r, onChange: s }) => (P(() => {
+  return /* @__PURE__ */ o.createElement(Jc, { onClick: e, disabled: r }, /* @__PURE__ */ o.createElement(Zc, null, /* @__PURE__ */ o.createElement(H, { size: 20, type: t ? "radio-on" : "radio-off", color: i })), /* @__PURE__ */ o.createElement(Xc, { variant: s, color: a }, n));
+}, Zc = h.div`width:20px;height:20px;`, Xc = h(w)`line-height:20px;word-break:break-word;`, Jc = h.button`all:unset;display:flex;align-items:flex-start;justify-content:flex-start;gap:2px;&:enabled{cursor:pointer;}`, Qc = ({ csatPayload: e, submitted: t, defaultValue: n, value: r, onChange: s }) => (P(() => {
   typeof r > "u" && typeof n == "boolean" && (s == null || s(n));
-}, [r, n]), e.cre ? /* @__PURE__ */ o.createElement(Qc, null, /* @__PURE__ */ o.createElement(J.Label, { required: e.cre.required }, e.cre.question), /* @__PURE__ */ o.createElement(ed, null, [
+}, [r, n]), e.cre ? /* @__PURE__ */ o.createElement(ed, null, /* @__PURE__ */ o.createElement(J.Label, { required: e.cre.required }, e.cre.question), /* @__PURE__ */ o.createElement(td, null, [
   { label: e.cre.positive_label, value: !0 },
   { label: e.cre.negative_label, value: !1 }
 ].map((i) => /* @__PURE__ */ o.createElement(
@@ -3870,15 +3881,15 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
     disabled: t,
     onClick: () => s == null ? void 0 : s(i.value)
   }
-)))) : null), Qc = h.div`display:flex;flex-direction:column;gap:8px;`, ed = h.div`display:flex;flex-direction:column;gap:8px;`, td = ({
+)))) : null), ed = h.div`display:flex;flex-direction:column;gap:8px;`, td = h.div`display:flex;flex-direction:column;gap:8px;`, nd = ({
   followUpItem: e,
   submitted: t,
   value: n = "",
   onChange: r,
   hasError: s
 }) => {
-  const { stringSet: i } = G();
-  return /* @__PURE__ */ o.createElement(nd, null, /* @__PURE__ */ o.createElement(J.Label, { required: e.required }, e.question), e.response_type === "free_text" && /* @__PURE__ */ o.createElement(
+  const { stringSet: i } = W();
+  return /* @__PURE__ */ o.createElement(rd, null, /* @__PURE__ */ o.createElement(J.Label, { required: e.required }, e.question), e.response_type === "free_text" && /* @__PURE__ */ o.createElement(
     J.TextInput,
     {
       variant: "multi-line",
@@ -3889,7 +3900,7 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       onChange: (a) => r(a),
       error: s
     }
-  ), e.response_type === "single_choice" && /* @__PURE__ */ o.createElement(rd, null, e.options.map((a) => /* @__PURE__ */ o.createElement(
+  ), e.response_type === "single_choice" && /* @__PURE__ */ o.createElement(od, null, e.options.map((a) => /* @__PURE__ */ o.createElement(
     Fr,
     {
       key: a,
@@ -3900,7 +3911,7 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       labelVariant: "body3"
     }
   ))), s && /* @__PURE__ */ o.createElement(J.ErrorLabel, null, i.FORM_VALIDATION_REQUIRED));
-}, nd = h.div`display:flex;flex-direction:column;gap:8px;`, rd = h.div`display:flex;flex-direction:column;gap:8px;`, od = ({ value: e, selected: t, label: n }) => /* @__PURE__ */ o.createElement(sd, { $selected: t, "aria-label": n }, id[e - 1]), sd = h.div`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, id = [
+}, rd = h.div`display:flex;flex-direction:column;gap:8px;`, od = h.div`display:flex;flex-direction:column;gap:8px;`, sd = ({ value: e, selected: t, label: n }) => /* @__PURE__ */ o.createElement(id, { $selected: t, "aria-label": n }, ad[e - 1]), id = h.div`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, ad = [
   /* @__PURE__ */ o.createElement("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ o.createElement(
     "path",
     {
@@ -4057,11 +4068,11 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       strokeLinejoin: "round"
     }
   ), /* @__PURE__ */ o.createElement("defs", null, /* @__PURE__ */ o.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ o.createElement("rect", { width: "15.83", height: "7.915", fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ o.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ o.createElement("rect", { width: "15.83", height: "7.915", fill: "white", transform: "translate(12.085 22.709)" }))))
-], ad = ({ csatPayload: e, submitted: t, value: n, onChange: r }) => {
+], ld = ({ csatPayload: e, submitted: t, value: n, onChange: r }) => {
   const s = typeof n > "u";
-  return /* @__PURE__ */ o.createElement(cd, null, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textMidEmphasis }, e.csat_question), /* @__PURE__ */ o.createElement(dd, null, e.csat_scores.map(({ label: i, image_url: a }, l) => {
+  return /* @__PURE__ */ o.createElement(dd, null, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textMidEmphasis }, e.csat_question), /* @__PURE__ */ o.createElement(ud, null, e.csat_scores.map(({ label: i, image_url: a }, l) => {
     const c = l + 1, d = n === c;
-    return /* @__PURE__ */ o.createElement(ud, { key: l, disabled: t, onClick: () => r(c) }, /* @__PURE__ */ o.createElement(ld, { value: c, selected: s || d, label: i, src: a }), !!i && /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ o.createElement(md, { key: l, disabled: t, onClick: () => r(c) }, /* @__PURE__ */ o.createElement(cd, { value: c, selected: s || d, label: i, src: a }), !!i && /* @__PURE__ */ o.createElement(
       w,
       {
         color: d ? m.themedColor.textHighEmphasis : m.themedColor.textLowEmphasis,
@@ -4070,19 +4081,19 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       i
     ));
   })));
-}, ld = ({
+}, cd = ({
   value: e,
   src: t,
   label: n,
   selected: r
 }) => {
-  const [s, i] = C(!1), a = s ? /* @__PURE__ */ o.createElement(od, { value: e, selected: r, label: n }) : /* @__PURE__ */ o.createElement(gd, { $selected: r, "aria-label": n, src: t, onError: () => i(!0) });
-  return /* @__PURE__ */ o.createElement(md, null, a);
-}, cd = h.div`display:flex;flex-direction:column;gap:8px;`, dd = h.div`display:flex;justify-content:space-between;align-self:center;width:100%;max-width:400px;gap:16px;`, ud = h.button`background-color:transparent;border:none;gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:start;box-sizing:border-box;min-width:48px;max-width:68px;&:hover:not(:disabled) span{color:${m.themedColor.textHighEmphasis};}`, md = h.div`button:hover:not(:disabled) &{border-radius:4px;cursor:pointer;background-color:${m.color.background200};${F.dark`
+  const [s, i] = C(!1), a = s ? /* @__PURE__ */ o.createElement(sd, { value: e, selected: r, label: n }) : /* @__PURE__ */ o.createElement(hd, { $selected: r, "aria-label": n, src: t, onError: () => i(!0) });
+  return /* @__PURE__ */ o.createElement(gd, null, a);
+}, dd = h.div`display:flex;flex-direction:column;gap:8px;`, ud = h.div`display:flex;justify-content:space-between;align-self:center;width:100%;max-width:400px;gap:16px;`, md = h.button`background-color:transparent;border:none;gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:start;box-sizing:border-box;min-width:48px;max-width:68px;&:hover:not(:disabled) span{color:${m.themedColor.textHighEmphasis};}`, gd = h.div`button:hover:not(:disabled) &{border-radius:4px;cursor:pointer;background-color:${m.color.background200};${F.dark`
       background-color: ${m.color.background500};
     `}
   }
-`, gd = h.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, hd = ({ csatPayload: e }) => /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis }, e.title), Mt = ({
+`, hd = h.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, pd = ({ csatPayload: e }) => /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis }, e.title), Mt = ({
   csatPayload: e,
   type: t,
   renderSubmitButton: n,
@@ -4090,23 +4101,23 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
   initialCsatReason: s,
   initialIsResolved: i
 }) => {
-  const { params: a, setParams: l, error: c, setError: d, followUpItem: g, state: f, validateParams: b, itemProps: v } = ki({
+  const { params: a, setParams: l, error: c, setError: d, followUpItem: g, state: f, validateParams: b, itemProps: v } = $i({
     csatPayload: e,
     type: t,
     initialCsat: r,
     initialCsatReason: s,
     initialIsResolved: i
   });
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(pd, null, /* @__PURE__ */ o.createElement(hd, { ...v }), t === Ee.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ o.createElement(
-    Jc,
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(fd, null, /* @__PURE__ */ o.createElement(pd, { ...v }), t === Ee.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ o.createElement(
+    Qc,
     {
       ...v,
       defaultValue: i,
       value: a.isResolved,
       onChange: (_) => l({ isResolved: _ })
     }
-  ), /* @__PURE__ */ o.createElement(ad, { ...v, value: a.csat, onChange: (_) => l({ csat: _ }) }), g && /* @__PURE__ */ o.createElement(
-    td,
+  ), /* @__PURE__ */ o.createElement(ld, { ...v, value: a.csat, onChange: (_) => l({ csat: _ }) }), g && /* @__PURE__ */ o.createElement(
+    nd,
     {
       ...v,
       followUpItem: g,
@@ -4117,8 +4128,8 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       hasError: c.followUpItem
     }
   )), f !== "unsubmittable" && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(J.Separator, null), n({ state: f, params: a, validateParams: b })));
-}, pd = h.div`display:flex;flex-direction:column;gap:12px;`, fd = (e) => {
-  const { stringSet: t } = G();
+}, fd = h.div`display:flex;flex-direction:column;gap:12px;`, bd = (e) => {
+  const { stringSet: t } = W();
   return Yo(e, {
     title: t.CSAT_TITLE_UNSUBMITTED,
     question: t.CSAT_RATING_TITLE,
@@ -4133,16 +4144,16 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
     submit_label: t.CSAT_SUBMIT_LABEL,
     submitted_label: t.CSAT_TITLE_SUBMITTED
   });
-}, bd = () => {
-  const { stringSet: e } = G();
+}, Ed = () => {
+  const { stringSet: e } = W();
   return /* @__PURE__ */ o.createElement(w, { variant: "body2", color: m.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
-}, Ed = (e) => {
+}, xd = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: r, csatReason: s, csatExpireAt: i, isResolvedWhenDeterminedByUser: a } = e, l = zo(), c = fd(t == null ? void 0 : t.csat), d = B(!1);
+  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: r, csatReason: s, csatExpireAt: i, isResolvedWhenDeterminedByUser: a } = e, l = zo(), c = bd(t == null ? void 0 : t.csat), d = B(!1);
   if (!c || !c.visibility || !Ee[c.type]) return null;
   const g = c.type === Ee.AI_AGENT_CSAT_5 || c.type === Ee.AI_AGENT_CSAT_5_WITH_CRE || c.type === Ee.HELPDESK_CSAT_5 ? Mt : () => null;
-  return /* @__PURE__ */ o.createElement(xd, null, !r && yn(i) ? /* @__PURE__ */ o.createElement(bd, null) : /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(vd, null, !r && yn(i) ? /* @__PURE__ */ o.createElement(Ed, null) : /* @__PURE__ */ o.createElement(
     g,
     {
       csatPayload: c,
@@ -4151,7 +4162,7 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       initialCsatReason: s,
       initialIsResolved: a,
       renderSubmitButton: ({ state: f, params: b, validateParams: v }) => /* @__PURE__ */ o.createElement(
-        vd,
+        _d,
         {
           $state: f,
           disabled: f === "submitted",
@@ -4165,18 +4176,18 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       )
     }
   ));
-}, xd = h.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:16px;`, vd = h.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;text-align:center;word-break:break-word;&:hover{background-color:${m.color.primary.dark};}&:disabled{color:${({ $state: e }) => e === "submitted" ? m.themedColor.textHighEmphasis : m.color.ondark.textLowEmphasis};background-color:${m.themedColor.textDisabled};cursor:not-allowed;}`, sn = ye({
-  template: _d,
+}, vd = h.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:16px;`, _d = h.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;text-align:center;word-break:break-word;&:hover{background-color:${m.color.primary.dark};}&:disabled{color:${({ $state: e }) => e === "submitted" ? m.themedColor.textHighEmphasis : m.color.ondark.textLowEmphasis};background-color:${m.themedColor.textDisabled};cursor:not-allowed;}`, sn = ye({
+  template: yd,
   components: {
-    AdminMessage: jc,
-    CSATMessage: Ed
+    AdminMessage: qc,
+    CSATMessage: xd
   }
 });
-function _d(e) {
+function yd(e) {
   const { components: t } = sn.useContext(), n = e.messageType === "admin" ? /* @__PURE__ */ o.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ o.createElement(t.CSATMessage, { ...e }) : null;
-  return /* @__PURE__ */ o.createElement(yd, { $marginBottom: Kt(e.groupType) }, n);
+  return /* @__PURE__ */ o.createElement(Cd, { $marginBottom: Kt(e.groupType) }, n);
 }
-const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, qn = {
+const Cd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, qn = {
   file: "attach",
   snippet: "snippet",
   site: "website",
@@ -4186,7 +4197,7 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
   sb_zendesk: "zendesk",
   sb_desk: "snippet"
   // TODO: request icon
-}, Cd = ({
+}, Sd = ({
   actionbook: e,
   functionCalls: t,
   groundedness: n,
@@ -4217,7 +4228,7 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     e.name
-  ))), t == null ? void 0 : t.map((E) => /* @__PURE__ */ o.createElement(Lt, { key: E.key }, /* @__PURE__ */ o.createElement(dt, null, /* @__PURE__ */ o.createElement(H, { size: 16, type: "function", color: b })), /* @__PURE__ */ o.createElement(Et, null, /* @__PURE__ */ o.createElement(
+  ))), t == null ? void 0 : t.map((E) => /* @__PURE__ */ o.createElement(Ot, { key: E.key }, /* @__PURE__ */ o.createElement(dt, null, /* @__PURE__ */ o.createElement(H, { size: 16, type: "function", color: b })), /* @__PURE__ */ o.createElement(Et, null, /* @__PURE__ */ o.createElement(
     ct,
     {
       $clickable: !!i,
@@ -4228,7 +4239,7 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     E.name
-  ), a && /* @__PURE__ */ o.createElement(Td, { role: "button", onClick: () => a == null ? void 0 : a(E) }, /* @__PURE__ */ o.createElement(w, { variant: "body2", color: _ }, "View details"), /* @__PURE__ */ o.createElement(H, { type: "chevron-right", size: 16, color: _ }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ o.createElement(Lt, { key: E.id }, /* @__PURE__ */ o.createElement(dt, null, g({
+  ), a && /* @__PURE__ */ o.createElement(Ad, { role: "button", onClick: () => a == null ? void 0 : a(E) }, /* @__PURE__ */ o.createElement(w, { variant: "body2", color: _ }, "View details"), /* @__PURE__ */ o.createElement(H, { type: "chevron-right", size: 16, color: _ }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ o.createElement(Ot, { key: E.id }, /* @__PURE__ */ o.createElement(dt, null, g({
     default: /* @__PURE__ */ o.createElement(H, { size: 16, type: qn[E.source_type] ?? qn.snippet, color: b }),
     sourceType: E.source_type
   })), /* @__PURE__ */ o.createElement(
@@ -4242,7 +4253,7 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     E.preview_title
-  ))), r == null ? void 0 : r.map((E) => /* @__PURE__ */ o.createElement(Lt, { key: E.key }, /* @__PURE__ */ o.createElement(dt, null, /* @__PURE__ */ o.createElement(H, { size: 16, type: "template", color: b })), /* @__PURE__ */ o.createElement(
+  ))), r == null ? void 0 : r.map((E) => /* @__PURE__ */ o.createElement(Ot, { key: E.key }, /* @__PURE__ */ o.createElement(dt, null, /* @__PURE__ */ o.createElement(H, { size: 16, type: "template", color: b })), /* @__PURE__ */ o.createElement(
     ct,
     {
       $clickable: !!c,
@@ -4254,15 +4265,15 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
     },
     E.name
   ))), d);
-}, Sd = h(w)`font-weight:400;`, ct = h(Sd)`${({ $clickable: e, $highlightColor: t }) => e && I`
+}, Td = h(w)`font-weight:400;`, ct = h(Td)`${({ $clickable: e, $highlightColor: t }) => e && I`
       cursor: pointer;
       text-decoration: underline;
       &:hover {
         color: ${t};
       }
     `}
-`, dt = h.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Et = h.div`display:flex;gap:8px;align-items:center;word-break:break-word;`, Td = h(Et)`cursor:pointer;gap:4px;`, Lt = h(Et)`flex-direction:row;align-items:center;`, Kn = h.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Pr = Ge(null);
-function Ad({
+`, dt = h.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Et = h.div`display:flex;gap:8px;align-items:center;word-break:break-word;`, Ad = h(Et)`cursor:pointer;gap:4px;`, Ot = h(Et)`flex-direction:row;align-items:center;`, Kn = h.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Pr = We(null);
+function wd({
   testerType: e,
   origin: t,
   children: n
@@ -4272,7 +4283,7 @@ function Ad({
     {
       value: { testerType: e, isActionbookTester: e === "actionbook", origin: t }
     },
-    e && /* @__PURE__ */ o.createElement(wd, null),
+    e && /* @__PURE__ */ o.createElement(Id, null),
     n
   );
 }
@@ -4280,13 +4291,13 @@ const je = () => {
   const e = xe(Pr);
   if (!e) throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");
   return e;
-}, wd = () => {
+}, Id = () => {
   const { isActionbookTester: e } = je();
-  return /* @__PURE__ */ o.createElement(Ve.Template, { template: e ? Id : void 0 }, /* @__PURE__ */ o.createElement(Ve.MessageLogs, { component: kd }));
-}, Id = (e) => /* @__PURE__ */ o.createElement(Nr, { ...e, testerMode: !0, maxBodyWidth: V.WIDE_BODY_MAX_WIDTH }), kd = ({ extendedMessagePayload: e = {} }) => {
+  return /* @__PURE__ */ o.createElement(Ve.Template, { template: e ? kd : void 0 }, /* @__PURE__ */ o.createElement(Ve.MessageLogs, { component: $d }));
+}, kd = (e) => /* @__PURE__ */ o.createElement(Nr, { ...e, testerMode: !0, maxBodyWidth: V.WIDE_BODY_MAX_WIDTH }), $d = ({ extendedMessagePayload: e = {} }) => {
   const { handlers: t } = Y(), { manual: n, groundedness: r, function_calls: s, agent_message_templates: i, is_thinking: a } = e;
-  return a || !n && !(r != null && r.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ o.createElement(o.Fragment, null) : /* @__PURE__ */ o.createElement($d, null, /* @__PURE__ */ o.createElement(Md, { width: 4 }), /* @__PURE__ */ o.createElement(
-    Cd,
+  return a || !n && !(r != null && r.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ o.createElement(o.Fragment, null) : /* @__PURE__ */ o.createElement(Md, null, /* @__PURE__ */ o.createElement(Od, { width: 4 }), /* @__PURE__ */ o.createElement(
+    Sd,
     {
       actionbook: n,
       functionCalls: s,
@@ -4301,12 +4312,12 @@ const je = () => {
       bottomContent: /* @__PURE__ */ o.createElement(Ld, { variant: "caption2", color: m.themedColor.textLowEmphasis }, "Only visible in the tester")
     }
   ));
-}, $d = h.div`display:flex;gap:16px;margin:16px ${V.HORIZONTAL_PADDING}px 0;align-self:stretch;`, Md = h.div`width:${({ width: e }) => e}px;background-color:${m.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Ld = h(w)`margin-top:5px;`, an = ({ start: e, title: t, titleAlign: n = "start", end: r }) => {
+}, Md = h.div`display:flex;gap:16px;margin:16px ${V.HORIZONTAL_PADDING}px 0;align-self:stretch;`, Od = h.div`width:${({ width: e }) => e}px;background-color:${m.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Ld = h(w)`margin-top:5px;`, an = ({ start: e, title: t, titleAlign: n = "start", end: r }) => {
   const s = B(null), i = B(null), [a, l] = C(0), [c, d] = C(0);
-  return oe(() => {
+  return se(() => {
     s.current && l(s.current.offsetWidth), i.current && d(i.current.offsetWidth);
-  }, [e, r]), /* @__PURE__ */ o.createElement(Od, null, /* @__PURE__ */ o.createElement(Dd, null, n === "center" && t && /* @__PURE__ */ o.createElement(Rd, { $sideWidth: Math.max(a, c) }, /* @__PURE__ */ o.createElement(Nd, null, t)), /* @__PURE__ */ o.createElement(Bd, null, /* @__PURE__ */ o.createElement(Fd, { ref: s }, e), (n === "start" || n === "end") && t && /* @__PURE__ */ o.createElement(Ud, { $align: n, $hasStart: !!e, $hasEnd: !!r }, t), /* @__PURE__ */ o.createElement(Pd, { ref: i }, r))));
-}, Od = h.div`position:relative;width:100%;background-color:${({ theme: e }) => e.colors.base.headerBackground};border-bottom:1px solid ${m.themedColor.textDisabled};`, Dd = h.div`position:relative;height:56px;padding:11px 12px;`, Rd = h.div`position:absolute;left:${({ $sideWidth: e }) => e}px;right:${({ $sideWidth: e }) => e}px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;`, Nd = h.div`max-width:100%;overflow:hidden;`, Bd = h.div`display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;z-index:1;`, Fd = h.div`flex-shrink:0;display:flex;align-items:center;`, Pd = h.div`flex-shrink:0;display:flex;align-items:center;`, Ud = h.div`flex:1;overflow:hidden;display:flex;align-items:${({ $align: e }) => e === "start" ? "flex-start" : "flex-end"};margin-left:${({ $hasStart: e }) => e ? 8 : 0}px;margin-right:${({ $hasEnd: e }) => e ? 8 : 0}px;`, Le = ({
+  }, [e, r]), /* @__PURE__ */ o.createElement(Dd, null, /* @__PURE__ */ o.createElement(Rd, null, n === "center" && t && /* @__PURE__ */ o.createElement(Nd, { $sideWidth: Math.max(a, c) }, /* @__PURE__ */ o.createElement(Bd, null, t)), /* @__PURE__ */ o.createElement(Fd, null, /* @__PURE__ */ o.createElement(Pd, { ref: s }, e), (n === "start" || n === "end") && t && /* @__PURE__ */ o.createElement(Hd, { $align: n, $hasStart: !!e, $hasEnd: !!r }, t), /* @__PURE__ */ o.createElement(Ud, { ref: i }, r))));
+}, Dd = h.div`position:relative;width:100%;background-color:${({ theme: e }) => e.colors.base.headerBackground};border-bottom:1px solid ${m.themedColor.textDisabled};`, Rd = h.div`position:relative;height:56px;padding:11px 12px;`, Nd = h.div`position:absolute;left:${({ $sideWidth: e }) => e}px;right:${({ $sideWidth: e }) => e}px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;`, Bd = h.div`max-width:100%;overflow:hidden;`, Fd = h.div`display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;z-index:1;`, Pd = h.div`flex-shrink:0;display:flex;align-items:center;`, Ud = h.div`flex-shrink:0;display:flex;align-items:center;`, Hd = h.div`flex:1;overflow:hidden;display:flex;align-items:${({ $align: e }) => e === "start" ? "flex-start" : "flex-end"};margin-left:${({ $hasStart: e }) => e ? 8 : 0}px;margin-right:${({ $hasEnd: e }) => e ? 8 : 0}px;`, Oe = ({
   as: e,
   type: t,
   size: n = 16,
@@ -4315,26 +4326,26 @@ const je = () => {
   ...i
 }) => {
   const a = s ? m.themedColor.textDisabled : m.themedColor.textHighEmphasis;
-  return /* @__PURE__ */ o.createElement(Hd, { as: e, disabled: s, ...i }, /* @__PURE__ */ o.createElement(H, { type: t, size: n, color: r ?? a }));
-}, Hd = h.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, ln = /iPad|iPhone|iPod/.test(navigator.userAgent), Vd = /Android/.test(navigator.userAgent), nt = (e) => ln || Vd, qe = () => nt() ? 24 : 16, zd = () => {
+  return /* @__PURE__ */ o.createElement(Vd, { as: e, disabled: s, ...i }, /* @__PURE__ */ o.createElement(H, { type: t, size: n, color: r ?? a }));
+}, Vd = h.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, ln = /iPad|iPhone|iPod/.test(navigator.userAgent), zd = /Android/.test(navigator.userAgent), nt = (e) => ln || zd, qe = () => nt() ? 24 : 16, Wd = () => {
   const { state: e } = Y(), t = qe(), n = () => {
     e.setOpened(!1);
   };
-  return /* @__PURE__ */ o.createElement(Le, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
+  return /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
 }, {
   Provider: Gd,
-  useContext: ne
-} = ee("MessengerSession"), Wd = We(function({ children: e, ...t }, n) {
-  return /* @__PURE__ */ o.createElement(Ws, { ref: n, ...t }, (r) => /* @__PURE__ */ o.createElement(jd, { ...r }, e));
-}), jd = ({ children: e, ...t }) => {
+  useContext: re
+} = ee("MessengerSession"), jd = Ge(function({ children: e, ...t }, n) {
+  return /* @__PURE__ */ o.createElement(Gs, { ref: n, ...t }, (r) => /* @__PURE__ */ o.createElement(qd, { ...r }, e));
+}), qd = ({ children: e, ...t }) => {
   const { chatSDK: n, logger: r, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = Y(), { userSessionInfo: d, authenticate: g, setActiveChannel: f, userSession: b, aiAgentInfo: v, launcherInfo: _ } = t, E = B(null);
   return vt(n, {
     async onUserJoined(u, p) {
-      var y, k, S;
+      var y, k, T;
       if (u.conversation && u.conversation.type === Do.PROACTIVE && p.userId === ((y = n.currentUser) == null ? void 0 : y.userId)) {
         r.info("messengerSession.onUserJoined: proactive channel joined", u.url);
-        const O = ((k = u.conversation) == null ? void 0 : k.status) ?? Q.OPEN;
-        f({ url: u.url, status: O }), l.setOpened(!0), qd({ sound: document.hidden || !l.opened }), (S = E.current) == null || S.call(E, { channel: u });
+        const D = ((k = u.conversation) == null ? void 0 : k.status) ?? Q.OPEN;
+        f({ url: u.url, status: D }), l.setOpened(!0), Kd({ sound: document.hidden || !l.opened }), (T = E.current) == null || T.call(E, { channel: u });
       }
     }
   }), P(() => {
@@ -4358,7 +4369,7 @@ const je = () => {
     e
   );
 };
-function qd({ sound: e }) {
+function Kd({ sound: e }) {
   const t = "🔔You have received a new message", n = document.title, r = setInterval(() => {
     document.title = document.title === t ? n : t;
   }, 750);
@@ -4366,8 +4377,8 @@ function qd({ sound: e }) {
     new Audio(s.default).play();
   });
 }
-const Kd = (e) => {
-  const { chatSDK: t, handlers: n, logger: r } = Y(), { aiAgentInfo: s } = ne(), i = B(/* @__PURE__ */ new Set()), a = (g) => {
+const Yd = (e) => {
+  const { chatSDK: t, handlers: n, logger: r } = Y(), { aiAgentInfo: s } = re(), i = B(/* @__PURE__ */ new Set()), a = (g) => {
     if (!(n != null && n.onCustomEvent)) return;
     ve(g) && g.sender.userId === s.userId && !Ie.isStreaming(g) && !i.current.has(g.messageId) && (r.debug("useCustomEventForMessageReceive: bot-message-received", g), n.onCustomEvent({ type: "bot-message-received", data: { message: g } }), i.current.add(g.messageId));
   }, l = (g) => {
@@ -4390,7 +4401,7 @@ const Kd = (e) => {
     checkForUserActionRequired: d
   };
 };
-function Yd(e) {
+function Zd(e) {
   return new Promise((t) => {
     const n = new Image();
     n.onload = function() {
@@ -4399,23 +4410,23 @@ function Yd(e) {
     }, n.src = URL.createObjectURL(e);
   });
 }
-async function Zd(e) {
+async function Xd(e) {
   if ("file" in e && e.file instanceof File && e.file.type.startsWith("image/")) {
-    const { width: t, height: n } = await Yd(e.file);
-    return new Lo({
+    const { width: t, height: n } = await Zd(e.file);
+    return new Oo({
       key: cr,
       value: [t, n]
     });
   }
 }
-const Xd = ({ onScrollAfterSendMessage: e }) => {
+const Jd = ({ onScrollAfterSendMessage: e }) => {
   const { agentPreviewConfigs: t, handlers: n } = Y(), r = B(t == null ? void 0 : t.agentAttributes);
   return r.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (s) => {
-      const i = await Zd(s), a = {
+      const i = await Xd(s), a = {
         ...s,
         metaArrays: i ? [i] : void 0
-      }, l = Jd(r.current);
+      }, l = Qd(r.current);
       return l ? { ...a, data: JSON.stringify(l) } : a;
     },
     onAfterSendMessage: (s) => {
@@ -4423,13 +4434,13 @@ const Xd = ({ onScrollAfterSendMessage: e }) => {
       e(), (i = n == null ? void 0 : n.onMessageSend) == null || i.call(n, s.message), s.sendingStatus === Pe.SUCCEEDED ? (a = n == null ? void 0 : n.onCustomEvent) == null || a.call(n, { type: "message-sent-succeeded", data: { message: s } }) : s.sendingStatus === Pe.PENDING && ((l = n == null ? void 0 : n.onCustomEvent) == null || l.call(n, { type: "message-sent-pending", data: { message: s } }));
     }
   };
-}, Jd = (e) => {
+}, Qd = (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;
-}, gt = 50, Ot = gt - 40, {
-  Provider: Qd,
-  useContext: eu
+}, gt = 50, Lt = gt - 40, {
+  Provider: eu,
+  useContext: tu
 } = ee("ConversationScroll"), Yn = {
   viewport: 0,
   contentHeight: 0,
@@ -4437,122 +4448,122 @@ const Xd = ({ onScrollAfterSendMessage: e }) => {
   shouldRecalc: !1,
   shouldUpdate: !1
 };
-function tu({ scrollMode: e, children: t }) {
-  const n = B(null), r = B(null), s = B(Yn), i = B(!1), a = B(null), l = B(0), c = B(0), d = B(!1), [g, f] = C(0), [b, v] = C(0), [_, E] = C(!1), [u, p] = C(!1), x = ie(
+function nu({ scrollMode: e, children: t }) {
+  const n = B(null), r = B(null), s = B(Yn), i = B(!1), a = B(null), l = B(0), c = B(0), d = B(!1), [g, f] = C(0), [b, v] = C(0), [_, E] = C(!1), [u, p] = C(!1), x = ae(
     () => _ ? "auto" : e,
     [_, e]
   ), y = () => {
     s.current.contentSnapshotHeight = s.current.contentHeight, s.current.shouldUpdate = !0, s.current.shouldRecalc = !0;
   }, k = () => {
-    const T = n.current;
-    !T || !s.current.shouldUpdate || f((R) => {
+    const S = n.current;
+    !S || !s.current.shouldUpdate || f(($) => {
       s.current.shouldUpdate = !1;
-      const { contentHeight: q, contentSnapshotHeight: he, shouldRecalc: le } = s.current, te = T.clientHeight;
-      if (he > q)
-        return R;
-      const pe = S(T, { messageType: "outgoing" });
+      const { contentHeight: U, contentSnapshotHeight: K, shouldRecalc: te } = s.current, ne = S.clientHeight;
+      if (K > U)
+        return $;
+      const pe = T(S, { messageType: "outgoing" });
       let ue = 0;
       if (pe) {
-        const me = pe.message.offsetTop - Ot + te;
-        ue = Math.max(0, me - q);
+        const me = pe.message.offsetTop - Lt + ne;
+        ue = Math.max(0, me - U);
       } else {
-        const me = q - he, Ye = te - Ot;
+        const me = U - K, Ye = ne - Lt;
         ue = Math.max(0, me - Ye);
       }
-      return R === 0 || ue !== R || le ? (s.current.shouldRecalc = !1, ue) : R;
+      return $ === 0 || ue !== $ || te ? (s.current.shouldRecalc = !1, ue) : $;
     });
-  }, S = L(
-    (T, R) => {
-      const { messageType: q = "all" } = R ?? {}, he = Array.from(T.querySelectorAll(`#${ce}-message-item`));
-      let le = he;
-      q === "outgoing" && (le = he.filter((At) => At.getAttribute("data-layout-id") === "outgoingmessage"));
-      const te = le[le.length - 1];
-      if (!te) return null;
-      const pe = T.getBoundingClientRect(), ue = te.getBoundingClientRect(), me = T.scrollTop + (ue.top - pe.top), Ye = me + te.offsetHeight;
+  }, T = L(
+    (S, $) => {
+      const { messageType: U = "all" } = $ ?? {}, K = Array.from(S.querySelectorAll(`#${ce}-message-item`));
+      let te = K;
+      U === "outgoing" && (te = K.filter((At) => At.getAttribute("data-layout-id") === "outgoingmessage"));
+      const ne = te[te.length - 1];
+      if (!ne) return null;
+      const pe = S.getBoundingClientRect(), ue = ne.getBoundingClientRect(), me = S.scrollTop + (ue.top - pe.top), Ye = me + ne.offsetHeight;
       return {
-        message: te,
+        message: ne,
         scrollTop: me,
         lastMessageBottom: Ye
       };
     },
     []
-  ), O = L(() => {
-    const T = n.current;
-    if (!T || x !== "fixed") return;
-    const R = S(T);
-    s.current.contentHeight = (R == null ? void 0 : R.lastMessageBottom) ?? T.scrollHeight, !i.current && s.current.contentSnapshotHeight > 0 && y();
-    const q = Math.max(0, T.scrollHeight - T.scrollTop - T.clientHeight);
-    v(q), k();
-  }, [x, S]), $ = L(() => {
+  ), D = L(() => {
+    const S = n.current;
+    if (!S || x !== "fixed") return;
+    const $ = T(S);
+    s.current.contentHeight = ($ == null ? void 0 : $.lastMessageBottom) ?? S.scrollHeight, !i.current && s.current.contentSnapshotHeight > 0 && y();
+    const U = Math.max(0, S.scrollHeight - S.scrollTop - S.clientHeight);
+    v(U), k();
+  }, [x, T]), M = L(() => {
     r.current && (r.current.disconnect(), r.current = null), s.current = Yn, f(0), v(0);
-  }, []), M = L((T = !0) => {
+  }, []), O = L((S = !0) => {
     d.current = !1, Ga(() => {
-      const R = n.current;
-      R && R.scrollTo({
-        top: R.scrollHeight,
-        behavior: T ? "smooth" : "auto"
+      const $ = n.current;
+      $ && $.scrollTo({
+        top: $.scrollHeight,
+        behavior: S ? "smooth" : "auto"
       });
     });
   }, []), N = L(
-    (T) => {
-      T && (n.current = T, x === "fixed" && ($(), s.current.viewport = T.clientHeight, r.current = new MutationObserver(() => {
-        O();
-      }), r.current.observe(T, {
+    (S) => {
+      S && (n.current = S, x === "fixed" && (M(), s.current.viewport = S.clientHeight, r.current = new MutationObserver(() => {
+        D();
+      }), r.current.observe(S, {
         childList: !0,
         subtree: !0
       })));
     },
-    [x, O, $]
+    [x, D, M]
   ), j = L(() => {
-    const T = n.current;
-    if (!T) return;
-    const R = S(T, { messageType: "outgoing" });
-    R && (T.scrollTo({
-      top: R.message.offsetTop - Ot,
+    const S = n.current;
+    if (!S) return;
+    const $ = T(S, { messageType: "outgoing" });
+    $ && (S.scrollTo({
+      top: $.message.offsetTop - Lt,
       behavior: "smooth"
     }), a.current && clearTimeout(a.current), a.current = setTimeout(() => {
       p(!1);
     }, 500));
-  }, [S]), K = (T) => {
-    const { scrollHeight: R, scrollTop: q, clientHeight: he } = T.currentTarget, le = Math.max(0, R - q - he), te = c.current, pe = le <= gt, ue = q < te, me = q > te;
-    ue && !pe && (d.current = !0), me && pe && (d.current = !1), c.current = q, l.current = le, v(le);
+  }, [T]), q = (S) => {
+    const { scrollHeight: $, scrollTop: U, clientHeight: K } = S.currentTarget, te = Math.max(0, $ - U - K), ne = c.current, pe = te <= gt, ue = U < ne, me = U > ne;
+    ue && !pe && (d.current = !0), me && pe && (d.current = !1), c.current = U, l.current = te, v(te);
   }, Se = L(() => {
     x === "fixed" && (p(!0), y());
   }, [x]), Te = L(() => {
-    x === "fixed" ? setTimeout(() => j(), 300) : M();
-  }, [x, j]), Oe = L(
-    (T) => {
-      i.current = T, x === "fixed" ? y() : d.current || M();
+    x === "fixed" ? setTimeout(() => j(), 300) : O();
+  }, [x, j]), Le = L(
+    (S) => {
+      i.current = S, x === "fixed" ? y() : d.current || O();
     },
-    [x, M]
-  ), Z = L((T) => {
-    E(T), T && (f(0), r.current && (r.current.disconnect(), r.current = null));
-  }, []), ae = L(
-    (T) => {
-      x === "auto" && T && !d.current && M();
+    [x, O]
+  ), Z = L((S) => {
+    E(S), S && (f(0), r.current && (r.current.disconnect(), r.current = null));
+  }, []), le = L(
+    (S) => {
+      x === "auto" && S && !d.current && O();
     },
-    [x, M]
-  ), A = !(b <= gt) && !u, U = L(() => l.current > gt, []);
+    [x, O]
+  ), A = !(b <= gt) && !u, he = L(() => l.current > gt, []);
   return /* @__PURE__ */ o.createElement(
-    Qd,
+    eu,
     {
       value: {
         ref: N,
         state: {
           bottomSpace: g,
           isAwayFromBottom: A,
-          shouldCountNewMessages: U
+          shouldCountNewMessages: he
         },
         props: {
-          onScroll: K
+          onScroll: q
         },
         actions: {
-          scrollToBottom: M,
+          scrollToBottom: O,
           onBeforeMessageSend: Se,
           onAfterMessageSend: Te,
-          onStreamingUpdate: Oe,
+          onStreamingUpdate: Le,
           onConversationClosed: Z,
-          onTypingIndicatorUpdate: ae
+          onTypingIndicatorUpdate: le
         }
       }
     },
@@ -4560,25 +4571,25 @@ function tu({ scrollMode: e, children: t }) {
   );
 }
 const {
-  Provider: nu,
-  Context: xh,
-  useContext: re
-} = ee("Conversation"), ru = ({ children: e }) => {
+  Provider: ru,
+  Context: vh,
+  useContext: oe
+} = ee("Conversation"), ou = ({ children: e }) => {
   var s;
-  const { channelSource: t } = re(), n = (s = t.channel) == null ? void 0 : s.url, { checkForUserActionRequired: r } = Kd(n);
+  const { channelSource: t } = oe(), n = (s = t.channel) == null ? void 0 : s.url, { checkForUserActionRequired: r } = Yd(n);
   return P(() => {
     var a;
     const i = (a = t.channel) == null ? void 0 : a.lastMessage;
     i && r(i);
   }, [t.channel, r]), /* @__PURE__ */ o.createElement(o.Fragment, null, e);
-}, ou = ({
+}, su = ({
   channelUrl: e,
   onClearChannelUrl: t,
   onNavigateToConversationList: n,
   shouldMarkAsRead: r,
   children: s
 }) => {
-  const { activeChannel: i, refreshActiveChannel: a } = ne(), l = eu(), { onBeforeSendMessage: c, onAfterSendMessage: d } = Xd({
+  const { activeChannel: i, refreshActiveChannel: a } = re(), l = tu(), { onBeforeSendMessage: c, onAfterSendMessage: d } = Jd({
     onScrollAfterSendMessage: () => {
       l.actions.onAfterMessageSend();
     }
@@ -4595,7 +4606,7 @@ const {
     await a(), e && (t == null || t());
   }, [a, e, t]);
   return /* @__PURE__ */ o.createElement(
-    ti,
+    ni,
     {
       key: g,
       channelUrl: g,
@@ -4609,28 +4620,28 @@ const {
       shouldCountNewMessages: l.state.shouldCountNewMessages
     },
     (_) => /* @__PURE__ */ o.createElement(
-      nu,
+      ru,
       {
         value: { ..._, scrollSource: l, goToActiveConversation: v, onNavigateToConversationList: n }
       },
-      /* @__PURE__ */ o.createElement(ru, null, s)
+      /* @__PURE__ */ o.createElement(ou, null, s)
     )
   );
-}, su = ({ children: e, ...t }) => {
+}, iu = ({ children: e, ...t }) => {
   var s;
   const { config: n } = X(), r = ((s = n == null ? void 0 : n.conversation) == null ? void 0 : s.scrollMode) ?? "auto";
-  return /* @__PURE__ */ o.createElement(tu, { scrollMode: r }, /* @__PURE__ */ o.createElement(ou, { ...t }, e));
-}, iu = () => {
-  const { enableCloseConversationButton: e, dispatcher: t } = Y(), { channelSource: n } = re(), r = n.channel, s = qe(), i = (r == null ? void 0 : r.isAIAgent) && e, a = !jt(r);
+  return /* @__PURE__ */ o.createElement(nu, { scrollMode: r }, /* @__PURE__ */ o.createElement(su, { ...t }, e));
+}, au = () => {
+  const { enableCloseConversationButton: e, dispatcher: t } = Y(), { channelSource: n } = oe(), r = n.channel, s = qe(), i = (r == null ? void 0 : r.isAIAgent) && e, a = !jt(r);
   if (!i) return null;
   const l = async () => {
     r && await t.send(ps.CloseConversation({ channelUrl: r.url }));
   };
-  return /* @__PURE__ */ o.createElement(Le, { "aria-label": "close conversation", type: "mute", size: s, disabled: a, onClick: l });
-}, au = () => {
+  return /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close conversation", type: "mute", size: s, disabled: a, onClick: l });
+}, lu = () => {
   const { state: e, enableExpandButton: t } = Y(), n = qe();
   return t ? /* @__PURE__ */ o.createElement(
-    Le,
+    Oe,
     {
       "aria-label": "expand",
       type: e.expanded ? "collapse" : "expand",
@@ -4638,7 +4649,7 @@ const {
       onClick: () => e.setExpanded(!e.expanded)
     }
   ) : null;
-}, lu = ({ label: e, children: t, position: n = "top", disabled: r }) => r ? t : /* @__PURE__ */ o.createElement(Ht, null, t, /* @__PURE__ */ o.createElement(uu, { $position: n }, /* @__PURE__ */ o.createElement(mu, { variant: "caption1" }, e), /* @__PURE__ */ o.createElement(cu, { $position: n }))), cu = ({ $position: e }) => /* @__PURE__ */ o.createElement(
+}, cu = ({ label: e, children: t, position: n = "top", disabled: r }) => r ? t : /* @__PURE__ */ o.createElement(Ht, null, t, /* @__PURE__ */ o.createElement(mu, { $position: n }, /* @__PURE__ */ o.createElement(gu, { variant: "caption1" }, e), /* @__PURE__ */ o.createElement(du, { $position: n }))), du = ({ $position: e }) => /* @__PURE__ */ o.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -4649,11 +4660,11 @@ const {
     fill: "none"
   },
   /* @__PURE__ */ o.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: m.themedColor.textHighEmphasis })
-), du = {
+), uu = {
   top: I`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: I`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
-}, Ht = h.div`position:relative;`, uu = h.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Ne.TOOLTIP};${({ $position: e }) => du[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Ht}:hover &,${Ht}:focus-within &{opacity:1;}`, mu = h(w)`padding:6px 8px;background:${m.themedColor.textHighEmphasis};color:${m.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, gu = () => {
-  const { logger: e } = Y(), { stringSet: t } = G(), { channelSource: n } = re(), r = n.channel, s = qe(), i = Xt("handoff-button", r), a = !jt(r) || He(r), l = async () => {
+}, Ht = h.div`position:relative;`, mu = h.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Ne.TOOLTIP};${({ $position: e }) => uu[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Ht}:hover &,${Ht}:focus-within &{opacity:1;}`, gu = h(w)`padding:6px 8px;background:${m.themedColor.textHighEmphasis};color:${m.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, hu = () => {
+  const { logger: e } = Y(), { stringSet: t } = W(), { channelSource: n } = oe(), r = n.channel, s = qe(), i = Xt("handoff-button", r), a = !jt(r) || He(r), l = async () => {
     try {
       const c = await (r == null ? void 0 : r.markConversationAsHandoff());
       e.info("conversation.handleAgentHandoff: success", c);
@@ -4661,11 +4672,11 @@ const {
       e.error("conversation.handleAgentHandoff: error", c);
     }
   };
-  return i ? /* @__PURE__ */ o.createElement(lu, { label: t.HEADER_BUTTON__AGENT_HANDOFF, position: "bottom", disabled: a }, /* @__PURE__ */ o.createElement(Le, { "aria-label": "request handoff", type: "agent", size: s, disabled: a, onClick: l })) : null;
-}, hu = () => {
-  const { stringSet: e } = G(), { onNavigateToConversationList: t } = re();
+  return i ? /* @__PURE__ */ o.createElement(cu, { label: t.HEADER_BUTTON__AGENT_HANDOFF, position: "bottom", disabled: a }, /* @__PURE__ */ o.createElement(Oe, { "aria-label": "request handoff", type: "agent", size: s, disabled: a, onClick: l })) : null;
+}, pu = () => {
+  const { stringSet: e } = W(), { onNavigateToConversationList: t } = oe();
   return t ? /* @__PURE__ */ o.createElement(
-    Le,
+    Oe,
     {
       type: "menu",
       size: 24,
@@ -4674,13 +4685,13 @@ const {
     }
   ) : null;
 }, Ur = ({ channel: e, size: t = 40 }) => {
-  const { userSession: n, aiAgentInfo: r } = ne(), { fallbackIcon: s, url: i } = Cr({ channel: e, aiAgentInfo: r, userSession: n }), a = Je();
-  return i ? /* @__PURE__ */ o.createElement(Qt, { src: i, size: t }) : /* @__PURE__ */ o.createElement(pu, { $size: t, $bgColor: a.colors.base.primary }, /* @__PURE__ */ o.createElement(H, { type: s, size: t * 0.55, color: a.colors.base.primaryContrastContent }));
-}, pu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;background-color:${({ $bgColor: e }) => e};display:flex;align-items:center;justify-content:center;flex-shrink:0;`, fu = () => {
+  const { userSession: n, aiAgentInfo: r } = re(), { fallbackIcon: s, url: i } = Cr({ channel: e, aiAgentInfo: r, userSession: n }), a = Je();
+  return i ? /* @__PURE__ */ o.createElement(Qt, { src: i, size: t }) : /* @__PURE__ */ o.createElement(fu, { $size: t, $bgColor: a.colors.base.primary }, /* @__PURE__ */ o.createElement(H, { type: s, size: t * 0.55, color: a.colors.base.primaryContrastContent }));
+}, fu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;background-color:${({ $bgColor: e }) => e};display:flex;align-items:center;justify-content:center;flex-shrink:0;`, bu = () => {
   var l, c;
-  const { channelSource: e } = re(), { aiAgentInfo: t, userSession: n } = ne(), { config: r } = X(), s = e.channel, i = Cr({ channel: s, userSession: n, aiAgentInfo: t }), a = (c = (l = r == null ? void 0 : r.conversation) == null ? void 0 : l.header) == null ? void 0 : c.avatarEnabled;
-  return /* @__PURE__ */ o.createElement(bu, null, a && /* @__PURE__ */ o.createElement(Ur, { channel: s, size: 34 }), /* @__PURE__ */ o.createElement(Eu, { variant: "h2", color: m.themedColor.textHighEmphasis }, i.title));
-}, bu = h.div`display:flex;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, Eu = h(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, xu = (e) => {
+  const { channelSource: e } = oe(), { aiAgentInfo: t, userSession: n } = re(), { config: r } = X(), s = e.channel, i = Cr({ channel: s, userSession: n, aiAgentInfo: t }), a = (c = (l = r == null ? void 0 : r.conversation) == null ? void 0 : l.header) == null ? void 0 : c.avatarEnabled;
+  return /* @__PURE__ */ o.createElement(Eu, null, a && /* @__PURE__ */ o.createElement(Ur, { channel: s, size: 34 }), /* @__PURE__ */ o.createElement(xu, { variant: "h2", color: m.themedColor.textHighEmphasis }, i.title));
+}, Eu = h.div`display:flex;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, xu = h(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, vu = (e) => {
   const { components: t } = Ke.useContext();
   return /* @__PURE__ */ o.createElement(
     an,
@@ -4691,32 +4702,32 @@ const {
       end: /* @__PURE__ */ o.createElement(t.EndArea, null)
     }
   );
-}, vu = () => {
+}, _u = () => {
   const { components: e } = Ke.useContext();
   return /* @__PURE__ */ o.createElement(e.MenuButton, null);
-}, _u = () => {
+}, yu = () => {
   const { components: e } = Ke.useContext();
   return /* @__PURE__ */ o.createElement(e.Title, null);
-}, yu = () => {
+}, Cu = () => {
   const { components: e } = Ke.useContext();
-  return /* @__PURE__ */ o.createElement(Su, null, /* @__PURE__ */ o.createElement(e.HandoffButton, null), /* @__PURE__ */ o.createElement(e.ConversationCloseButton, null), /* @__PURE__ */ o.createElement(e.ExpandButton, null), /* @__PURE__ */ o.createElement(e.CloseButton, null));
+  return /* @__PURE__ */ o.createElement(Tu, null, /* @__PURE__ */ o.createElement(e.HandoffButton, null), /* @__PURE__ */ o.createElement(e.ConversationCloseButton, null), /* @__PURE__ */ o.createElement(e.ExpandButton, null), /* @__PURE__ */ o.createElement(e.CloseButton, null));
 }, Ke = ye({
-  template: xu,
+  template: vu,
   components: {
-    StartArea: vu,
-    TitleArea: _u,
-    EndArea: yu,
-    MenuButton: hu,
-    Title: fu,
-    HandoffButton: gu,
-    ConversationCloseButton: iu,
-    ExpandButton: au,
-    CloseButton: zd
+    StartArea: _u,
+    TitleArea: yu,
+    EndArea: Cu,
+    MenuButton: pu,
+    Title: bu,
+    HandoffButton: hu,
+    ConversationCloseButton: au,
+    ExpandButton: lu,
+    CloseButton: Wd
   }
-}), Cu = () => {
+}), Su = () => {
   const { isActionbookTester: e } = je(), { Template: t } = Ke.useContext();
   return e ? null : /* @__PURE__ */ o.createElement(t, { titleAlign: "start" });
-}, Su = h.div`display:flex;gap:10px;align-items:center;justify-content:center;`, cn = Ge({
+}, Tu = h.div`display:flex;gap:10px;align-items:center;justify-content:center;`, cn = We({
   onDrop: _e,
   subscribe: () => _e
 }), Vt = ({ children: e }) => {
@@ -4737,7 +4748,7 @@ const {
     },
     e
   );
-}, Tu = ({ onDropFiles: e }) => {
+}, Au = ({ onDropFiles: e }) => {
   const { subscribe: t } = xe(cn);
   P(() => t(e), [e]);
 };
@@ -4745,40 +4756,40 @@ Vt.Consumer = ({ children: e }) => {
   const { onDrop: t } = xe(cn);
   return e({ onDrop: t, onDragOver: (s) => s.preventDefault() });
 };
-const dn = ({ iconSize: e = 64, icon: t, className: n, label: r, children: s }) => /* @__PURE__ */ o.createElement(wu, { className: n }, t && /* @__PURE__ */ o.createElement(H, { type: t, size: e, color: m.themedColor.textLowEmphasis }), r && /* @__PURE__ */ o.createElement(w, { variant: "body1", color: m.themedColor.textMidEmphasis }, r), s), Au = h.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, wu = h.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Iu = ({
+const dn = ({ iconSize: e = 64, icon: t, className: n, label: r, children: s }) => /* @__PURE__ */ o.createElement(Iu, { className: n }, t && /* @__PURE__ */ o.createElement(H, { type: t, size: e, color: m.themedColor.textLowEmphasis }), r && /* @__PURE__ */ o.createElement(w, { variant: "body1", color: m.themedColor.textMidEmphasis }, r), s), wu = h.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, Iu = h.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, ku = ({
   label: e = "Something went wrong",
   icon: t = "error",
   action: n,
   ...r
-}) => /* @__PURE__ */ o.createElement(dn, { icon: t, label: e, ...r }, n && /* @__PURE__ */ o.createElement(ku, { onClick: n.onClick, label: n.label ?? "Retry" })), ku = ({ label: e, onClick: t }) => /* @__PURE__ */ o.createElement($u, { tabIndex: 0, onClick: t }, /* @__PURE__ */ o.createElement(H, { type: "refresh", size: 20 }), /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.color.primary.main }, e)), $u = h.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`, Mu = ({ iconSize: e = 48, className: t }) => /* @__PURE__ */ o.createElement(rn, { size: e, className: t }), Lu = ({ label: e = "No channels", icon: t = "chat", ...n }) => /* @__PURE__ */ o.createElement(dn, { icon: t, label: e, ...n }), Ou = ({
+}) => /* @__PURE__ */ o.createElement(dn, { icon: t, label: e, ...r }, n && /* @__PURE__ */ o.createElement($u, { onClick: n.onClick, label: n.label ?? "Retry" })), $u = ({ label: e, onClick: t }) => /* @__PURE__ */ o.createElement(Mu, { tabIndex: 0, onClick: t }, /* @__PURE__ */ o.createElement(H, { type: "refresh", size: 20 }), /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.color.primary.main }, e)), Mu = h.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`, Ou = ({ iconSize: e = 48, className: t }) => /* @__PURE__ */ o.createElement(rn, { size: e, className: t }), Lu = ({ label: e = "No channels", icon: t = "chat", ...n }) => /* @__PURE__ */ o.createElement(dn, { icon: t, label: e, ...n }), Du = ({
   label: e = "No messages",
   icon: t = "message",
   ...n
-}) => /* @__PURE__ */ o.createElement(dn, { icon: t, label: e, ...n }), Du = (e) => {
+}) => /* @__PURE__ */ o.createElement(dn, { icon: t, label: e, ...n }), Ru = (e) => {
   const { components: t } = un.useContext(), n = e.type === "loading" ? /* @__PURE__ */ o.createElement(t.Loading, { ...e }) : e.type === "error" ? /* @__PURE__ */ o.createElement(t.Error, { ...e }) : e.type === "noChannels" ? /* @__PURE__ */ o.createElement(t.NoChannels, { ...e }) : e.type === "noMessages" ? /* @__PURE__ */ o.createElement(t.NoMessages, { ...e }) : null;
-  return n && /* @__PURE__ */ o.createElement(Au, null, n);
+  return n && /* @__PURE__ */ o.createElement(wu, null, n);
 }, un = ye({
-  template: Du,
+  template: Ru,
   components: {
-    Loading: Mu,
-    Error: Iu,
+    Loading: Ou,
+    Error: ku,
     NoChannels: Lu,
-    NoMessages: Ou
+    NoMessages: Du
   }
 }), ze = (e) => {
   const { Template: t } = un.useContext();
   return /* @__PURE__ */ o.createElement(t, { ...e });
 }, Zn = (e) => dr(e) || ur(e);
-function Ru(e) {
+function Nu(e) {
   return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
 }
-function Nu(e, t) {
+function Bu(e, t) {
   return e.filter((n) => Ie.isWelcomeMessage(n, t));
 }
-const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:${({ theme: e }) => e.colors.base.primary}!important;ellipse,path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}`, Fu = h.div`position:fixed;inset:0;outline:none;display:flex;flex-direction:column;`, Pu = h.div`display:flex;gap:10px;align-items:center;`, Uu = h.div`flex:1;min-height:0;display:flex;align-items:center;justify-content:center;`, Hu = h.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, Vu = h.img`max-width:100%;max-height:100%;padding:40px;box-sizing:border-box;object-fit:contain;user-select:none;-webkit-user-drag:none;`, zu = h.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Gu = ({ file: e, sender: t = {}, onClose: n }) => {
-  const { type: r, url: s, name: i = "" } = e, { profileUrl: a, userId: l } = t, { aiAgentInfo: c } = ne();
+const Fu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:${({ theme: e }) => e.colors.base.primary}!important;ellipse,path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}`, Pu = h.div`position:fixed;inset:0;outline:none;display:flex;flex-direction:column;`, Uu = h.div`display:flex;gap:10px;align-items:center;`, Hu = h.div`flex:1;min-height:0;display:flex;align-items:center;justify-content:center;`, Vu = h.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, zu = h.img`max-width:100%;max-height:100%;padding:40px;box-sizing:border-box;object-fit:contain;user-select:none;-webkit-user-drag:none;`, Wu = h.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Gu = ({ file: e, sender: t = {}, onClose: n }) => {
+  const { type: r, url: s, name: i = "" } = e, { profileUrl: a, userId: l } = t, { aiAgentInfo: c } = re();
   return /* @__PURE__ */ o.createElement(
-    Wu,
+    ju,
     {
       profileUrl: a ?? "",
       type: r,
@@ -4788,16 +4799,16 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       isBotMessage: l === c.userId
     }
   );
-}, Wu = ({ profileUrl: e, isBotMessage: t, name: n, type: r, url: s, onClose: i }) => {
+}, ju = ({ profileUrl: e, isBotMessage: t, name: n, type: r, url: s, onClose: i }) => {
   var d, g;
-  const { stringSet: a } = G(), l = qe(), { config: c } = Y();
-  return /* @__PURE__ */ o.createElement(Tt, { onClose: i, visible: !0, rootElementId: de.MODAL_ROOT }, /* @__PURE__ */ o.createElement(Fu, null, /* @__PURE__ */ o.createElement(
+  const { stringSet: a } = W(), l = qe(), { config: c } = Y();
+  return /* @__PURE__ */ o.createElement(Tt, { onClose: i, visible: !0, rootElementId: de.MODAL_ROOT }, /* @__PURE__ */ o.createElement(Pu, null, /* @__PURE__ */ o.createElement(
     an,
     {
-      start: /* @__PURE__ */ o.createElement(ju, { profileUrl: e, isBotMessage: t }),
+      start: /* @__PURE__ */ o.createElement(qu, { profileUrl: e, isBotMessage: t }),
       title: /* @__PURE__ */ o.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis, maxTextLines: 1 }, n),
-      end: /* @__PURE__ */ o.createElement(Pu, null, Zn(r) && ((g = (d = c == null ? void 0 : c.conversation) == null ? void 0 : d.fileViewer) == null ? void 0 : g.downloadEnabled) && /* @__PURE__ */ o.createElement(
-        Le,
+      end: /* @__PURE__ */ o.createElement(Uu, null, Zn(r) && ((g = (d = c == null ? void 0 : c.conversation) == null ? void 0 : d.fileViewer) == null ? void 0 : g.downloadEnabled) && /* @__PURE__ */ o.createElement(
+        Oe,
         {
           as: "a",
           href: s,
@@ -4806,16 +4817,16 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
           type: "download",
           size: l
         }
-      ), /* @__PURE__ */ o.createElement(Le, { "aria-label": "close file viewer", type: "close", size: l, onClick: i }))
+      ), /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close file viewer", type: "close", size: l, onClick: i }))
     }
-  ), /* @__PURE__ */ o.createElement(Uu, { onClick: (f) => f.currentTarget === f.target && i() }, ur(r) && /* @__PURE__ */ o.createElement(Hu, { controls: !0 }, /* @__PURE__ */ o.createElement("source", { src: s, type: r })), dr(r) && /* @__PURE__ */ o.createElement(Vu, { src: s, alt: n }), !Zn(r) && /* @__PURE__ */ o.createElement(zu, null, /* @__PURE__ */ o.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, a.FILE_VIEWER__UNSUPPORT)))));
-}, ju = ({ profileUrl: e, isBotMessage: t }) => t && !e ? /* @__PURE__ */ o.createElement(Bu, { $size: 32 }, /* @__PURE__ */ o.createElement(H, { type: "delight", size: 20 })) : /* @__PURE__ */ o.createElement(Qt, { size: 32, src: e }), Hr = ({
+  ), /* @__PURE__ */ o.createElement(Hu, { onClick: (f) => f.currentTarget === f.target && i() }, ur(r) && /* @__PURE__ */ o.createElement(Vu, { controls: !0 }, /* @__PURE__ */ o.createElement("source", { src: s, type: r })), dr(r) && /* @__PURE__ */ o.createElement(zu, { src: s, alt: n }), !Zn(r) && /* @__PURE__ */ o.createElement(Wu, null, /* @__PURE__ */ o.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, a.FILE_VIEWER__UNSUPPORT)))));
+}, qu = ({ profileUrl: e, isBotMessage: t }) => t && !e ? /* @__PURE__ */ o.createElement(Fu, { $size: 32 }, /* @__PURE__ */ o.createElement(H, { type: "delight", size: 20 })) : /* @__PURE__ */ o.createElement(Qt, { size: 32, src: e }), Hr = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: r = "MMMM dd, yyyy",
   style: s
-}) => /* @__PURE__ */ o.createElement(qu, { id: `${ce}-date-separator`, style: s, className: e }, /* @__PURE__ */ o.createElement(w, { variant: "caption4", color: m.themedColor.textMidEmphasis }, ir(n, r, { locale: t }))), qu = h.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, Ku = We(function(t, n) {
+}) => /* @__PURE__ */ o.createElement(Ku, { id: `${ce}-date-separator`, style: s, className: e }, /* @__PURE__ */ o.createElement(w, { variant: "caption4", color: m.themedColor.textMidEmphasis }, ir(n, r, { locale: t }))), Ku = h.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, Yu = Ge(function(t, n) {
   const {
     messages: r,
     renderMessage: s,
@@ -4831,42 +4842,42 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     bottomSpacerHeight: _ = 0,
     ariaLabel: E
   } = t, u = B(null), p = L(
-    ($) => {
-      u.current = $, n && (typeof n == "function" ? n($) : n.current = $);
+    (M) => {
+      u.current = M, n && (typeof n == "function" ? n(M) : n.current = M);
     },
     [n]
-  ), x = B(!1), y = B(void 0), k = B(0), S = B(0);
-  oe(() => {
+  ), x = B(!1), y = B(void 0), k = B(0), T = B(0);
+  se(() => {
     u.current && (u.current.scrollTop = u.current.scrollHeight);
-  }, b), oe(() => {
-    u.current && (y.current === "top" && (u.current.scrollTop = u.current.scrollHeight - S.current), y.current === "bottom" && (u.current.scrollTop = k.current), y.current = void 0);
+  }, b), se(() => {
+    u.current && (y.current === "top" && (u.current.scrollTop = u.current.scrollHeight - T.current), y.current === "bottom" && (u.current.scrollTop = k.current), y.current = void 0);
   }, [u.current, r.length]);
-  const O = async ($) => {
-    if (f == null || f($), !u.current) return;
-    const M = u.current;
-    if (S.current = M.scrollHeight - M.scrollTop, k.current = M.scrollTop, x.current) return;
-    const N = M.clientHeight * Math.min(Math.max(0, g), 1);
-    M.scrollTop <= N ? (x.current = !0, y.current = "top", await c(), x.current = !1) : M.scrollHeight - M.scrollTop - M.clientHeight <= N ? (x.current = !0, y.current = "bottom", await d(), x.current = !1) : y.current = void 0;
+  const D = async (M) => {
+    if (f == null || f(M), !u.current) return;
+    const O = u.current;
+    if (T.current = O.scrollHeight - O.scrollTop, k.current = O.scrollTop, x.current) return;
+    const N = O.clientHeight * Math.min(Math.max(0, g), 1);
+    O.scrollTop <= N ? (x.current = !0, y.current = "top", await c(), x.current = !1) : O.scrollHeight - O.scrollTop - O.clientHeight <= N ? (x.current = !0, y.current = "bottom", await d(), x.current = !1) : y.current = void 0;
   };
-  return /* @__PURE__ */ o.createElement(Yu, { id: "infinite-list-container" }, /* @__PURE__ */ o.createElement(
-    Zu,
+  return /* @__PURE__ */ o.createElement(Zu, { id: "infinite-list-container" }, /* @__PURE__ */ o.createElement(
+    Xu,
     {
       id: "infinite-list-inner",
       ref: p,
-      onScroll: O,
+      onScroll: D,
       role: "list",
       "aria-label": E
     },
     v === "bottom" && /* @__PURE__ */ o.createElement("div", { style: { flexGrow: 1 } }),
     i,
-    r.map(($, M) => s({ message: $, index: M })),
+    r.map((M, O) => s({ message: M, index: O })),
     a,
     _ > 0 && /* @__PURE__ */ o.createElement("div", { style: { minHeight: _ } })
-  ), /* @__PURE__ */ o.createElement(Xu, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ o.createElement(Ju, { id: "infinite-list-overlay" }, l)));
-}), Yu = h.div`display:flex;position:relative;flex:1;overflow:hidden;`, Zu = h.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:${m.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Xu = h.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Ju = h.div`pointer-events:auto;`, Qu = ({ className: e, label: t, ariaLabel: n, onClick: r }) => {
+  ), /* @__PURE__ */ o.createElement(Ju, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ o.createElement(Qu, { id: "infinite-list-overlay" }, l)));
+}), Zu = h.div`display:flex;position:relative;flex:1;overflow:hidden;`, Xu = h.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:${m.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Ju = h.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Qu = h.div`pointer-events:auto;`, em = ({ className: e, label: t, ariaLabel: n, onClick: r }) => {
   const { colors: s } = Je();
-  return /* @__PURE__ */ o.createElement(em, { className: e, onClick: r, "aria-label": n }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: s.base.primaryContrastContent }, t), /* @__PURE__ */ o.createElement(H, { size: 16, type: "chevron-down", color: s.base.primaryContrastContent }));
-}, em = h.button`all:unset;cursor:pointer;display:flex;align-items:center;gap:4px;padding:10px 12px 10px 16px;border-radius:24px;background-color:${({ theme: e }) => e.colors.base.primary};box-shadow:0 8px 10px 1px rgba(13,13,13,0.12),0 3px 14px 2px rgba(13,13,13,0.08),0 3px 5px -3px rgba(13,13,13,0.04);&:focus{outline:none;}`, tm = ({ className: e, onClick: t, ariaLabel: n }) => /* @__PURE__ */ o.createElement(nm, { className: e, onClick: t, tabIndex: 0, "aria-label": n }, /* @__PURE__ */ o.createElement(H, { size: 24, type: "chevron-down", color: m.color.primary.main })), nm = h.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);${F.light`
+  return /* @__PURE__ */ o.createElement(tm, { className: e, onClick: r, "aria-label": n }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: s.base.primaryContrastContent }, t), /* @__PURE__ */ o.createElement(H, { size: 16, type: "chevron-down", color: s.base.primaryContrastContent }));
+}, tm = h.button`all:unset;cursor:pointer;display:flex;align-items:center;gap:4px;padding:10px 12px 10px 16px;border-radius:24px;background-color:${({ theme: e }) => e.colors.base.primary};box-shadow:0 8px 10px 1px rgba(13,13,13,0.12),0 3px 14px 2px rgba(13,13,13,0.08),0 3px 5px -3px rgba(13,13,13,0.04);&:focus{outline:none;}`, nm = ({ className: e, onClick: t, ariaLabel: n }) => /* @__PURE__ */ o.createElement(rm, { className: e, onClick: t, tabIndex: 0, "aria-label": n }, /* @__PURE__ */ o.createElement(H, { size: 24, type: "chevron-down", color: m.color.primary.main })), rm = h.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);${F.light`
     background-color: ${m.color.background50};
     &:hover {
       background-color: ${m.color.background100};
@@ -4888,13 +4899,13 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
   &:focus {
     outline: none;
   }
-`, rm = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = Y(), { aiAgentInfo: n } = ne(), { stringSet: r, dateLocale: s } = G(), { messageSource: i } = re(), { Template: a } = Ve.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Nu(c, t), g = c[d.length + 1], f = d[0] ?? g;
+`, om = () => {
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = Y(), { aiAgentInfo: n } = re(), { stringSet: r, dateLocale: s } = W(), { messageSource: i } = oe(), { Template: a } = Ve.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Bu(c, t), g = c[d.length + 1], f = d[0] ?? g;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: c.filter((b) => Ru(b) ? !1 : l.length > 0 ? !Ie.isWelcomeMessage(b, t) : !0),
+    filteredMessages: c.filter((b) => Nu(b) ? !1 : l.length > 0 ? !Ie.isWelcomeMessage(b, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
@@ -4931,10 +4942,10 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       );
     }))
   };
-}, om = (e) => h(e).withConfig({ shouldForwardProp: Wo }), sm = ({ style: e }) => {
-  const { stringSet: t } = G(), { isActionbookTester: n } = je();
-  return !Xt("powered-by") || n ? null : /* @__PURE__ */ o.createElement(im, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ o.createElement(
-    am,
+}, sm = (e) => h(e).withConfig({ shouldForwardProp: Go }), im = ({ style: e }) => {
+  const { stringSet: t } = W(), { isActionbookTester: n } = je();
+  return !Xt("powered-by") || n ? null : /* @__PURE__ */ o.createElement(am, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ o.createElement(
+    lm,
     {
       variant: "caption2",
       as: "a",
@@ -4945,13 +4956,13 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     },
     "Sendbird"
   ));
-}, im = h(w)`color:${m.themedColor.textLowEmphasis};text-align:center;`, am = om(w)`
+}, am = h(w)`color:${m.themedColor.textLowEmphasis};text-align:center;`, lm = sm(w)`
   color: ${m.themedColor.textLowEmphasis};
   cursor: pointer;
   text-decoration: none;
-`, lm = () => {
+`, cm = () => {
   var a;
-  const { stringSet: e } = G(), { channelSource: t, goToActiveConversation: n, scrollSource: r } = re(), s = ke(t.channel), i = B(s);
+  const { stringSet: e } = W(), { channelSource: t, goToActiveConversation: n, scrollSource: r } = oe(), s = ke(t.channel), i = B(s);
   return P(() => {
     if (!i.current && s) {
       const d = setTimeout(() => {
@@ -4960,8 +4971,8 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       return () => clearTimeout(d);
     }
     i.current = s;
-  }, [s, r.actions.scrollToBottom]), !((a = t.channel) != null && a.isAIAgent) || !s ? null : /* @__PURE__ */ o.createElement(cm, null, /* @__PURE__ */ o.createElement(
-    dm,
+  }, [s, r.actions.scrollToBottom]), !((a = t.channel) != null && a.isAIAgent) || !s ? null : /* @__PURE__ */ o.createElement(dm, null, /* @__PURE__ */ o.createElement(
+    um,
     {
       variant: "button",
       role: "button",
@@ -4970,32 +4981,32 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     },
     e.TALK_TO_AGENT
   ));
-}, cm = h.div`display:flex;justify-content:center;margin-bottom:16px;`, dm = h(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;user-select:none;`, um = () => {
-  const { Template: e } = on.useContext(), { Template: t } = Ve.useContext(), { Template: n } = sn.useContext(), [r, s] = C(null), [i, a] = C(null), { userSession: l, aiAgentInfo: c } = ne(), { cache: d, agentPreviewConfigs: g, chatSDK: f, state: b } = Y(), { config: v } = X(), { stringSet: _, dateLocale: E } = G(), {
+}, dm = h.div`display:flex;justify-content:center;margin-bottom:16px;`, um = h(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;user-select:none;`, mm = () => {
+  const { Template: e } = on.useContext(), { Template: t } = Ve.useContext(), { Template: n } = sn.useContext(), [r, s] = C(null), [i, a] = C(null), { userSession: l, aiAgentInfo: c } = re(), { cache: d, agentPreviewConfigs: g, chatSDK: f, state: b } = Y(), { config: v } = X(), { stringSet: _, dateLocale: E } = W(), {
     conversation: u,
     channelSource: p,
     messageSource: x,
     scrollSource: y,
-    state: { input: k, streamAnimation: S }
-  } = re(), { isActionbookTester: O } = je(), { filteredMessages: $, shouldShowOriginalDate: M, renderAgentPreviewWelcomeMessages: N } = rm(), j = vr(p.channel), K = (() => {
+    state: { input: k, streamAnimation: T }
+  } = oe(), { isActionbookTester: D } = je(), { filteredMessages: M, shouldShowOriginalDate: O, renderAgentPreviewWelcomeMessages: N } = om(), j = vr(p.channel), q = (() => {
     const Z = j[0];
     if (!Z) return null;
-    const ae = Z.userId === c.userId;
-    return { user: ae ? c : Z, isBot: ae };
+    const le = Z.userId === c.userId;
+    return { user: le ? c : Z, isBot: le };
   })();
   P(() => {
-    y.actions.onTypingIndicatorUpdate(!!K);
-  }, [!!K, y.actions.onTypingIndicatorUpdate]), P(() => {
+    y.actions.onTypingIndicatorUpdate(!!q);
+  }, [!!q, y.actions.onTypingIndicatorUpdate]), P(() => {
     y.state.isAwayFromBottom || x.resetNewMessages();
   }, [y.state.isAwayFromBottom]);
-  const Se = (Z, ae = !1) => {
+  const Se = (Z, le = !1) => {
     var Ae;
-    return ae ? c : ((Ae = p.channel) == null ? void 0 : Ae.members.find((A) => A.userId === Z.sender.userId)) ?? Z.sender;
+    return le ? c : ((Ae = p.channel) == null ? void 0 : Ae.members.find((A) => A.userId === Z.sender.userId)) ?? Z.sender;
   }, Te = (Z) => {
     if (Z.sendingStatus === "failed" && !k.disabled)
       return () => a(Z);
-  }, Oe = () => {
-    var Z, ae, Ae;
+  }, Le = () => {
+    var Z, le, Ae;
     if (!x.initialized)
       return /* @__PURE__ */ o.createElement(ze, { type: "loading" });
     if (x.messages.length === 0) {
@@ -5003,46 +5014,46 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       return A ? /* @__PURE__ */ o.createElement("div", { style: { width: "100%" } }, A) : /* @__PURE__ */ o.createElement(ze, { type: "noMessages", label: _.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ o.createElement(
-      Ku,
+      Yu,
       {
         ref: y.ref,
         onScroll: y.props.onScroll,
         stackDirection: g == null ? void 0 : g.messageStackDirection,
-        messages: $,
+        messages: M,
         onLoadPrev: x.loadPrevious,
         onLoadNext: x.loadNext,
         depsForResetScrollPositionToBottom: [x.initialized, x.messages.length !== 0],
         bottomSpacerHeight: y.state.bottomSpace,
         ariaLabel: _.A11Y_MESSAGE_LIST,
-        messageTopArea: /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(sm, { style: { marginTop: 16 } }), N()),
-        messageBottomArea: /* @__PURE__ */ o.createElement(o.Fragment, null, K && /* @__PURE__ */ o.createElement("div", { id: `${ce}-message-item`, role: "listitem" }, /* @__PURE__ */ o.createElement(
+        messageTopArea: /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(im, { style: { marginTop: 16 } }), N()),
+        messageBottomArea: /* @__PURE__ */ o.createElement(o.Fragment, null, q && /* @__PURE__ */ o.createElement("div", { id: `${ce}-message-item`, role: "listitem" }, /* @__PURE__ */ o.createElement(
           t,
           {
             isTyping: !0,
-            isBotMessage: K.isBot,
-            sender: K.user,
+            isBotMessage: q.isBot,
+            sender: q.user,
             messageType: "user",
             groupType: "single",
             message: "",
             isSenderAvatarVisible: (Z = v == null ? void 0 : v.conversation) == null ? void 0 : Z.senderAvatarEnabled
           }
-        )), ((ae = v == null ? void 0 : v.conversation) == null ? void 0 : ae.isTalkToAgentViewEnabled) && /* @__PURE__ */ o.createElement(lm, null)),
+        )), ((le = v == null ? void 0 : v.conversation) == null ? void 0 : le.isTalkToAgentViewEnabled) && /* @__PURE__ */ o.createElement(cm, null)),
         overlayArea: /* @__PURE__ */ o.createElement(o.Fragment, null, ((Ae = v == null ? void 0 : v.conversation) == null ? void 0 : Ae.newMessageIndicatorEnabled) && y.state.isAwayFromBottom && x.newMessages.length > 0 && /* @__PURE__ */ o.createElement(
-          hm,
+          pm,
           {
             label: _.SCROLL_TO_NEW_MESSAGES_LABEL(x.newMessages),
             ariaLabel: _.A11Y_SCROLL_TO_NEW_MESSAGES,
             onClick: () => y.actions.scrollToBottom()
           }
-        ), y.state.isAwayFromBottom && x.newMessages.length === 0 && !K && /* @__PURE__ */ o.createElement(
-          gm,
+        ), y.state.isAwayFromBottom && x.newMessages.length === 0 && !q && /* @__PURE__ */ o.createElement(
+          hm,
           {
             ariaLabel: _.A11Y_SCROLL_TO_BOTTOM,
             onClick: () => y.actions.scrollToBottom()
           }
         )),
-        renderMessage: ({ message: A, index: U }) => {
-          const T = Qo(A), R = $[U - 1], q = $[U + 1], he = $[$.length - 1], le = A === he, te = Qe(A, c.userId), pe = !(c.isUserFeedbackEnabled && te && !Ie.isWelcomeMessage(A)), ue = es(A, R, q, pe), me = !Go((R == null ? void 0 : R.createdAt) ?? 0, A.createdAt) && M(U) && !O, Ye = (st) => {
+        renderMessage: ({ message: A, index: he }) => {
+          const S = Qo(A), $ = M[he - 1], U = M[he + 1], K = M[M.length - 1], te = A === K, ne = Qe(A, c.userId), pe = !(c.isUserFeedbackEnabled && ne && !Ie.isWelcomeMessage(A)), ue = es(A, $, U, pe), me = !Wo(($ == null ? void 0 : $.createdAt) ?? 0, A.createdAt) && O(he) && !D, Ye = (st) => {
             (A.isFileMessage() || A.isUserMessage()) && s({ file: st, sender: Se(A, A.sender.userId === c.userId) });
           }, At = () => {
             A.isFileMessage() && en(A.url);
@@ -5078,8 +5089,8 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
                   isResolvedWhenDeterminedByUser: qo(u),
                   messageType: "admin.csat",
                   onSubmitCSAT: async (De) => {
-                    var W;
-                    await ((W = p.channel) == null ? void 0 : W.submitCSAT(De));
+                    var G;
+                    await ((G = p.channel) == null ? void 0 : G.submitCSAT(De));
                   }
                 }
               ) : null : /* @__PURE__ */ o.createElement(n, { ...ot, messageType: "admin", message: A.message });
@@ -5094,14 +5105,14 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
               if (A.isUserMessage())
                 return /* @__PURE__ */ o.createElement(e, { messageType: "user", ...De });
               if (A.isFileMessage()) {
-                const [W, se] = ((st = A.metaArrays.find((fe) => fe.key === cr)) == null ? void 0 : st.value) ?? [];
+                const [G, ie] = ((st = A.metaArrays.find((fe) => fe.key === cr)) == null ? void 0 : st.value) ?? [];
                 return /* @__PURE__ */ o.createElement(
                   e,
                   {
                     messageType: "file",
                     file: A,
                     metadata: {
-                      aspectRatio: W && se ? `${W}/${se}` : "1/1",
+                      aspectRatio: G && ie ? `${G}/${ie}` : "1/1",
                       localFile: (bn = A.messageParams) == null ? void 0 : bn.file
                     },
                     ...De
@@ -5112,60 +5123,60 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
             if (Be.isIncoming(A, l.userId)) {
               const De = {
                 ...ot,
-                sender: Se(A, te),
+                sender: Se(A, ne),
                 message: A.message,
-                suggestedRepliesVisible: le,
+                suggestedRepliesVisible: te,
                 suggestedRepliesDirection: g == null ? void 0 : g.suggestedRepliesDirection,
-                isBotMessage: te,
+                isBotMessage: ne,
                 isStreaming: Ie.isStreaming(A),
                 isHandedOff: He(p.channel),
                 isConversationClosed: ke(p.channel),
                 isFeedbackEnabled: c.isUserFeedbackEnabled,
                 isFeedbackCommentEnabled: c.isUserFeedbackCommentOptionEnabled,
                 isSenderAvatarVisible: (En = v == null ? void 0 : v.conversation) == null ? void 0 : En.senderAvatarEnabled,
-                onClickSuggestedReply: async ({ reply: W }) => {
-                  x.sendUserMessage({ message: W });
+                onClickSuggestedReply: async ({ reply: G }) => {
+                  x.sendUserMessage({ message: G });
                 },
-                onRequestMessageTemplate: async (W) => {
-                  const { template: se } = await f.aiAgent.getMessageTemplate(W);
-                  return d.template.set(W, se), se;
+                onRequestMessageTemplate: async (G) => {
+                  const { template: ie } = await f.aiAgent.getMessageTemplate(G);
+                  return d.template.set(G, ie), ie;
                 },
-                onGetCachedMessageTemplate: (W) => d.template.get(W),
-                onHandleTemplateInternalAction: (W) => {
-                  if (W.type === "internal" && W.internalData) {
-                    const { method: se, payload: fe } = W.internalData;
-                    se === "message.send" && (fe != null && fe.message) && x.sendUserMessage({ message: fe.message });
+                onGetCachedMessageTemplate: (G) => d.template.get(G),
+                onHandleTemplateInternalAction: (G) => {
+                  if (G.type === "internal" && G.internalData) {
+                    const { method: ie, payload: fe } = G.internalData;
+                    ie === "message.send" && (fe != null && fe.message) && x.sendUserMessage({ message: fe.message });
                   }
                 },
-                onFeedbackUpdate: (W) => {
-                  const se = {
+                onFeedbackUpdate: (G) => {
+                  const ie = {
                     messageId: A.messageId,
                     channelUrl: A.channelUrl
                   };
-                  if (!W)
-                    return f.aiAgent.deleteMessageFeedback(se);
-                  const fe = { ...se, rating: al(W.rating), comment: W.comment };
+                  if (!G)
+                    return f.aiAgent.deleteMessageFeedback(ie);
+                  const fe = { ...ie, rating: ll(G.rating), comment: G.comment };
                   return Ie.hasFeedback(A) ? f.aiAgent.updateMessageFeedback(fe) : f.aiAgent.createMessageFeedback(fe);
                 },
-                onSubmitForm: ({ key: W, data: se }) => f.aiAgent.submitForm({
+                onSubmitForm: ({ key: G, data: ie }) => f.aiAgent.submitForm({
                   messageId: A.messageId,
                   channelUrl: A.channelUrl,
-                  formKey: W,
-                  formData: se
+                  formKey: G,
+                  formData: ie
                 }),
-                onCancelForm: ({ key: W }) => f.aiAgent.cancelForm({
+                onCancelForm: ({ key: G }) => f.aiAgent.cancelForm({
                   messageId: A.messageId,
                   channelUrl: A.channelUrl,
-                  formKey: W
+                  formKey: G
                 }),
                 onStreamAnimationStart: () => {
-                  S.start(A.messageId);
+                  T.start(A.messageId);
                 },
                 onStreamAnimationProgress: () => {
                   y.actions.onStreamingUpdate(!0);
                 },
                 onStreamAnimationComplete: () => {
-                  S.stop(A.messageId), y.actions.onStreamingUpdate(!1);
+                  T.stop(A.messageId), y.actions.onStreamingUpdate(!1);
                 }
               };
               if (A.isUserMessage())
@@ -5174,12 +5185,12 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
                 return /* @__PURE__ */ o.createElement(t, { messageType: "file", file: A, ...De });
             }
           })();
-          return /* @__PURE__ */ o.createElement("div", { key: T, id: `${ce}-message-item`, role: "listitem", "data-layout-id": io() }, so, ao);
+          return /* @__PURE__ */ o.createElement("div", { key: S, id: `${ce}-message-item`, role: "listitem", "data-layout-id": io() }, so, ao);
         }
       }
     );
   };
-  return /* @__PURE__ */ o.createElement(mm, { id: `${ce}-message-list` }, Oe(), r && /* @__PURE__ */ o.createElement(Gu, { onClose: () => s(null), sender: r.sender, file: r.file }), i && /* @__PURE__ */ o.createElement(Ue, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(gm, { id: `${ce}-message-list` }, Le(), r && /* @__PURE__ */ o.createElement(Gu, { onClose: () => s(null), sender: r.sender, file: r.file }), i && /* @__PURE__ */ o.createElement(Ue, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ o.createElement(
     Ue.ActionItem,
     {
       onClick: () => {
@@ -5197,17 +5208,17 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     },
     _.FAILED_MESSAGE_REMOVE
   )));
-}, mm = h.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, gm = h(tm)`position:absolute;bottom:12px;inset-inline-end:16px;`, hm = h(Qu)`position:absolute;bottom:12px;left:50%;transform:translateX(-50%);`, pm = () => {
-  const { stringSet: e } = G(), { connectionError: t } = ne(), { channelSource: n } = re(), r = t || n.error;
+}, gm = h.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, hm = h(nm)`position:absolute;bottom:12px;inset-inline-end:16px;`, pm = h(em)`position:absolute;bottom:12px;left:50%;transform:translateX(-50%);`, fm = () => {
+  const { stringSet: e } = W(), { connectionError: t } = re(), { channelSource: n } = oe(), r = t || n.error;
   if (r) {
     const s = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
     return /* @__PURE__ */ o.createElement(ze, { type: "error", label: r.message, action: s });
   }
-  return n.channel ? /* @__PURE__ */ o.createElement(um, null) : /* @__PURE__ */ o.createElement(ze, { type: "loading" });
-}, fm = () => {
+  return n.channel ? /* @__PURE__ */ o.createElement(mm, null) : /* @__PURE__ */ o.createElement(ze, { type: "loading" });
+}, bm = () => {
   var s;
-  const { origin: e } = je(), { appId: t, aiAgentId: n } = X(), { channelSource: r } = re();
-  return (s = r.channel) != null && s.conversation ? /* @__PURE__ */ o.createElement(bm, null, /* @__PURE__ */ o.createElement(zt, { style: { gap: 4 } }, /* @__PURE__ */ o.createElement(H, { color: m.themedColor.textLowEmphasis, size: 12, type: "show" }), /* @__PURE__ */ o.createElement(w, { as: "i", color: m.themedColor.textLowEmphasis, variant: "caption2" }, "Only visible in the tester")), /* @__PURE__ */ o.createElement(
+  const { origin: e } = je(), { appId: t, aiAgentId: n } = X(), { channelSource: r } = oe();
+  return (s = r.channel) != null && s.conversation ? /* @__PURE__ */ o.createElement(Em, null, /* @__PURE__ */ o.createElement(zt, { style: { gap: 4 } }, /* @__PURE__ */ o.createElement(H, { color: m.themedColor.textLowEmphasis, size: 12, type: "show" }), /* @__PURE__ */ o.createElement(w, { as: "i", color: m.themedColor.textLowEmphasis, variant: "caption2" }, "Only visible in the tester")), /* @__PURE__ */ o.createElement(
     zt,
     {
       role: "button",
@@ -5221,9 +5232,9 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     /* @__PURE__ */ o.createElement(w, { variant: "body3", color: m.themedColor.textHighEmphasis }, "Copy ", /* @__PURE__ */ o.createElement("span", { style: { color: m.themedColor.primary } }, "conversation link")),
     /* @__PURE__ */ o.createElement(H, { color: m.themedColor.primary, size: 14, type: "copy" })
   )) : null;
-}, zt = h.div`display:flex;justify-content:center;align-items:center;`, bm = h(zt)`flex-direction:column;padding-block:16px;background-color:${m.themedColor.bg_100_500};gap:8px;`, Vr = Ge(void 0), Em = ({ children: e }) => {
+}, zt = h.div`display:flex;justify-content:center;align-items:center;`, Em = h(zt)`flex-direction:column;padding-block:16px;background-color:${m.themedColor.bg_100_500};gap:8px;`, Vr = We(void 0), xm = ({ children: e }) => {
   var E;
-  const { chatSDK: t } = Y(), { createAttachmentRules: n } = ne(), { stringSet: r } = G(), { channelSource: s } = re(), [i, a] = C([]), [l, c] = C({
+  const { chatSDK: t } = Y(), { createAttachmentRules: n } = re(), { stringSet: r } = W(), { channelSource: s } = oe(), [i, a] = C([]), [l, c] = C({
     visible: !1,
     title: ""
   }), d = n({
@@ -5254,16 +5265,16 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     }
     a((k) => [
       ...k,
-      ...p.map((S) => ({
-        file: S,
-        preview: { url: URL.createObjectURL(S), type: S.type, name: S.name }
+      ...p.map((T) => ({
+        file: T,
+        preview: { url: URL.createObjectURL(T), type: T.type, name: T.name }
       }))
     ]);
   }, v = (u) => {
     a((p) => {
       var y;
       const x = (y = p[u]) == null ? void 0 : y.preview;
-      return x && URL.revokeObjectURL(x.url), p.filter((k, S) => S !== u);
+      return x && URL.revokeObjectURL(x.url), p.filter((k, T) => T !== u);
     });
   }, _ = () => {
     a((u) => (u.forEach((p) => URL.revokeObjectURL(p.preview.url)), []));
@@ -5289,18 +5300,18 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     throw new Error("useFileUpload must be used within FileUploadProvider");
   return e;
 };
-function xm({ blurred: e, elementRef: t, document: n = window.document }) {
+function vm({ blurred: e, elementRef: t, document: n = window.document }) {
   const r = B(!1);
-  e && t.current && n.activeElement === t.current && (r.current = !0), oe(() => {
+  e && t.current && n.activeElement === t.current && (r.current = !0), se(() => {
     var s;
     !e && r.current && ((s = t.current) == null || s.focus(), r.current = !1);
   }, [e]);
 }
-const vm = (e, t) => {
+const _m = (e, t) => {
   P(() => {
     t ? e == null || e.startTyping() : e == null || e.endTyping();
   }, [e, t]);
-}, _m = h.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, ym = h.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;}`, Cm = h.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${F.light`
+}, ym = h.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, Cm = h.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;}`, Sm = h.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${F.light`
     background-color: ${m.color.background50};
   `}
   ${F.dark`
@@ -5319,16 +5330,16 @@ const vm = (e, t) => {
   circle {
     stroke: ${m.themedColor.bg_50_600};
   }
-`, Sm = () => {
+`, Tm = () => {
   const e = nt(), [t, n] = C(), { files: r, removeFile: s, isFileUploadEnabled: i } = mn();
-  return !i || r.length === 0 ? null : /* @__PURE__ */ o.createElement(_m, null, r.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ o.createElement(ym, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ o.createElement(Cm, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ o.createElement(H, { type: "close-filled", color: m.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ o.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ o.createElement(Jt, { name: l, type: qt(l, a) }))));
+  return !i || r.length === 0 ? null : /* @__PURE__ */ o.createElement(ym, null, r.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ o.createElement(Cm, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ o.createElement(Sm, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ o.createElement(H, { type: "close-filled", color: m.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ o.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ o.createElement(Jt, { name: l, type: qt(l, a) }))));
 }, zr = {
   textArea: I`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: I`margin-bottom:4px;`
-}, Gr = h.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Tm = h(Gr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${m.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${m.themedColor.bg_200_400};}}${ln && zr.attachIcon};`, Am = h.input`display:none;`, Xn = h.div`width:100%;position:relative;background-color:${m.themedColor.bg_100_500};border-radius:20px;`, Jn = h.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, Qn = h.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:${m.themedColor.textHighEmphasis};resize:none;width:100%;height:${Ar}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${ln && zr.textArea};&::placeholder{color:${m.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${m.themedColor.textDisabled};}}`, er = h.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, tr = ({ disabled: e }) => {
-  const { stringSet: t } = G(), n = B(null), [r, s] = C(!1), { addFiles: i, clearFiles: a, files: l, isFileUploadEnabled: c, acceptableMimeTypes: d } = mn();
+}, Wr = h.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Am = h(Wr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${m.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${m.themedColor.bg_200_400};}}${ln && zr.attachIcon};`, wm = h.input`display:none;`, Xn = h.div`width:100%;position:relative;background-color:${({ theme: e }) => e.colors.messageInput.background};border-radius:20px;`, Jn = h.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, Qn = h.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:${({ theme: e }) => e.colors.messageInput.text};resize:none;width:100%;height:${Ar}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${ln && zr.textArea};&::placeholder{color:${({ theme: e }) => e.colors.messageInput.placeholderText};}&:disabled{cursor:not-allowed;&::placeholder{color:${m.themedColor.textDisabled};}}`, er = h.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, tr = ({ disabled: e }) => {
+  const { stringSet: t } = W(), n = B(null), [r, s] = C(!1), { addFiles: i, clearFiles: a, files: l, isFileUploadEnabled: c, acceptableMimeTypes: d } = mn();
   return !c || l.length > 0 ? null : /* @__PURE__ */ o.createElement(
-    Tm,
+    Am,
     {
       disabled: e,
       onClick: () => {
@@ -5347,7 +5358,7 @@ const vm = (e, t) => {
       }
     ),
     /* @__PURE__ */ o.createElement(
-      Am,
+      wm,
       {
         type: "file",
         ref: n,
@@ -5367,8 +5378,8 @@ const vm = (e, t) => {
       }
     )
   );
-}, wm = () => {
-  const e = B(null), [t, n] = C(""), { stringSet: r } = G(), { rootElement: s } = Y(), { channelSource: i, messageSource: a, state: l } = re(), { files: c, addFiles: d, clearFiles: g } = mn(), f = l.input.disabled, b = (() => {
+}, Im = () => {
+  const e = B(null), [t, n] = C(""), { stringSet: r } = W(), { rootElement: s } = Y(), { channelSource: i, messageSource: a, state: l } = oe(), { files: c, addFiles: d, clearFiles: g } = mn(), f = l.input.disabled, b = (() => {
     if (!f) return r.MESSAGE_INPUT__PLACE_HOLDER;
     switch (l.input.disabledBy) {
       case "form_active":
@@ -5385,33 +5396,33 @@ const vm = (e, t) => {
         return r.MESSAGE_INPUT__PLACE_HOLDER__DISABLED;
     }
   })();
-  Tu({ onDropFiles: d }), xm({ blurred: f, elementRef: e, document: Re(s) }), vm(i.channel, t);
+  Au({ onDropFiles: d }), vm({ blurred: f, elementRef: e, document: Re(s) }), _m(i.channel, t);
   const v = t.trim().length > 0, _ = c.length > 0, E = !f && (v || _), u = () => {
     e.current && (e.current.value = "", e.current.style.height = ""), g(), n("");
   }, p = async () => {
-    const S = t.trim(), O = { message: S };
-    if (!(!S && !c.length)) {
+    const T = t.trim(), D = { message: T };
+    if (!(!T && !c.length)) {
       if (c.length > 0) {
-        const $ = c[0].file, M = { ...O, file: $ };
-        a.sendFileMessage(M), u();
+        const M = c[0].file, O = { ...D, file: M };
+        a.sendFileMessage(O), u();
         return;
       }
-      a.sendUserMessage(O), u();
+      a.sendUserMessage(D), u();
     }
-  }, x = (S) => {
-    const O = Array.from(S.clipboardData.files);
-    O.length > 0 && (S.preventDefault(), d(O));
-  }, y = (S) => {
-    S.key !== "Enter" || S.nativeEvent.isComposing || S.shiftKey || (S.preventDefault(), p());
-  }, k = (S) => {
+  }, x = (T) => {
+    const D = Array.from(T.clipboardData.files);
+    D.length > 0 && (T.preventDefault(), d(D));
+  }, y = (T) => {
+    T.key !== "Enter" || T.nativeEvent.isComposing || T.shiftKey || (T.preventDefault(), p());
+  }, k = (T) => {
     if (e.current) {
       e.current.style.height = "";
-      const O = Math.min(_a, e.current.scrollHeight);
-      Ar < O && (e.current.style.height = `${O}px`);
+      const D = Math.min(ya, e.current.scrollHeight);
+      Ar < D && (e.current.style.height = `${D}px`);
     }
-    n(S.target.value);
+    n(T.target.value);
   };
-  return f ? /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(Qn, { disabled: !0, placeholder: b }), /* @__PURE__ */ o.createElement(tr, { disabled: !0 })))) : /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Sm, null), /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(
+  return f ? /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(Qn, { disabled: !0, placeholder: b }), /* @__PURE__ */ o.createElement(tr, { disabled: !0 })))) : /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Tm, null), /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(
     Qn,
     {
       ref: e,
@@ -5423,102 +5434,103 @@ const vm = (e, t) => {
       onChange: k,
       onPaste: x
     }
-  ), /* @__PURE__ */ o.createElement(tr, null))), E && /* @__PURE__ */ o.createElement(Gr, { onClick: () => p() }, /* @__PURE__ */ o.createElement(H, { type: "send", color: m.color.primary.main, size: 20 })));
-}, Im = h.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:${m.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${F.light`
+  ), /* @__PURE__ */ o.createElement(tr, null))), E && /* @__PURE__ */ o.createElement(Wr, { onClick: () => p() }, /* @__PURE__ */ o.createElement(H, { type: "send", color: m.color.primary.main, size: 20 })));
+}, km = h.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:${m.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${F.light`
       color: ${m.color.information.light};
     `};
     ${F.dark`
       color: ${m.color.information.main};
     `};
   }
-`, km = D(() => import("./7nVEVfxl.js").then((e) => ({ default: e.MarkdownText }))), $m = () => {
-  const { aiAgentInfo: e, userSession: t } = ne(), { messageSource: n, channelSource: r } = re(), [s, i] = C(null), a = Xt("special-notice", r.channel), l = L(() => r.channel ? a ? n.messages.some((c) => Qe(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [r.channel, a, n.messages, t == null ? void 0 : t.userId]);
+`, $m = R(() => import("./TXpETEfV.js").then((e) => ({ default: e.MarkdownText }))), Mm = () => {
+  const { aiAgentInfo: e, userSession: t } = re(), { messageSource: n, channelSource: r } = oe(), [s, i] = C(null), a = Xt("special-notice", r.channel), l = L(() => r.channel ? a ? n.messages.some((c) => Qe(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [r.channel, a, n.messages, t == null ? void 0 : t.userId]);
   return P(() => {
     s || i(l());
-  }, [l, s]), s || !e.specialNotice ? null : /* @__PURE__ */ o.createElement(Im, null, /* @__PURE__ */ o.createElement(km, null, e.specialNotice));
-}, Mm = () => /* @__PURE__ */ o.createElement(Lm, null, /* @__PURE__ */ o.createElement($m, null), /* @__PURE__ */ o.createElement(Em, null, /* @__PURE__ */ o.createElement(wm, null))), Lm = h.div`z-index:0;border:none;width:100%;`, Om = () => {
+  }, [l, s]), s || !e.specialNotice ? null : /* @__PURE__ */ o.createElement(km, null, /* @__PURE__ */ o.createElement($m, null, e.specialNotice));
+}, Om = () => /* @__PURE__ */ o.createElement(Lm, null, /* @__PURE__ */ o.createElement(Mm, null), /* @__PURE__ */ o.createElement(xm, null, /* @__PURE__ */ o.createElement(Im, null))), Lm = h.div`z-index:0;border:none;width:100%;`, Dm = () => {
   var s;
-  const { testerType: e } = je(), { channelSource: t } = re(), n = ke(t.channel), r = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
-  return n && r ? /* @__PURE__ */ o.createElement(fm, null) : /* @__PURE__ */ o.createElement(Mm, null);
-}, Dm = ({
+  const { testerType: e } = je(), { channelSource: t } = oe(), n = ke(t.channel), r = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
+  return n && r ? /* @__PURE__ */ o.createElement(bm, null) : /* @__PURE__ */ o.createElement(Om, null);
+}, Rm = ({
   children: e,
   onNavigateToConversationList: t,
   channelUrl: n,
   onClearChannelUrl: r,
   shouldMarkAsRead: s,
-  closedChannelUrl: i,
-  onClearClosedChannelUrl: a
+  style: i,
+  closedChannelUrl: a,
+  onClearClosedChannelUrl: l
 }) => {
-  const { Template: l } = gn.useContext();
+  const { Template: c } = gn.useContext();
   return /* @__PURE__ */ o.createElement(
-    su,
+    iu,
     {
       onNavigateToConversationList: t,
-      channelUrl: n ?? i,
-      onClearChannelUrl: r ?? a,
+      channelUrl: n ?? a,
+      onClearChannelUrl: r ?? l,
       shouldMarkAsRead: s
     },
-    /* @__PURE__ */ o.createElement(Vt, null, /* @__PURE__ */ o.createElement(Vt.Consumer, null, (c) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Nm, { ...c }, /* @__PURE__ */ o.createElement(l, null)), e)))
+    /* @__PURE__ */ o.createElement(Vt, null, /* @__PURE__ */ o.createElement(Vt.Consumer, null, (d) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Bm, { style: i, ...d }, /* @__PURE__ */ o.createElement(c, null)), e)))
   );
 }, gn = ye({
-  template: Rm,
+  template: Nm,
   components: {
-    Header: Cu,
-    Body: pm,
-    Footer: Om
+    Header: Su,
+    Body: fm,
+    Footer: Dm
   }
 });
-function Rm() {
+function Nm() {
   const { components: e } = gn.useContext();
   return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(e.Header, null), /* @__PURE__ */ o.createElement(e.Body, null), /* @__PURE__ */ o.createElement(e.Footer, null));
 }
-const Nm = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
-  Provider: Bm,
-  Context: vh,
-  useContext: Wr
+const Bm = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
+  Provider: Fm,
+  Context: _h,
+  useContext: Gr
 } = ee("ConversationList");
-function Fm({
+function Pm({
   conversationListLimit: e,
   conversationListFilter: t,
   onOpenConversationView: n = _e,
   children: r
 }) {
   return /* @__PURE__ */ o.createElement(
-    li,
+    ci,
     {
       conversationListLimit: e,
       conversationListFilter: t
     },
-    (s) => /* @__PURE__ */ o.createElement(Bm, { value: { ...s, onOpenConversationView: n } }, r)
+    (s) => /* @__PURE__ */ o.createElement(Fm, { value: { ...s, onOpenConversationView: n } }, r)
   );
 }
-const Pm = ({ channel: e }) => /* @__PURE__ */ o.createElement(Ur, { channel: e }), jr = ye({
-  template: Um,
+const Um = ({ channel: e }) => /* @__PURE__ */ o.createElement(Ur, { channel: e }), jr = ye({
+  template: Hm,
   // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
   components: {}
-}), Gt = 99;
-function Um(e) {
-  const { channel: t, onClick: n } = e, { stringSet: r, format: s } = G(), i = Zo(t), a = Xo(t, s, {
+}), Wt = 99;
+function Hm(e) {
+  const { channel: t, onClick: n } = e, { stringSet: r, format: s } = W(), i = Zo(t), a = Xo(t, s, {
     justNow: r.DATE_FORMAT__JUST_NOW,
     minutesAgo: r.DATE_FORMAT__MINUTES_AGO,
     hoursAgo: r.DATE_FORMAT__HOURS_AGO,
     dateShortFormat: r.DATE_FORMAT__DATE_SHORT
   }), l = t.unreadMessageCount;
-  return /* @__PURE__ */ o.createElement(Hm, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ o.createElement(Vm, null, /* @__PURE__ */ o.createElement(Pm, { ...e })), /* @__PURE__ */ o.createElement(zm, null, /* @__PURE__ */ o.createElement(Gm, null, /* @__PURE__ */ o.createElement(w, { variant: "subtitle1", color: m.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ o.createElement(Wm, null, ke(t) && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(w, { variant: "caption1", color: m.themedColor.textMidEmphasis, maxTextLines: 1 }, r.CONVERSATION_LIST__ENDED), /* @__PURE__ */ o.createElement(jm, null)), /* @__PURE__ */ o.createElement(w, { variant: "caption2", color: m.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ o.createElement(qm, { $count: l }, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textHighEmphasisInverse }, l <= Gt ? l : `${Gt}+`))));
+  return /* @__PURE__ */ o.createElement(Vm, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ o.createElement(zm, null, /* @__PURE__ */ o.createElement(Um, { ...e })), /* @__PURE__ */ o.createElement(Wm, null, /* @__PURE__ */ o.createElement(Gm, null, /* @__PURE__ */ o.createElement(w, { variant: "subtitle1", color: m.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ o.createElement(jm, null, ke(t) && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(w, { variant: "caption1", color: m.themedColor.textMidEmphasis, maxTextLines: 1 }, r.CONVERSATION_LIST__ENDED), /* @__PURE__ */ o.createElement(qm, null)), /* @__PURE__ */ o.createElement(w, { variant: "caption2", color: m.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ o.createElement(Km, { $count: l }, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textHighEmphasisInverse }, l <= Wt ? l : `${Wt}+`))));
 }
-const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:center;position:relative;width:100%;height:72px;box-sizing:border-box;gap:16px;cursor:pointer;`, Vm = h.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`, zm = h.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${m.themedColor.textDisabled};`, Gm = h.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`, Wm = h.div`display:flex;align-items:center;gap:6px;`, jm = h.div`width:2px;height:2px;border-radius:1px;background-color:${m.themedColor.textLowEmphasis};`, qm = h.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${m.themedColor.error};${({ $count: e }) => e <= Gt && I`
+const Vm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:center;position:relative;width:100%;height:72px;box-sizing:border-box;gap:16px;cursor:pointer;`, zm = h.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`, Wm = h.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${m.themedColor.textDisabled};`, Gm = h.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`, jm = h.div`display:flex;align-items:center;gap:6px;`, qm = h.div`width:2px;height:2px;border-radius:1px;background-color:${m.themedColor.textLowEmphasis};`, Km = h.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${m.themedColor.error};${({ $count: e }) => e <= Wt && I`
       width: 20px;
     `}
-`, Km = ({ items: e, renderItem: t, onEndReached: n }) => {
+`, Ym = ({ items: e, renderItem: t, onEndReached: n }) => {
   const r = (s) => {
     const i = s.target;
     i.scrollHeight - i.scrollTop === i.clientHeight && (n == null || n());
   };
-  return /* @__PURE__ */ o.createElement(Ym, { onScroll: (s) => r(s) }, e.map((s, i) => t(s, i)));
-}, Ym = h.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;overscroll-behavior:contain;`, Zm = () => {
-  const { stringSet: e } = G(), { listSource: t, onOpenConversationView: n } = Wr(), { Template: r } = jr.useContext();
+  return /* @__PURE__ */ o.createElement(Zm, { onScroll: (s) => r(s) }, e.map((s, i) => t(s, i)));
+}, Zm = h.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;overscroll-behavior:contain;`, Xm = () => {
+  const { stringSet: e } = W(), { listSource: t, onOpenConversationView: n } = Gr(), { Template: r } = jr.useContext();
   return t.initialized ? t.channels.length === 0 ? /* @__PURE__ */ o.createElement(ze, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ o.createElement(
-    Km,
+    Ym,
     {
       items: t.channels,
       renderItem: (s) => {
@@ -5540,10 +5552,10 @@ const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
       }
     }
   ) : /* @__PURE__ */ o.createElement(ze, { type: "loading" });
-}, Xm = () => {
-  const { stringSet: e } = G(), { language: t, countryCode: n, context: r } = Y(), { aiAgentInfo: s, refreshActiveChannel: i, createConversation: a, setActiveChannel: l } = ne(), { onOpenConversationView: c } = Wr();
+}, Jm = () => {
+  const { stringSet: e } = W(), { language: t, countryCode: n, context: r } = Y(), { aiAgentInfo: s, refreshActiveChannel: i, createConversation: a, setActiveChannel: l } = re(), { onOpenConversationView: c } = Gr();
   return /* @__PURE__ */ o.createElement(
-    Jm,
+    Qm,
     {
       role: "button",
       onClick: async () => {
@@ -5561,17 +5573,17 @@ const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
         }
       }
     },
-    /* @__PURE__ */ o.createElement(Qm, { variant: "h1" }, e.TALK_TO_AGENT)
+    /* @__PURE__ */ o.createElement(eg, { variant: "h1" }, e.TALK_TO_AGENT)
   );
-}, Jm = h.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Qm = h(w)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, eg = () => {
+}, Qm = h.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, eg = h(w)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, tg = () => {
   const { state: e } = Y(), t = qe(), n = () => {
     e.setOpened(!1);
   };
-  return /* @__PURE__ */ o.createElement(Le, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
-}, tg = () => {
-  const { stringSet: e } = G();
-  return /* @__PURE__ */ o.createElement(ng, { variant: "h2", color: m.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE);
-}, ng = h(w)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, rg = (e) => {
+  return /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
+}, ng = () => {
+  const { stringSet: e } = W();
+  return /* @__PURE__ */ o.createElement(rg, { variant: "h2", color: m.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE);
+}, rg = h(w)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, og = (e) => {
   const { components: t } = rt.useContext();
   return /* @__PURE__ */ o.createElement(
     an,
@@ -5582,54 +5594,55 @@ const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
       end: /* @__PURE__ */ o.createElement(t.EndArea, null)
     }
   );
-}, og = () => null, sg = () => {
+}, sg = () => null, ig = () => {
   const { components: e } = rt.useContext();
   return /* @__PURE__ */ o.createElement(e.Title, null);
-}, ig = () => {
+}, ag = () => {
   const { components: e } = rt.useContext();
   return /* @__PURE__ */ o.createElement(e.CloseButton, null);
 }, rt = ye({
-  template: rg,
+  template: og,
   components: {
-    StartArea: og,
-    TitleArea: sg,
-    EndArea: ig,
-    Title: tg,
-    CloseButton: eg
+    StartArea: sg,
+    TitleArea: ig,
+    EndArea: ag,
+    Title: ng,
+    CloseButton: tg
   }
-}), ag = () => {
+}), lg = () => {
   const { Template: e } = rt.useContext();
   return /* @__PURE__ */ o.createElement(e, { titleAlign: "start" });
-}, lg = ({
+}, cg = ({
   conversationListLimit: e,
   conversationListFilter: t,
   children: n,
-  onOpenConversationView: r
+  onOpenConversationView: r,
+  style: s
 }) => {
-  const { Template: s } = hn.useContext();
+  const { Template: i } = hn.useContext();
   return /* @__PURE__ */ o.createElement(
-    Fm,
+    Pm,
     {
       conversationListLimit: e,
       conversationListFilter: t,
       onOpenConversationView: r
     },
-    /* @__PURE__ */ o.createElement(dg, null, /* @__PURE__ */ o.createElement(s, null)),
+    /* @__PURE__ */ o.createElement(ug, { style: s }, /* @__PURE__ */ o.createElement(i, null)),
     n
   );
 }, hn = ye({
-  template: cg,
+  template: dg,
   components: {
-    Header: ag,
-    Body: Zm,
-    Footer: Xm
+    Header: lg,
+    Body: Xm,
+    Footer: Jm
   }
 });
-function cg() {
+function dg() {
   const { components: e } = hn.useContext();
   return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(e.Header, null), /* @__PURE__ */ o.createElement(e.Body, null), /* @__PURE__ */ o.createElement(e.Footer, null));
 }
-const dg = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, ug = I`:where(#${de.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, mg = [ug, Wi, ji], gg = (e, ...t) => So(e, ...mg, ...t), hg = gg``, pg = jo(
+const ug = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, mg = I`:where(#${de.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, gg = [mg, ji, qi], hg = (e, ...t) => So(e, ...gg, ...t), pg = hg``, fg = jo(
   gn,
   Ve,
   on,
@@ -5640,7 +5653,7 @@ const dg = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:
   rt,
   un
 );
-function fg({
+function bg({
   appearance: e,
   rootElement: t,
   logger: n,
@@ -5650,9 +5663,9 @@ function fg({
   messageTemplate: a,
   theme: l
 }) {
-  return Xi(Di, t), /* @__PURE__ */ o.createElement(To, { target: t }, /* @__PURE__ */ o.createElement(Ki, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ o.createElement(ui, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ o.createElement(Gi, { stringSet: s, logger: n, language: r }, /* @__PURE__ */ o.createElement(pg, null, i, /* @__PURE__ */ o.createElement(hg, null))))));
+  return Ji(Ri, t), /* @__PURE__ */ o.createElement(To, { target: t }, /* @__PURE__ */ o.createElement(Yi, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ o.createElement(mi, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ o.createElement(Gi, { stringSet: s, logger: n, language: r }, /* @__PURE__ */ o.createElement(fg, null, i, /* @__PURE__ */ o.createElement(pg, null))))));
 }
-const bg = {
+const Eg = {
   isOnline: () => typeof window > "u" ? !0 : navigator.onLine,
   subscribe: (e) => {
     if (typeof window > "u")
@@ -5696,7 +5709,7 @@ const bg = {
       return Object.keys(ut).filter((t) => t.startsWith(e));
     }
   }
-}, qr = We(function({
+}, qr = Ge(function({
   rootElement: t = document.body,
   logLevel: n = or.WARN,
   language: r = navigator.language,
@@ -5706,8 +5719,8 @@ const bg = {
   ...l
 }, c) {
   var d, g;
-  return Ze.level !== n && (Ze.level = n), Zi("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ o.createElement("div", { id: de.ENTRY, style: { width: "fit-content", height: "fit-content", ...l.entryStyle } }, /* @__PURE__ */ o.createElement(
-    fg,
+  return Ze.level !== n && (Ze.level = n), Xi("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ o.createElement("div", { id: de.ENTRY, style: { width: "fit-content", height: "fit-content", ...l.entryStyle } }, /* @__PURE__ */ o.createElement(
+    bg,
     {
       logger: Ze,
       rootElement: t,
@@ -5718,7 +5731,7 @@ const bg = {
       theme: l.theme
     },
     /* @__PURE__ */ o.createElement(
-      Qi,
+      ea,
       {
         rootElement: t,
         keyValueStorage: {
@@ -5727,37 +5740,37 @@ const bg = {
           delete: mt.deleteItem,
           getKeys: mt.getKeys
         },
-        networkStateAdapter: bg,
+        networkStateAdapter: Eg,
         language: r,
         logger: Ze,
-        dispatcher: Eg,
+        dispatcher: xg,
         chatParams: {
           ...a,
-          customApiHost: l.customApiHost,
-          customWebSocketHost: l.customWebSocketHost
+          ...l.customApiHost && { customApiHost: l.customApiHost },
+          ...l.customWebSocketHost && { customWebSocketHost: l.customWebSocketHost }
         },
         chatSDK: l.customChatSDK,
-        messengerVersion: ya,
+        messengerVersion: Ca,
         ...l
       },
       /* @__PURE__ */ o.createElement(
-        Wd,
+        jd,
         {
           ref: c,
           userSessionInfo: s,
           forceCreateChannel: (g = l.agentPreviewConfigs) == null ? void 0 : g.forceCreateChannel
         },
-        /* @__PURE__ */ o.createElement(Ad, { ...l._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ o.createElement("div", { id: de.MODAL_ROOT, dir: l.dir }))
+        /* @__PURE__ */ o.createElement(wd, { ...l._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ o.createElement("div", { id: de.MODAL_ROOT, dir: l.dir }))
       )
     )
   ));
-}), Ze = new pr(or.WARN), Eg = new gr(Ze), {
-  Provider: xg,
+}), Ze = new pr(or.WARN), xg = new gr(Ze), {
+  Provider: vg,
   useContext: pn
 } = ee("PageChildren"), Kr = ({ children: e }) => {
   const [t, n] = C(null), [r, s] = C(null);
   return /* @__PURE__ */ o.createElement(
-    xg,
+    vg,
     {
       value: {
         conversationChildren: t,
@@ -5775,9 +5788,9 @@ const bg = {
     return t ? s.body.classList.add(i) : s.body.classList.remove(i), () => {
       s.body.classList.remove(i);
     };
-  }, [s, t]), /* @__PURE__ */ o.createElement(vg, { dir: n, $visible: t }, e);
-}, vg = h.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Ne.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, _g = 48, yg = 2 / 3;
-function Cg({
+  }, [s, t]), /* @__PURE__ */ o.createElement(_g, { dir: n, $visible: t }, e);
+}, _g = h.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Ne.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, yg = 48, Cg = 2 / 3;
+function Sg({
   className: e,
   isOpened: t,
   onClick: n,
@@ -5786,11 +5799,11 @@ function Cg({
   dir: i,
   animated: a = !0,
   backgroundColor: l,
-  size: c = _g
+  size: c = yg
 }) {
-  const d = Nt(l), g = Math.round(c * yg);
+  const d = Nt(l), g = Math.round(c * Cg);
   return /* @__PURE__ */ o.createElement(
-    Ag,
+    wg,
     {
       dir: i,
       id: de.LAUNCHER,
@@ -5801,11 +5814,11 @@ function Cg({
       $backgroundColor: l,
       $size: c
     },
-    /* @__PURE__ */ o.createElement(wg, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: g }, /* @__PURE__ */ o.createElement(nr.Open, { url: s, isDefaultIcon: r === "default_icon", size: g })),
-    /* @__PURE__ */ o.createElement(Ig, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: g }, /* @__PURE__ */ o.createElement(nr.Close, { size: g }))
+    /* @__PURE__ */ o.createElement(Ig, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: g }, /* @__PURE__ */ o.createElement(nr.Open, { url: s, isDefaultIcon: r === "default_icon", size: g })),
+    /* @__PURE__ */ o.createElement(kg, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: g }, /* @__PURE__ */ o.createElement(nr.Close, { size: g }))
   );
 }
-const Sg = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, Tg = 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 === Xe.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, Zr = I`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => I`
+const Tg = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, Ag = 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 === Xe.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, Zr = I`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => I`
         ellipse,
         path {
           fill: ${e};
@@ -5815,14 +5828,14 @@ const Sg = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
         }
       `}
   }
-`, Ag = h.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 && Sg}`, Xr = h.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;`, wg = h(Xr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${Tg}${Zr}`, Ig = h(Xr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${Zr}`, nr = {
+`, wg = h.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 && Tg}`, Xr = h.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;`, Ig = h(Xr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${Ag}${Zr}`, kg = h(Xr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${Zr}`, nr = {
   Open: (e) => e.url ? /* @__PURE__ */ o.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ o.createElement(H, { size: e.size, type: "delight" }),
   Close: ({ size: e }) => /* @__PURE__ */ o.createElement(H, { size: e, type: "chevron-down" })
 };
 function Jr({ className: e, size: t }) {
-  const { colors: n } = Je(), { dir: r, state: s } = Y(), { launcherInfo: i } = ne();
-  return $g(), /* @__PURE__ */ o.createElement(
-    Cg,
+  const { colors: n } = Je(), { dir: r, state: s } = Y(), { launcherInfo: i } = re();
+  return Mg(), /* @__PURE__ */ o.createElement(
+    Sg,
     {
       dir: r,
       className: e,
@@ -5835,8 +5848,8 @@ function Jr({ className: e, size: t }) {
     }
   );
 }
-const kg = 1e3 * 60;
-function $g() {
+const $g = 1e3 * 60;
+function Mg() {
   const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: r } = Y(), s = B(null);
   P(() => {
     if (!r) return;
@@ -5849,12 +5862,12 @@ function $g() {
     function l() {
       i(), s.current = setTimeout(async () => {
         await e.disconnectWebSocket(), n.debug("useSDKInactivityTimeout: disconnected");
-      }, kg);
+      }, $g);
     }
     t.opened ? a() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
   }, [r, e, t.opened]);
 }
-const Qr = Ge(null);
+const Qr = We(null);
 function eo() {
   const e = xe(Qr);
   if (!e)
@@ -5865,16 +5878,16 @@ function to({ children: e }) {
   const t = eo();
   return typeof e == "function" ? e(t) : /* @__PURE__ */ o.createElement(o.Fragment, null, e);
 }
-const Mg = sr`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, Lg = sr`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, Og = I`animation-name:${Mg};animation-duration:0.3s;animation-fill-mode:forwards;`, Dg = I``, Rg = I`animation-name:${Lg};animation-duration:0.3s;animation-fill-mode:forwards;`, Ng = I`visibility:hidden;`, Bg = h.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
+const Og = sr`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, Lg = sr`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, Dg = I`animation-name:${Og};animation-duration:0.3s;animation-fill-mode:forwards;`, Rg = I``, Ng = I`animation-name:${Lg};animation-duration:0.3s;animation-fill-mode:forwards;`, Bg = I`visibility:hidden;`, Fg = h.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
   switch (e) {
     case "entering":
-      return Og;
-    case "entered":
       return Dg;
-    case "exiting":
+    case "entered":
       return Rg;
-    case "exited":
+    case "exiting":
       return Ng;
+    case "exited":
+      return Bg;
     default:
       return "";
   }
@@ -5910,15 +5923,15 @@ function ht({ initialId: e, children: t }) {
         })), r((x) => x.slice(0, -1));
       }, 300), u;
     });
-  }, []), l = ie(() => ({
+  }, []), l = ae(() => ({
     navigation: {
       navigate: i,
       pop: a
     },
     activeScreenId: s
-  }), [i, a, s]), c = ie(() => po.toArray(t).filter(
+  }), [i, a, s]), c = ae(() => po.toArray(t).filter(
     (u) => u.type === to
-  ), [t]), d = ie(() => {
+  ), [t]), d = ae(() => {
     const u = {};
     return c.forEach((p) => {
       const { id: x, lazy: y, children: k } = p.props;
@@ -5935,14 +5948,14 @@ function ht({ initialId: e, children: t }) {
       p === e ? u[p] = "entered" : u[p] = "exited";
     }), u;
   }), [_, E] = C({});
-  return /* @__PURE__ */ o.createElement(Qr.Provider, { value: l }, /* @__PURE__ */ o.createElement(Fg, null, Object.keys(d).map((u) => {
+  return /* @__PURE__ */ o.createElement(Qr.Provider, { value: l }, /* @__PURE__ */ o.createElement(Pg, null, Object.keys(d).map((u) => {
     var k;
     if (!g[u]) return null;
     const p = b[u] || "exited", x = u === s, y = `${u}-${_[u] || 0}`;
-    return /* @__PURE__ */ o.createElement(Bg, { key: y, $transitionState: p, $active: x }, (k = d[u]) == null ? void 0 : k.element);
+    return /* @__PURE__ */ o.createElement(Fg, { key: y, $transitionState: p, $active: x }, (k = d[u]) == null ? void 0 : k.element);
   })));
 }
-const Fg = h.div`position:relative;width:100%;height:100%;`;
+const Pg = h.div`position:relative;width:100%;height:100%;`;
 ht.Screen = to;
 const be = {
   conv: "conv",
@@ -5957,9 +5970,9 @@ const be = {
       default:
         return be.conv;
     }
-  })(), l = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Pg, { onOpenConversationView: r }));
+  })(), l = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Ug, { onOpenConversationView: r }));
   return /* @__PURE__ */ o.createElement(ht, { initialId: a }, /* @__PURE__ */ o.createElement(ht.Screen, { id: be.conv }, ({ navigation: c, activeScreenId: d }) => /* @__PURE__ */ o.createElement(
-    Dm,
+    Rm,
     {
       key: n,
       channelUrl: n,
@@ -5970,7 +5983,7 @@ const be = {
     l,
     s
   )), /* @__PURE__ */ o.createElement(ht.Screen, { id: be.convList, lazy: !0 }, ({ navigation: c }) => /* @__PURE__ */ o.createElement(
-    lg,
+    cg,
     {
       onOpenConversationView: (d) => {
         r(d), c.navigate(be.conv);
@@ -5979,18 +5992,18 @@ const be = {
     l,
     i
   )));
-}, Pg = ({ onOpenConversationView: e }) => {
-  const { registerOnJoinedProactiveConversation: t } = ne(), { navigation: n } = eo();
+}, Ug = ({ onOpenConversationView: e }) => {
+  const { registerOnJoinedProactiveConversation: t } = re(), { navigation: n } = eo();
   return t(({ channel: r }) => {
     e(r.url), n.navigate(be.conv);
   }), null;
 };
-function Ug({ isExpanded: e, isOpened: t, children: n, launcher: r }) {
+function Hg({ isExpanded: e, isOpened: t, children: n, launcher: r }) {
   const { dir: s } = Y();
-  return /* @__PURE__ */ o.createElement(Hg, null, /* @__PURE__ */ o.createElement(Vg, { dir: s, id: de.WINDOW, $isExpanded: e, $isOpened: t }, n), r);
+  return /* @__PURE__ */ o.createElement(Vg, null, /* @__PURE__ */ o.createElement(zg, { dir: s, id: de.WINDOW, $isExpanded: e, $isOpened: t }, n), r);
 }
-const Hg = h.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Vg = h.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 && Gg};${({ $isExpanded: e }) => e && zg};`, zg = I`width:743px;height:723px;`, Gg = I`z-index:${Ne.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;`, _h = We(function({ children: e, initialChannelUrl: t, ...n }, r) {
-  const s = nt(), [i, a] = C(t), l = s ? Yr : Ug;
+const Vg = h.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, zg = h.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 && Gg};${({ $isExpanded: e }) => e && Wg};`, Wg = I`width:743px;height:723px;`, Gg = I`z-index:${Ne.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;`, yh = Ge(function({ children: e, initialChannelUrl: t, ...n }, r) {
+  const s = nt(), [i, a] = C(t), l = s ? Yr : Hg;
   return /* @__PURE__ */ o.createElement(qr, { enableExpandButton: !s, ref: r, ...n }, /* @__PURE__ */ o.createElement(Tr, null, ({ state: c }) => /* @__PURE__ */ o.createElement(Kr, null, /* @__PURE__ */ o.createElement(l, { isExpanded: c.expanded, isOpened: c.opened, launcher: /* @__PURE__ */ o.createElement(Jr, null) }, /* @__PURE__ */ o.createElement(
     no,
     {
@@ -6001,7 +6014,7 @@ const Hg = h.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end
     }
   )), e)));
 }), {
-  Provider: Wg,
+  Provider: jg,
   useContext: fn
 } = ee("FixedMessengerStyle");
 function ro(e, t, n, r = 0) {
@@ -6025,15 +6038,15 @@ function ro(e, t, n, r = 0) {
   }
   return I`${c};${d};`;
 }
-function jg(e) {
+function qg(e) {
   const { horizontal: t, vertical: n, margin: r, launcherSize: s } = fn();
-  return /* @__PURE__ */ o.createElement(qg, { ...e, size: s, $horizontal: t, $vertical: n, $margin: r });
+  return /* @__PURE__ */ o.createElement(Kg, { ...e, size: s, $horizontal: t, $vertical: n, $margin: r });
 }
-const qg = h(Jr)`position:fixed;z-index:${Ne.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => ro(e, t, n)};`;
-function Kg({ isExpanded: e, isOpened: t, children: n }) {
+const Kg = h(Jr)`position:fixed;z-index:${Ne.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => ro(e, t, n)};`;
+function Yg({ isExpanded: e, isOpened: t, children: n }) {
   const { dir: r } = Y(), { horizontal: s, vertical: i, margin: a, launcherSize: l } = fn();
   return /* @__PURE__ */ o.createElement(
-    Yg,
+    Zg,
     {
       dir: r,
       id: de.WINDOW,
@@ -6047,21 +6060,21 @@ function Kg({ isExpanded: e, isOpened: t, children: n }) {
     n
   );
 }
-const Yg = h.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: r }) => ro(e, t, n, r + 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 Zg = h.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: r }) => ro(e, t, n, r + 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 && Xg};
-  ${({ $isExpanded: e }) => e && Zg};
-`, Zg = I`width:743px;height:723px;`, Xg = I`z-index:${Ne.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;`, oo = { top: 24, bottom: 24, start: 24, end: 24 }, Jg = We(function({ children: e, initialChannelUrl: t, ...n }, r) {
-  const [s, i] = C(t), [a, l] = C("end-bottom"), [c, d] = C(oo), [g, f] = C(48), b = nt(), v = b ? Yr : Kg, { horizontal: _, vertical: E } = ie(() => {
+  ${({ $isOpened: e }) => e && Jg};
+  ${({ $isExpanded: e }) => e && Xg};
+`, Xg = I`width:743px;height:723px;`, Jg = I`z-index:${Ne.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;`, oo = { top: 24, bottom: 24, start: 24, end: 24 }, Qg = Ge(function({ children: e, initialChannelUrl: t, ...n }, r) {
+  const [s, i] = C(t), [a, l] = C("end-bottom"), [c, d] = C(oo), [g, f] = C(48), b = nt(), v = b ? Yr : Yg, { horizontal: _, vertical: E } = ae(() => {
     const [u, p] = a.split("-");
     return { horizontal: u === "start" ? "start" : "end", vertical: p === "top" ? "top" : "bottom" };
   }, [a]);
   return /* @__PURE__ */ o.createElement(qr, { enableExpandButton: !b, ref: r, ...n }, /* @__PURE__ */ o.createElement(Tr, null, ({ state: u }) => /* @__PURE__ */ o.createElement(
-    Wg,
+    jg,
     {
       value: { horizontal: _, vertical: E, margin: c, launcherSize: g, setPosition: l, setMargin: d, setLauncherSize: f }
     },
@@ -6073,12 +6086,12 @@ const Yg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
         selectedChannelUrl: s,
         setSelectedChannelUrl: i
       }
-    )), /* @__PURE__ */ o.createElement(jg, null), e)
+    )), /* @__PURE__ */ o.createElement(qg, null), e)
   )));
-}), Qg = (e) => {
+}), eh = (e) => {
   var s, i, a, l;
   const { setPosition: t, setMargin: n, setLauncherSize: r } = fn();
-  return oe(() => {
+  return se(() => {
     e.position && t(e.position), e.margin && n({ ...oo, ...e.margin }), e.launcherSize && r(e.launcherSize);
   }, [
     e.position,
@@ -6088,18 +6101,18 @@ const Yg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
     (l = e.margin) == null ? void 0 : l.end,
     e.launcherSize
   ]), null;
-}, eh = ({ children: e }) => {
-  const { setConversationChildren: t } = pn();
-  return oe(() => (t(e), () => t(null)), [e]), null;
 }, th = ({ children: e }) => {
+  const { setConversationChildren: t } = pn();
+  return se(() => (t(e), () => t(null)), [e]), null;
+}, nh = ({ children: e }) => {
   const { setConversationListChildren: t } = pn();
-  return oe(() => (t(e), () => t(null)), [e]), null;
-}, yh = Object.assign(Jg, {
-  Style: Qg,
-  ConversationChildren: eh,
-  ConversationListChildren: th
-}), Ch = (e) => {
-  const { refreshActiveChannel: t } = ne(), [n, r] = C(!1), s = B(null), i = B(null);
+  return se(() => (t(e), () => t(null)), [e]), null;
+}, Ch = Object.assign(Qg, {
+  Style: eh,
+  ConversationChildren: th,
+  ConversationListChildren: nh
+}), Sh = (e) => {
+  const { refreshActiveChannel: t } = re(), [n, r] = C(!1), s = B(null), i = B(null);
   return P(() => {
     n && t().then(() => {
       var a;
@@ -6117,36 +6130,36 @@ export {
   In as B,
   jr as C,
   ps as D,
-  yh as F,
+  Ch as F,
   Ve as I,
-  Cg as L,
-  Cd as M,
+  Sg as L,
+  Sd as M,
   on as O,
   un as P,
   sn as S,
   qr as a,
-  fg as b,
+  bg as b,
   m as c,
-  ne as d,
-  Eh as e,
-  G as f,
-  Eg as g,
-  _h as h,
-  Ch as i,
-  Dm as j,
+  re as d,
+  xh as e,
+  W as f,
+  xg as g,
+  yh as h,
+  Sh as i,
+  Rm as j,
   gn as k,
   Ke as l,
-  Ni as m,
-  xh as n,
-  su as o,
-  re as p,
-  lg as q,
+  Bi as m,
+  vh as n,
+  iu as o,
+  oe as p,
+  cg as q,
   hn as r,
   rt as s,
-  vh as t,
+  _h as t,
   Y as u,
-  Fm as v,
-  Wr as w,
+  Pm as v,
+  Gr as w,
   Ee as x,
   hr as y,
   Ns as z