@sendbird/ai-agent-messenger-react 1.9.0 → 1.9.1

package/dist/es/{2ndCZdyD.js → C3QOlRLQ.js}

@@ -2,14 +2,14 @@ var no = Object.defineProperty;
 var ro = (e, t, n) => t in e ? no(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var V = (e, t, n) => ro(e, typeof t != "symbol" ? t + "" : t, n);
 import * as r from "react";
-import { createContext as Ge, useContext as pe, useLayoutEffect as Ce, useState as T, useEffect as U, useRef as H, useCallback as O, useMemo as ne, forwardRef as We, useImperativeHandle as oo, useId as Ht, useReducer as so, PureComponent as io, Suspense as ao, lazy as L, Fragment as Xn, Children as lo } from "react";
+import { createContext as We, useContext as pe, useLayoutEffect as Se, useState as T, useEffect as U, useRef as H, useCallback as O, useMemo as ne, forwardRef as Ge, useImperativeHandle as oo, useId as Vt, useReducer as so, PureComponent as io, Suspense as ao, lazy as L, Fragment as Xn, Children as lo } from "react";
 import co, { SendbirdChatOptions as uo, SendbirdProduct as mo, DeviceOsPlatform as gn, SendbirdPlatform as go, SessionHandler as ho, ConnectionHandler as mt, SendbirdError as po, LogLevel as Jn, ConnectionState as fo } from "@sendbird/chat";
-import h, { css as k, ThemeProvider as bo, useTheme as gt, createGlobalStyle as Eo, StyleSheetManager as xo, keyframes as Qn } from "styled-components";
+import h, { css as I, ThemeProvider as bo, useTheme as gt, createGlobalStyle as Eo, StyleSheetManager as xo, keyframes as Qn } from "styled-components";
 import { differenceInMinutes as vo, isToday as yo, differenceInHours as _o, isSameMinute as hn, format as er, isSameDay as Co } from "date-fns";
 import { enUS as So } from "date-fns/locale/en-US";
 import { ConversationStatus as X, AIAgentModule as To, ConversationType as Ao, AIAgentMessageFeedbackRating as pn } from "@sendbird/chat/aiAgent";
-import { useGroupChannelMessages as wo, useGroupChannelHandler as ht, useForceUpdate as Io } from "@sendbird/uikit-tools";
-import { SendingStatus as Fe, MessageMetaArray as ko } from "@sendbird/chat/message";
+import { useGroupChannelMessages as wo, useGroupChannelHandler as ht, useForceUpdate as ko } from "@sendbird/uikit-tools";
+import { SendingStatus as Fe, MessageMetaArray as Io } from "@sendbird/chat/message";
 import { GroupChannelModule as $o, GroupChannelListOrder as tr, GroupChannelHandler as Mo } from "@sendbird/chat/groupChannel";
 import { createPortal as Oo } from "react-dom";
 import { renderer as Lo, parser as Do, MessageProvider as Ro } from "@sendbird/react-uikit-message-template-view";
@@ -18,7 +18,7 @@ import nr from "dompurify";
 import { isSameDay as Bo } from "date-fns/isSameDay";
 import Fo from "@emotion/is-prop-valid";
 const J = (e, t) => {
-  const n = Ge(null), o = ({ children: a, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
+  const n = We(null), o = ({ children: a, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
     const a = pe(n);
     if (!a)
       throw new Error(`use${e}Context must be used within a ${e}Provider`);
@@ -27,7 +27,7 @@ const J = (e, t) => {
   return n.displayName = `${e}Context`, o.displayName = `${e}Provider`, s.displayName = `${e}Consumer`, i.displayName = `use${e}Context`, { Context: n, Provider: o, Consumer: s, useContext: i };
 };
 function Me(e) {
-  const t = Ge({
+  const t = We({
     Template: e.template,
     updateTemplate: () => {
     },
@@ -46,7 +46,7 @@ function Me(e) {
   }
   function o({ template: i, children: a }) {
     const { updateTemplate: l } = pe(t);
-    return Ce(() => {
+    return Se(() => {
       i && l(i);
     }, [i]), /* @__PURE__ */ r.createElement(r.Fragment, null, a);
   }
@@ -58,7 +58,7 @@ function Me(e) {
       component: l
     }) {
       const { updateComponent: c } = pe(t);
-      return Ce(() => {
+      return Se(() => {
         l && c(i, l);
       }, [l]), null;
     };
@@ -69,7 +69,7 @@ function Po(...e) {
     return e.reduce((o, s) => /* @__PURE__ */ r.createElement(s, null, o), n);
   };
 }
-const Se = (e) => {
+const Te = (e) => {
   var t, n;
   return !!(e != null && e.isAIAgent && ((t = e == null ? void 0 : e.conversation) == null ? void 0 : t.status) === X.CLOSED || e != null && e.isDesk && ((n = e == null ? void 0 : e.helpdeskInfo) == null ? void 0 : n.ticketStatus) === "closed");
 }, It = (e) => {
@@ -141,12 +141,12 @@ function zo(e) {
   const t = e.lastMessage;
   return t != null && t.isUserMessage() || t != null && t.isAdminMessage() ? t.message || "" : t != null && t.isFileMessage() ? t.message || t.name || "FILE" : e.name;
 }
-function Go(e, t, n) {
+function Wo(e, t, n) {
   var a;
   const o = /* @__PURE__ */ new Date(), s = new Date(((a = e.lastMessage) == null ? void 0 : a.createdAt) || e.createdAt), i = vo(o, s);
   return i < 1 ? n.justNow : i < 60 ? n.minutesAgo(i) : yo(s) ? n.hoursAgo(_o(o, s)) : t(s, n.dateShortFormat);
 }
-const Wo = "1.9.0", Be = "sb-agent", jo = Wo, rr = "KEY_IMG_ASPECT_RATIO", qo = "*/*", F = {
+const Go = "1.9.1", Be = "sb-agent", jo = Go, rr = "KEY_IMG_ASPECT_RATIO", qo = "*/*", F = {
   BODY_MAX_WIDTH: 244,
   WIDE_BODY_MAX_WIDTH: 640,
   AVATAR_SIZE: 26,
@@ -178,7 +178,7 @@ const Wo = "1.9.0", Be = "sb-agent", jo = Wo, rr = "KEY_IMG_ASPECT_RATIO", qo =
   },
   isIncoming: (e, t) => fe(e) && e.sender.userId !== t,
   isOutgoing: (e, t) => fe(e) && (e.sender.userId === t || e.sendingStatus === Fe.PENDING)
-}, or = (e) => e.startsWith("image/"), sr = (e) => e.startsWith("video/"), Vt = (e, t) => {
+}, or = (e) => e.startsWith("image/"), sr = (e) => e.startsWith("video/"), zt = (e, t) => {
   if (e && !e.startsWith(".")) {
     const n = e.split(".").pop();
     if (n && n !== e)
@@ -190,7 +190,7 @@ const Wo = "1.9.0", Be = "sb-agent", jo = Wo, rr = "KEY_IMG_ASPECT_RATIO", qo =
       return n.toUpperCase();
   }
   return "FILE";
-}, ir = (e) => e.messageType === "file" ? e.message.length > 0 && e.file.name !== e.message : e.message.length > 0, zt = (e) => {
+}, ir = (e) => e.messageType === "file" ? e.message.length > 0 && e.file.name !== e.message : e.message.length > 0, Wt = (e) => {
   switch (e) {
     case "top":
     case "middle":
@@ -215,14 +215,14 @@ const Wo = "1.9.0", Be = "sb-agent", jo = Wo, rr = "KEY_IMG_ASPECT_RATIO", qo =
     type: "text",
     value: e.slice(s).trim()
   }), t ? o.map((i) => i.type !== "text" ? i : { ...i, value: t(i.value) }) : o;
-}, Xo = (e) => e.replace(/\[([^\]]+)\](?!\()/g, "\\[$1\\]"), Jo = (e) => e.replace(/([a-zA-Z0-9])_(?=[a-zA-Z0-9])/g, "$1\\_"), Qo = (e) => e.replace(/~~/g, "\\~\\~"), Gg = (e) => {
+}, Xo = (e) => e.replace(/\[([^\]]+)\](?!\()/g, "\\[$1\\]"), Jo = (e) => e.replace(/([a-zA-Z0-9])_(?=[a-zA-Z0-9])/g, "$1\\_"), Qo = (e) => e.replace(/~~/g, "\\~\\~"), Wg = (e) => {
   let t = e;
   return t = Xo(t), t = Jo(t), t = Qo(t), t;
 }, es = typeof navigator < "u" && navigator.product === "ReactNative", bn = (e, t) => {
   const n = (o) => !t || t.length === 0 ? !0 : fe(o) && t.includes(o.sendingStatus);
   return es ? e.find(n) : e.findLast(n);
 };
-function Te() {
+function Ae() {
 }
 function ts() {
   const e = typeof navigator < "u" ? navigator.userAgent : "", t = /iPad|iPhone|iPod/.test(e), n = /Android/.test(e);
@@ -234,15 +234,15 @@ function ns(e) {
     t = (t << 5) - t + e.charCodeAt(n), t |= 0;
   return t.toString(16);
 }
-const kt = (e) => {
+const $t = (e) => {
   try {
     return JSON.parse(e === "" ? "{}" : e);
   } catch {
     return {};
   }
-}, Ae = {
+}, be = {
   isStreaming(e) {
-    const t = kt(e.data);
+    const t = $t(e.data);
     return typeof t == "object" && !!t.stream;
   },
   isWelcomeMessage(e, t) {
@@ -250,7 +250,7 @@ const kt = (e) => {
     if (((n = e.extendedMessagePayload) == null ? void 0 : n.bot_message_type) === "welcome")
       return !0;
     if (He(e, t)) {
-      const o = kt(e.data);
+      const o = $t(e.data);
       return !(o != null && o.respond_mesg_id) && !(o != null && o.stream);
     }
     return !1;
@@ -264,7 +264,7 @@ const kt = (e) => {
     return !!((t = e.extendedMessagePayload) != null && t.feedback);
   },
   checkExtendedFieldPresence(e) {
-    const t = e.extendedMessagePayload || {}, n = (a) => a.some((l) => typeof t[l] < "u"), o = n(vt.ui), s = n(vt.trail), i = n(vt.marking);
+    const t = e.extendedMessagePayload || {}, n = (a) => a.some((l) => typeof t[l] < "u"), o = n(yt.ui), s = n(yt.trail), i = n(yt.marking);
     return { ui: o, trail: s, marking: i };
   },
   shouldScrollToBottom(e, t, n = !1) {
@@ -276,20 +276,20 @@ const kt = (e) => {
     }
     return !0;
   }
-}, vt = {
+}, yt = {
   ui: ["suggested_replies", "cta_button", "message_template", "csat"],
   trail: ["groundedness", "manual", "function_calls"],
   marking: ["is_hallucination", "is_moderated", "flagged_types"]
-}, yt = `@${Be}`, En = ({ appId: e, aiAgentId: t, storage: n }) => {
+}, _t = `@${Be}`, En = ({ appId: e, aiAgentId: t, storage: n }) => {
   const o = {
-    templateBase: `${yt}-template`,
+    templateBase: `${_t}-template`,
     template: (s) => `${o.templateBase}/templates/${s}`,
     templateToken: () => `${o.templateBase}-template/message-template/tokens`,
     messengerSession: (s) => {
       const i = ns(`${e}/${t}/${s}`);
-      return `${yt}-udata/${i}`;
+      return `${_t}-udata/${i}`;
     },
-    anonUserSession: () => `${yt}-session/${e}/${t}`
+    anonUserSession: () => `${_t}-session/${e}/${t}`
   };
   return {
     template: {
@@ -369,7 +369,7 @@ class ar {
   }
 }
 const rs = () => {
-  let e = Te, t = Te;
+  let e = Ae, t = Ae;
   return { promise: new Promise((o, s) => {
     e = o, t = s;
   }), resolve: e, reject: t };
@@ -515,7 +515,7 @@ function is({
   }, [x.chatSDK]), os(x.chatSDK), /* @__PURE__ */ r.createElement(ss, { value: x }, m);
 }
 const as = (e, t, n) => wo(e, t, { ...n, strictStreamingOrder: !0 });
-var $t = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))($t || {});
+var Mt = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))(Mt || {});
 class ls {
   constructor(t = {}) {
     V(this, "payload");
@@ -534,7 +534,7 @@ class ds extends ls {
     V(this, "type", "conv.close");
   }
 }
-const Mt = {
+const Ot = {
   DEFAULT_BOT_MSG_BG: "#eeeeee",
   WHITE: "#ffffff",
   BLACK: "#000000"
@@ -588,9 +588,9 @@ function ps(e, t = "light") {
     extraLight: et(e, t === "dark" ? 1.2 : 1.75, t === "dark" ? 0.9 : 0.8)
   };
 }
-function Ot(e) {
+function Lt(e) {
   const t = dr(e), n = 149, o = +`0x${t[1]}${t[2]}`, s = +`0x${t[3]}${t[4]}`, i = +`0x${t[5]}${t[6]}`;
-  return o * 0.299 + s * 0.587 + i * 0.114 > n ? Mt.BLACK : Mt.WHITE;
+  return o * 0.299 + s * 0.587 + i * 0.114 > n ? Ot.BLACK : Ot.WHITE;
 }
 function fs(e, t, n, o, s) {
   return {
@@ -702,7 +702,7 @@ const bs = (e, t, n, o, s) => ({
     dark: "rgba(0, 0, 0, 0.55)",
     light: "rgba(22, 22, 22, 0.32)"
   }
-}, _t = {
+}, Ct = {
   h1: { fontSize: 18, fontWeight: 700 },
   h2: { fontSize: 16, fontWeight: 700 },
   subtitle1: { fontSize: 16, fontWeight: 500 },
@@ -735,7 +735,7 @@ function Es({ selectedTheme: e, palette: t, primary: n }) {
   };
 }
 function xs({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, s) {
-  const i = s.primary.main, a = t ?? Ot(i), l = n ?? Mt.DEFAULT_BOT_MSG_BG, c = o ?? Ot(l);
+  const i = s.primary.main, a = t ?? Lt(i), l = n ?? Ot.DEFAULT_BOT_MSG_BG, c = o ?? Lt(l);
   return {
     colors: (e === "light" ? fs : bs)(
       s,
@@ -761,12 +761,12 @@ function vs(e, t, n) {
 }
 function ys({ typography: e }) {
   if (!e)
-    return _t;
-  const t = { ..._t };
+    return Ct;
+  const t = { ...Ct };
   return Object.keys(e).forEach((n) => {
     const o = e[n];
     if (o && typeof o == "object") {
-      const s = _t[n], i = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
+      const s = Ct[n], i = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
       t[n] = vs(s, o, i);
     }
   }), t;
@@ -899,7 +899,7 @@ function As() {
       } catch (l) {
         const c = l;
         if (e.isCacheEnabled) {
-          if (ks(c))
+          if (Is(c))
             t.warn("useChatConnection.connect", "offline connect restricted", c.message, c.code), t.warn("useChatConnection.connect", "clear cached-data"), await e.clearCachedData().catch((d) => t.warn("useChatConnection.connect", "clear cached-data failure", d));
           else if (e.currentUser)
             return t.debug("useChatConnection.connect: end (offline), currentUser", e.currentUser), e.currentUser;
@@ -923,9 +923,9 @@ function ws(e, t) {
       });
     };
 }
-const Is = [400300, 400301, 400302, 400310];
-function ks(e) {
-  return Is.some((t) => e.code === t);
+const ks = [400300, 400301, 400302, 400310];
+function Is(e) {
+  return ks.some((t) => e.code === t);
 }
 class $s {
   constructor({ userId: t, authToken: n, sessionHandler: o }) {
@@ -980,7 +980,7 @@ function Ls({
     E.debug("useAuthentication.authenticate: start");
     const C = g != null && g.userId ? y.messenger.getSettings(g.userId) : null;
     C != null && C.bot && (t(C), E.debug("useAuthentication.authenticate: cached messenger settings", C));
-    const A = await v({
+    const w = await v({
       aiAgentId: c,
       userId: g == null ? void 0 : g.userId,
       language: d,
@@ -989,13 +989,13 @@ function Ls({
       forceCreateChannel: l,
       knownActiveChannelUrl: (B = C == null ? void 0 : C.active_channel) == null ? void 0 : B.channel_url
     });
-    E.debug("useAuthentication.authenticate: messenger settings response", A);
+    E.debug("useAuthentication.authenticate: messenger settings response", w);
     let $ = null;
-    if (A.auto_created_user)
+    if (w.auto_created_user)
       if (f === "manual")
         E.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), $ = { userId: g.userId, authToken: g.authToken };
       else {
-        const { user_id: Q, session_token: ee, expire_at: le } = A.auto_created_user;
+        const { user_id: Q, session_token: ee, expire_at: le } = w.auto_created_user;
         y.messenger.setAnonUser({ userId: Q, authToken: ee, expireAt: le }), $ = { userId: Q, authToken: ee };
       }
     else
@@ -1003,13 +1003,13 @@ function Ls({
         userId: (g == null ? void 0 : g.userId) ?? "",
         authToken: (g == null ? void 0 : g.authToken) ?? ""
       };
-    y.messenger.setSettings($.userId, A), t(A);
+    y.messenger.setSettings($.userId, w), t(w);
     try {
-      await n(A, $), await x($, g == null ? void 0 : g.sessionHandler, i), await o(A, $);
+      await n(w, $), await x($, g == null ? void 0 : g.sessionHandler, i), await o(w, $);
     } catch (Q) {
       throw Q instanceof Error && (s(Q), E.error("useAuthentication.authenticate: failed to connect", Q)), Q;
     }
-    return A;
+    return w;
   }, [
     v,
     x,
@@ -1056,7 +1056,7 @@ function Rs(e) {
   }
   return n(e), t;
 }
-function Wt({
+function jt({
   template: e,
   variables: t,
   variableKeyPattern: n,
@@ -1107,18 +1107,18 @@ const Bs = () => {
   };
 }, {
   Provider: Fs,
-  useContext: jt
-} = J("AIAgentMessengerSession"), Ps = We(
+  useContext: ft
+} = J("AIAgentMessengerSession"), Ps = Ge(
   function({ userSessionInfo: e, forceCreateChannel: t, children: n }, o) {
     const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: m, logger: p } = q(), { updateTheme: E } = Gt(), [y, x] = T(void 0), [b, f] = T(
       void 0
-    ), [g, v] = T(null), [_, M] = T(null), [C, A] = T(null), [$, B] = T(null), { updateBaseAttachmentRules: Q, createAttachmentRules: ee } = Ts(), { shouldSyncCachedTemplate: le, syncCachedTemplates: Ee } = Bs(), xe = ur(), { authenticate: ke, deauthenticate: j } = Ls({
+    ), [g, v] = T(null), [_, M] = T(null), [C, w] = T(null), [$, B] = T(null), { updateBaseAttachmentRules: Q, createAttachmentRules: ee } = Ts(), { shouldSyncCachedTemplate: le, syncCachedTemplates: xe } = Bs(), ve = ur(), { authenticate: Ie, deauthenticate: j } = Ls({
       userSessionInfo: e,
       forceCreateChannel: t,
       onUpdateMessengerSettings: O(
         (P) => {
-          const { appearance: S, bot: R, launcher: W } = P;
-          E(S.selected_theme, S), A({
+          const { appearance: S, bot: R, launcher: G } = P;
+          E(S.selected_theme, S), w({
             userId: R.bot_userid,
             profileUrl: R.bot_profile_url,
             nickname: R.bot_nickname,
@@ -1130,8 +1130,8 @@ const Bs = () => {
             isUserFeedbackEnabled: P.bot.is_user_feedback_enabled ?? !1,
             isUserFeedbackCommentOptionEnabled: P.bot.is_user_feedback_comment_option_enabled ?? !1
           }), B({
-            type: W.image_type || "default_icon",
-            imageUrl: W.image_url
+            type: G.image_type || "default_icon",
+            imageUrl: G.image_url
           }), Q(P);
         },
         [E]
@@ -1141,9 +1141,9 @@ const Bs = () => {
       }, []),
       onPostAuth: O(
         async (P) => {
-          v(a.currentUser), le() && await Ee(), f({ url: P.active_channel.channel_url, status: X.OPEN });
+          v(a.currentUser), le() && await xe(), f({ url: P.active_channel.channel_url, status: X.OPEN });
         },
-        [a, le, Ee]
+        [a, le, xe]
       ),
       onErrorAuth: O((P) => {
         x(P);
@@ -1152,13 +1152,13 @@ const Bs = () => {
         M((S) => S ? { ...S, authToken: P } : null);
       }, []),
       onPostDeauth: O(() => {
-        m.template.clear(), m.messenger.clear(_ == null ? void 0 : _.userId), v(null), f(void 0), M(null), A(null), B(null);
+        m.template.clear(), m.messenger.clear(_ == null ? void 0 : _.userId), v(null), f(void 0), M(null), w(null), B(null);
       }, [m.template.clear, m.messenger.clear, _])
-    }), w = O(async () => {
+    }), A = O(async () => {
       var P;
       if (_) {
         p.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"), f(void 0);
-        const S = await xe({
+        const S = await ve({
           aiAgentId: i,
           userId: _.userId,
           language: l,
@@ -1174,7 +1174,7 @@ const Bs = () => {
       } else
         throw p.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
     }, [
-      xe,
+      ve,
       s,
       i,
       _ == null ? void 0 : _.userId,
@@ -1188,14 +1188,14 @@ const Bs = () => {
       async (P) => {
         if (!(_ != null && _.userId))
           throw new Error("Current user is not authenticated. Please authenticate first.");
-        const S = await xe({
+        const S = await ve({
           ...P,
           userId: _.userId,
           knownActiveChannelUrl: void 0
         }), R = S.active_channel.channel_url;
         return m.messenger.setSettings(_.userId, S), R;
       },
-      [_ == null ? void 0 : _.userId, xe]
+      [_ == null ? void 0 : _.userId, ve]
     );
     return ht(a, {
       onChannelChanged: (P) => {
@@ -1210,22 +1210,22 @@ const Bs = () => {
       return {
         activeChannel: b,
         chatSDK: a,
-        authenticate: ke,
+        authenticate: Ie,
         deauthenticate: j,
         updateContext: async (S) => {
-          const W = await (await P()).updateContext(i, S);
-          return { ...W, context: W.context ?? {} };
+          const G = await (await P()).updateContext(i, S);
+          return { ...G, context: G.context ?? {} };
         },
         patchContext: async (S) => {
-          const W = await (await P()).patchContext(i, S);
-          return { ...W, context: W.context ?? {} };
+          const G = await (await P()).patchContext(i, S);
+          return { ...G, context: G.context ?? {} };
         },
         getContextObject: async () => {
           const R = await (await P()).getContextObject(i);
           return { ...R, context: R.context ?? {} };
         }
       };
-    }, [ke, j, b, a, i, p]), /* @__PURE__ */ r.createElement(
+    }, [Ie, j, b, a, i, p]), /* @__PURE__ */ r.createElement(
       Fs,
       {
         value: {
@@ -1234,12 +1234,12 @@ const Bs = () => {
           userSession: _,
           activeChannel: b,
           setActiveChannel: f,
-          refreshActiveChannel: w,
+          refreshActiveChannel: A,
           createConversation: ce,
           connectionError: y,
           aiAgentInfo: C,
           launcherInfo: $,
-          authenticate: ke,
+          authenticate: Ie,
           deauthenticate: j,
           createAttachmentRules: ee
         }
@@ -1258,7 +1258,7 @@ const Bs = () => {
     }
   }), n;
 }, Us = ({ channel: e, messages: t }) => {
-  const { aiAgentInfo: n, userSession: o } = jt(), s = Hs(), i = Vs({
+  const { aiAgentInfo: n, userSession: o } = ft(), s = Hs(), i = Vs({
     channel: e,
     lastMessage: bn(t, [Fe.SUCCEEDED]),
     aiAgentUserId: (n == null ? void 0 : n.userId) ?? ""
@@ -1270,14 +1270,14 @@ const Bs = () => {
   });
   if (!e || !s)
     return { disabled: !0, disabledBy: "unavailable" };
-  if (Se(e))
+  if (Te(e))
     return { disabled: !0, disabledBy: "conversation_closed" };
   if (zs(e))
     return { disabled: !0, disabledBy: "form_active" };
-  const l = Gs(e);
+  const l = Ws(e);
   return l ? { disabled: !0, disabledBy: l } : i || a ? { disabled: !0, disabledBy: "ai_responding" } : { disabled: !1, disabledBy: "" };
 }, Hs = () => {
-  const e = Ht(), { chatSDK: t } = q(), [n, o] = T(!0);
+  const e = Vt(), { chatSDK: t } = q(), [n, o] = T(!0);
   return U(() => {
     const s = new mt({
       onDisconnected: () => o(!1),
@@ -1296,7 +1296,7 @@ const Bs = () => {
   const [o, s] = T(!1), i = gr(e);
   return U(() => {
     if (!t) return;
-    const a = i.some((c) => c.userId === n), l = He(t, n) && Ae.isStreaming(t);
+    const a = i.some((c) => c.userId === n), l = He(t, n) && be.isStreaming(t);
     s(!!(l || a));
   }, [i, t, n]), o;
 }, zs = (e) => {
@@ -1305,10 +1305,10 @@ const Bs = () => {
   if (!t || !e) return !1;
   const n = t.extendedMessagePayload, o = n == null ? void 0 : n.form, s = o && !o.submitted_at && !o.canceled_at, i = e.isAIAgent && !!((a = e.conversation) != null && a.handedOverAt);
   return s && !i;
-}, Gs = (e) => {
+}, Ws = (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;
-}, Ws = 3e4, js = ({
+}, Gs = 3e4, js = ({
   shouldApply: e,
   lastMessage: t,
   isDisabledWhileAIResponding: n,
@@ -1322,7 +1322,7 @@ const Bs = () => {
       a.current && clearTimeout(a.current), i(!0), a.current = setTimeout(() => {
         i(!1), a.current = null;
       }, E);
-    }, m = Date.now() - l, p = Ws - m;
+    }, m = Date.now() - l, p = Gs - m;
     return n || p <= 0 ? c() : d(p), () => {
       a.current && clearTimeout(a.current);
     };
@@ -1338,7 +1338,7 @@ function Ks({
   onMessagesUpdated: s,
   onConversationClosedViaDispatcher: i,
   onBeforeSendMessage: a,
-  onAfterSendMessage: l = Te,
+  onAfterSendMessage: l = Ae,
   shouldMarkAsRead: c = !0,
   sortComparator: d
 }) {
@@ -1355,12 +1355,12 @@ function Ks({
   U(() => {
     m();
   }, [c]), U(() => {
-    const C = async (A) => {
-      const $ = typeof (A == null ? void 0 : A.channelUrl) == "string";
-      x && $ && A.channelUrl !== x.url || (E.debug("conversation.dispatcher: try to close conversation", x), x != null && x.conversation && x.conversation.status === X.OPEN && (await x.closeConversation(), i == null || i()));
+    const C = async (w) => {
+      const $ = typeof (w == null ? void 0 : w.channelUrl) == "string";
+      x && $ && w.channelUrl !== x.url || (E.debug("conversation.dispatcher: try to close conversation", x), x != null && x.conversation && x.conversation.status === X.OPEN && (await x.closeConversation(), i == null || i()));
     };
-    return y.subscribe($t.ConversationClose, C), () => {
-      y.unsubscribe($t.ConversationClose, C);
+    return y.subscribe(Mt.ConversationClose, C), () => {
+      y.unsubscribe(Mt.ConversationClose, C);
     };
   }, [y, (M = x == null ? void 0 : x.conversation) == null ? void 0 : M.status, i]);
   const _ = {
@@ -1370,7 +1370,7 @@ function Ks({
       error: b,
       refetch: () => f(),
       closeConversation: async () => {
-        Se(x) || await (x == null ? void 0 : x.closeConversation());
+        Te(x) || await (x == null ? void 0 : x.closeConversation());
       }
     },
     messageSource: {
@@ -1385,16 +1385,16 @@ function Ks({
         if ((($ = x == null ? void 0 : x.conversation) == null ? void 0 : $.status) === X.CLOSED)
           throw new Error("Conversation is closed");
         a && (C = await a(C));
-        const A = await g.sendUserMessage(C, l);
-        return l == null || l(A), A;
+        const w = await g.sendUserMessage(C, l);
+        return l == null || l(w), w;
       },
       sendFileMessage: async (C) => {
         var $;
         if ((($ = x == null ? void 0 : x.conversation) == null ? void 0 : $.status) === X.CLOSED)
           throw new Error("Conversation is closed");
         a && (C = await a(C));
-        const A = await g.sendFileMessage(C, l);
-        return l == null || l(A), A;
+        const w = await g.sendFileMessage(C, l);
+        return l == null || l(w), w;
       }
     },
     state: {
@@ -1404,27 +1404,31 @@ function Ks({
   return /* @__PURE__ */ r.createElement(qs, { value: _ }, e);
 }
 function Zs(e) {
-  const { chatSDK: t, logger: n } = q(), [o, s] = T(void 0), [i, a] = T(void 0);
-  async function l() {
-    if (n.debug("conversation.fetchChannel: start"), s(void 0), a(void 0), e)
+  const { chatSDK: t, logger: n } = q(), { sdkUser: o } = ft(), [s, i] = T(void 0), [a, l] = T(void 0);
+  async function c() {
+    if (!o) {
+      n.debug("conversation.fetchChannel: no sdk user, skip fetching channel");
+      return;
+    }
+    if (n.debug("conversation.fetchChannel: start"), i(void 0), l(void 0), e)
       try {
         n.debug("conversation.fetchChannel: get channel", e);
-        const c = await t.groupChannel.getChannel(e);
-        s(c), n.debug("conversation.fetchChannel: fetched channel", c);
-      } catch (c) {
-        c instanceof po && a(c), n.error("conversation.fetchChannel: error", c);
+        const d = await t.groupChannel.getChannel(e);
+        i(d), n.debug("conversation.fetchChannel: fetched channel", d);
+      } catch (d) {
+        d instanceof po && l(d), n.error("conversation.fetchChannel: error", d);
       }
   }
-  return Ys(o), U(() => {
-    l();
-  }, [t, e]), {
-    channel: o,
-    channelFetchError: i,
-    fetchChannel: l
+  return Ys(s), U(() => {
+    c();
+  }, [t, o, e]), {
+    channel: s,
+    channelFetchError: a,
+    fetchChannel: c
   };
 }
 function Ys(e) {
-  const { chatSDK: t } = q(), { activeChannel: n, setActiveChannel: o } = jt(), s = Ht();
+  const { chatSDK: t } = q(), { activeChannel: n, setActiveChannel: o } = ft(), s = Vt();
   U(() => {
     if (!e || !n) return;
     const i = new mt({
@@ -1537,7 +1541,7 @@ class Xs {
       }
       const d = o.get(c.url);
       if (d === void 0) continue;
-      const m = Lt(this._pinnedChannels, c);
+      const m = Dt(this._pinnedChannels, c);
       m >= 0 ? (this._pinnedChannels.splice(m, 1), i.push(c)) : s.push(c);
       const E = this._pinnedChannels.findIndex((x) => (o.get(x.url) ?? 1 / 0) > d), y = E === -1 ? this._pinnedChannels.length : E;
       this._pinnedChannels.splice(y, 0, c);
@@ -1557,7 +1561,7 @@ class Xs {
         o.push(a.url);
         continue;
       }
-      const l = Lt(this._channels, a), c = l < 0;
+      const l = Dt(this._channels, a), c = l < 0;
       !c && this._channels.splice(l, 1);
       const m = Js(this._channels, a, this._order).place, p = m === this._channels.length;
       c ? p ? (n || !this.hasMore) && (this._channels.push(a), s.push(a)) : (this._channels.splice(m, 0, a), s.push(a)) : (this._channels.splice(m, 0, a), i.push(a));
@@ -1636,9 +1640,9 @@ class Xs {
     this._isDisposed || (this._isDisposed = !0, this._collectionEventHandler = void 0, this._sdk.removeConnectionHandler(this._handlerId), this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId), this._pinnedChannels.length = 0, this._channels.length = 0);
   }
 }
-const Lt = (e, t) => e.findIndex((n) => n.isIdentical(t)), Js = (e, t, n) => {
+const Dt = (e, t) => e.findIndex((n) => n.isIdentical(t)), Js = (e, t, n) => {
   if (e.length > 0) {
-    const o = Lt(e, t);
+    const o = Dt(e, t);
     let s = 0, i = e.length - 1, a = Math.floor((s + i) / 2);
     for (; s < i; ) {
       const c = Sn(e[a], t, n);
@@ -1664,8 +1668,8 @@ const Lt = (e, t) => e.findIndex((n) => n.isIdentical(t)), Js = (e, t, n) => {
   }
 };
 function Qs(e, t) {
-  var x, b, f, g, v, _, M, C, A, $;
-  const n = Ht(), [o, s] = T(!1), [i, a] = T(null), [l, c] = T([]), [d, m] = T(null), p = H(!1), E = O(async () => {
+  var x, b, f, g, v, _, M, C, w, $;
+  const n = Vt(), [o, s] = T(!1), [i, a] = T(null), [l, c] = T([]), [d, m] = T(null), p = H(!1), E = O(async () => {
     if (!p.current && e.currentUser) {
       p.current = !0, s(!1), a(null), c([]);
       try {
@@ -1696,7 +1700,7 @@ function Qs(e, t) {
     (v = (g = t.filter) == null ? void 0 : g.aiAgentIds) == null ? void 0 : v.join(),
     (_ = t.filter) == null ? void 0 : _.deskChannelFilter,
     (C = (M = t.filter) == null ? void 0 : M.pinnedChannelUrls) == null ? void 0 : C.join(),
-    (A = t.filter) == null ? void 0 : A.copilotConversationOnly,
+    (w = t.filter) == null ? void 0 : w.copilotConversationOnly,
     ($ = t.filter) == null ? void 0 : $.copilotSupportChannelUrl,
     t.limit
   ]), y = O(async () => {
@@ -1808,27 +1812,27 @@ function oi({ children: e, internalVariables: t }) {
   };
   return /* @__PURE__ */ r.createElement(ri, { value: c }, e);
 }
-const ft = {
+const bt = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
   VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
 };
 function we({ uiTemplateString: e, variables: t = {} }) {
   const n = Rs(t);
-  return Wt({
+  return jt({
     template: e,
     variables: n,
-    variableKeyPattern: (o) => ft.VARIABLE(o)
+    variableKeyPattern: (o) => bt.VARIABLE(o)
   });
 }
-function Ie({
+function ke({
   theme: e,
   uiTemplateString: t,
   colorVariables: n = {}
 }) {
-  return Wt({
+  return jt({
     template: t,
     variables: n,
-    variableKeyPattern: (o) => ft.VARIABLE(o),
+    variableKeyPattern: (o) => bt.VARIABLE(o),
     variableValueTransformer: (o) => Ds(e, o)
   });
 }
@@ -1841,10 +1845,10 @@ function si({
   onRequestTemplate: i
 }) {
   const l = Object.values(n).flat().map((d) => d.key);
-  return [...new Set(l)].some((d) => !i(d)) ? null : Wt({
+  return [...new Set(l)].some((d) => !i(d)) ? null : jt({
     template: t,
     variables: n,
-    variableKeyPattern: (d) => ft.VIEW_VARIABLE(d),
+    variableKeyPattern: (d) => bt.VIEW_VARIABLE(d),
     variableValueTransformer: (d) => {
       const m = d.map(({ key: p, variables: E }) => {
         const y = i(p), { ui_template: x, color_variables: b } = Ze(y);
@@ -1852,11 +1856,11 @@ function si({
         return f = we({
           uiTemplateString: f,
           variables: s
-        }), f = Ie({
+        }), f = ke({
           theme: e,
           uiTemplateString: f,
           colorVariables: b
-        }), f = Ie({
+        }), f = ke({
           theme: e,
           uiTemplateString: f,
           colorVariables: o
@@ -1880,7 +1884,7 @@ async function ii({
   return Ns({
     template: t,
     variables: n,
-    variableKeyPattern: (a) => ft.VIEW_VARIABLE(a),
+    variableKeyPattern: (a) => bt.VIEW_VARIABLE(a),
     variableValueTransformer: async (a) => {
       const l = a.map(async ({ key: d, variables: m }) => {
         const p = await i(d), { ui_template: E, color_variables: y } = Ze(p);
@@ -1888,11 +1892,11 @@ async function ii({
         return x = we({
           uiTemplateString: x,
           variables: s
-        }), x = Ie({
+        }), x = ke({
           theme: e,
           uiTemplateString: x,
           colorVariables: y
-        }), x = Ie({
+        }), x = ke({
           theme: e,
           uiTemplateString: x,
           colorVariables: o
@@ -1923,7 +1927,7 @@ const ai = ({
     if (c === null) return null;
     a = c;
   }
-  return a = we({ ...o, uiTemplateString: a, variables: n }), a = Ie({ ...o, uiTemplateString: a, colorVariables: i }), a = Ie({ ...o, uiTemplateString: a, colorVariables: t }), a = we({ ...o, uiTemplateString: a }), pt(a);
+  return a = we({ ...o, uiTemplateString: a, variables: n }), a = ke({ ...o, uiTemplateString: a, colorVariables: i }), a = ke({ ...o, uiTemplateString: a, colorVariables: t }), a = we({ ...o, uiTemplateString: a }), pt(a);
 }, li = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
@@ -1937,7 +1941,7 @@ const ai = ({
     uiTemplateString: a,
     aiAgentColorVariables: t,
     internalVariables: n
-  })), a = we({ ...o, uiTemplateString: a, variables: n }), a = Ie({ ...o, uiTemplateString: a, colorVariables: i }), a = Ie({ ...o, uiTemplateString: a, colorVariables: t }), a = we({ ...o, uiTemplateString: a }), pt(a);
+  })), a = we({ ...o, uiTemplateString: a, variables: n }), a = ke({ ...o, uiTemplateString: a, colorVariables: i }), a = ke({ ...o, uiTemplateString: a, colorVariables: t }), a = we({ ...o, uiTemplateString: a }), pt(a);
 }, ci = (e) => {
   const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = hr();
   return T(() => {
@@ -1965,7 +1969,7 @@ const ai = ({
   }).value;
 }, ui = "remove_powered_by", qt = (e, t) => {
   var s, i;
-  const { chatSDK: n } = q(), { aiAgentInfo: o } = jt();
+  const { chatSDK: n } = q(), { aiAgentInfo: o } = ft();
   if (e === "handoff-button") {
     const a = !!((s = t == null ? void 0 : t.conversation) != null && s.handoff);
     return !!(t != null && t.isAIAgent) && !!(o != null && o.showHandoffButton) && a && It(t);
@@ -2250,7 +2254,7 @@ const yi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), _i = ({ csat
       submitted: m === "submitted"
     }
   };
-}, Ct = 5, Ci = (e) => e < 1e3 ? { speed: Ct * 0.5, chunkSize: 2 } : e < 2e3 ? { speed: Ct * 0.8, chunkSize: 2 } : { speed: Ct * 0.6, chunkSize: 3 }, Si = (e, t = !1) => {
+}, St = 5, Ci = (e) => e < 1e3 ? { speed: St * 0.5, chunkSize: 2 } : e < 2e3 ? { speed: St * 0.8, chunkSize: 2 } : { speed: St * 0.6, chunkSize: 3 }, Si = (e, t = !1) => {
   const [n, o] = T(0), s = H(null), i = H(0), a = H(0), l = H(t);
   return U(() => {
     if (!l.current) {
@@ -2316,8 +2320,20 @@ const yi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), _i = ({ csat
     placeholder_no_messages: "No messages",
     placeholder_no_conversations: "No conversations yet",
     placeholder_something_went_wrong_retry_label: "Retry"
+  },
+  feedback: {
+    title: "Submit feedback",
+    good: "Good",
+    bad: "Bad",
+    comment_label: "Comment (optional)",
+    comment_placeholder: "Leave a comment",
+    cancel: "Cancel",
+    submit: "Submit",
+    save: "Save",
+    edit: "Edit feedback",
+    remove: "Remove feedback"
   }
-}, Dt = {
+}, Rt = {
   language: "en",
   strings: Ai,
   dateLocale: So
@@ -2365,11 +2381,22 @@ const yi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), _i = ({ csat
   FAILED_MESSAGE_RESEND: e.conversation.failed_message_resend,
   FAILED_MESSAGE_REMOVE: e.conversation.failed_message_remove,
   // File upload
-  FILE_UPLOAD_NO_SUPPORTED_FILES: e.conversation.file_upload_no_supported_files
-}), Ii = (e) => {
+  FILE_UPLOAD_NO_SUPPORTED_FILES: e.conversation.file_upload_no_supported_files,
+  // Feedback
+  FEEDBACK_TITLE: e.feedback.title,
+  FEEDBACK_GOOD: e.feedback.good,
+  FEEDBACK_BAD: e.feedback.bad,
+  FEEDBACK_COMMENT_LABEL: e.feedback.comment_label,
+  FEEDBACK_COMMENT_PLACEHOLDER: e.feedback.comment_placeholder,
+  FEEDBACK_CANCEL: e.feedback.cancel,
+  FEEDBACK_SUBMIT: e.feedback.submit,
+  FEEDBACK_SAVE: e.feedback.save,
+  FEEDBACK_EDIT: e.feedback.edit,
+  FEEDBACK_REMOVE: e.feedback.remove
+}), ki = (e) => {
   var t;
-  return ((t = e.split("-")) == null ? void 0 : t[0]) ?? bt;
-}, bt = "en", ki = /* @__PURE__ */ new Set([bt, "ko", "es", "pt", "fr", "hi", "it", "de", "tr", "ja"]), $i = (e, t, n) => {
+  return ((t = e.split("-")) == null ? void 0 : t[0]) ?? Et;
+}, Et = "en", Ii = /* @__PURE__ */ new Set([Et, "ko", "es", "pt", "fr", "hi", "it", "de", "tr", "ja"]), $i = (e, t, n) => {
   const o = e[t];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -2381,7 +2408,7 @@ const yi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), _i = ({ csat
       )
     );
   });
-}, wn = wi(Dt.strings), Mi = {
+}, wn = wi(Rt.strings), Mi = {
   ...wn,
   // Channel
   CHANNEL_FROZEN: "Channel frozen",
@@ -2423,36 +2450,25 @@ const yi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), _i = ({ csat
   FORM_VALIDATION_MIN_SELECT: (e) => `Select at least ${e} options`,
   FORM_VALIDATION_MAX_SELECT: (e) => `Select at most ${e} options`,
   FORM_VALIDATION_REGEX_FAILED: "Invalid format",
-  // Feedback
-  FEEDBACK_TITLE: "Submit feedback",
-  FEEDBACK_GOOD: "Good",
-  FEEDBACK_BAD: "Bad",
-  FEEDBACK_COMMENT_LABEL: "Comment (optional)",
-  FEEDBACK_COMMENT_PLACEHOLDER: "Leave a comment",
-  FEEDBACK_CANCEL: "Cancel",
-  FEEDBACK_SUBMIT: "Submit",
-  FEEDBACK_SAVE: "Save",
-  FEEDBACK_EDIT: "Edit feedback",
-  FEEDBACK_REMOVE: "Remove feedback",
   /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: wn.DATE_FORMAT__DATE_SHORT,
   /** @deprecated Unused string **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "h:mma"
 }, lt = {
-  language: Dt.language,
-  dateLocale: Dt.dateLocale,
+  language: Rt.language,
+  dateLocale: Rt.dateLocale,
   stringSet: Mi
 }, Oi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: lt
-}, Symbol.toStringTag, { value: "Module" })), Rt = /* @__PURE__ */ new Map([[bt, lt]]);
+}, Symbol.toStringTag, { value: "Module" })), Nt = /* @__PURE__ */ new Map([[Et, lt]]);
 async function Li(e) {
-  const t = Rt.get(e);
+  const t = Nt.get(e);
   if (t) return t;
   try {
-    if (ki.has(e)) {
-      const { default: n } = await $i(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./BEAJr3rh.js"), "./languages/en.ts": () => Promise.resolve().then(() => Oi), "./languages/es.ts": () => import("./CQ0RwBWk.js"), "./languages/fr.ts": () => import("./zwa6qdDA.js"), "./languages/hi.ts": () => import("./B9G15Cky.js"), "./languages/it.ts": () => import("./CsPFZJ_9.js"), "./languages/ja.ts": () => import("./DFGf6Yhi.js"), "./languages/ko.ts": () => import("./mz33I9UA.js"), "./languages/pt.ts": () => import("./z2MSTxv_.js"), "./languages/tr.ts": () => import("./Co9gSKC2.js") }), `./languages/${e}.ts`, 3);
-      return Rt.set(e, n), n;
+    if (Ii.has(e)) {
+      const { default: n } = await $i(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./DuyZf1Vo.js"), "./languages/en.ts": () => Promise.resolve().then(() => Oi), "./languages/es.ts": () => import("./DbVz_9m0.js"), "./languages/fr.ts": () => import("./BiYSaYUc.js"), "./languages/hi.ts": () => import("./DS-fbH3S.js"), "./languages/it.ts": () => import("./BqgL9sJP.js"), "./languages/ja.ts": () => import("./DXvyPOw8.js"), "./languages/ko.ts": () => import("./BNtwGyTL.js"), "./languages/pt.ts": () => import("./Nxjx0s3h.js"), "./languages/tr.ts": () => import("./BMhOEL86.js") }), `./languages/${e}.ts`, 3);
+      return Nt.set(e, n), n;
     }
     return lt;
   } catch {
@@ -2468,9 +2484,9 @@ const {
   stringSet: n,
   children: o
 }) => {
-  const [s, i] = T(Rt.get(bt));
+  const [s, i] = T(Nt.get(Et));
   return U(() => {
-    const a = Ii(e);
+    const a = ki(e);
     s.language !== a && (t == null || t.debug("localization.useEffect: update language", { from: s.language, to: a }), Li(a).then(i));
   }, [e, t]), /* @__PURE__ */ r.createElement(
     Di,
@@ -2484,15 +2500,15 @@ const {
     },
     o
   );
-}, ct = "data-sb-agent-theme", In = (e) => (t, ...n) => {
+}, ct = "data-sb-agent-theme", kn = (e) => (t, ...n) => {
   let o = "";
   return t.forEach((s, i) => {
     o += s + (n[i] ?? "");
   }), `[${ct}='${e}'] & { ${o} }`;
 }, N = {
-  light: In("light"),
-  dark: In("dark")
-}, Ni = k(({ theme: e }) => {
+  light: kn("light"),
+  dark: kn("dark")
+}, Ni = I(({ theme: e }) => {
   const { palette: t } = e;
   return `
     :root,
@@ -2544,7 +2560,7 @@ const {
       --sendbird-overlay-light: ${t.overlay.light};
     }
   `;
-}), Bi = k`[${ct}='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);}[${ct}='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);}`, u = {
+}), Bi = I`[${ct}='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);}[${ct}='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);}`, u = {
   color: {
     primary: {
       dark: "var(--sendbird-primary-dark)",
@@ -2606,7 +2622,7 @@ function Pi(e) {
 }
 function Ui({ rootElement: e = document.body, children: t }) {
   const { theme: n, updateTheme: o } = Gt();
-  return Ce(() => {
+  return Se(() => {
     e.setAttribute(ct, n.selectedTheme);
   }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(bo, { theme: n }, /* @__PURE__ */ r.createElement(Fi, { value: { theme: n, updateTheme: o, rootElement: e } }, t));
 }
@@ -2631,11 +2647,11 @@ const Hi = (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]);
 }, Kt = /iPad|iPhone|iPod/.test(navigator.userAgent), zi = /Android/.test(navigator.userAgent), je = (e) => Kt || zi, {
-  Provider: Gi,
+  Provider: Wi,
   Consumer: Er,
   useContext: K
 } = J("Messenger");
-function Wi({
+function Gi({
   children: e,
   state: t,
   enableCloseConversationButton: n = !1,
@@ -2650,7 +2666,7 @@ function Wi({
     setExpanded: (t == null ? void 0 : t.setExpanded) ?? d
   };
   return /* @__PURE__ */ r.createElement(is, { ...i }, (p) => /* @__PURE__ */ r.createElement(
-    Gi,
+    Wi,
     {
       value: {
         ...i,
@@ -2667,7 +2683,7 @@ function Wi({
 const {
   Provider: ji,
   useContext: te
-} = J("MessengerSession"), qi = We(function({ children: e, ...t }, n) {
+} = J("MessengerSession"), qi = Ge(function({ children: e, ...t }, n) {
   return /* @__PURE__ */ r.createElement(Ps, { ref: n, ...t }, (o) => /* @__PURE__ */ r.createElement(Ki, { ...o }, e));
 }), Ki = ({ children: e, ...t }) => {
   const { chatSDK: n, logger: o, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = K(), { userSessionInfo: d, authenticate: m, setActiveChannel: p, userSession: E, aiAgentInfo: y, launcherInfo: x } = t, b = H(null);
@@ -2676,8 +2692,8 @@ const {
       var _, M, C;
       if (f.conversation && f.conversation.type === Ao.PROACTIVE && g.userId === ((_ = n.currentUser) == null ? void 0 : _.userId)) {
         o.info("messengerSession.onUserJoined: proactive channel joined", f.url);
-        const A = ((M = f.conversation) == null ? void 0 : M.status) ?? X.OPEN;
-        p({ url: f.url, status: A }), l.setOpened(!0), Zi({ sound: document.hidden || !l.opened }), (C = b.current) == null || C.call(b, { channel: f });
+        const w = ((M = f.conversation) == null ? void 0 : M.status) ?? X.OPEN;
+        p({ url: f.url, status: w }), l.setOpened(!0), Zi({ sound: document.hidden || !l.opened }), (C = b.current) == null || C.call(b, { channel: f });
       }
     }
   }), U(() => {
@@ -2712,7 +2728,7 @@ function Zi({ sound: e }) {
 const ae = (e) => {
   const t = e;
   return typeof t == "number" ? `${t}px` : t;
-}, I = ({
+}, k = ({
   as: e,
   variant: t = "body1",
   color: n,
@@ -2729,16 +2745,16 @@ const ae = (e) => {
     $maxTextLines: o,
     ...i
   }
-), kn = /* @__PURE__ */ new WeakMap(), Yi = (e, t) => {
-  let n = kn.get(t);
-  n || (n = /* @__PURE__ */ new Map(), kn.set(t, n));
+), In = /* @__PURE__ */ new WeakMap(), Yi = (e, t) => {
+  let n = In.get(t);
+  n || (n = /* @__PURE__ */ new Map(), In.set(t, n));
   const o = n.get(e);
   if (o) return o;
-  const s = t[e] ?? t.body1, i = k`font-size:${ae(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily ? `font-family: ${s.fontFamily};` : ""}
+  const s = t[e] ?? t.body1, i = I`font-size:${ae(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily ? `font-family: ${s.fontFamily};` : ""}
     ${s.lineHeight ? `line-height: ${s.lineHeight};` : "line-height: 100%;"}
   `;
   return n.set(e, i), i;
-}, Xi = (e) => e ? k`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;` : "", Ji = h.span`font-stretch:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Yi(e, t.typography)}color:${({ $color: e }) => e};${({ $maxTextLines: e }) => Xi(e)}`;
+}, Xi = (e) => e ? I`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;` : "", Ji = h.span`font-stretch:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Yi(e, t.typography)}color:${({ $color: e }) => e};${({ $maxTextLines: e }) => Xi(e)}`;
 class dt extends io {
   constructor(t) {
     super(t), this.state = {
@@ -2818,7 +2834,7 @@ const Qi = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3
     },
     /* @__PURE__ */ r.createElement(dt, { errorFallback: /* @__PURE__ */ r.createElement(la, null) }, /* @__PURE__ */ r.createElement(s, null))
   );
-}, ia = k`[dir='rtl'] &{transform:scaleX(-1);}`, aa = h.div`width:${({ $size: e }) => ae(e)};height:${({ $size: e }) => ae(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 && ia};`, la = () => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, /* @__PURE__ */ r.createElement("rect", { x: "8", y: "8", width: "48", height: "48", fill: "none", className: "stroke", rx: "4" }), /* @__PURE__ */ r.createElement("line", { x1: "20", y1: "20", x2: "44", y2: "44", className: "stroke" }), /* @__PURE__ */ r.createElement("line", { x1: "44", y1: "20", x2: "20", y2: "44", className: "stroke" }));
+}, ia = I`[dir='rtl'] &{transform:scaleX(-1);}`, aa = h.div`width:${({ $size: e }) => ae(e)};height:${({ $size: e }) => ae(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 && ia};`, la = () => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, /* @__PURE__ */ r.createElement("rect", { x: "8", y: "8", width: "48", height: "48", fill: "none", className: "stroke", rx: "4" }), /* @__PURE__ */ r.createElement("line", { x1: "20", y1: "20", x2: "44", y2: "44", className: "stroke" }), /* @__PURE__ */ r.createElement("line", { x1: "44", y1: "20", x2: "20", y2: "44", className: "stroke" }));
 function Zt({
   name: e,
   type: t = "FILE",
@@ -2827,15 +2843,15 @@ function Zt({
   onClick: s
 }) {
   const { colors: i } = gt();
-  return /* @__PURE__ */ r.createElement(ca, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(ua, { $bgColor: o ?? i.base.primary }, /* @__PURE__ */ r.createElement(D, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(ma, null, /* @__PURE__ */ r.createElement(ga, { variant: "button", color: u.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(I, { color: u.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+  return /* @__PURE__ */ r.createElement(ca, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(ua, { $bgColor: o ?? i.base.primary }, /* @__PURE__ */ r.createElement(D, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(ma, null, /* @__PURE__ */ r.createElement(ga, { variant: "button", color: u.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(k, { color: u.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }
-const ca = h.div`border-radius:12px;gap:8px;width:${F.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};${({ $clickable: e }) => e && da}`, da = k`cursor:pointer;&:hover{background-color:${u.themedColor.bg_100_500};}`, ua = h.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, ma = h.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, ga = h(I)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
+const ca = h.div`border-radius:12px;gap:8px;width:${F.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};${({ $clickable: e }) => e && da}`, da = I`cursor:pointer;&:hover{background-color:${u.themedColor.bg_100_500};}`, ua = h.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, ma = h.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, ga = h(k)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
 function ha({ file: e, children: t, onClickFile: n }) {
   return /* @__PURE__ */ r.createElement(pa, null, /* @__PURE__ */ r.createElement(
     Zt,
     {
       name: e.name,
-      type: Vt(e.name, e.type),
+      type: zt(e.name, e.type),
       onClick: n && (() => n == null ? void 0 : n(e))
     }
   ), t);
@@ -2854,12 +2870,12 @@ const pa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
 }, xr = {
   DEFAULT_PRIMARY: "#742ddd",
   WHITE: "#ffffff"
-}, vr = 36, fa = 100, Yt = "noopener noreferrer nofollow", be = `${oe}-incoming-msg`, ba = `${oe}-marked-text`;
+}, vr = 36, fa = 100, Yt = "noopener noreferrer nofollow", Ee = `${oe}-incoming-msg`, ba = `${oe}-marked-text`;
 function Ea({ file: e, onClickMedia: t, children: n }) {
   const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(ya, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(_a, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
   if (o) {
     const s = {
-      id: `${be}-media-body`,
+      id: `${Ee}-media-body`,
       onClick: () => t == null ? void 0 : t(e)
     };
     return /* @__PURE__ */ r.createElement(xa, null, /* @__PURE__ */ r.createElement(va, { ...s }, o()), n);
@@ -2875,11 +2891,11 @@ const xa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
 `, ya = h.img`width:100%;height:100%;object-fit:cover;`, _a = h.video`width:100%;height:100%;object-fit:cover;`, Ca = "✱", yr = (e) => {
   const t = new RegExp(`(\`+)([^\`]+?)\\1|(${Ca}+)`, "g");
   return e.replace(t, (n, o, s, i) => o ? n : i ? `<span id=${ba} aria-label="masked-text">${i}</span>` : n);
-}, Sa = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Ta = L(async () => ({ default: (await import("./B2a3pL8a.js")).MarkdownText })), Aa = L(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+}, Sa = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Ta = L(async () => ({ default: (await import("./DINOaKB4.js")).MarkdownText })), Aa = L(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function $n(e) {
   var i, a;
   const t = e.maxBodyWidth ?? F.BODY_MAX_WIDTH, n = Si(e.message, e.isStreaming), o = ne(() => Yo(n, yr), [n]), s = {
-    id: `${be}-text-body`,
+    id: `${Ee}-text-body`,
     $maxWidth: t,
     $color: (i = e.customStyle) == null ? void 0 : i.bubbleContentColor,
     $bgColor: (a = e.customStyle) == null ? void 0 : a.bubbleBackgroundColor
@@ -2889,14 +2905,14 @@ function $n(e) {
     return (m = e.onClickMedia) == null ? void 0 : m.call(e, { url: d, type: "image/*" });
   } }, l.value))) : l.type === "code" ? /* @__PURE__ */ r.createElement(dt, { key: c, fallback: /* @__PURE__ */ r.createElement(On, { variant: "body3" }, l.value) }, /* @__PURE__ */ r.createElement(Aa, { code: l.value, language: l.language })) : null), e.children);
 }
-const Mn = h.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => k`
+const Mn = 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.messageIncoming.text};
     background-color: ${n || e.colors.messageIncoming.background};
   `}
   padding: 12px 0;
   transition: max-width 0.3s;
   overflow-wrap: break-word;
-`, On = h(I)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+`, On = h(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
 function wa(e) {
   const { stringSet: t } = z(), n = ir(e) ? /* @__PURE__ */ r.createElement($n, { ...e }) : null;
   if (e.messageType === "user")
@@ -2908,21 +2924,21 @@ function wa(e) {
   return /* @__PURE__ */ r.createElement($n, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
 function Xt({ id: e, src: t, size: n = 56, onClick: o, style: s }) {
-  return /* @__PURE__ */ r.createElement(Ia, { id: e, tabIndex: 0, onClick: o, $size: ae(n), style: s }, t ? /* @__PURE__ */ r.createElement(ka, { src: t }) : /* @__PURE__ */ r.createElement(D, { type: "user", size: n }));
+  return /* @__PURE__ */ r.createElement(ka, { id: e, tabIndex: 0, onClick: o, $size: ae(n), style: s }, t ? /* @__PURE__ */ r.createElement(Ia, { src: t }) : /* @__PURE__ */ r.createElement(D, { type: "user", size: n }));
 }
-const Ia = 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:${u.themedColor.bg_100_500};&:focus{outline:none;}`, ka = h.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
+const ka = 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:${u.themedColor.bg_100_500};&:focus{outline:none;}`, Ia = h.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
 function $a({ sender: e, isBotMessage: t }) {
-  const n = `${be}-sender-avatar`;
+  const n = `${Ee}-sender-avatar`;
   return t && !e.profileUrl ? /* @__PURE__ */ r.createElement(Ma, { id: n }, /* @__PURE__ */ r.createElement(D, { type: "bot-filled", size: "100%" })) : /* @__PURE__ */ r.createElement(Xt, { id: n, size: F.AVATAR_SIZE, src: e.profileUrl });
 }
 const Ma = h.div`flex-shrink:0;width:${F.AVATAR_SIZE}px;height:${F.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;path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}}`;
 function Oa({ sender: e }) {
-  return /* @__PURE__ */ r.createElement(La, { id: `${be}-sender-name`, variant: "caption1", color: u.themedColor.textMidEmphasis }, e.nickname);
+  return /* @__PURE__ */ r.createElement(La, { id: `${Ee}-sender-name`, variant: "caption1", color: u.themedColor.textMidEmphasis }, e.nickname);
 }
-const La = h(I)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
+const La = h(k)`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 Da({ createdAt: e }) {
   const { stringSet: t, format: n } = z();
-  return e ? /* @__PURE__ */ r.createElement(I, { id: `${be}-sent-time`, variant: "caption4", color: u.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
+  return e ? /* @__PURE__ */ r.createElement(k, { id: `${Ee}-sent-time`, variant: "caption4", color: u.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
 function Ra({ customStyle: e }) {
   return /* @__PURE__ */ r.createElement(Na, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(Ba, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
@@ -2937,18 +2953,18 @@ function Fa({
   onClickCTA: t = ({ url: n }) => Jt(n)
 }) {
   const n = e == null ? void 0 : e.cta_button;
-  return n ? /* @__PURE__ */ r.createElement(Pa, { id: `${be}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(Ua, { variant: "button" }, n.label)) : null;
+  return n ? /* @__PURE__ */ r.createElement(Pa, { id: `${Ee}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(Ua, { variant: "button" }, n.label)) : null;
 }
 const Pa = h.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${u.themedColor.textHighEmphasis};background-color:${u.color.background50};${N.dark`
     background-color: ${u.color.ondark.textDisabled};
   `}
-`, Ua = h(I)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+`, Ua = h(k)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
 function Ha({
   extendedMessagePayload: e,
   onClickCitation: t = (n) => Jt(n.link)
 }) {
   const { stringSet: n } = z(), { theme: o } = Gt(), s = e == null ? void 0 : e.citations;
-  return !s || s.length === 0 ? null : /* @__PURE__ */ r.createElement(Va, { id: `${be}-ext-citation` }, /* @__PURE__ */ r.createElement(za, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(Ga, null, s.map((i, a) => /* @__PURE__ */ r.createElement(
+  return !s || s.length === 0 ? null : /* @__PURE__ */ r.createElement(Va, { id: `${Ee}-ext-citation` }, /* @__PURE__ */ r.createElement(za, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(Wa, null, s.map((i, a) => /* @__PURE__ */ r.createElement(
     ja,
     {
       key: `${i.embedding_id}-${a}`,
@@ -2956,19 +2972,19 @@ function Ha({
       onClick: () => t(i)
     },
     /* @__PURE__ */ r.createElement(D, { type: "source", size: 16, color: o.colors.messageIncoming.text }),
-    /* @__PURE__ */ r.createElement(Wa, { variant: "body3", color: o.colors.messageIncoming.text }, i.title)
+    /* @__PURE__ */ r.createElement(Ga, { variant: "body3", color: o.colors.messageIncoming.text }, i.title)
   ))));
 }
-const Va = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, za = h(I)`opacity:0.5;`, Ga = h.div`display:flex;flex-direction:column;gap:8px;`, Wa = h(I)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, ja = h.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`, Et = ({ style: e, rootElementId: t, visible: n, onClose: o, children: s }) => {
+const Va = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, za = h(k)`opacity:0.5;`, Wa = h.div`display:flex;flex-direction:column;gap:8px;`, Ga = h(k)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, ja = h.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`, xt = ({ style: e, rootElementId: t, visible: n, onClose: o, children: s }) => {
   if (!n) return null;
   const { rootElement: i } = br(), a = $e(i), l = $e(i, !0);
   return Oo(
     /* @__PURE__ */ r.createElement(qa, { onClick: o, style: e }, /* @__PURE__ */ r.createElement(Ka, { onClick: (c) => c.stopPropagation() }, s)),
     a.getElementById(t) ?? a.getElementById(se.MODAL_ROOT) ?? l.body
   );
-}, qa = h.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Oe.MODAL};`, Ka = 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:${Oe.MODAL};`, Za = ({ visible: e, onClose: t, children: n }) => /* @__PURE__ */ r.createElement(Et, { rootElementId: se.WINDOW, visible: e, onClose: t }, /* @__PURE__ */ r.createElement(Ja, null, n)), Ya = ({ onClick: e, destructive: t, children: n }) => /* @__PURE__ */ r.createElement(Xa, { onClick: e, $destructive: t }, n), Pe = Object.assign(Za, {
+}, qa = h.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Oe.MODAL};`, Ka = 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:${Oe.MODAL};`, Za = ({ visible: e, onClose: t, children: n }) => /* @__PURE__ */ r.createElement(xt, { rootElementId: se.WINDOW, visible: e, onClose: t }, /* @__PURE__ */ r.createElement(Ja, null, n)), Ya = ({ onClick: e, destructive: t, children: n }) => /* @__PURE__ */ r.createElement(Xa, { onClick: e, $destructive: t }, n), Pe = Object.assign(Za, {
   ActionItem: Ya
-}), Xa = h.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({ $destructive: e }) => e ? u.themedColor.error : u.themedColor.textHighEmphasis};`, Ja = 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};`, Nt = (e) => `${e}-filled`, Qa = (e) => e === "good" ? pn.GOOD : pn.BAD, _r = k`&:hover{opacity:0.8;}&:active{opacity:0.6;}`, Ln = {
+}), Xa = h.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({ $destructive: e }) => e ? u.themedColor.error : u.themedColor.textHighEmphasis};`, Ja = 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};`, Bt = (e) => `${e}-filled`, Qa = (e) => e === "good" ? pn.GOOD : pn.BAD, _r = I`&:hover{opacity:0.8;}&:active{opacity:0.6;}`, Ln = {
   good: u.themedColor.secondary,
   bad: u.themedColor.error
 }, el = ({
@@ -2981,7 +2997,7 @@ const Va = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
   isCommentEnabled: a = !1
 }) => {
   const { stringSet: l } = z(), [c, d] = T(o), [m, p] = T(s);
-  Ce(() => {
+  Se(() => {
     e ? (d(o), p(s)) : (d(void 0), p(""));
   }, [e, o, s]);
   const E = () => {
@@ -2989,7 +3005,7 @@ const Va = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
   }, y = () => {
     t();
   };
-  return e ? /* @__PURE__ */ r.createElement(Et, { rootElementId: se.WINDOW, visible: e, onClose: y }, /* @__PURE__ */ r.createElement(tl, null, /* @__PURE__ */ r.createElement(nl, null, /* @__PURE__ */ r.createElement(I, { variant: "h2", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ r.createElement(rl, null, /* @__PURE__ */ r.createElement(ol, null, ["good", "bad"].map((x) => {
+  return e ? /* @__PURE__ */ r.createElement(xt, { rootElementId: se.WINDOW, visible: e, onClose: y }, /* @__PURE__ */ r.createElement(tl, null, /* @__PURE__ */ r.createElement(nl, null, /* @__PURE__ */ r.createElement(k, { variant: "h2", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ r.createElement(rl, null, /* @__PURE__ */ r.createElement(ol, null, ["good", "bad"].map((x) => {
     const b = c === x, f = x === "good" ? l.FEEDBACK_GOOD : l.FEEDBACK_BAD;
     return /* @__PURE__ */ r.createElement(
       sl,
@@ -3002,13 +3018,13 @@ const Va = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
       /* @__PURE__ */ r.createElement(
         D,
         {
-          type: b ? Nt(x) : x,
+          type: b ? Bt(x) : x,
           size: 24,
           color: b ? Ln[x] : u.themedColor.textLowEmphasis
         }
       ),
       /* @__PURE__ */ r.createElement(
-        I,
+        k,
         {
           variant: "caption1",
           color: b ? Ln[x] : u.themedColor.textLowEmphasis
@@ -3016,7 +3032,7 @@ const Va = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
         f
       )
     );
-  })), a && /* @__PURE__ */ r.createElement(il, null, /* @__PURE__ */ r.createElement(I, { variant: "caption3", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_COMMENT_LABEL), /* @__PURE__ */ r.createElement(
+  })), a && /* @__PURE__ */ r.createElement(il, null, /* @__PURE__ */ r.createElement(k, { variant: "caption3", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_COMMENT_LABEL), /* @__PURE__ */ r.createElement(
     al,
     {
       placeholder: l.FEEDBACK_COMMENT_PLACEHOLDER,
@@ -3024,7 +3040,7 @@ const Va = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
       onChange: (x) => p(x.target.value),
       maxLength: 100
     }
-  ))), /* @__PURE__ */ r.createElement(ll, null, /* @__PURE__ */ r.createElement(cl, { onClick: y }, /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ r.createElement(dl, { onClick: E, disabled: !c }, /* @__PURE__ */ r.createElement(I, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
+  ))), /* @__PURE__ */ r.createElement(ll, null, /* @__PURE__ */ r.createElement(cl, { onClick: y }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ r.createElement(dl, { onClick: E, disabled: !c }, /* @__PURE__ */ r.createElement(k, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
 }, tl = h.div`width:280px;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`, nl = h.div`padding:24px;`, rl = h.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`, ol = h.div`display:flex;gap:4px;`, sl = h.button`width:114px;height:64px;border-radius:12px;border:1px solid ${u.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 ? u.color.background100 : "transparent"};${({ $selected: e }) => N.dark`
     background-color: ${e ? u.color.background600 : "transparent"};
   `}
@@ -3057,10 +3073,10 @@ function ul({
     a == null || a(null), p(!1);
   }, C = () => {
     p(!1), y(f == null ? void 0 : f.rating), b((f == null ? void 0 : f.comment) ?? ""), d(!0);
-  }, A = ($) => {
+  }, w = ($) => {
     a == null || a($);
   };
-  return t && g !== "none" ? /* @__PURE__ */ r.createElement(Rn, { $horizontal: !0 }, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(D, { type: Nt(g), size: 12, color: Dn[g] })), (f == null ? void 0 : f.comment) && /* @__PURE__ */ r.createElement(Nn, { variant: "caption2", style: { lineHeight: "16px" } }, f.comment)) : /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Rn, null, /* @__PURE__ */ r.createElement(gl, null, ["good", "bad"].map(($) => {
+  return t && g !== "none" ? /* @__PURE__ */ r.createElement(Rn, { $horizontal: !0 }, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(D, { type: Bt(g), size: 12, color: Dn[g] })), (f == null ? void 0 : f.comment) && /* @__PURE__ */ r.createElement(Nn, { variant: "caption2", style: { lineHeight: "16px" } }, f.comment)) : /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Rn, null, /* @__PURE__ */ r.createElement(gl, null, ["good", "bad"].map(($) => {
     const B = g === $;
     return /* @__PURE__ */ r.createElement(
       hl,
@@ -3073,7 +3089,7 @@ function ul({
       /* @__PURE__ */ r.createElement(
         D,
         {
-          type: B ? Nt($) : $,
+          type: B ? Bt($) : $,
           size: 14,
           color: B ? Dn[$] : u.themedColor.textMidEmphasis
         }
@@ -3087,7 +3103,7 @@ function ul({
       isEdit: g !== "none",
       initialRating: E,
       initialComment: x,
-      onSubmit: A,
+      onSubmit: w,
       isCommentEnabled: s
     }
   ));
@@ -3098,15 +3114,15 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   `}
 
   ${_r}
-`, Nn = h(I)`color:${u.themedColor.textMidEmphasis};${N.dark`
+`, Nn = h(k)`color:${u.themedColor.textMidEmphasis};${N.dark`
     color: ${u.themedColor.textHighEmphasis};
   `}
 `, Qt = ({ visible: e, title: t, description: n, confirmText: o = "OK", onConfirm: s, onClose: i }) => {
   const a = () => {
     s == null || s(), i();
   };
-  return /* @__PURE__ */ r.createElement(Et, { rootElementId: se.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(fl, null, t && /* @__PURE__ */ r.createElement(I, { variant: "h1", color: u.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ r.createElement(bl, null, /* @__PURE__ */ r.createElement(I, { variant: "subtitle2", color: u.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ r.createElement(El, null, /* @__PURE__ */ r.createElement(xl, { onClick: a }, /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.primary }, o)))));
-}, pl = h.div`width:100%;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};`, fl = h.div`margin-bottom:16px;`, bl = h.div`margin-top:8px;`, El = h.div`display:flex;flex-direction:row;justify-content:flex-end;`, xl = h.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, en = k`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;}`, Bn = h.button`${en};background-color:${u.themedColor.primary};color:${u.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`, vl = h.button`${en};color:${u.themedColor.primary};${N.light`
+  return /* @__PURE__ */ r.createElement(xt, { rootElementId: se.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(fl, null, t && /* @__PURE__ */ r.createElement(k, { variant: "h1", color: u.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ r.createElement(bl, null, /* @__PURE__ */ r.createElement(k, { variant: "subtitle2", color: u.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ r.createElement(El, null, /* @__PURE__ */ r.createElement(xl, { onClick: a }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: u.themedColor.primary }, o)))));
+}, pl = h.div`width:100%;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};`, fl = h.div`margin-bottom:16px;`, bl = h.div`margin-top:8px;`, El = h.div`display:flex;flex-direction:row;justify-content:flex-end;`, xl = h.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, en = 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;}`, Bn = h.button`${en};background-color:${u.themedColor.primary};color:${u.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`, vl = h.button`${en};color:${u.themedColor.primary};${N.light`
     background-color: ${u.color.background50};
   `};
   ${N.dark`
@@ -3147,10 +3163,10 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
         return u.themedColor.textHighEmphasisInverse;
     }
   }, l = _l(n);
-  return /* @__PURE__ */ r.createElement(l, { onClick: t, disabled: o || s, className: i }, s ? /* @__PURE__ */ r.createElement(Cl, null, /* @__PURE__ */ r.createElement(D, { type: "spinner", size: 22, color: a() })) : /* @__PURE__ */ r.createElement(I, { variant: "button", color: a() }, e));
-}, Tl = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(I, { variant: "caption4", color: u.themedColor.error, className: t, style: n }, e), Al = ({ children: e, className: t, style: n, required: o }) => {
+  return /* @__PURE__ */ r.createElement(l, { onClick: t, disabled: o || s, className: i }, s ? /* @__PURE__ */ r.createElement(Cl, null, /* @__PURE__ */ r.createElement(D, { type: "spinner", size: 22, color: a() })) : /* @__PURE__ */ r.createElement(k, { variant: "button", color: a() }, e));
+}, Tl = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: u.themedColor.error, className: t, style: n }, e), Al = ({ children: e, className: t, style: n, required: o }) => {
   const { stringSet: s } = z();
-  return /* @__PURE__ */ r.createElement(I, { variant: "caption3", color: u.themedColor.textMidEmphasis, className: t, style: n }, e, !o && /* @__PURE__ */ r.createElement("span", { style: { color: u.themedColor.textLowEmphasis } }, ` (${s.OPTIONAL})`));
+  return /* @__PURE__ */ r.createElement(k, { variant: "caption3", color: u.themedColor.textMidEmphasis, className: t, style: n }, e, !o && /* @__PURE__ */ r.createElement("span", { style: { color: u.themedColor.textLowEmphasis } }, ` (${s.OPTIONAL})`));
 }, wl = ({
   value: e,
   onChange: t,
@@ -3188,7 +3204,7 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       $submitted: s
     }
   );
-}, Il = k`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:${u.themedColor.textLowEmphasis};}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}`, kl = k`color:${u.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${N.light`
+}, kl = 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:${u.themedColor.textLowEmphasis};}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}`, Il = I`color:${u.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${N.light`
     background-color: ${u.color.ondark.textMidEmphasis};
   `}
   ${N.dark`
@@ -3198,13 +3214,13 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &::placeholder {
     color: ${u.themedColor.textLowEmphasis};
   }
-`, $l = k`border:1px solid ${u.themedColor.error};color:${u.themedColor.textHighEmphasis};${N.light`
+`, $l = I`border:1px solid ${u.themedColor.error};color:${u.themedColor.textHighEmphasis};${N.light`
     background-color: ${u.color.background50};
   `}
   ${N.dark`
     background-color: ${u.color.onlight.textLowEmphasis};
   `}
-`, Ml = k`border:1px solid ${u.themedColor.textDisabled};color:${u.themedColor.textHighEmphasis};${N.light`
+`, Ml = I`border:1px solid ${u.themedColor.textDisabled};color:${u.themedColor.textHighEmphasis};${N.light`
     background-color: ${u.color.background50};
   `}
   ${N.dark`
@@ -3214,7 +3230,7 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &:focus {
     border-color: ${u.themedColor.primary};
   }
-`, Ol = h.input`${Il}${({ $error: e, $submitted: t }) => t ? kl : e ? $l : Ml}`, Ll = (e) => {
+`, Ol = h.input`${kl}${({ $error: e, $submitted: t }) => t ? Il : e ? $l : Ml}`, Ll = (e) => {
   if (e.multiple) {
     const { value: t = [], onChange: n, maxSelect: o, submitted: s = !1 } = e;
     return {
@@ -3256,15 +3272,15 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
         $error: o,
         onClick: () => a(l.value)
       },
-      /* @__PURE__ */ r.createElement(I, { variant: "caption1", color: Dl(c, n) }, l.label)
+      /* @__PURE__ */ r.createElement(k, { variant: "caption1", color: Dl(c, n) }, l.label)
     );
   }));
-}, Dl = (e, t) => t ? e ? u.themedColor.textHighEmphasis : u.themedColor.textDisabled : e ? u.themedColor.primary : u.themedColor.textMidEmphasis, Rl = h.div`display:flex;flex-wrap:wrap;gap:4px 2px;`, Nl = k`display:inline-flex;align-items:center;padding:8px 12px;border-radius:15px;transition:all 0.2s ease;`, Bl = k`cursor:default;background-color:${u.color.ondark.textMidEmphasis};color:${u.themedColor.textHighEmphasis};${N.dark`
+}, Dl = (e, t) => t ? e ? u.themedColor.textHighEmphasis : u.themedColor.textDisabled : e ? u.themedColor.primary : u.themedColor.textMidEmphasis, Rl = h.div`display:flex;flex-wrap:wrap;gap:4px 2px;`, Nl = I`display:inline-flex;align-items:center;padding:8px 12px;border-radius:15px;transition:all 0.2s ease;`, Bl = I`cursor:default;background-color:${u.color.ondark.textMidEmphasis};color:${u.themedColor.textHighEmphasis};${N.dark`
     background-color: transparent;
     border: 1px solid white;
     color: white;
   `}
-`, Fl = k`cursor:default;${N.light`
+`, Fl = I`cursor:default;${N.light`
     background-color: ${u.color.ondark.textMidEmphasis};
     color: ${u.themedColor.textDisabled};
   `}
@@ -3273,7 +3289,7 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     border: 1px solid ${u.color.onlight.textLowEmphasis};
     color: ${u.themedColor.textDisabled};
   `}
-`, Pl = k`cursor:pointer;border:1px solid ${u.themedColor.primary};${N.light`
+`, Pl = I`cursor:pointer;border:1px solid ${u.themedColor.primary};${N.light`
     background-color: ${u.color.background50};
     color: ${u.themedColor.primary};
   `}
@@ -3281,7 +3297,7 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     background-color: ${u.color.onlight.textLowEmphasis};
     color: ${u.themedColor.primary};
   `}
-`, Ul = k`cursor:pointer;border:1px solid ${u.themedColor.textDisabled};${N.light`
+`, Ul = I`cursor:pointer;border:1px solid ${u.themedColor.textDisabled};${N.light`
     background-color: ${u.color.background50};
     color: ${u.themedColor.textMidEmphasis};
   `}
@@ -3289,15 +3305,15 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     background-color: ${u.color.onlight.textLowEmphasis};
     color: ${u.themedColor.textMidEmphasis};
   `}
-`, Hl = k`border-color:${u.themedColor.error}!important;`, Vl = h.div`${Nl}${({ $active: e, $submitted: t, $error: n }) => {
+`, Hl = I`border-color:${u.themedColor.error}!important;`, Vl = h.div`${Nl}${({ $active: e, $submitted: t, $error: n }) => {
   if (t)
     return e ? Bl : Fl;
   const o = e ? Pl : Ul;
-  return n ? k`
+  return n ? I`
           ${o} ${Hl}
         ` : o;
 }}
-`, zl = (e) => /* @__PURE__ */ r.createElement(Sr, { ...e, multiple: !1 }), Gl = (e) => /* @__PURE__ */ r.createElement(Sr, { ...e, multiple: !0 }), Wl = h.div`width:100%;height:1px;background-color:${u.themedColor.textDisabled};`, jl = ({ className: e }) => /* @__PURE__ */ r.createElement(Wl, { className: e }), ql = ({
+`, zl = (e) => /* @__PURE__ */ r.createElement(Sr, { ...e, multiple: !1 }), Wl = (e) => /* @__PURE__ */ r.createElement(Sr, { ...e, multiple: !0 }), Gl = h.div`width:100%;height:1px;background-color:${u.themedColor.textDisabled};`, jl = ({ className: e }) => /* @__PURE__ */ r.createElement(Gl, { className: e }), ql = ({
   value: e = "",
   onChange: t,
   placeholder: n,
@@ -3322,7 +3338,7 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     $submitted: i
   };
   return o === "multi-line" ? /* @__PURE__ */ r.createElement(Zl, { ...m }) : /* @__PURE__ */ r.createElement(Kl, { ...m });
-}, Tr = k`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:${u.themedColor.textLowEmphasis};}`, Ar = k`color:${u.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${N.light`
+}, Tr = 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:${u.themedColor.textLowEmphasis};}`, Ar = I`color:${u.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${N.light`
     background-color: ${u.color.ondark.textMidEmphasis};
   `}
   ${N.dark`
@@ -3332,13 +3348,13 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &::placeholder {
     color: ${u.themedColor.textLowEmphasis};
   }
-`, wr = k`border:1px solid ${u.themedColor.error};color:${u.themedColor.textHighEmphasis};${N.light`
+`, wr = I`border:1px solid ${u.themedColor.error};color:${u.themedColor.textHighEmphasis};${N.light`
     background-color: ${u.color.background50};
   `}
   ${N.dark`
     background-color: ${u.color.onlight.textLowEmphasis};
   `}
-`, Ir = k`border:1px solid ${u.themedColor.textDisabled};color:${u.themedColor.textHighEmphasis};${N.light`
+`, kr = I`border:1px solid ${u.themedColor.textDisabled};color:${u.themedColor.textHighEmphasis};${N.light`
     background-color: ${u.color.background50};
   `}
   ${N.dark`
@@ -3348,7 +3364,7 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &:focus {
     border-color: ${u.themedColor.primary};
   }
-`, Kl = h.input`${Tr};height:36px;${({ $error: e, $submitted: t }) => t ? Ar : e ? wr : Ir}`, Zl = h.textarea`${Tr};height:96px;resize:none;font-family:inherit;${({ $error: e, $submitted: t }) => t ? Ar : e ? wr : Ir}`, Yl = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.textHighEmphasis, className: t, style: n }, e), Z = {
+`, Kl = h.input`${Tr};height:36px;${({ $error: e, $submitted: t }) => t ? Ar : e ? wr : kr}`, Zl = h.textarea`${Tr};height:96px;resize:none;font-family:inherit;${({ $error: e, $submitted: t }) => t ? Ar : e ? wr : kr}`, Yl = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(k, { variant: "button", color: u.themedColor.textHighEmphasis, className: t, style: n }, e), Z = {
   Title: Yl,
   Label: Al,
   ErrorLabel: Tl,
@@ -3357,7 +3373,7 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   TextInput: ql,
   NumberInput: wl,
   SingleSelect: zl,
-  MultiSelect: Gl
+  MultiSelect: Wl
 }, Xl = 1, Jl = /* @__PURE__ */ new Set(["text", "number", "single-select", "multi-select"]), Ql = (e) => {
   var f;
   const t = (f = e.extendedMessagePayload) == null ? void 0 : f.form;
@@ -3469,8 +3485,8 @@ const Rn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       loading: o.canceling
     },
     n.BUTTON__CANCEL
-  ))), /* @__PURE__ */ r.createElement(Qt, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ r.createElement(Fn, { $maxWidth: e.maxBodyWidth ?? F.BODY_MAX_WIDTH }, /* @__PURE__ */ r.createElement(I, { variant: "body3" }, b.reason), b.cancelable && /* @__PURE__ */ r.createElement(Z.Button, { variant: "primary", onClick: x, loading: o.canceling }, n.BUTTON__CANCEL));
-}, Fn = h.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e }) => k`
+  ))), /* @__PURE__ */ r.createElement(Qt, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ r.createElement(Fn, { $maxWidth: e.maxBodyWidth ?? F.BODY_MAX_WIDTH }, /* @__PURE__ */ r.createElement(k, { variant: "body3" }, b.reason), b.cancelable && /* @__PURE__ */ r.createElement(Z.Button, { variant: "primary", onClick: x, loading: o.canceling }, n.BUTTON__CANCEL));
+}, Fn = 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};
   `}
@@ -3500,7 +3516,7 @@ const ac = ({
   extendedMessagePayload: e,
   onGetCachedMessageTemplate: t = () => null,
   onRequestMessageTemplate: n,
-  onHandleTemplateInternalAction: o = Te
+  onHandleTemplateInternalAction: o = Ae
 }) => {
   const s = e == null ? void 0 : e.message_template;
   if (!oc.has((s == null ? void 0 : s.type) ?? "default")) throw new Error("Unsupported template type");
@@ -3514,7 +3530,7 @@ const ac = ({
     viewVariables: s == null ? void 0 : s.view_variables,
     aiAgentColorVariables: a.aiAgentColorVariables
   });
-  return /* @__PURE__ */ r.createElement(lc, { id: `${be}-ext-message-template` }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(lc, { id: `${Ee}-ext-message-template` }, /* @__PURE__ */ r.createElement(
     Ro,
     {
       handleInternalAction: (c, d) => {
@@ -3530,7 +3546,7 @@ function cc({
   suggestedRepliesDirection: n = "vertical"
 }) {
   const [o, s] = T(!1), i = (e == null ? void 0 : e.suggested_replies) ?? [];
-  return i.length === 0 || o ? null : /* @__PURE__ */ r.createElement(dc, { id: `${be}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ r.createElement(
+  return i.length === 0 || o ? null : /* @__PURE__ */ r.createElement(dc, { id: `${Ee}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ r.createElement(
     uc,
     {
       key: l,
@@ -3543,14 +3559,14 @@ function cc({
     a
   )));
 }
-const dc = h.div`margin:16px 0;padding:0 ${F.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({ $type: e }) => e === "vertical" ? mc : gc};`, uc = h(I)`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:${u.color.primary.main};border:1px solid ${u.color.primary.main};background-color:${u.themedColor.bg_50_600};&:hover{background-color:${u.themedColor.bg_100_500};}${({ $type: e, theme: t }) => k`
+const dc = h.div`margin:16px 0;padding:0 ${F.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({ $type: e }) => e === "vertical" ? mc : gc};`, uc = h(k)`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:${u.color.primary.main};border:1px solid ${u.color.primary.main};background-color:${u.themedColor.bg_50_600};&:hover{background-color:${u.themedColor.bg_100_500};}${({ $type: e, theme: t }) => I`
     ${e === "vertical" ? hc : pc};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, mc = k`flex-direction:column;align-items:flex-end;`, gc = k`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, hc = k`max-width:calc(100% - 70px);white-space:pre-wrap;`, pc = k`white-space:nowrap;`, Ve = Me({
+`, mc = I`flex-direction:column;align-items:flex-end;`, gc = I`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, hc = I`max-width:calc(100% - 70px);white-space:pre-wrap;`, pc = I`white-space:nowrap;`, Ve = Me({
   template: fc,
   components: {
     SenderName: Oa,
@@ -3568,16 +3584,16 @@ const dc = h.div`margin:16px 0;padding:0 ${F.HORIZONTAL_PADDING}px;position:rela
   }
 });
 function fc(e) {
-  return /* @__PURE__ */ r.createElement(kr, { ...e, testerMode: !1 });
+  return /* @__PURE__ */ r.createElement(Ir, { ...e, testerMode: !1 });
 }
-function kr(e) {
+function Ir(e) {
   var E, y, x, b, f, g, v;
   const { components: t } = Ve.useContext(), n = !!e.isTyping, o = e.testerMode, s = !!((E = e.extendedMessagePayload) != null && E.form) && !((y = e.extendedMessagePayload) != null && y.form.canceled_at), i = !!((x = e.extendedMessagePayload) != null && x.message_template), a = !!((b = e.extendedMessagePayload) != null && b.cta_button), l = !!((f = e.extendedMessagePayload) != null && f.citations) && e.extendedMessagePayload.citations.length > 0, c = !!e.createdAt, d = e.groupType === "top" || e.groupType === "single", m = e.groupType === "bottom" || e.groupType === "single", p = o ? 0 : F.AVATAR_SIZE;
-  return /* @__PURE__ */ r.createElement(bc, { $marginBottom: n ? 0 : zt(e.groupType) }, d && /* @__PURE__ */ r.createElement(Ec, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(vc, null, /* @__PURE__ */ r.createElement(St, { $extraStartPadding: p }, n ? /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }) : /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, a && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), l && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), i && /* @__PURE__ */ r.createElement(Pn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(bc, { $marginBottom: n ? 0 : Wt(e.groupType) }, d && /* @__PURE__ */ r.createElement(Ec, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(vc, null, /* @__PURE__ */ r.createElement(Tt, { $extraStartPadding: p }, n ? /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }) : /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, a && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), l && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), i && /* @__PURE__ */ r.createElement(Pn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ r.createElement(
     t.MessageTemplate,
     {
       ...e,
-      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(St, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(
+      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(Tt, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(
         t.MessageBody,
         {
           ...e,
@@ -3585,7 +3601,7 @@ function kr(e) {
           message: ((v = (g = e.extendedMessagePayload) == null ? void 0 : g.message_template) == null ? void 0 : v.fallback_message) ?? "Cannot read this template."
         }
       )),
-      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(St, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
+      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(Tt, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
     }
   )), s && /* @__PURE__ */ r.createElement(Pn, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(t.Form, { ...e }))), m && c && /* @__PURE__ */ r.createElement(xc, { $extraStartPadding: p + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Xn, null, !n && /* @__PURE__ */ r.createElement(Ye, { $extraStartPadding: p + 8 }, /* @__PURE__ */ r.createElement(t.Feedback, { ...e })), e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e }), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
 }
@@ -3593,7 +3609,7 @@ const bc = h.div`display:flex;flex-direction:column;align-items:flex-start;margi
 `, Ye = h.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = F.HORIZONTAL_PADDING, $endPadding: t = F.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, Ec = h(Ye)`display:flex;flex-direction:row;align-items:center;gap:8px;`, St = h(Ye)`display:flex;`, xc = h(Ye)`margin-top:${F.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Pn = h(Ye)`display:flex;${({ $startPadding: e = F.HORIZONTAL_PADDING, $endPadding: t = F.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
+`, Ec = h(Ye)`display:flex;flex-direction:row;align-items:center;gap:8px;`, Tt = h(Ye)`display:flex;`, xc = h(Ye)`margin-top:${F.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Pn = h(Ye)`display:flex;${({ $startPadding: e = F.HORIZONTAL_PADDING, $endPadding: t = F.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
 `, vc = h.div`display:flex;flex-direction:column;gap:${F.GAP_GROUPED}px;`;
@@ -3602,7 +3618,7 @@ function yc({ file: e, children: t, onClickFile: n, sendingStatus: o }) {
     if (!(!n || o === "failed"))
       return () => n == null ? void 0 : n(e);
   })();
-  return /* @__PURE__ */ r.createElement(_c, null, /* @__PURE__ */ r.createElement(Zt, { name: e.name, type: Vt(e.name, e.type), onClick: s }), t);
+  return /* @__PURE__ */ r.createElement(_c, null, /* @__PURE__ */ r.createElement(Zt, { name: e.name, type: zt(e.name, e.type), onClick: s }), t);
 }
 const _c = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${F.GAP_GROUPED}px;`, tn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(Cc, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(D, { type: "spinner", size: n })), Cc = h.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => ae(e)};height:${({ $size: e }) => ae(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
 function Sc({
@@ -3636,23 +3652,23 @@ function Un(e) {
     return nr.sanitize(s);
   }, [e.message]);
   return /* @__PURE__ */ r.createElement(
-    Ic,
+    kc,
     {
       $maxWidth: e.maxBodyWidth ?? F.BODY_MAX_WIDTH,
       $color: (n = e.customStyle) == null ? void 0 : n.bubbleContentColor,
       $bgColor: (o = e.customStyle) == null ? void 0 : o.bubbleBackgroundColor
     },
-    /* @__PURE__ */ r.createElement(kc, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
+    /* @__PURE__ */ r.createElement(Ic, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
   );
 }
-const Ic = h.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => k`
+const kc = 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;
-`, kc = h(I)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+`, Ic = h(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
 function $c(e) {
   const { stringSet: t } = z(), n = () => {
     const s = ir(e) ? /* @__PURE__ */ r.createElement(Un, { ...e }) : null;
@@ -3684,7 +3700,7 @@ function Mc({ sendingStatus: e }) {
 const Oc = h(tn)`margin-bottom:2px;width:16px;height:16px;`;
 function Lc({ createdAt: e }) {
   const { stringSet: t, format: n } = z();
-  return e ? /* @__PURE__ */ r.createElement(I, { variant: "caption4", color: u.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
+  return e ? /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: u.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
 const nn = Me({
   template: Dc,
@@ -3696,13 +3712,13 @@ const nn = Me({
 });
 function Dc(e) {
   const { components: t } = nn.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
-  return /* @__PURE__ */ r.createElement(Rc, { $marginBottom: zt(e.groupType) }, /* @__PURE__ */ r.createElement(Nc, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Bc, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
+  return /* @__PURE__ */ r.createElement(Rc, { $marginBottom: Wt(e.groupType) }, /* @__PURE__ */ r.createElement(Nc, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Bc, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
 }
 const Rc = h.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, $r = h.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = F.HORIZONTAL_PADDING, $endPadding: t = F.HORIZONTAL_PADDING, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
 `, Nc = h($r)``, Bc = h($r)`margin-top:${F.BODY_TIME_GAP}px;`;
 function Fc(e) {
-  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Pc, null, /* @__PURE__ */ r.createElement(I, { variant: "caption2", color: u.themedColor.textMidEmphasis }, Uc(nr.sanitize(e.message))));
+  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Pc, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: u.themedColor.textMidEmphasis }, Uc(nr.sanitize(e.message))));
 }
 const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;padding-inline:${F.HORIZONTAL_PADDING}px;a{text-decoration:none;color:inherit;}`, Uc = (e) => {
   try {
@@ -3731,9 +3747,9 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
 }, Mr = ({ onClick: e, checked: t, label: n, disabled: o, labelVariant: s = "caption2" }) => {
   const i = t ? u.themedColor.primary : o ? u.themedColor.textDisabled : u.themedColor.textLowEmphasis, a = t ? u.themedColor.textHighEmphasis : o ? u.themedColor.textLowEmphasis : u.themedColor.textHighEmphasis;
   return /* @__PURE__ */ r.createElement(zc, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(Hc, null, /* @__PURE__ */ r.createElement(D, { size: 20, type: t ? "radio-on" : "radio-off", color: i })), /* @__PURE__ */ r.createElement(Vc, { variant: s, color: a }, n));
-}, Hc = h.div`width:20px;height:20px;`, Vc = h(I)`line-height:20px;word-break:break-word;`, zc = h.button`all:unset;display:flex;align-items:flex-start;justify-content:flex-start;gap:2px;&:enabled{cursor:pointer;}`, Gc = ({ csatPayload: e, submitted: t, defaultValue: n, value: o, onChange: s }) => (U(() => {
+}, Hc = h.div`width:20px;height:20px;`, Vc = h(k)`line-height:20px;word-break:break-word;`, zc = h.button`all:unset;display:flex;align-items:flex-start;justify-content:flex-start;gap:2px;&:enabled{cursor:pointer;}`, Wc = ({ csatPayload: e, submitted: t, defaultValue: n, value: o, onChange: s }) => (U(() => {
   typeof o > "u" && typeof n == "boolean" && (s == null || s(n));
-}, [o, n]), e.cre ? /* @__PURE__ */ r.createElement(Wc, null, /* @__PURE__ */ r.createElement(Z.Label, { required: e.cre.required }, e.cre.question), /* @__PURE__ */ r.createElement(jc, null, [
+}, [o, n]), e.cre ? /* @__PURE__ */ r.createElement(Gc, null, /* @__PURE__ */ r.createElement(Z.Label, { required: e.cre.required }, e.cre.question), /* @__PURE__ */ r.createElement(jc, null, [
   { label: e.cre.positive_label, value: !0 },
   { label: e.cre.negative_label, value: !1 }
 ].map((i) => /* @__PURE__ */ r.createElement(
@@ -3745,7 +3761,7 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
     disabled: t,
     onClick: () => s == null ? void 0 : s(i.value)
   }
-)))) : null), Wc = h.div`display:flex;flex-direction:column;gap:8px;`, jc = h.div`display:flex;flex-direction:column;gap:8px;`, qc = ({
+)))) : null), Gc = h.div`display:flex;flex-direction:column;gap:8px;`, jc = h.div`display:flex;flex-direction:column;gap:8px;`, qc = ({
   followUpItem: e,
   submitted: t,
   value: n = "",
@@ -3934,10 +3950,10 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
   ), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: "15.83", height: "7.915", fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ r.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: "15.83", height: "7.915", fill: "white", transform: "translate(12.085 22.709)" }))))
 ], Qc = ({ csatPayload: e, submitted: t, value: n, onChange: o }) => {
   const s = typeof n > "u";
-  return /* @__PURE__ */ r.createElement(td, null, /* @__PURE__ */ r.createElement(I, { variant: "caption3", color: u.themedColor.textMidEmphasis }, e.csat_question), /* @__PURE__ */ r.createElement(nd, null, e.csat_scores.map(({ label: i, image_url: a }, l) => {
+  return /* @__PURE__ */ r.createElement(td, null, /* @__PURE__ */ r.createElement(k, { variant: "caption3", color: u.themedColor.textMidEmphasis }, e.csat_question), /* @__PURE__ */ r.createElement(nd, null, e.csat_scores.map(({ label: i, image_url: a }, l) => {
     const c = l + 1, d = n === c;
     return /* @__PURE__ */ r.createElement(rd, { key: l, disabled: t, onClick: () => o(c) }, /* @__PURE__ */ r.createElement(ed, { value: c, selected: s || d, label: i, src: a }), !!i && /* @__PURE__ */ r.createElement(
-      I,
+      k,
       {
         color: d ? u.themedColor.textHighEmphasis : u.themedColor.textLowEmphasis,
         variant: "caption3"
@@ -3957,7 +3973,7 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       background-color: ${u.color.background500};
     `}
   }
-`, sd = h.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, id = ({ csatPayload: e }) => /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.textHighEmphasis }, e.title), Tt = ({
+`, sd = h.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, id = ({ csatPayload: e }) => /* @__PURE__ */ r.createElement(k, { variant: "button", color: u.themedColor.textHighEmphasis }, e.title), At = ({
   csatPayload: e,
   type: t,
   renderSubmitButton: n,
@@ -3973,7 +3989,7 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
     initialIsResolved: i
   });
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(ad, null, /* @__PURE__ */ r.createElement(id, { ...y }), t === he.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
-    Gc,
+    Wc,
     {
       ...y,
       defaultValue: i,
@@ -4010,13 +4026,13 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
   });
 }, cd = () => {
   const { stringSet: e } = z();
-  return /* @__PURE__ */ r.createElement(I, { variant: "body2", color: u.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
+  return /* @__PURE__ */ r.createElement(k, { variant: "body2", color: u.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
 }, dd = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: o, csatReason: s, csatExpireAt: i, isResolvedWhenDeterminedByUser: a } = e, l = Io(), c = ld(t == null ? void 0 : t.csat);
+  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: o, csatReason: s, csatExpireAt: i, isResolvedWhenDeterminedByUser: a } = e, l = ko(), c = ld(t == null ? void 0 : t.csat);
   if (!c || !c.visibility || !he[c.type]) return null;
-  const d = c.type === he.AI_AGENT_CSAT_5 || c.type === he.AI_AGENT_CSAT_5_WITH_CRE || c.type === he.HELPDESK_CSAT_5 ? Tt : () => null;
+  const d = c.type === he.AI_AGENT_CSAT_5 || c.type === he.AI_AGENT_CSAT_5_WITH_CRE || c.type === he.HELPDESK_CSAT_5 ? At : () => null;
   return /* @__PURE__ */ r.createElement(ud, null, !o && fn(i) ? /* @__PURE__ */ r.createElement(cd, null) : /* @__PURE__ */ r.createElement(
     d,
     {
@@ -4041,7 +4057,7 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
             }) : l();
           }
         },
-        /* @__PURE__ */ r.createElement(I, { variant: "button" }, m === "submitted" ? c.csat_submitted_label : c.csat_submit_label)
+        /* @__PURE__ */ r.createElement(k, { variant: "button" }, m === "submitted" ? c.csat_submitted_label : c.csat_submit_label)
       )
     }
   ));
@@ -4054,7 +4070,7 @@ const Pc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
 });
 function gd(e) {
   const { components: t } = rn.useContext(), n = e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null;
-  return /* @__PURE__ */ r.createElement(hd, { $marginBottom: zt(e.groupType) }, n);
+  return /* @__PURE__ */ r.createElement(hd, { $marginBottom: Wt(e.groupType) }, n);
 }
 const hd = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, Hn = {
   file: "attach",
@@ -4097,7 +4113,7 @@ const hd = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     e.name
-  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ r.createElement(At, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "function", color: E })), /* @__PURE__ */ r.createElement(ut, null, /* @__PURE__ */ r.createElement(
+  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ r.createElement(wt, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "function", color: E })), /* @__PURE__ */ r.createElement(ut, null, /* @__PURE__ */ r.createElement(
     rt,
     {
       $clickable: !!i,
@@ -4108,7 +4124,7 @@ const hd = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     b.name
-  ), a && /* @__PURE__ */ r.createElement(bd, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(I, { variant: "body2", color: x }, "View details"), /* @__PURE__ */ r.createElement(D, { type: "chevron-right", size: 16, color: x }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(At, { key: b.id }, /* @__PURE__ */ r.createElement(ot, null, m({
+  ), a && /* @__PURE__ */ r.createElement(bd, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(k, { variant: "body2", color: x }, "View details"), /* @__PURE__ */ r.createElement(D, { type: "chevron-right", size: 16, color: x }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(wt, { key: b.id }, /* @__PURE__ */ r.createElement(ot, null, m({
     default: /* @__PURE__ */ r.createElement(D, { size: 16, type: Hn[b.source_type] ?? Hn.snippet, color: E }),
     sourceType: b.source_type
   })), /* @__PURE__ */ r.createElement(
@@ -4122,7 +4138,7 @@ const hd = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     b.preview_title
-  ))), o == null ? void 0 : o.map((b) => /* @__PURE__ */ r.createElement(At, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "template", color: E })), /* @__PURE__ */ r.createElement(
+  ))), o == null ? void 0 : o.map((b) => /* @__PURE__ */ r.createElement(wt, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "template", color: E })), /* @__PURE__ */ r.createElement(
     rt,
     {
       $clickable: !!c,
@@ -4134,14 +4150,14 @@ const hd = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
     },
     b.name
   ))), d);
-}, fd = h(I)`font-weight:400;`, rt = h(fd)`${({ $clickable: e, $highlightColor: t }) => e && k`
+}, fd = h(k)`font-weight:400;`, rt = h(fd)`${({ $clickable: e, $highlightColor: t }) => e && I`
       cursor: pointer;
       text-decoration: underline;
       &:hover {
         color: ${t};
       }
     `}
-`, ot = h.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, ut = h.div`display:flex;gap:8px;align-items:center;word-break:break-word;`, bd = h(ut)`cursor:pointer;gap:4px;`, At = h(ut)`flex-direction:row;align-items:center;`, Vn = h.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Or = Ge(null);
+`, ot = h.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, ut = h.div`display:flex;gap:8px;align-items:center;word-break:break-word;`, bd = h(ut)`cursor:pointer;gap:4px;`, wt = h(ut)`flex-direction:row;align-items:center;`, Vn = h.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Or = We(null);
 function Ed({
   testerType: e,
   origin: t,
@@ -4163,7 +4179,7 @@ const Le = () => {
 }, xd = () => {
   const { isActionbookTester: e } = Le();
   return /* @__PURE__ */ r.createElement(Ve.Template, { template: e ? vd : void 0 }, /* @__PURE__ */ r.createElement(Ve.MessageLogs, { component: yd }));
-}, vd = (e) => /* @__PURE__ */ r.createElement(kr, { ...e, testerMode: !0, maxBodyWidth: F.WIDE_BODY_MAX_WIDTH }), yd = ({ extendedMessagePayload: e = {} }) => {
+}, vd = (e) => /* @__PURE__ */ r.createElement(Ir, { ...e, testerMode: !0, maxBodyWidth: F.WIDE_BODY_MAX_WIDTH }), yd = ({ extendedMessagePayload: e = {} }) => {
   const { handlers: t } = K(), { manual: n, groundedness: o, function_calls: s, agent_message_templates: i, is_thinking: a } = e;
   return a || !n && !(o != null && o.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(_d, null, /* @__PURE__ */ r.createElement(Cd, { width: 4 }), /* @__PURE__ */ r.createElement(
     pd,
@@ -4181,13 +4197,13 @@ const Le = () => {
       bottomContent: /* @__PURE__ */ r.createElement(Sd, { variant: "caption2", color: u.themedColor.textLowEmphasis }, "Only visible in the tester")
     }
   ));
-}, _d = h.div`display:flex;gap:16px;margin:16px ${F.HORIZONTAL_PADDING}px 0;align-self:stretch;`, Cd = h.div`width:${({ width: e }) => e}px;background-color:${u.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Sd = h(I)`margin-top:5px;`, Td = (e) => {
+}, _d = h.div`display:flex;gap:16px;margin:16px ${F.HORIZONTAL_PADDING}px 0;align-self:stretch;`, Cd = h.div`width:${({ width: e }) => e}px;background-color:${u.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Sd = h(k)`margin-top:5px;`, Td = (e) => {
   const { chatSDK: t, handlers: n, logger: o } = K(), { aiAgentInfo: s } = te(), i = H(/* @__PURE__ */ new Set()), a = (m) => {
     if (!(n != null && n.onCustomEvent)) return;
-    fe(m) && m.sender.userId === s.userId && !Ae.isStreaming(m) && !i.current.has(m.messageId) && (o.debug("useCustomEventForMessageReceive: bot-message-received", m), n.onCustomEvent({ type: "bot-message-received", data: { message: m } }), i.current.add(m.messageId));
+    fe(m) && m.sender.userId === s.userId && !be.isStreaming(m) && !i.current.has(m.messageId) && (o.debug("useCustomEventForMessageReceive: bot-message-received", m), n.onCustomEvent({ type: "bot-message-received", data: { message: m } }), i.current.add(m.messageId));
   }, l = (m) => {
     if (n != null && n.onCustomEvent && m.isAdminMessage() && m.customType === "user_action_required" && !i.current.has(m.messageId)) {
-      const p = kt(m.data);
+      const p = $t(m.data);
       Array.isArray(p.history) && p.history.length === 0 && (o.debug("useCustomEventForMessageReceive: user_action_required", p), n.onCustomEvent({
         type: "user-action-requested",
         data: p
@@ -4217,20 +4233,20 @@ function Ad(e) {
 async function wd(e) {
   if ("file" in e && e.file instanceof File && e.file.type.startsWith("image/")) {
     const { width: t, height: n } = await Ad(e.file);
-    return new ko({
+    return new Io({
       key: rr,
       value: [t, n]
     });
   }
 }
-const Id = ({ onScrollAfterSendMessage: e }) => {
+const kd = ({ onScrollAfterSendMessage: e }) => {
   const { agentPreviewConfigs: t, handlers: n } = K(), o = H(t == null ? void 0 : t.agentAttributes);
   return o.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (s) => {
       const i = await wd(s), a = {
         ...s,
         metaArrays: i ? [i] : void 0
-      }, l = kd(o.current);
+      }, l = Id(o.current);
       return l ? { ...a, data: JSON.stringify(l) } : a;
     },
     onAfterSendMessage: (s) => {
@@ -4238,11 +4254,11 @@ const Id = ({ onScrollAfterSendMessage: e }) => {
       e(), (i = n == null ? void 0 : n.onMessageSend) == null || i.call(n, s.message), s.sendingStatus === Fe.SUCCEEDED ? (a = n == null ? void 0 : n.onCustomEvent) == null || a.call(n, { type: "message-sent-succeeded", data: { message: s } }) : s.sendingStatus === Fe.PENDING && ((l = n == null ? void 0 : n.onCustomEvent) == null || l.call(n, { type: "message-sent-pending", data: { message: s } }));
     }
   };
-}, kd = (e) => {
+}, Id = (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;
-}, Lr = 50, wt = Lr - 20, {
+}, Lr = 50, kt = Lr - 20, {
   Provider: $d,
   useContext: Md
 } = J("ConversationScroll"), zn = {
@@ -4266,42 +4282,42 @@ function Od({ scrollMode: e, children: t }) {
     const S = n.current;
     !S || !s.current.shouldUpdate || c((R) => {
       s.current.shouldUpdate = !1;
-      const { contentHeight: W, contentSnapshotHeight: de, shouldRecalc: ue } = s.current, re = S.clientHeight;
-      if (de > W)
+      const { contentHeight: G, contentSnapshotHeight: de, shouldRecalc: ue } = s.current, re = S.clientHeight;
+      if (de > G)
         return R;
       const De = C(S, { messageType: "outgoing" });
-      let ve = 0;
+      let ye = 0;
       if (De) {
-        const ye = De.message.offsetTop - wt + re;
-        ve = Math.max(0, ye - W);
+        const _e = De.message.offsetTop - kt + re;
+        ye = Math.max(0, _e - G);
       } else {
-        const ye = W - de, qe = re - wt;
-        ve = Math.max(0, ye - qe);
+        const _e = G - de, qe = re - kt;
+        ye = Math.max(0, _e - qe);
       }
-      return R === 0 || ve !== R || ue ? (s.current.shouldRecalc = !1, ve) : R;
+      return R === 0 || ye !== R || ue ? (s.current.shouldRecalc = !1, ye) : R;
     });
   }, C = O(
     (S, R) => {
-      const { messageType: W = "all" } = R ?? {}, de = Array.from(S.querySelectorAll(`#${oe}-message-item`));
+      const { messageType: G = "all" } = R ?? {}, de = Array.from(S.querySelectorAll(`#${oe}-message-item`));
       let ue = de;
-      W === "outgoing" && (ue = de.filter((xt) => xt.getAttribute("data-layout-id") === "outgoingmessage"));
+      G === "outgoing" && (ue = de.filter((vt) => vt.getAttribute("data-layout-id") === "outgoingmessage"));
       const re = ue[ue.length - 1];
       if (!re) return null;
-      const De = S.getBoundingClientRect(), ve = re.getBoundingClientRect(), ye = S.scrollTop + (ve.top - De.top), qe = ye + re.offsetHeight;
+      const De = S.getBoundingClientRect(), ye = re.getBoundingClientRect(), _e = S.scrollTop + (ye.top - De.top), qe = _e + re.offsetHeight;
       return {
         message: re,
-        scrollTop: ye,
+        scrollTop: _e,
         lastMessageBottom: qe
       };
     },
     []
-  ), A = O(() => {
+  ), w = O(() => {
     const S = n.current;
     if (!S || g !== "fixed") return;
     const R = C(S);
     s.current.contentHeight = (R == null ? void 0 : R.lastMessageBottom) ?? S.scrollHeight, !i.current && s.current.contentSnapshotHeight > 0 && _();
-    const W = Math.max(0, S.scrollHeight - S.scrollTop - S.clientHeight);
-    m(W), M();
+    const G = Math.max(0, S.scrollHeight - S.scrollTop - S.clientHeight);
+    m(G), M();
   }, [g, C]), $ = O(() => {
     o.current && (o.current.disconnect(), o.current = null), s.current = zn, c(0), m(0);
   }, []), B = O((S = !0) => {
@@ -4313,36 +4329,36 @@ function Od({ scrollMode: e, children: t }) {
   }, []), Q = O(
     (S) => {
       S && (n.current = S, g === "fixed" && ($(), s.current.viewport = S.clientHeight, o.current = new MutationObserver(() => {
-        A();
+        w();
       }), o.current.observe(S, {
         childList: !0,
         subtree: !0
       })));
     },
-    [g, A, $]
+    [g, w, $]
   ), ee = O(() => {
     const S = n.current;
     if (!S) return;
     const R = C(S, { messageType: "outgoing" });
     R && (S.scrollTo({
-      top: R.message.offsetTop - wt,
+      top: R.message.offsetTop - kt,
       behavior: "smooth"
     }), v(500));
   }, [C, v]), le = (S) => {
-    const { scrollHeight: R, scrollTop: W, clientHeight: de } = S.currentTarget, ue = Math.max(0, R - W - de);
+    const { scrollHeight: R, scrollTop: G, clientHeight: de } = S.currentTarget, ue = Math.max(0, R - G - de);
     m(ue);
-  }, Ee = O(() => {
+  }, xe = O(() => {
     g === "fixed" && (x(!0), _());
-  }, [g]), xe = O(() => {
+  }, [g]), ve = O(() => {
     g === "fixed" ? setTimeout(() => ee(), 300) : B();
-  }, [g, ee]), ke = O(
+  }, [g, ee]), Ie = O(
     (S) => {
       i.current = S, g === "fixed" && _();
     },
     [g]
   ), j = O((S) => {
     E(S);
-  }, []), w = O(
+  }, []), A = O(
     (S) => {
       f(S), g === "auto" && S && B(!0);
     },
@@ -4362,11 +4378,11 @@ function Od({ scrollMode: e, children: t }) {
         },
         actions: {
           scrollToBottom: B,
-          onBeforeMessageSend: Ee,
-          onAfterMessageSend: xe,
-          onStreamingUpdate: ke,
+          onBeforeMessageSend: xe,
+          onAfterMessageSend: ve,
+          onStreamingUpdate: Ie,
           onConversationClosed: j,
-          onTypingIndicatorUpdate: w
+          onTypingIndicatorUpdate: A
         }
       }
     },
@@ -4375,7 +4391,7 @@ function Od({ scrollMode: e, children: t }) {
 }
 const {
   Provider: Ld,
-  Context: Wg,
+  Context: Gg,
   useContext: ie
 } = J("Conversation"), Dd = ({ children: e }) => {
   var s;
@@ -4393,7 +4409,7 @@ const {
   children: s
 }) => {
   var v;
-  const { config: i } = q(), { activeChannel: a, refreshActiveChannel: l, aiAgentInfo: c } = te(), { testerType: d } = Le(), m = Md(), p = ((v = i == null ? void 0 : i.conversation) == null ? void 0 : v.scrollMode) ?? "auto", { onBeforeSendMessage: E, onAfterSendMessage: y } = Id({
+  const { config: i } = q(), { activeChannel: a, refreshActiveChannel: l, aiAgentInfo: c } = te(), { testerType: d } = Le(), m = Md(), p = ((v = i == null ? void 0 : i.conversation) == null ? void 0 : v.scrollMode) ?? "auto", { onBeforeSendMessage: E, onAfterSendMessage: y } = kd({
     onScrollAfterSendMessage: () => {
       m.actions.onAfterMessageSend();
     }
@@ -4402,10 +4418,10 @@ const {
     [m.actions, E]
   ), f = O(
     (_) => {
-      const M = _.some((C) => Ae.isStreaming(C));
+      const M = _.some((C) => be.isStreaming(C));
       if (m.actions.onStreamingUpdate(M), p === "auto") {
         const C = _[_.length - 1];
-        C && Ae.shouldScrollToBottom(C, c.userId, !!d) && setTimeout(() => m.actions.scrollToBottom(!0), 100);
+        C && be.shouldScrollToBottom(C, c.userId, !!d) && setTimeout(() => m.actions.scrollToBottom(!0), 100);
       }
     },
     [m.actions, p, c.userId, d]
@@ -4431,10 +4447,10 @@ const {
       /* @__PURE__ */ r.createElement(Dd, null, s)
     )
   );
-}, on = Ge({
-  onDrop: Te,
-  subscribe: () => Te
-}), Bt = ({ children: e }) => {
+}, on = We({
+  onDrop: Ae,
+  subscribe: () => Ae
+}), Ft = ({ children: e }) => {
   const t = H(/* @__PURE__ */ new Set());
   return /* @__PURE__ */ r.createElement(
     on.Provider,
@@ -4456,39 +4472,39 @@ const {
   const { subscribe: t } = pe(on);
   U(() => t(e), [e]);
 };
-Bt.Consumer = ({ children: e }) => {
+Ft.Consumer = ({ children: e }) => {
   const { onDrop: t } = pe(on);
   return e({ onDrop: t, onDragOver: (s) => s.preventDefault() });
 };
-const sn = ({ iconSize: e = 64, icon: t, className: n, label: o, children: s }) => /* @__PURE__ */ r.createElement(Fd, { className: n }, t && /* @__PURE__ */ r.createElement(D, { type: t, size: e, color: u.themedColor.textLowEmphasis }), o && /* @__PURE__ */ r.createElement(I, { variant: "body1", color: u.themedColor.textMidEmphasis }, o), s), Bd = h.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, Fd = h.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Pd = ({
+const sn = ({ iconSize: e = 64, icon: t, className: n, label: o, children: s }) => /* @__PURE__ */ r.createElement(Fd, { className: n }, t && /* @__PURE__ */ r.createElement(D, { type: t, size: e, color: u.themedColor.textLowEmphasis }), o && /* @__PURE__ */ r.createElement(k, { variant: "body1", color: u.themedColor.textMidEmphasis }, o), s), Bd = h.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, Fd = h.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Pd = ({
   label: e = "Something went wrong",
   icon: t = "error",
   action: n,
   ...o
-}) => /* @__PURE__ */ r.createElement(sn, { icon: t, label: e, ...o }, n && /* @__PURE__ */ r.createElement(Ud, { onClick: n.onClick, label: n.label ?? "Retry" })), Ud = ({ label: e, onClick: t }) => /* @__PURE__ */ r.createElement(Hd, { tabIndex: 0, onClick: t }, /* @__PURE__ */ r.createElement(D, { type: "refresh", size: 20 }), /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.color.primary.main }, e)), Hd = h.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`, Vd = ({ iconSize: e = 48, className: t }) => /* @__PURE__ */ r.createElement(tn, { size: e, className: t }), zd = ({ label: e = "No channels", icon: t = "chat", ...n }) => /* @__PURE__ */ r.createElement(sn, { icon: t, label: e, ...n }), Gd = ({
+}) => /* @__PURE__ */ r.createElement(sn, { icon: t, label: e, ...o }, n && /* @__PURE__ */ r.createElement(Ud, { onClick: n.onClick, label: n.label ?? "Retry" })), Ud = ({ label: e, onClick: t }) => /* @__PURE__ */ r.createElement(Hd, { tabIndex: 0, onClick: t }, /* @__PURE__ */ r.createElement(D, { type: "refresh", size: 20 }), /* @__PURE__ */ r.createElement(k, { variant: "button", color: u.color.primary.main }, e)), Hd = h.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`, Vd = ({ iconSize: e = 48, className: t }) => /* @__PURE__ */ r.createElement(tn, { size: e, className: t }), zd = ({ label: e = "No channels", icon: t = "chat", ...n }) => /* @__PURE__ */ r.createElement(sn, { icon: t, label: e, ...n }), Wd = ({
   label: e = "No messages",
   icon: t = "message",
   ...n
-}) => /* @__PURE__ */ r.createElement(sn, { icon: t, label: e, ...n }), Wd = (e) => {
+}) => /* @__PURE__ */ r.createElement(sn, { icon: t, label: e, ...n }), Gd = (e) => {
   const { components: t } = an.useContext(), n = e.type === "loading" ? /* @__PURE__ */ r.createElement(t.Loading, { ...e }) : e.type === "error" ? /* @__PURE__ */ r.createElement(t.Error, { ...e }) : e.type === "noChannels" ? /* @__PURE__ */ r.createElement(t.NoChannels, { ...e }) : e.type === "noMessages" ? /* @__PURE__ */ r.createElement(t.NoMessages, { ...e }) : null;
   return n && /* @__PURE__ */ r.createElement(Bd, null, n);
 }, an = Me({
-  template: Wd,
+  template: Gd,
   components: {
     Loading: Vd,
     Error: Pd,
     NoChannels: zd,
-    NoMessages: Gd
+    NoMessages: Wd
   }
 }), ze = (e) => {
   const { Template: t } = an.useContext();
   return /* @__PURE__ */ r.createElement(t, { ...e });
-}, Gn = (e) => or(e) || sr(e);
+}, Wn = (e) => or(e) || sr(e);
 function jd(e) {
   return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
 }
 function qd(e, t) {
-  return e.filter((n) => Ae.isWelcomeMessage(n, t));
+  return e.filter((n) => be.isWelcomeMessage(n, t));
 }
 const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, Zd = h.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, Yd = h.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, Xd = h.div`margin-inline-end:8px;`, Jd = h.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, Qd = h.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, eu = h.div`display:flex;width:160px;justify-content:flex-end;`, tu = h.div`inset-inline-end:0;display:flex;flex-direction:row;`, Dr = h.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, nu = h(Dr)`border-inline-start:1px solid ${u.themedColor.textDisabled};`, ru = h.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, ou = h.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, su = h.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, iu = h.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, au = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
   const { type: s, url: i, name: a = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: m } = te();
@@ -4516,14 +4532,14 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   onDownloadClick: l
 }) => {
   const { stringSet: c } = z();
-  return /* @__PURE__ */ r.createElement(Et, { onClose: a, visible: !0, rootElementId: se.MODAL_ROOT }, /* @__PURE__ */ r.createElement(Kd, null, /* @__PURE__ */ r.createElement(Zd, null, /* @__PURE__ */ r.createElement(Yd, null, /* @__PURE__ */ r.createElement(Xd, null, /* @__PURE__ */ r.createElement(lu, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(Jd, null, /* @__PURE__ */ r.createElement(I, { variant: "h2", color: u.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(Qd, null, /* @__PURE__ */ r.createElement(I, { variant: "body1", color: u.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(eu, null, Gn(s) && /* @__PURE__ */ r.createElement(tu, null, /* @__PURE__ */ r.createElement(Dr, { as: "a", href: i, target: "_blank", rel: Yt, onClick: l }, /* @__PURE__ */ r.createElement(D, { type: "download", color: u.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(nu, { onClick: a }, /* @__PURE__ */ r.createElement(D, { type: "close", color: u.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(ru, { onClick: (d) => d.currentTarget === d.target && a() }, sr(s) && /* @__PURE__ */ r.createElement(ou, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), or(s) && /* @__PURE__ */ r.createElement(su, { src: i, alt: o }), !Gn(s) && /* @__PURE__ */ r.createElement(iu, null, /* @__PURE__ */ r.createElement(I, { variant: "h1", color: u.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
+  return /* @__PURE__ */ r.createElement(xt, { onClose: a, visible: !0, rootElementId: se.MODAL_ROOT }, /* @__PURE__ */ r.createElement(Kd, null, /* @__PURE__ */ r.createElement(Zd, null, /* @__PURE__ */ r.createElement(Yd, null, /* @__PURE__ */ r.createElement(Xd, null, /* @__PURE__ */ r.createElement(lu, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(Jd, null, /* @__PURE__ */ r.createElement(k, { variant: "h2", color: u.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(Qd, null, /* @__PURE__ */ r.createElement(k, { variant: "body1", color: u.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(eu, null, Wn(s) && /* @__PURE__ */ r.createElement(tu, null, /* @__PURE__ */ r.createElement(Dr, { as: "a", href: i, target: "_blank", rel: Yt, onClick: l }, /* @__PURE__ */ r.createElement(D, { type: "download", color: u.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(nu, { onClick: a }, /* @__PURE__ */ r.createElement(D, { type: "close", color: u.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(ru, { onClick: (d) => d.currentTarget === d.target && a() }, sr(s) && /* @__PURE__ */ r.createElement(ou, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), or(s) && /* @__PURE__ */ r.createElement(su, { src: i, alt: o }), !Wn(s) && /* @__PURE__ */ r.createElement(iu, null, /* @__PURE__ */ r.createElement(k, { variant: "h1", color: u.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
 }, du = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:${({ theme: e }) => e.colors.base.primary}!important;path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}`, Rr = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: s
-}) => /* @__PURE__ */ r.createElement(uu, { id: `${oe}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(I, { variant: "caption4", color: u.themedColor.textMidEmphasis }, er(n, o, { locale: t }))), uu = h.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, mu = We(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(uu, { id: `${oe}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: u.themedColor.textMidEmphasis }, er(n, o, { locale: t }))), uu = h.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, mu = Ge(function(t, n) {
   const {
     messages: o,
     renderMessage: s,
@@ -4533,29 +4549,29 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     onLoadPrev: c,
     onLoadNext: d,
     loadThreshold: m = 0.05,
-    onScroll: p = Te,
+    onScroll: p = Ae,
     depsForResetScrollPositionToBottom: E,
     stackDirection: y = "top",
     bottomSpacerHeight: x = 0
   } = t, b = H(null), f = O(
-    (A) => {
-      b.current = A, n && (typeof n == "function" ? n(A) : n.current = A);
+    (w) => {
+      b.current = w, n && (typeof n == "function" ? n(w) : n.current = w);
     },
     [n]
   ), g = H(!1), v = H(void 0), _ = H(0), M = H(0);
-  Ce(() => {
+  Se(() => {
     b.current && (b.current.scrollTop = b.current.scrollHeight);
-  }, E), Ce(() => {
+  }, E), Se(() => {
     b.current && (v.current === "top" && (b.current.scrollTop = b.current.scrollHeight - M.current), v.current === "bottom" && (b.current.scrollTop = _.current), v.current = void 0);
   }, [b.current, o.length]);
-  const C = async (A) => {
-    if (p == null || p(A), !b.current) return;
+  const C = async (w) => {
+    if (p == null || p(w), !b.current) return;
     const $ = b.current;
     if (M.current = $.scrollHeight - $.scrollTop, _.current = $.scrollTop, g.current) return;
     const B = $.clientHeight * Math.min(Math.max(0, m), 1);
     $.scrollTop <= B ? (g.current = !0, v.current = "top", await c(), g.current = !1) : $.scrollHeight - $.scrollTop - $.clientHeight <= B ? (g.current = !0, v.current = "bottom", await d(), g.current = !1) : v.current = void 0;
   };
-  return /* @__PURE__ */ r.createElement(gu, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(hu, { id: "infinite-list-inner", ref: f, onScroll: C }, y === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), i, o.map((A, $) => s({ message: A, index: $ })), a, x > 0 && /* @__PURE__ */ r.createElement("div", { style: { minHeight: x } })), /* @__PURE__ */ r.createElement(pu, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(fu, { id: "infinite-list-overlay" }, l)));
+  return /* @__PURE__ */ r.createElement(gu, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(hu, { id: "infinite-list-inner", ref: f, onScroll: C }, y === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), i, o.map((w, $) => s({ message: w, index: $ })), a, x > 0 && /* @__PURE__ */ r.createElement("div", { style: { minHeight: x } })), /* @__PURE__ */ r.createElement(pu, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(fu, { id: "infinite-list-overlay" }, l)));
 }), gu = h.div`display:flex;position:relative;flex:1;overflow:hidden;`, hu = h.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${u.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, pu = h.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, fu = h.div`pointer-events:auto;`, bu = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Eu, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(D, { size: 24, type: "chevron-down", color: u.color.primary.main })), Eu = 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);${N.light`
     background-color: ${u.color.background50};
     &:hover {
@@ -4584,7 +4600,7 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: c.filter((E) => jd(E) ? !1 : l.length > 0 ? !Ae.isWelcomeMessage(E, t) : !0),
+    filteredMessages: c.filter((E) => jd(E) ? !1 : l.length > 0 ? !be.isWelcomeMessage(E, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
@@ -4635,13 +4651,13 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     },
     "Sendbird"
   ));
-}, _u = h(I)`color:${u.themedColor.textLowEmphasis};text-align:center;`, Cu = vu(I)`
+}, _u = h(k)`color:${u.themedColor.textLowEmphasis};text-align:center;`, Cu = vu(k)`
   color: ${u.themedColor.textLowEmphasis};
   cursor: pointer;
   text-decoration: none;
 `, Su = () => {
   var a;
-  const { stringSet: e } = z(), { channelSource: t, goToActiveConversation: n, scrollSource: o } = ie(), s = Se(t.channel), i = H(s);
+  const { stringSet: e } = z(), { channelSource: t, goToActiveConversation: n, scrollSource: o } = ie(), s = Te(t.channel), i = H(s);
   return U(() => {
     if (!i.current && s) {
       const d = setTimeout(() => {
@@ -4660,39 +4676,39 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     },
     e.TALK_TO_AGENT
   ));
-}, Tu = h.div`display:flex;justify-content:center;margin-bottom:16px;`, Au = h(I)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;user-select:none;`, wu = () => {
+}, Tu = h.div`display:flex;justify-content:center;margin-bottom:16px;`, Au = h(k)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;user-select:none;`, wu = () => {
   const { Template: e } = nn.useContext(), { Template: t } = Ve.useContext(), { Template: n } = rn.useContext(), [o, s] = T(null), [i, a] = T(null), { userSession: l, aiAgentInfo: c } = te(), { cache: d, agentPreviewConfigs: m, chatSDK: p, state: E } = K(), { config: y } = q(), { stringSet: x, dateLocale: b } = z(), {
     conversation: f,
     channelSource: g,
     messageSource: v,
     scrollSource: _,
     state: { input: M }
-  } = ie(), { isActionbookTester: C } = Le(), { filteredMessages: A, shouldShowOriginalDate: $, renderAgentPreviewWelcomeMessages: B } = xu(), Q = gr(g.channel), ee = (() => {
+  } = ie(), { isActionbookTester: C } = Le(), { filteredMessages: w, shouldShowOriginalDate: $, renderAgentPreviewWelcomeMessages: B } = xu(), Q = gr(g.channel), ee = (() => {
     const j = Q[0];
     if (!j) return null;
-    const w = j.userId === c.userId;
-    return { user: w ? c : j, isBot: w };
+    const A = j.userId === c.userId;
+    return { user: A ? c : j, isBot: A };
   })();
   U(() => {
     _.actions.onTypingIndicatorUpdate(!!ee);
   }, [!!ee, _.actions.onTypingIndicatorUpdate]);
-  const le = Se(g.channel);
+  const le = Te(g.channel);
   U(() => {
     _.actions.onConversationClosed(le);
   }, [le, _.actions.onConversationClosed]);
-  const Ee = (j, w = !1) => {
+  const xe = (j, A = !1) => {
     var ce;
-    return w ? c : ((ce = g.channel) == null ? void 0 : ce.members.find((P) => P.userId === j.sender.userId)) ?? j.sender;
-  }, xe = (j) => {
+    return A ? c : ((ce = g.channel) == null ? void 0 : ce.members.find((P) => P.userId === j.sender.userId)) ?? j.sender;
+  }, ve = (j) => {
     if (j.sendingStatus === "failed" && !M.disabled)
       return () => a(j);
-  }, ke = () => {
+  }, Ie = () => {
     var j;
     if (!v.initialized)
       return /* @__PURE__ */ r.createElement(ze, { type: "loading" });
     if (v.messages.length === 0) {
-      const w = B();
-      return w ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, w) : /* @__PURE__ */ r.createElement(ze, { type: "noMessages", label: x.PLACE_HOLDER__NO_MESSAGES });
+      const A = B();
+      return A ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, A) : /* @__PURE__ */ r.createElement(ze, { type: "noMessages", label: x.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ r.createElement(
       mu,
@@ -4700,7 +4716,7 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         ref: _.ref,
         onScroll: _.props.onScroll,
         stackDirection: m == null ? void 0 : m.messageStackDirection,
-        messages: A,
+        messages: w,
         onLoadPrev: v.loadPrevious,
         onLoadNext: v.loadNext,
         depsForResetScrollPositionToBottom: [v.initialized, v.messages.length !== 0],
@@ -4717,127 +4733,127 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
             message: ""
           }
         )), ((j = y == null ? void 0 : y.conversation) == null ? void 0 : j.isTalkToAgentViewEnabled) && /* @__PURE__ */ r.createElement(Su, null)),
-        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, _.state.shouldShowScrollButton && /* @__PURE__ */ r.createElement(ku, { onClick: () => _.actions.scrollToBottom(!0) })),
-        renderMessage: ({ message: w, index: ce }) => {
-          const P = Ko(w), S = A[ce - 1], R = A[ce + 1], W = A[A.length - 1], de = w === W, ue = Se(g.channel), re = He(w, c.userId), De = !(c.isUserFeedbackEnabled && re), ve = Zo(w, S, R, De), ye = !Bo((S == null ? void 0 : S.createdAt) ?? 0, w.createdAt) && $(ce) && !C, qe = (Qe) => {
-            (w.isFileMessage() || w.isUserMessage()) && s({ file: Qe, sender: Ee(w, w.sender.userId === c.userId) });
-          }, xt = () => {
-            w.isFileMessage() && Jt(w.url);
-          }, Qr = ye ? /* @__PURE__ */ r.createElement(
+        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, _.state.shouldShowScrollButton && /* @__PURE__ */ r.createElement(Iu, { onClick: () => _.actions.scrollToBottom(!0) })),
+        renderMessage: ({ message: A, index: ce }) => {
+          const P = Ko(A), S = w[ce - 1], R = w[ce + 1], G = w[w.length - 1], de = A === G, ue = Te(g.channel), re = He(A, c.userId), De = !(c.isUserFeedbackEnabled && re && !be.isWelcomeMessage(A)), ye = Zo(A, S, R, De), _e = !Bo((S == null ? void 0 : S.createdAt) ?? 0, A.createdAt) && $(ce) && !C, qe = (Qe) => {
+            (A.isFileMessage() || A.isUserMessage()) && s({ file: Qe, sender: xe(A, A.sender.userId === c.userId) });
+          }, vt = () => {
+            A.isFileMessage() && Jt(A.url);
+          }, Qr = _e ? /* @__PURE__ */ r.createElement(
             Rr,
             {
               style: { margin: "16px 0" },
-              date: w.createdAt,
+              date: A.createdAt,
               locale: b,
               formatString: x.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
             }
           ) : null, Je = {
             maxBodyWidth: E.expanded ? F.WIDE_BODY_MAX_WIDTH : void 0,
-            extendedMessagePayload: w.extendedMessagePayload,
-            createdAt: w.createdAt,
-            groupType: ve,
+            extendedMessagePayload: A.extendedMessagePayload,
+            createdAt: A.createdAt,
+            groupType: ye,
             onClickMedia: qe,
-            onClickFile: xt
+            onClickFile: vt
           }, eo = () => {
-            if (Re.isOutgoing(w, l.userId))
+            if (Re.isOutgoing(A, l.userId))
               return "outgoingmessage";
-            if (Re.isIncoming(w, l.userId))
+            if (Re.isIncoming(A, l.userId))
               return "incomingmessage";
           }, to = (() => {
             var Qe, mn;
-            if (Re.isAdmin(w))
-              return Re.isCSAT(w) ? f ? /* @__PURE__ */ r.createElement(
+            if (Re.isAdmin(A))
+              return Re.isCSAT(A) ? f ? /* @__PURE__ */ r.createElement(
                 n,
                 {
                   ...Je,
                   ...f,
                   isResolvedWhenDeterminedByUser: Uo(f),
                   messageType: "admin.csat",
-                  onSubmitCSAT: ({ csat: _e, ...G }) => {
+                  onSubmitCSAT: ({ csat: Ce, ...W }) => {
                     var Y;
-                    _e && ((Y = g.channel) == null || Y.submitCSAT({ csat: _e, ...G }));
+                    Ce && ((Y = g.channel) == null || Y.submitCSAT({ csat: Ce, ...W }));
                   }
                 }
-              ) : null : /* @__PURE__ */ r.createElement(n, { ...Je, messageType: "admin", message: w.message });
-            if (Re.isOutgoing(w, l.userId)) {
-              const _e = {
+              ) : null : /* @__PURE__ */ r.createElement(n, { ...Je, messageType: "admin", message: A.message });
+            if (Re.isOutgoing(A, l.userId)) {
+              const Ce = {
                 ...Je,
-                message: w.message,
-                sender: Ee(w),
-                sendingStatus: w.sendingStatus,
-                onClickFailedMessage: xe(w)
+                message: A.message,
+                sender: xe(A),
+                sendingStatus: A.sendingStatus,
+                onClickFailedMessage: ve(A)
               };
-              if (w.isUserMessage())
-                return /* @__PURE__ */ r.createElement(e, { messageType: "user", ..._e });
-              if (w.isFileMessage()) {
-                const [G, Y] = ((Qe = w.metaArrays.find((me) => me.key === rr)) == null ? void 0 : Qe.value) ?? [];
+              if (A.isUserMessage())
+                return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...Ce });
+              if (A.isFileMessage()) {
+                const [W, Y] = ((Qe = A.metaArrays.find((me) => me.key === rr)) == null ? void 0 : Qe.value) ?? [];
                 return /* @__PURE__ */ r.createElement(
                   e,
                   {
                     messageType: "file",
-                    file: w,
+                    file: A,
                     metadata: {
-                      aspectRatio: G && Y ? `${G}/${Y}` : "1/1",
-                      localFile: (mn = w.messageParams) == null ? void 0 : mn.file
+                      aspectRatio: W && Y ? `${W}/${Y}` : "1/1",
+                      localFile: (mn = A.messageParams) == null ? void 0 : mn.file
                     },
-                    ..._e
+                    ...Ce
                   }
                 );
               }
             }
-            if (Re.isIncoming(w, l.userId)) {
-              const _e = {
+            if (Re.isIncoming(A, l.userId)) {
+              const Ce = {
                 ...Je,
-                sender: Ee(w, re),
-                message: w.message,
+                sender: xe(A, re),
+                message: A.message,
                 suggestedRepliesVisible: de,
                 suggestedRepliesDirection: m == null ? void 0 : m.suggestedRepliesDirection,
                 isBotMessage: re,
-                isStreaming: Ae.isStreaming(w),
+                isStreaming: be.isStreaming(A),
                 isHandedOff: Ue(g.channel),
                 isConversationClosed: ue,
                 isFeedbackEnabled: c.isUserFeedbackEnabled,
                 isFeedbackCommentEnabled: c.isUserFeedbackCommentOptionEnabled,
-                onClickSuggestedReply: async ({ reply: G }) => {
-                  v.sendUserMessage({ message: G });
+                onClickSuggestedReply: async ({ reply: W }) => {
+                  v.sendUserMessage({ message: W });
                 },
-                onRequestMessageTemplate: async (G) => {
-                  const { template: Y } = await p.aiAgent.getMessageTemplate(G);
-                  return d.template.set(G, Y), Y;
+                onRequestMessageTemplate: async (W) => {
+                  const { template: Y } = await p.aiAgent.getMessageTemplate(W);
+                  return d.template.set(W, Y), Y;
                 },
-                onGetCachedMessageTemplate: (G) => d.template.get(G),
-                onHandleTemplateInternalAction: (G) => {
-                  if (G.type === "internal" && G.internalData) {
-                    const { method: Y, payload: me } = G.internalData;
+                onGetCachedMessageTemplate: (W) => d.template.get(W),
+                onHandleTemplateInternalAction: (W) => {
+                  if (W.type === "internal" && W.internalData) {
+                    const { method: Y, payload: me } = W.internalData;
                     Y === "message.send" && (me != null && me.message) && v.sendUserMessage({ message: me.message });
                   }
                 },
-                onFeedbackUpdate: (G) => {
+                onFeedbackUpdate: (W) => {
                   const Y = {
-                    messageId: w.messageId,
-                    channelUrl: w.channelUrl
+                    messageId: A.messageId,
+                    channelUrl: A.channelUrl
                   };
-                  if (!G)
+                  if (!W)
                     return p.aiAgent.deleteMessageFeedback(Y);
-                  const me = { ...Y, rating: Qa(G.rating), comment: G.comment };
-                  return Ae.hasFeedback(w) ? p.aiAgent.updateMessageFeedback(me) : p.aiAgent.createMessageFeedback(me);
+                  const me = { ...Y, rating: Qa(W.rating), comment: W.comment };
+                  return be.hasFeedback(A) ? p.aiAgent.updateMessageFeedback(me) : p.aiAgent.createMessageFeedback(me);
                 },
-                onSubmitForm: ({ key: G, data: Y }) => p.aiAgent.submitForm({
-                  messageId: w.messageId,
-                  channelUrl: w.channelUrl,
-                  formKey: G,
+                onSubmitForm: ({ key: W, data: Y }) => p.aiAgent.submitForm({
+                  messageId: A.messageId,
+                  channelUrl: A.channelUrl,
+                  formKey: W,
                   formData: Y
                 }),
-                onCancelForm: ({ key: G }) => p.aiAgent.cancelForm({
-                  messageId: w.messageId,
-                  channelUrl: w.channelUrl,
-                  formKey: G
+                onCancelForm: ({ key: W }) => p.aiAgent.cancelForm({
+                  messageId: A.messageId,
+                  channelUrl: A.channelUrl,
+                  formKey: W
                 })
               };
-              if (w.isUserMessage())
-                return /* @__PURE__ */ r.createElement(t, { messageType: "user", ..._e });
-              if (w.isFileMessage())
-                return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: w, ..._e });
+              if (A.isUserMessage())
+                return /* @__PURE__ */ r.createElement(t, { messageType: "user", ...Ce });
+              if (A.isFileMessage())
+                return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: A, ...Ce });
             }
           })();
           return /* @__PURE__ */ r.createElement("div", { key: P, id: `${oe}-message-item`, "data-layout-id": eo() }, Qr, to);
@@ -4845,7 +4861,7 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
       }
     );
   };
-  return /* @__PURE__ */ r.createElement(Iu, { id: `${oe}-message-list` }, ke(), o && /* @__PURE__ */ r.createElement(au, { onClose: () => s(null), sender: o.sender, file: o.file }), i && /* @__PURE__ */ r.createElement(Pe, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(ku, { id: `${oe}-message-list` }, Ie(), o && /* @__PURE__ */ r.createElement(au, { onClose: () => s(null), sender: o.sender, file: o.file }), i && /* @__PURE__ */ r.createElement(Pe, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ r.createElement(
     Pe.ActionItem,
     {
       onClick: () => {
@@ -4863,7 +4879,7 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     },
     x.FAILED_MESSAGE_REMOVE
   )));
-}, Iu = h.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, ku = h(bu)`position:absolute;bottom:20px;inset-inline-end:20px;`, $u = () => {
+}, ku = h.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Iu = h(bu)`position:absolute;bottom:20px;inset-inline-end:20px;`, $u = () => {
   const { stringSet: e } = z(), { connectionError: t } = te(), { channelSource: n } = ie(), o = t || n.error;
   if (o) {
     const s = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
@@ -4873,8 +4889,8 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
 }, Mu = () => {
   var s;
   const { origin: e } = Le(), { appId: t, aiAgentId: n } = q(), { channelSource: o } = ie();
-  return (s = o.channel) != null && s.conversation ? /* @__PURE__ */ r.createElement(Ou, null, /* @__PURE__ */ r.createElement(Ft, { style: { gap: 4 } }, /* @__PURE__ */ r.createElement(D, { color: u.themedColor.textLowEmphasis, size: 12, type: "show" }), /* @__PURE__ */ r.createElement(I, { as: "i", color: u.themedColor.textLowEmphasis, variant: "caption2" }, "Only visible in the tester")), /* @__PURE__ */ r.createElement(
-    Ft,
+  return (s = o.channel) != null && s.conversation ? /* @__PURE__ */ r.createElement(Ou, null, /* @__PURE__ */ r.createElement(Pt, { style: { gap: 4 } }, /* @__PURE__ */ r.createElement(D, { color: u.themedColor.textLowEmphasis, size: 12, type: "show" }), /* @__PURE__ */ r.createElement(k, { as: "i", color: u.themedColor.textLowEmphasis, variant: "caption2" }, "Only visible in the tester")), /* @__PURE__ */ r.createElement(
+    Pt,
     {
       role: "button",
       style: { gap: 4 },
@@ -4884,10 +4900,10 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         navigator.clipboard.writeText(l);
       }
     },
-    /* @__PURE__ */ r.createElement(I, { variant: "body3", color: u.themedColor.textHighEmphasis }, "Copy ", /* @__PURE__ */ r.createElement("span", { style: { color: u.themedColor.primary } }, "conversation link")),
+    /* @__PURE__ */ r.createElement(k, { variant: "body3", color: u.themedColor.textHighEmphasis }, "Copy ", /* @__PURE__ */ r.createElement("span", { style: { color: u.themedColor.primary } }, "conversation link")),
     /* @__PURE__ */ r.createElement(D, { color: u.themedColor.primary, size: 14, type: "copy" })
   )) : null;
-}, Ft = h.div`display:flex;justify-content:center;align-items:center;`, Ou = h(Ft)`flex-direction:column;padding-block:16px;background-color:${u.themedColor.bg_100_500};gap:8px;`, Nr = Ge(void 0), Lu = ({ children: e }) => {
+}, Pt = h.div`display:flex;justify-content:center;align-items:center;`, Ou = h(Pt)`flex-direction:column;padding-block:16px;background-color:${u.themedColor.bg_100_500};gap:8px;`, Nr = We(void 0), Lu = ({ children: e }) => {
   var b;
   const { chatSDK: t } = K(), { createAttachmentRules: n } = te(), { stringSet: o } = z(), { channelSource: s } = ie(), [i, a] = T([]), [l, c] = T({
     visible: !1,
@@ -4957,7 +4973,7 @@ const Kd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
 };
 function Du({ blurred: e, elementRef: t, document: n = window.document }) {
   const o = H(!1);
-  e && t.current && n.activeElement === t.current && (o.current = !0), Ce(() => {
+  e && t.current && n.activeElement === t.current && (o.current = !0), Se(() => {
     var s;
     !e && o.current && ((s = t.current) == null || s.focus(), o.current = !1);
   }, [e]);
@@ -4987,11 +5003,11 @@ const Ru = (e, t) => {
   }
 `, Pu = () => {
   const e = je(), [t, n] = T(), { files: o, removeFile: s, isFileUploadEnabled: i } = ln();
-  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(Nu, null, o.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(Bu, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(Fu, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(D, { type: "close-filled", color: u.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(Zt, { name: l, type: Vt(l, a) }))));
+  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(Nu, null, o.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(Bu, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(Fu, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(D, { type: "close-filled", color: u.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(Zt, { name: l, type: zt(l, a) }))));
 }, Br = {
-  textArea: k`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
-  attachIcon: k`margin-bottom:4px;`
-}, Fr = h.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Uu = h(Fr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${u.themedColor.bg_200_400};}}${Kt && Br.attachIcon};`, Hu = h.input`display:none;`, Wn = h.div`width:100%;position:relative;background-color:${u.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:${u.themedColor.textHighEmphasis};resize:none;width:100%;height:${vr}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${Kt && Br.textArea};&::placeholder{color:${u.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.textDisabled};}}`, Kn = h.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, Zn = ({ disabled: e }) => {
+  textArea: I`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
+  attachIcon: I`margin-bottom:4px;`
+}, Fr = h.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Uu = h(Fr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${u.themedColor.bg_200_400};}}${Kt && Br.attachIcon};`, Hu = h.input`display:none;`, Gn = h.div`width:100%;position:relative;background-color:${u.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:${u.themedColor.textHighEmphasis};resize:none;width:100%;height:${vr}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${Kt && Br.textArea};&::placeholder{color:${u.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.textDisabled};}}`, Kn = h.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, Zn = ({ disabled: e }) => {
   const { stringSet: t } = z(), n = H(null), [o, s] = T(!1), { addFiles: i, clearFiles: a, files: l, isFileUploadEnabled: c, acceptableMimeTypes: d } = ln();
   return !c || l.length > 0 ? null : /* @__PURE__ */ r.createElement(
     Uu,
@@ -5053,29 +5069,29 @@ const Ru = (e, t) => {
   const y = t.trim().length > 0, x = c.length > 0, b = !p && (y || x), f = () => {
     e.current && (e.current.value = "", e.current.style.height = ""), m(), n("");
   }, g = async () => {
-    const C = t.trim(), A = { message: C };
+    const C = t.trim(), w = { message: C };
     if (!(!C && !c.length)) {
       if (c.length > 0) {
-        const $ = c[0].file, B = { ...A, file: $ };
+        const $ = c[0].file, B = { ...w, file: $ };
         a.sendFileMessage(B), f();
         return;
       }
-      a.sendUserMessage(A), f();
+      a.sendUserMessage(w), f();
     }
   }, v = (C) => {
-    const A = Array.from(C.clipboardData.files);
-    A.length > 0 && (C.preventDefault(), d(A));
+    const w = Array.from(C.clipboardData.files);
+    w.length > 0 && (C.preventDefault(), d(w));
   }, _ = (C) => {
     C.key !== "Enter" || C.nativeEvent.isComposing || C.shiftKey || (C.preventDefault(), g());
   }, M = (C) => {
     if (e.current) {
       e.current.style.height = "";
-      const A = Math.min(fa, e.current.scrollHeight);
-      vr < A && (e.current.style.height = `${A}px`);
+      const w = Math.min(fa, e.current.scrollHeight);
+      vr < w && (e.current.style.height = `${w}px`);
     }
     n(C.target.value);
   };
-  return p ? /* @__PURE__ */ r.createElement(Kn, null, /* @__PURE__ */ r.createElement(Wn, null, /* @__PURE__ */ r.createElement(jn, null, /* @__PURE__ */ r.createElement(qn, { disabled: !0, placeholder: E }), /* @__PURE__ */ r.createElement(Zn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(Kn, null, /* @__PURE__ */ r.createElement(Wn, null, /* @__PURE__ */ r.createElement(Pu, null), /* @__PURE__ */ r.createElement(jn, null, /* @__PURE__ */ r.createElement(
+  return p ? /* @__PURE__ */ r.createElement(Kn, null, /* @__PURE__ */ r.createElement(Gn, null, /* @__PURE__ */ r.createElement(jn, null, /* @__PURE__ */ r.createElement(qn, { disabled: !0, placeholder: E }), /* @__PURE__ */ r.createElement(Zn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(Kn, null, /* @__PURE__ */ r.createElement(Gn, null, /* @__PURE__ */ r.createElement(Pu, null), /* @__PURE__ */ r.createElement(jn, null, /* @__PURE__ */ r.createElement(
     qn,
     {
       ref: e,
@@ -5095,19 +5111,19 @@ const Ru = (e, t) => {
       color: ${u.color.information.main};
     `};
   }
-`, Gu = L(() => import("./B2a3pL8a.js").then((e) => ({ default: e.MarkdownText }))), Wu = () => {
+`, Wu = L(() => import("./DINOaKB4.js").then((e) => ({ default: e.MarkdownText }))), Gu = () => {
   const { aiAgentInfo: e, userSession: t } = te(), { messageSource: n, channelSource: o } = ie(), [s, i] = T(null), a = qt("special-notice", o.channel), l = O(() => o.channel ? a ? n.messages.some((c) => He(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [o.channel, a, n.messages, t == null ? void 0 : t.userId]);
   return U(() => {
     s || i(l());
-  }, [l, s]), s ? null : /* @__PURE__ */ r.createElement(zu, null, /* @__PURE__ */ r.createElement(Gu, null, e.specialNotice));
-}, ju = () => /* @__PURE__ */ r.createElement(qu, null, /* @__PURE__ */ r.createElement(Wu, null), /* @__PURE__ */ r.createElement(Lu, null, /* @__PURE__ */ r.createElement(Vu, null))), qu = h.div`z-index:0;border:none;width:100%;`, Ku = () => {
+  }, [l, s]), s ? null : /* @__PURE__ */ r.createElement(zu, null, /* @__PURE__ */ r.createElement(Wu, null, e.specialNotice));
+}, ju = () => /* @__PURE__ */ r.createElement(qu, null, /* @__PURE__ */ r.createElement(Gu, null), /* @__PURE__ */ r.createElement(Lu, null, /* @__PURE__ */ r.createElement(Vu, null))), qu = h.div`z-index:0;border:none;width:100%;`, Ku = () => {
   var s;
-  const { testerType: e } = Le(), { channelSource: t } = ie(), n = Se(t.channel), o = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
+  const { testerType: e } = Le(), { channelSource: t } = ie(), n = Te(t.channel), o = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
   return n && o ? /* @__PURE__ */ r.createElement(Mu, null) : /* @__PURE__ */ r.createElement(ju, null);
 }, Pr = ({ channel: e, size: t = 40 }) => {
   const { userSession: n, aiAgentInfo: o } = te(), { fallbackIcon: s, url: i } = fr({ channel: e, aiAgentInfo: o, userSession: n }), a = gt();
   return i ? /* @__PURE__ */ r.createElement(Xt, { src: i, size: t }) : /* @__PURE__ */ r.createElement(Zu, { $size: t, $bgColor: a.colors.base.primary }, /* @__PURE__ */ r.createElement(D, { type: s, size: t * 0.55, color: a.colors.base.primaryContrastContent }));
-}, Zu = 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;`, Yu = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(Pt, null, t, /* @__PURE__ */ r.createElement(Qu, { $position: n }, /* @__PURE__ */ r.createElement(em, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(Xu, { $position: n }))), Xu = ({ $position: e }) => /* @__PURE__ */ r.createElement(
+}, Zu = 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;`, Yu = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(Ut, null, t, /* @__PURE__ */ r.createElement(Qu, { $position: n }, /* @__PURE__ */ r.createElement(em, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(Xu, { $position: n }))), Xu = ({ $position: e }) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -5119,9 +5135,9 @@ const Ru = (e, t) => {
   },
   /* @__PURE__ */ r.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: u.themedColor.textHighEmphasis })
 ), Ju = {
-  top: k`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
-  bottom: k`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
-}, Pt = h.div`position:relative;`, Qu = h.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Oe.TOOLTIP};${({ $position: e }) => Ju[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Pt}:hover &,${Pt}:focus-within &{opacity:1;}`, em = h(I)`padding:6px 8px;background:${u.themedColor.textHighEmphasis};color:${u.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, tm = () => {
+  top: I`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
+  bottom: I`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
+}, Ut = h.div`position:relative;`, Qu = h.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Oe.TOOLTIP};${({ $position: e }) => Ju[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Ut}:hover &,${Ut}:focus-within &{opacity:1;}`, em = h(k)`padding:6px 8px;background:${u.themedColor.textHighEmphasis};color:${u.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, tm = () => {
   const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: s } = K(), { stringSet: i } = z(), { channelSource: a, onNavigateToConversationList: l } = ie(), { aiAgentInfo: c, userSession: d } = te(), m = a.channel, E = je() ? 24 : 16, y = fr({ channel: m, userSession: d, aiAgentInfo: c }), x = () => {
     e.setOpened(!1);
   }, b = async () => {
@@ -5167,7 +5183,7 @@ const Ru = (e, t) => {
     size: e,
     color: n ? u.themedColor.textDisabled : u.themedColor.textHighEmphasis
   }
-))), im = h.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, am = h.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, lm = h.div`display:flex;gap:10px;align-items:center;justify-content:center;`, cm = h(I)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Xe = h.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, dm = () => {
+))), im = h.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, am = h.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, lm = h.div`display:flex;gap:10px;align-items:center;justify-content:center;`, cm = h(k)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Xe = h.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, dm = () => {
   const { isActionbookTester: e } = Le();
   return e ? null : /* @__PURE__ */ r.createElement(tm, null);
 }, um = ({
@@ -5189,7 +5205,7 @@ const Ru = (e, t) => {
       onClearChannelUrl: o ?? a,
       shouldMarkAsRead: s
     },
-    /* @__PURE__ */ r.createElement(Bt, null, /* @__PURE__ */ r.createElement(Bt.Consumer, null, (p) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(gm, { ...p }, /* @__PURE__ */ r.createElement(d, null)), e)))
+    /* @__PURE__ */ r.createElement(Ft, null, /* @__PURE__ */ r.createElement(Ft.Consumer, null, (p) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(gm, { ...p }, /* @__PURE__ */ r.createElement(d, null)), e)))
   ));
 }, cn = Me({
   template: mm,
@@ -5211,7 +5227,7 @@ const gm = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:
 function pm({
   conversationListLimit: e,
   conversationListFilter: t,
-  onOpenConversationView: n = Te,
+  onOpenConversationView: n = Ae,
   children: o
 }) {
   return /* @__PURE__ */ r.createElement(
@@ -5227,17 +5243,17 @@ const fm = ({ channel: e }) => /* @__PURE__ */ r.createElement(Pr, { channel: e
   template: bm,
   // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
   components: {}
-}), Ut = 99;
+}), Ht = 99;
 function bm(e) {
-  const { channel: t, onClick: n } = e, { stringSet: o, format: s } = z(), i = zo(t), a = Go(t, s, {
+  const { channel: t, onClick: n } = e, { stringSet: o, format: s } = z(), i = zo(t), a = Wo(t, s, {
     justNow: o.DATE_FORMAT__JUST_NOW,
     minutesAgo: o.DATE_FORMAT__MINUTES_AGO,
     hoursAgo: o.DATE_FORMAT__HOURS_AGO,
     dateShortFormat: o.DATE_FORMAT__DATE_SHORT
   }), l = t.unreadMessageCount;
-  return /* @__PURE__ */ r.createElement(Em, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(xm, null, /* @__PURE__ */ r.createElement(fm, { ...e })), /* @__PURE__ */ r.createElement(vm, null, /* @__PURE__ */ r.createElement(ym, null, /* @__PURE__ */ r.createElement(I, { variant: "subtitle1", color: u.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ r.createElement(_m, null, Se(t) && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(I, { variant: "caption1", color: u.themedColor.textMidEmphasis, maxTextLines: 1 }, o.CONVERSATION_LIST__ENDED), /* @__PURE__ */ r.createElement(Cm, null)), /* @__PURE__ */ r.createElement(I, { variant: "caption2", color: u.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ r.createElement(Sm, { $count: l }, /* @__PURE__ */ r.createElement(I, { variant: "caption3", color: u.themedColor.textHighEmphasisInverse }, l <= Ut ? l : `${Ut}+`))));
+  return /* @__PURE__ */ r.createElement(Em, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(xm, null, /* @__PURE__ */ r.createElement(fm, { ...e })), /* @__PURE__ */ r.createElement(vm, null, /* @__PURE__ */ r.createElement(ym, null, /* @__PURE__ */ r.createElement(k, { variant: "subtitle1", color: u.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ r.createElement(_m, null, Te(t) && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(k, { variant: "caption1", color: u.themedColor.textMidEmphasis, maxTextLines: 1 }, o.CONVERSATION_LIST__ENDED), /* @__PURE__ */ r.createElement(Cm, null)), /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: u.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ r.createElement(Sm, { $count: l }, /* @__PURE__ */ r.createElement(k, { variant: "caption3", color: u.themedColor.textHighEmphasisInverse }, l <= Ht ? l : `${Ht}+`))));
 }
-const Em = 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;`, xm = h.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`, vm = h.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${u.themedColor.textDisabled};`, ym = h.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`, _m = h.div`display:flex;align-items:center;gap:6px;`, Cm = h.div`width:2px;height:2px;border-radius:1px;background-color:${u.themedColor.textLowEmphasis};`, Sm = h.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${u.themedColor.error};${({ $count: e }) => e <= Ut && k`
+const Em = 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;`, xm = h.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`, vm = h.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${u.themedColor.textDisabled};`, ym = h.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`, _m = h.div`display:flex;align-items:center;gap:6px;`, Cm = h.div`width:2px;height:2px;border-radius:1px;background-color:${u.themedColor.textLowEmphasis};`, Sm = h.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${u.themedColor.error};${({ $count: e }) => e <= Ht && I`
       width: 20px;
     `}
 `, Tm = ({ items: e, renderItem: t, onEndReached: n }) => {
@@ -5259,7 +5275,7 @@ const Em = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
           {
             key: s.url,
             channel: s,
-            onClick: () => n(s.url, Se(s) ? "closed" : "open"),
+            onClick: () => n(s.url, Te(s) ? "closed" : "open"),
             channelUrl: s.url,
             title: (a = (i = s.conversation) == null ? void 0 : i.topics) == null ? void 0 : a.join(", "),
             lastMessageTimestamp: (l = s.lastMessage) == null ? void 0 : l.createdAt
@@ -5271,10 +5287,10 @@ const Em = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
       }
     }
   ) : /* @__PURE__ */ r.createElement(ze, { type: "loading" });
-}, Im = () => {
+}, km = () => {
   const { stringSet: e } = z(), { language: t, countryCode: n, context: o } = K(), { aiAgentInfo: s, refreshActiveChannel: i, createConversation: a, setActiveChannel: l } = te(), { onOpenConversationView: c } = Ur();
   return /* @__PURE__ */ r.createElement(
-    km,
+    Im,
     {
       role: "button",
       onClick: async () => {
@@ -5294,12 +5310,12 @@ const Em = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
     },
     /* @__PURE__ */ r.createElement($m, { variant: "h1" }, e.TALK_TO_AGENT)
   );
-}, km = h.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, $m = h(I)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Mm = () => {
+}, Im = h.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, $m = h(k)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Mm = () => {
   const { state: e } = K(), { stringSet: t } = z(), o = je() ? 24 : 16, s = () => {
     e.setOpened(!1);
   };
   return /* @__PURE__ */ r.createElement(Lm, null, /* @__PURE__ */ r.createElement(Dm, { variant: "h2", color: u.themedColor.textHighEmphasis }, t.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Rm, null, /* @__PURE__ */ r.createElement(Om, { size: o, onClick: s })), /* @__PURE__ */ r.createElement(Nm, null));
-}, Om = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Bm, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(D, { type: "close", size: e, color: u.themedColor.textHighEmphasis })), Lm = h.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Dm = h(I)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Rm = h.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Nm = h.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${u.themedColor.textDisabled};`, Bm = h.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Fm = ({
+}, Om = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Bm, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(D, { type: "close", size: e, color: u.themedColor.textHighEmphasis })), Lm = h.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Dm = h(k)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Rm = h.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Nm = h.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${u.themedColor.textDisabled};`, Bm = h.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Fm = ({
   conversationListLimit: e,
   conversationListFilter: t,
   children: n,
@@ -5321,14 +5337,14 @@ const Em = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
   components: {
     Header: Mm,
     Body: wm,
-    Footer: Im
+    Footer: km
   }
 });
 function Pm() {
   const { components: e } = dn.useContext();
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
 }
-const Um = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Hm = k`:where(#${se.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Vm = [Hm, Ni, Bi], zm = (e, ...t) => Eo(e, ...Vm, ...t), Gm = zm``, Wm = Po(
+const Um = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Hm = I`:where(#${se.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Vm = [Hm, Ni, Bi], zm = (e, ...t) => Eo(e, ...Vm, ...t), Wm = zm``, Gm = Po(
   cn,
   Ve,
   nn,
@@ -5347,7 +5363,7 @@ function jm({
   messageTemplate: a,
   theme: l
 }) {
-  return Vi(Ti, t), /* @__PURE__ */ r.createElement(xo, { target: t }, /* @__PURE__ */ r.createElement(Pi, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(oi, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(Ri, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(Wm, null, i, /* @__PURE__ */ r.createElement(Gm, null))))));
+  return Vi(Ti, t), /* @__PURE__ */ r.createElement(xo, { target: t }, /* @__PURE__ */ r.createElement(Pi, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(oi, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(Ri, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(Gm, null, i, /* @__PURE__ */ r.createElement(Wm, null))))));
 }
 const st = {}, it = {
   getItem: (e) => {
@@ -5383,7 +5399,7 @@ const st = {}, it = {
       return Object.keys(st).filter((t) => t.startsWith(e));
     }
   }
-}, Vr = We(function({
+}, Vr = Ge(function({
   rootElement: t = document.body,
   logLevel: n = Jn.WARN,
   language: o = navigator.language,
@@ -5404,7 +5420,7 @@ const st = {}, it = {
       theme: a.theme
     },
     /* @__PURE__ */ r.createElement(
-      Wi,
+      Gi,
       {
         rootElement: t,
         keyValueStorage: {
@@ -5455,7 +5471,7 @@ function Xm({
   backgroundColor: l,
   size: c = Zm
 }) {
-  const d = Ot(l), m = Math.round(c * Ym);
+  const d = Lt(l), m = Math.round(c * Ym);
   return /* @__PURE__ */ r.createElement(
     eg,
     {
@@ -5472,7 +5488,7 @@ function Xm({
     /* @__PURE__ */ r.createElement(ng, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: m }, /* @__PURE__ */ r.createElement(Yn.Close, { size: m }))
   );
 }
-const Jm = k`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, Qm = k`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 === xr.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, Gr = k`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => k`
+const Jm = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, Qm = 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 === xr.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, Wr = I`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => I`
         path {
           fill: ${e};
         }
@@ -5481,7 +5497,7 @@ const Jm = k`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
         }
       `}
   }
-`, eg = 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 && Jm}`, Wr = 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;`, tg = h(Wr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${Qm}${Gr}`, ng = h(Wr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${Gr}`, Yn = {
+`, eg = 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 && Jm}`, Gr = 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;`, tg = h(Gr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${Qm}${Wr}`, ng = h(Gr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${Wr}`, Yn = {
   Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(D, { size: e.size, type: "bot-filled" }),
   Close: ({ size: e }) => /* @__PURE__ */ r.createElement(D, { size: e, type: "chevron-down" })
 };
@@ -5520,7 +5536,7 @@ function og() {
     t.opened ? a() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
   }, [o, e, t.opened]);
 }
-const qr = Ge(null);
+const qr = We(null);
 function Kr() {
   const e = pe(qr);
   if (!e)
@@ -5531,7 +5547,7 @@ function Zr({ children: e }) {
   const t = Kr();
   return typeof e == "function" ? e(t) : /* @__PURE__ */ r.createElement(r.Fragment, null, e);
 }
-const sg = Qn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, ig = Qn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, ag = k`animation-name:${sg};animation-duration:0.3s;animation-fill-mode:forwards;`, lg = k``, cg = k`animation-name:${ig};animation-duration:0.3s;animation-fill-mode:forwards;`, dg = k`visibility:hidden;`, ug = h.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
+const sg = Qn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, ig = Qn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, ag = I`animation-name:${sg};animation-duration:0.3s;animation-fill-mode:forwards;`, lg = I``, cg = I`animation-name:${ig};animation-duration:0.3s;animation-fill-mode:forwards;`, dg = I`visibility:hidden;`, ug = h.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
   switch (e) {
     case "entering":
       return ag;
@@ -5544,9 +5560,9 @@ const sg = Qn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY
     default:
       return "";
   }
-}}${({ $active: e }) => e ? k`
+}}${({ $active: e }) => e ? I`
           z-index: 999;
-        ` : k`z-index:1;pointer-events:none;`}
+        ` : I`z-index:1;pointer-events:none;`}
 `;
 function at({ initialId: e, children: t }) {
   const [n, o] = T([e]), s = n[n.length - 1], i = O((f, g) => {
@@ -5653,7 +5669,7 @@ function hg({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
   const { dir: s } = K();
   return /* @__PURE__ */ r.createElement(pg, null, /* @__PURE__ */ r.createElement(fg, { dir: s, id: se.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
-const pg = h.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, fg = 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 && Eg};${({ $isExpanded: e }) => e && bg};`, bg = k`width:743px;height:723px;`, Eg = k`z-index:${Oe.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;`, qg = We(function({ children: e, ...t }, n) {
+const pg = h.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, fg = 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 && Eg};${({ $isExpanded: e }) => e && bg};`, bg = I`width:743px;height:723px;`, Eg = I`z-index:${Oe.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;`, qg = Ge(function({ children: e, ...t }, n) {
   const o = je(), [s, i] = T(), a = o ? zr : hg;
   return /* @__PURE__ */ r.createElement(Vr, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(Er, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(a, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(jr, null) }, /* @__PURE__ */ r.createElement(
     Yr,
@@ -5686,7 +5702,7 @@ function Xr(e, t, n, o = 0) {
       c = `bottom: calc(${ae(i)} + ${o}px)`;
       break;
   }
-  return k`${c};${d};`;
+  return I`${c};${d};`;
 }
 function vg(e) {
   const { horizontal: t, vertical: n, margin: o, launcherSize: s } = un();
@@ -5718,7 +5734,7 @@ const Cg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
 
   ${({ $isOpened: e }) => e && Tg};
   ${({ $isExpanded: e }) => e && Sg};
-`, Sg = k`width:743px;height:723px;`, Tg = k`z-index:${Oe.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;`, Jr = { top: 24, bottom: 24, start: 24, end: 24 }, Ag = We(function({ children: e, ...t }, n) {
+`, Sg = I`width:743px;height:723px;`, Tg = I`z-index:${Oe.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;`, Jr = { top: 24, bottom: 24, start: 24, end: 24 }, Ag = Ge(function({ children: e, ...t }, n) {
   const [o, s] = T(), [i, a] = T("end-bottom"), [l, c] = T(Jr), [d, m] = T(48), p = je(), E = p ? zr : _g, { horizontal: y, vertical: x } = ne(() => {
     const [b, f] = i.split("-");
     return { horizontal: b === "start" ? "start" : "end", vertical: f === "top" ? "top" : "bottom" };
@@ -5742,7 +5758,7 @@ const Cg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
 }), wg = (e) => {
   var s, i, a, l;
   const { setPosition: t, setMargin: n, setLauncherSize: o } = un();
-  return Ce(() => {
+  return Se(() => {
     e.position && t(e.position), e.margin && n({ ...Jr, ...e.margin }), e.launcherSize && o(e.launcherSize);
   }, [
     e.position,
@@ -5770,13 +5786,13 @@ export {
   jm as b,
   u as c,
   te as d,
-  Gg as e,
+  Wg as e,
   z as f,
   qm as g,
   qg as h,
   um as i,
   cn as j,
-  Wg as k,
+  Gg as k,
   Rd as l,
   wi as m,
   ie as n,