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

package/dist/es/{3qBdtnlJ.js → D43pgxiz.js}

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { createContext as ve, useContext as X, useEffect as L, useState as _, useId as bn, useRef as N, useCallback as R, useMemo as ae, forwardRef as ye, useImperativeHandle as Er, useLayoutEffect as le, lazy as T, Suspense as ke, Component as xr, Fragment as Ut, useReducer as Cr, Children as vr } from "react";
+import { createContext as ve, useContext as Q, useEffect as L, useState as _, useId as bn, useRef as N, useCallback as R, useMemo as ae, forwardRef as ye, useImperativeHandle as Er, useLayoutEffect as le, lazy as T, Suspense as ke, Component as xr, Fragment as Ut, useReducer as Cr, Children as vr } from "react";
 import yr, { SendbirdProduct as _r, DeviceOsPlatform as Ht, SendbirdPlatform as Sr, ConnectionHandler as Je, SendbirdError as Tr, SessionHandler as wr, LogLevel as En, ConnectionState as Ar } from "@sendbird/chat";
 import u, { css as I, ThemeProvider as kr, useTheme as xt, createGlobalStyle as Ir, StyleSheetManager as $r, keyframes as xn } from "styled-components";
 import { format as Cn, isSameMinute as zt, isSameDay as Mr } from "date-fns";
@@ -15,13 +15,13 @@ import { isSameDay as Wr } from "date-fns/isSameDay";
 import { createPortal as Gr } from "react-dom";
 import jr from "@emotion/is-prop-valid";
 const G = (e, t) => {
-  const n = ve(null), o = ({ children: i, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof i == "function" ? i(l) : i), s = ({ children: i }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof i == "function" ? i(l) : i : null), a = () => {
-    const i = X(n);
-    if (!i)
+  const n = ve(null), o = ({ children: a, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
+    const a = Q(n);
+    if (!a)
       throw new Error(`use${e}Context must be used within a ${e}Provider`);
-    return i;
+    return a;
   };
-  return n.displayName = `${e}Context`, o.displayName = `${e}Provider`, s.displayName = `${e}Consumer`, a.displayName = `use${e}Context`, { Context: n, Provider: o, Consumer: s, useContext: a };
+  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 _e(e) {
   const t = ve({
@@ -32,31 +32,31 @@ function _e(e) {
     updateComponent: () => {
     }
   });
-  function n({ children: a }) {
-    const [i, l] = _(() => e.template), [c, d] = _(e.components), g = {
-      Template: i,
-      updateTemplate: (h) => l(() => h),
+  function n({ children: i }) {
+    const [a, l] = _(() => e.template), [c, d] = _(e.components), h = {
+      Template: a,
+      updateTemplate: (m) => l(() => m),
       components: c,
-      updateComponent: (h, f) => d((x) => ({ ...x, [h]: f }))
+      updateComponent: (m, f) => d((x) => ({ ...x, [m]: f }))
     };
-    return /* @__PURE__ */ r.createElement(t.Provider, { value: g }, a);
+    return /* @__PURE__ */ r.createElement(t.Provider, { value: h }, i);
   }
-  function o({ template: a, children: i }) {
-    const { updateTemplate: l } = X(t);
+  function o({ template: i, children: a }) {
+    const { updateTemplate: l } = Q(t);
     return L(() => {
-      a && l(a);
-    }, [a]), /* @__PURE__ */ r.createElement(r.Fragment, null, i);
+      i && l(i);
+    }, [i]), /* @__PURE__ */ r.createElement(r.Fragment, null, a);
   }
-  function s({ children: a }) {
-    return /* @__PURE__ */ r.createElement(n, null, a);
+  function s({ children: i }) {
+    return /* @__PURE__ */ r.createElement(n, null, i);
   }
-  return s.defaults = e, s.useContext = () => X(t), s.Context = t, s.Template = o, Object.keys(e.components).forEach((a) => {
-    s[a] = function({
+  return s.defaults = e, s.useContext = () => Q(t), s.Context = t, s.Template = o, Object.keys(e.components).forEach((i) => {
+    s[i] = function({
       component: l
     }) {
-      const { updateComponent: c } = X(t);
+      const { updateComponent: c } = Q(t);
       return L(() => {
-        l && c(a, l);
+        l && c(i, l);
       }, [l]), null;
     };
   }), s;
@@ -104,15 +104,15 @@ const Vt = (e) => {
     return ((t = e.extendedMessagePayload) == null ? void 0 : t.bot_message_type) === "generated";
   },
   checkExtendedFieldPresence(e) {
-    const t = e.extendedMessagePayload || {}, n = (i) => i.some((l) => typeof t[l] < "u"), o = n(ot.ui), s = n(ot.trail), a = n(ot.marking);
-    return { ui: o, trail: s, marking: a };
+    const t = e.extendedMessagePayload || {}, n = (a) => a.some((l) => typeof t[l] < "u"), o = n(ot.ui), s = n(ot.trail), i = n(ot.marking);
+    return { ui: o, trail: s, marking: i };
   },
   shouldScrollToBottom(e, t, n = !1) {
     if ((e.isUserMessage() || e.isFileMessage() || e.isMultipleFilesMessage()) && e.sender.userId === t) {
       if (this.isGeneratedMessage(e) && this.isStreaming(e))
         return !0;
-      const { ui: a, trail: i, marking: l } = this.checkExtendedFieldPresence(e);
-      return a ? !(!n && l) : !!(n && (i || l));
+      const { ui: i, trail: a, marking: l } = this.checkExtendedFieldPresence(e);
+      return i ? !(!n && l) : !!(n && (a || l));
     }
     return !0;
   }
@@ -120,20 +120,20 @@ const Vt = (e) => {
   ui: ["suggested_replies", "cta_button", "message_template", "csat"],
   trail: ["groundedness", "manual", "function_calls"],
   marking: ["is_hallucination", "is_moderated", "flagged_types"]
-}, qr = "1.3.0", Ee = "sb-agent", Jr = qr, st = `@${Ee}`, Wt = ({ appId: e, aiAgentId: t, storage: n }) => {
+}, qr = "1.3.1", Ee = "sb-agent", Jr = qr, st = `@${Ee}`, Wt = ({ appId: e, aiAgentId: t, storage: n }) => {
   const o = {
     templateBase: `${st}-template`,
     template: (s) => `${o.templateBase}/templates/${s}`,
     templateToken: () => `${o.templateBase}-template/message-template/tokens`,
     messengerSession: (s) => {
-      const a = Yr(`${e}/${t}/${s}`);
-      return `${st}-udata/${a}`;
+      const i = Yr(`${e}/${t}/${s}`);
+      return `${st}-udata/${i}`;
     },
     anonUserSession: () => `${st}-session/${e}/${t}`
   };
   return {
     template: {
-      set: (s, a) => n.set(o.template(s), a),
+      set: (s, i) => n.set(o.template(s), i),
       get: (s) => n.get(o.template(s)),
       setCachedToken: (s) => n.set(o.templateToken(), s),
       getCachedToken: () => n.get(o.templateToken()),
@@ -144,16 +144,16 @@ const Vt = (e) => {
     messenger: {
       getSettings: (s) => {
         try {
-          const a = n.get(o.messengerSession(s));
-          return a ? JSON.parse(a) : null;
+          const i = n.get(o.messengerSession(s));
+          return i ? JSON.parse(i) : null;
         } catch {
           return null;
         }
       },
-      setSettings: (s, a) => {
+      setSettings: (s, i) => {
         try {
-          const i = JSON.stringify(a);
-          n.set(o.messengerSession(s), i);
+          const a = JSON.stringify(i);
+          n.set(o.messengerSession(s), a);
         } catch {
           return;
         }
@@ -168,8 +168,8 @@ const Vt = (e) => {
       },
       setAnonUser: (s) => {
         try {
-          const a = JSON.stringify(s);
-          n.set(o.anonUserSession(), a);
+          const i = JSON.stringify(s);
+          n.set(o.anonUserSession(), i);
         } catch {
           return;
         }
@@ -192,9 +192,9 @@ class _n {
     const n = Xr(), o = this.subscribers[t.type];
     if (o) {
       this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`, t.payload);
-      const s = o.map((a) => a(t.payload));
-      await Promise.all(s).catch((a) => {
-        this.logger.error(`messenger.dispatcher: error in callback for command: ${t.type}`, a);
+      const s = o.map((i) => i(t.payload));
+      await Promise.all(s).catch((i) => {
+        this.logger.error(`messenger.dispatcher: error in callback for command: ${t.type}`, i);
       });
     }
     return n.resolve(), n.promise;
@@ -256,52 +256,55 @@ function eo({
   keyValueStorage: n,
   language: o,
   countryCode: s,
-  context: a,
-  chatSDK: i,
-  chatParams: l,
-  children: c,
-  logger: d,
-  dispatcher: g,
-  extensions: h = {
+  context: i,
+  queryParams: a,
+  chatSDK: l,
+  chatParams: c,
+  children: d,
+  logger: h,
+  dispatcher: m,
+  extensions: f = {
     platform: Sr.JS,
     deviceOSPlatform: Zr() ? Ht.MOBILE_WEB : Ht.WEB
   }
 }) {
-  const [f, x] = _(() => {
-    const b = d ?? new Tn(Sn.WARN), E = g ?? new _n(b);
+  const [x, E] = _(() => {
+    const b = h ?? new Tn(Sn.WARN), g = m ?? new _n(b);
     return {
       appId: e,
       aiAgentId: t,
       language: o,
       countryCode: s,
-      context: a,
+      context: i,
+      queryParams: a,
       keyValueStorage: n,
       logger: b,
-      dispatcher: E,
-      chatSDK: i ?? Gt(e, h, l),
+      dispatcher: g,
+      chatSDK: l ?? Gt(e, f, c),
       cache: Wt({ appId: e, aiAgentId: t, storage: n })
     };
   });
   return L(() => {
-    x((b) => {
-      let E = b.logger, m = b.dispatcher, C = b.chatSDK;
-      return d && d !== b.logger && (E = d), g && g !== b.dispatcher && (m = g), i && i !== b.chatSDK ? C = i : !i && b.chatSDK.appId !== e && (C = Gt(e, h, { newInstance: !0, ...l })), {
+    E((b) => {
+      let g = b.logger, C = b.dispatcher, v = b.chatSDK;
+      return h && h !== b.logger && (g = h), m && m !== b.dispatcher && (C = m), l && l !== b.chatSDK ? v = l : !l && b.chatSDK.appId !== e && (v = Gt(e, f, { newInstance: !0, ...c })), {
         ...b,
         appId: e,
         aiAgentId: t,
         keyValueStorage: n,
         language: o,
         countryCode: s,
-        context: a,
-        logger: E,
-        dispatcher: m,
-        chatSDK: C,
+        context: i,
+        queryParams: a,
+        logger: g,
+        dispatcher: C,
+        chatSDK: v,
         cache: Wt({ appId: e, aiAgentId: t, storage: n })
       };
     });
-  }, [e, t, o, s, a, d, g, i]), L(() => () => {
-    f.chatSDK.disconnectWebSocket();
-  }, [f.chatSDK]), /* @__PURE__ */ r.createElement(Qr, { value: f }, c);
+  }, [e, t, o, s, i, h, m, l]), L(() => () => {
+    x.chatSDK.disconnectWebSocket();
+  }, [x.chatSDK]), /* @__PURE__ */ r.createElement(Qr, { value: x }, d);
 }
 const to = (e, t, n) => Dr(e, t, { ...n, strictStreamingOrder: !0 });
 var mt = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))(mt || {});
@@ -330,12 +333,12 @@ function io({
   onChannelDeleted: n,
   onMessagesReceived: o,
   onMessagesUpdated: s,
-  onConversationClosedViaDispatcher: a,
-  onBeforeSendMessage: i,
+  onConversationClosedViaDispatcher: i,
+  onBeforeSendMessage: a,
   onAfterSendMessage: l = ut
 }) {
-  var m;
-  const { chatSDK: c, logger: d, dispatcher: g } = ue(), { channel: h, channelFetchError: f, fetchChannel: x } = ao(t), b = to(c, h, {
+  var g;
+  const { chatSDK: c, logger: d, dispatcher: h } = ue(), { channel: m, channelFetchError: f, fetchChannel: x } = ao(t), E = to(c, m, {
     shouldCountNewMessages: () => !1,
     onChannelDeleted: n,
     onMessagesReceived: (C) => o == null ? void 0 : o(C),
@@ -345,48 +348,48 @@ function io({
   L(() => {
     const C = async (v) => {
       const S = typeof (v == null ? void 0 : v.channelUrl) == "string";
-      h && S && v.channelUrl !== h.url || (d.debug("conversation.dispatcher: try to close conversation", h), h != null && h.conversation && h.conversation.status === W.OPEN && (await h.closeConversation(), a == null || a()));
+      m && S && v.channelUrl !== m.url || (d.debug("conversation.dispatcher: try to close conversation", m), m != null && m.conversation && m.conversation.status === W.OPEN && (await m.closeConversation(), i == null || i()));
     };
-    return g.subscribe(mt.ConversationClose, C), () => {
-      g.unsubscribe(mt.ConversationClose, C);
+    return h.subscribe(mt.ConversationClose, C), () => {
+      h.unsubscribe(mt.ConversationClose, C);
     };
-  }, [g, (m = h == null ? void 0 : h.conversation) == null ? void 0 : m.status, a]);
-  const E = {
-    conversation: (h == null ? void 0 : h.conversation) ?? void 0,
+  }, [h, (g = m == null ? void 0 : m.conversation) == null ? void 0 : g.status, i]);
+  const b = {
+    conversation: (m == null ? void 0 : m.conversation) ?? void 0,
     channelSource: {
-      channel: h,
+      channel: m,
       error: f,
       refetch: () => x()
     },
     messageSource: {
-      messages: b.messages,
-      initialized: b.initialized,
-      loadPrevious: () => b.loadPrevious(),
-      loadNext: () => b.loadNext(),
+      messages: E.messages,
+      initialized: E.initialized,
+      loadPrevious: () => E.loadPrevious(),
+      loadNext: () => E.loadNext(),
       sendUserMessage: async (C) => {
         var S;
-        if (((S = h == null ? void 0 : h.conversation) == null ? void 0 : S.status) === W.CLOSED)
+        if (((S = m == null ? void 0 : m.conversation) == null ? void 0 : S.status) === W.CLOSED)
           throw new Error("Conversation is closed");
-        i && (C = await i(C));
-        const v = await b.sendUserMessage(C, l);
+        a && (C = await a(C));
+        const v = await E.sendUserMessage(C, l);
         return l == null || l(v), v;
       },
       sendFileMessage: async (C) => {
         var S;
-        if (((S = h == null ? void 0 : h.conversation) == null ? void 0 : S.status) === W.CLOSED)
+        if (((S = m == null ? void 0 : m.conversation) == null ? void 0 : S.status) === W.CLOSED)
           throw new Error("Conversation is closed");
-        i && (C = await i(C));
-        const v = await b.sendFileMessage(C, l);
+        a && (C = await a(C));
+        const v = await E.sendFileMessage(C, l);
         return l == null || l(v), v;
       }
     }
   };
-  return /* @__PURE__ */ r.createElement(so, { value: E }, e);
+  return /* @__PURE__ */ r.createElement(so, { value: b }, e);
 }
 function ao(e) {
-  const { chatSDK: t, logger: n } = ue(), [o, s] = _(void 0), [a, i] = _(void 0);
+  const { chatSDK: t, logger: n } = ue(), [o, s] = _(void 0), [i, a] = _(void 0);
   async function l() {
-    if (n.debug("conversation.fetchChannel: start"), s(void 0), i(void 0), e)
+    if (n.debug("conversation.fetchChannel: start"), s(void 0), a(void 0), e)
       try {
         n.debug("conversation.fetchChannel: get channel", e);
         const c = await t.groupChannel.getChannel(e);
@@ -394,14 +397,14 @@ function ao(e) {
         const d = new Je({ onReconnectSucceeded: () => c.refresh() });
         t.addConnectionHandler(`sba-refresh-${e}`, d), n.debug("conversation.fetchChannel: fetched channel", c);
       } catch (c) {
-        c instanceof Tr && i(c), n.error("conversation.fetchChannel: error", c);
+        c instanceof Tr && a(c), n.error("conversation.fetchChannel: error", c);
       }
   }
   return L(() => {
     l();
   }, [e, t]), {
     channel: o,
-    channelFetchError: a,
+    channelFetchError: i,
     fetchChannel: l
   };
 }
@@ -412,11 +415,11 @@ class lo {
    * @param params - Configuration parameters for the collection
    */
   constructor(t, { filter: n, limit: o = 20 }) {
-    var s, a, i, l, c;
+    var s, i, a, l, c;
     this._isDisposed = !1, this._handlerId = `handler-id-${Date.now()}`, this._order = vn.LATEST_LAST_MESSAGE, this.filter = n, this._sdk = t, this._pinnedChannels = [], this._channels = [], this._limit = o, this._query = this._sdk.aiAgent.createMyGroupChannelListQuery({
       aiAgentChannelFilter: (s = this.filter) == null ? void 0 : s.aiAgentChannelFilter,
-      aiAgentConversationStatusFilter: (a = this.filter) == null ? void 0 : a.aiAgentConversationStatusFilter,
-      aiAgentIds: (i = this.filter) == null ? void 0 : i.aiAgentIds,
+      aiAgentConversationStatusFilter: (i = this.filter) == null ? void 0 : i.aiAgentConversationStatusFilter,
+      aiAgentIds: (a = this.filter) == null ? void 0 : a.aiAgentIds,
       deskChannelFilter: (l = this.filter) == null ? void 0 : l.deskChannelFilter,
       pinnedChannelUrls: (c = this.filter) == null ? void 0 : c.pinnedChannelUrls,
       limit: this._limit
@@ -444,10 +447,10 @@ class lo {
    * @param channels - Array of channels to analyze
    */
   _setDefaultChangelogsSyncTimestamp(t) {
-    var a, i;
-    const n = new Set(((a = this.filter) == null ? void 0 : a.pinnedChannelUrls) ?? []), o = t.find((l) => !n.has(l.url));
+    var i, a;
+    const n = new Set(((i = this.filter) == null ? void 0 : i.pinnedChannelUrls) ?? []), o = t.find((l) => !n.has(l.url));
     let s;
-    o ? s = ((i = o.lastMessage) == null ? void 0 : i.createdAt) ?? o.createdAt : s = this._query.lastResponseAt, this._timestamp > s && (this._timestamp = s);
+    o ? s = ((a = o.lastMessage) == null ? void 0 : a.createdAt) ?? o.createdAt : s = this._query.lastResponseAt, this._timestamp > s && (this._timestamp = s);
   }
   /**
    * Synchronizes channel changelogs to keep the collection up-to-date.
@@ -474,20 +477,20 @@ class lo {
    */
   _upsertPinnedChannelsToArray(t) {
     var l;
-    const n = ((l = this.filter) == null ? void 0 : l.pinnedChannelUrls) ?? [], o = new Map(n.map((c, d) => [c, d])), s = [], a = [], i = [];
+    const n = ((l = this.filter) == null ? void 0 : l.pinnedChannelUrls) ?? [], o = new Map(n.map((c, d) => [c, d])), s = [], i = [], a = [];
     for (const c of t) {
       if (!this._query.belongsTo(c)) {
-        i.push(c.url);
+        a.push(c.url);
         continue;
       }
       const d = o.get(c.url);
       if (d === void 0) continue;
-      const g = gt(this._pinnedChannels, c);
-      g >= 0 ? (this._pinnedChannels.splice(g, 1), a.push(c)) : s.push(c);
-      const f = this._pinnedChannels.findIndex((b) => (o.get(b.url) ?? 1 / 0) > d), x = f === -1 ? this._pinnedChannels.length : f;
+      const h = gt(this._pinnedChannels, c);
+      h >= 0 ? (this._pinnedChannels.splice(h, 1), i.push(c)) : s.push(c);
+      const f = this._pinnedChannels.findIndex((E) => (o.get(E.url) ?? 1 / 0) > d), x = f === -1 ? this._pinnedChannels.length : f;
       this._pinnedChannels.splice(x, 0, c);
     }
-    return { addedChannels: s, updatedChannels: a, unmatchedChannelUrls: i };
+    return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: a };
   }
   /**
    * Upserts regular (non-pinned) channels with time-based sorting.
@@ -496,18 +499,18 @@ class lo {
    * @returns Object containing added, updated channels and unmatched URLs
    */
   _upsertRegularChannelsToArray(t, n = !1) {
-    const o = [], s = [], a = [];
-    for (const i of t) {
-      if (!this._query.belongsTo(i)) {
-        o.push(i.url);
+    const o = [], s = [], i = [];
+    for (const a of t) {
+      if (!this._query.belongsTo(a)) {
+        o.push(a.url);
         continue;
       }
-      const l = gt(this._channels, i), c = l < 0;
+      const l = gt(this._channels, a), c = l < 0;
       !c && this._channels.splice(l, 1);
-      const g = co(this._channels, i, this._order).place, h = g === this._channels.length;
-      c ? h ? (n || !this.hasMore) && (this._channels.push(i), s.push(i)) : (this._channels.splice(g, 0, i), s.push(i)) : (this._channels.splice(g, 0, i), a.push(i));
+      const h = co(this._channels, a, this._order).place, m = h === this._channels.length;
+      c ? m ? (n || !this.hasMore) && (this._channels.push(a), s.push(a)) : (this._channels.splice(h, 0, a), s.push(a)) : (this._channels.splice(h, 0, a), i.push(a));
     }
-    return { addedChannels: s, updatedChannels: a, unmatchedChannelUrls: o };
+    return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: o };
   }
   /**
    * Adds or updates channels in the collection, separating pinned and non-pinned channels.
@@ -515,19 +518,19 @@ class lo {
    * @param forceAppend - Whether to force append channels at the end
    */
   _addChannelsToView(t, n = !1) {
-    var h, f, x, b, E;
-    const o = new Set(((h = this.filter) == null ? void 0 : h.pinnedChannelUrls) ?? []), s = [], a = [];
-    for (const m of t)
-      o.has(m.url) ? s.push(m) : a.push(m);
-    const i = this._upsertPinnedChannelsToArray(s), l = this._upsertRegularChannelsToArray(a, n), c = i.addedChannels.concat(l.addedChannels), d = i.updatedChannels.concat(l.updatedChannels), g = i.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
-    c.length > 0 && ((x = (f = this._collectionEventHandler) == null ? void 0 : f.onChannelsAdded) == null || x.call(f, {}, c)), d.length > 0 && ((E = (b = this._collectionEventHandler) == null ? void 0 : b.onChannelsUpdated) == null || E.call(b, {}, d)), g.length > 0 && this._removeChannelsFromView(g);
+    var m, f, x, E, b;
+    const o = new Set(((m = this.filter) == null ? void 0 : m.pinnedChannelUrls) ?? []), s = [], i = [];
+    for (const g of t)
+      o.has(g.url) ? s.push(g) : i.push(g);
+    const a = this._upsertPinnedChannelsToArray(s), l = this._upsertRegularChannelsToArray(i, n), c = a.addedChannels.concat(l.addedChannels), d = a.updatedChannels.concat(l.updatedChannels), h = a.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
+    c.length > 0 && ((x = (f = this._collectionEventHandler) == null ? void 0 : f.onChannelsAdded) == null || x.call(f, {}, c)), d.length > 0 && ((b = (E = this._collectionEventHandler) == null ? void 0 : E.onChannelsUpdated) == null || b.call(E, {}, d)), h.length > 0 && this._removeChannelsFromView(h);
   }
   /**
    * Removes channels from the collection by their URLs.
    * @param channelUrls - Array of channel URLs to remove
    */
   _removeChannelsFromView(t) {
-    var s, a, i;
+    var s, i, a;
     const n = new Set(((s = this.filter) == null ? void 0 : s.pinnedChannelUrls) ?? []), o = [];
     for (const l of t)
       if (n.has(l)) {
@@ -537,7 +540,7 @@ class lo {
         const c = this._channels.findIndex((d) => d.url === l);
         c >= 0 && (o.push(l), this._channels.splice(c, 1));
       }
-    o.length > 0 && ((i = (a = this._collectionEventHandler) == null ? void 0 : a.onChannelsDeleted) == null || i.call(a, {}, o));
+    o.length > 0 && ((a = (i = this._collectionEventHandler) == null ? void 0 : i.onChannelsDeleted) == null || a.call(i, {}, o));
   }
   /**
    * Gets all channels in the collection.
@@ -584,17 +587,17 @@ class lo {
 const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), co = (e, t, n) => {
   if (e.length > 0) {
     const o = gt(e, t);
-    let s = 0, a = e.length - 1, i = Math.floor((s + a) / 2);
-    for (; s < a; ) {
-      const c = jt(e[i], t, n);
+    let s = 0, i = e.length - 1, a = Math.floor((s + i) / 2);
+    for (; s < i; ) {
+      const c = jt(e[a], t, n);
       if (c > 0)
-        a = i, i = Math.floor((s + a) / 2);
+        i = a, a = Math.floor((s + i) / 2);
       else if (c < 0)
-        s = i + 1, i = Math.floor((s + a) / 2);
+        s = a + 1, a = Math.floor((s + i) / 2);
       else
-        return { place: i, oldPosition: o };
+        return { place: a, oldPosition: o };
     }
-    return { place: jt(e[i], t, n) >= 0 ? i : i + 1, oldPosition: o };
+    return { place: jt(e[a], t, n) >= 0 ? a : a + 1, oldPosition: o };
   }
   return { place: e.length, oldPosition: -1 };
 }, jt = (e, t, n) => {
@@ -609,10 +612,10 @@ const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), co = (e, t, n) => {
   }
 };
 function uo(e, t) {
-  var b, E, m, C, v, S, k, F;
-  const n = bn(), [o, s] = _(!1), [a, i] = _(null), [l, c] = _([]), [d, g] = _(null), h = N(!1), f = R(async () => {
-    if (!h.current && e.currentUser) {
-      h.current = !0, s(!1), i(null), c([]);
+  var E, b, g, C, v, S, k, F;
+  const n = bn(), [o, s] = _(!1), [i, a] = _(null), [l, c] = _([]), [d, h] = _(null), m = N(!1), f = R(async () => {
+    if (!m.current && e.currentUser) {
+      m.current = !0, s(!1), a(null), c([]);
       try {
         d == null || d.dispose();
         const $ = new lo(e, t);
@@ -626,17 +629,17 @@ function uo(e, t) {
           onChannelsDeleted: () => {
             c($.channels);
           }
-        }), await $.loadMore(), g($), i(null);
+        }), await $.loadMore(), h($), a(null);
       } catch ($) {
-        g(null), i($);
+        h(null), a($);
       } finally {
-        s(!0), h.current = !1;
+        s(!0), m.current = !1;
       }
     }
   }, [
     e,
-    (b = t.filter) == null ? void 0 : b.aiAgentChannelFilter,
-    (m = (E = t.filter) == null ? void 0 : E.aiAgentConversationStatusFilter) == null ? void 0 : m.join(),
+    (E = t.filter) == null ? void 0 : E.aiAgentChannelFilter,
+    (g = (b = t.filter) == null ? void 0 : b.aiAgentConversationStatusFilter) == null ? void 0 : g.join(),
     (v = (C = t.filter) == null ? void 0 : C.aiAgentIds) == null ? void 0 : v.join(),
     (S = t.filter) == null ? void 0 : S.deskChannelFilter,
     (F = (k = t.filter) == null ? void 0 : k.pinnedChannelUrls) == null ? void 0 : F.join(),
@@ -646,16 +649,16 @@ function uo(e, t) {
       try {
         await d.loadMore();
       } catch ($) {
-        i($);
+        a($);
       }
   }, [d]);
   return L(() => (e.addConnectionHandler(n, new Je({ onConnected: () => f() })), () => e.removeConnectionHandler(n)), [e, n, f]), L(() => {
     f();
   }, [f]), L(() => () => {
-    h.current = !1, d == null || d.dispose();
+    m.current = !1, d == null || d.dispose();
   }, [d]), {
     initialized: o,
-    error: a,
+    error: i,
     channels: l,
     loadMore: x
   };
@@ -663,22 +666,25 @@ function uo(e, t) {
 const {
   Provider: mo
 } = G("AIAgentConversationList");
-function go({ conversationListFilter: e, children: t }) {
-  const { chatSDK: n, aiAgentId: o } = ue(), s = uo(n, {
-    filter: {
-      aiAgentIds: [o],
-      aiAgentConversationStatusFilter: [W.CLOSED],
-      ...e
-    }
-  }), a = {
+function go({
+  conversationListLimit: e,
+  conversationListFilter: t,
+  children: n
+}) {
+  var m, f;
+  const { chatSDK: o, aiAgentId: s, queryParams: i } = ue(), a = { aiAgentIds: [s], aiAgentConversationStatusFilter: [W.CLOSED] }, l = e ?? ((m = i == null ? void 0 : i.conversationListParams) == null ? void 0 : m.limit), c = {
+    ...a,
+    ...(f = i == null ? void 0 : i.conversationListParams) == null ? void 0 : f.filter,
+    ...t
+  }, d = uo(o, { limit: l, filter: c }), h = {
     listSource: {
-      initialized: s.initialized,
-      error: s.error ?? void 0,
-      channels: s.channels,
-      loadMore: () => s.loadMore()
+      initialized: d.initialized,
+      error: d.error ?? void 0,
+      channels: d.channels,
+      loadMore: () => d.loadMore()
     }
   };
-  return /* @__PURE__ */ r.createElement(mo, { value: a }, t);
+  return /* @__PURE__ */ r.createElement(mo, { value: h }, n);
 }
 const ht = {
   DEFAULT_BOT_MSG_BG: "#eeeeee",
@@ -704,26 +710,26 @@ function po(e) {
 }
 function fo(e, t, n) {
   e /= 255, t /= 255, n /= 255;
-  const o = Math.max(e, t, n), s = Math.min(e, t, n), a = o - s;
-  let i = 0, l = 0;
+  const o = Math.max(e, t, n), s = Math.min(e, t, n), i = o - s;
+  let a = 0, l = 0;
   const c = (o + s) / 2;
-  return o !== s && (l = c > 0.5 ? a / (2 - o - s) : a / (o + s)), o === e ? i = (t - n) / a + (t < n ? 6 : 0) : o === t ? i = (n - e) / a + 2 : o === n && (i = (e - t) / a + 4), i /= 6, [i, l, c];
+  return o !== s && (l = c > 0.5 ? i / (2 - o - s) : i / (o + s)), o === e ? a = (t - n) / i + (t < n ? 6 : 0) : o === t ? a = (n - e) / i + 2 : o === n && (a = (e - t) / i + 4), a /= 6, [a, l, c];
 }
 function bo(e, t, n) {
-  let o, s, a;
+  let o, s, i;
   if (t === 0)
-    o = s = a = n;
+    o = s = i = n;
   else {
-    const i = function(g, h, f) {
-      return f < 0 && (f += 1), f > 1 && (f -= 1), f < 0.16666666666666666 ? g + (h - g) * 6 * f : f < 0.5 ? h : f < 0.6666666666666666 ? g + (h - g) * (0.6666666666666666 - f) * 6 : g;
+    const a = function(h, m, f) {
+      return f < 0 && (f += 1), f > 1 && (f -= 1), f < 0.16666666666666666 ? h + (m - h) * 6 * f : f < 0.5 ? m : f < 0.6666666666666666 ? h + (m - h) * (0.6666666666666666 - f) * 6 : h;
     }, l = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - l;
-    o = i(c, l, e + 1 / 3), s = i(c, l, e), a = i(c, l, e - 1 / 3);
+    o = a(c, l, e + 1 / 3), s = a(c, l, e), i = a(c, l, e - 1 / 3);
   }
-  return [Math.round(o * 255), Math.round(s * 255), Math.round(a * 255)];
+  return [Math.round(o * 255), Math.round(s * 255), Math.round(i * 255)];
 }
 function Be(e, t, n) {
-  const [o, s, a] = ho(e), [i, l, c] = fo(o, s, a), d = Math.max(0, Math.min(1, c * t)), g = Math.max(0, Math.min(1, l * n)), [h, f, x] = bo(i, g, d);
-  return po([Math.round(h), Math.round(f), Math.round(x)]);
+  const [o, s, i] = ho(e), [a, l, c] = fo(o, s, i), d = Math.max(0, Math.min(1, c * t)), h = Math.max(0, Math.min(1, l * n)), [m, f, x] = bo(a, h, d);
+  return po([Math.round(m), Math.round(f), Math.round(x)]);
 }
 function Eo(e, t = "light") {
   return {
@@ -735,8 +741,8 @@ function Eo(e, t = "light") {
   };
 }
 function pt(e) {
-  const t = wn(e), n = 149, o = +`0x${t[1]}${t[2]}`, s = +`0x${t[3]}${t[4]}`, a = +`0x${t[5]}${t[6]}`;
-  return o * 0.299 + s * 0.587 + a * 0.114 > n ? ht.BLACK : ht.WHITE;
+  const t = wn(e), n = 149, o = +`0x${t[1]}${t[2]}`, s = +`0x${t[3]}${t[4]}`, i = +`0x${t[5]}${t[6]}`;
+  return o * 0.299 + s * 0.587 + i * 0.114 > n ? ht.BLACK : ht.WHITE;
 }
 function xo(e, t, n, o, s) {
   return {
@@ -879,19 +885,19 @@ function vo({ selectedTheme: e, palette: t, primary: n }) {
   };
 }
 function yo({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, s) {
-  const a = s.primary.main, i = t ?? pt(a), l = n ?? ht.DEFAULT_BOT_MSG_BG, c = o ?? pt(l);
+  const i = s.primary.main, a = t ?? pt(i), l = n ?? ht.DEFAULT_BOT_MSG_BG, c = o ?? pt(l);
   return {
     colors: (e === "light" ? xo : Co)(
       s,
-      a,
       i,
+      a,
       l,
       c
     ),
     aiAgentColorVariables: {
-      primary_color: a,
+      primary_color: i,
       bot_message_bg_color: l,
-      primary_contrast_color: i,
+      primary_contrast_color: a,
       bot_message_bg_contrast_color: c
     }
   };
@@ -899,8 +905,8 @@ function yo({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, bot
 function _o(e, t, n) {
   const o = { ...e };
   return n.forEach((s) => {
-    const a = t[s];
-    a != null && (o[s] = a);
+    const i = t[s];
+    i != null && (o[s] = i);
   }), o;
 }
 function So({ typography: e }) {
@@ -910,8 +916,8 @@ function So({ typography: e }) {
   return Object.keys(e).forEach((n) => {
     const o = e[n];
     if (o && typeof o == "object") {
-      const s = it[n], a = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
-      t[n] = _o(s, o, a);
+      const s = it[n], i = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
+      t[n] = _o(s, o, i);
     }
   }), t;
 }
@@ -920,7 +926,7 @@ const {
   useContext: Ct
 } = G("AIAgentTheme");
 function wo({ logger: e, palette: t, typography: n, appearance: o, children: s }) {
-  const [a, i] = _(
+  const [i, a] = _(
     () => Kt({
       selectedTheme: (o == null ? void 0 : o.theme) ?? "light",
       palette: t,
@@ -930,29 +936,29 @@ function wo({ logger: e, palette: t, typography: n, appearance: o, children: s }
     })
   ), l = R(
     (c, d) => {
-      const g = (o == null ? void 0 : o.theme) ?? c, h = d == null ? void 0 : d(g), f = {
+      const h = (o == null ? void 0 : o.theme) ?? c, m = d == null ? void 0 : d(h), f = {
         primary: o == null ? void 0 : o.primaryColor,
         primaryContrast: void 0,
         botMessageBackground: o == null ? void 0 : o.botMessageBackgroundColor,
         botMessageBackgroundContrast: void 0
       };
-      !f.primary && (h != null && h.primaryColor) && (f.primary = h.primaryColor, f.primaryContrast = h.primaryContrastColor), !f.botMessageBackground && (h != null && h.botMessageBackgroundColor) && (f.botMessageBackground = h.botMessageBackgroundColor, f.botMessageBackgroundContrast = h.botMessageBackgroundContrastColor);
-      const x = Kt({ selectedTheme: g, palette: t, typography: n, ...f });
-      i(x), e == null || e.info("theme.update:", g);
+      !f.primary && (m != null && m.primaryColor) && (f.primary = m.primaryColor, f.primaryContrast = m.primaryContrastColor), !f.botMessageBackground && (m != null && m.botMessageBackgroundColor) && (f.botMessageBackground = m.botMessageBackgroundColor, f.botMessageBackgroundContrast = m.botMessageBackgroundContrastColor);
+      const x = Kt({ selectedTheme: h, palette: t, typography: n, ...f });
+      a(x), e == null || e.info("theme.update:", h);
     },
     [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor, t, n, e]
   );
   return L(() => {
-    (o != null && o.theme || o != null && o.primaryColor || o != null && o.botMessageBackgroundColor) && l(a.selectedTheme);
-  }, [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor]), /* @__PURE__ */ r.createElement(To, { value: { theme: a, updateTheme: l } }, s);
+    (o != null && o.theme || o != null && o.primaryColor || o != null && o.botMessageBackgroundColor) && l(i.selectedTheme);
+  }, [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor]), /* @__PURE__ */ r.createElement(To, { value: { theme: i, updateTheme: l } }, s);
 }
 function Ao() {
   const { chatSDK: e, logger: t } = ue(), n = R(
-    async (s, a, i) => {
-      if (t.debug("useChatConnection.connect: start, session", s.userId), a) {
+    async (s, i, a) => {
+      if (t.debug("useChatConnection.connect: start, session", s.userId), i) {
         const l = new wr({
-          ...a,
-          onSessionTokenRequired: ko(a.onSessionTokenRequired, i)
+          ...i,
+          onSessionTokenRequired: ko(i.onSessionTokenRequired, a)
         });
         e.setSessionHandler(l);
       }
@@ -967,7 +973,7 @@ function Ao() {
 function ko(e, t) {
   if (e)
     return async (n, o) => {
-      new Promise((s, a) => e == null ? void 0 : e(s, a)).then((s) => {
+      new Promise((s, i) => e == null ? void 0 : e(s, i)).then((s) => {
         s && (t == null || t(s)), n(s);
       }).catch((s) => {
         o(s);
@@ -983,14 +989,14 @@ class Zt {
 }
 const $o = 24 * 60 * 60 * 1e3, Mo = (e) => {
   const { logger: t, cache: n } = ue(), o = () => {
-    const a = n.messenger.getAnonUser();
-    return a ? a.expireAt - $o <= Date.now() ? (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session expired, clear cache"), n.messenger.clear(a.userId), null) : (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session info detected"), a) : null;
+    const i = n.messenger.getAnonUser();
+    return i ? i.expireAt - $o <= Date.now() ? (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session expired, clear cache"), n.messenger.clear(i.userId), null) : (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session info detected"), i) : null;
   }, s = () => {
     if (!e || e instanceof Zt)
       throw new Error("userSessionInfo must be an instance of ManualSessionInfo");
-    const a = ["authToken", "sessionHandler"].filter((i) => !(i in e));
-    return a.length > 0 && t.error(
-      `useUserSessionCandidate.getManualSessionInfo: missing required keys in userSessionInfo: ${a.join(", ")}`
+    const i = ["authToken", "sessionHandler"].filter((a) => !(a in e));
+    return i.length > 0 && t.error(
+      `useUserSessionCandidate.getManualSessionInfo: missing required keys in userSessionInfo: ${i.join(", ")}`
     ), t.debug("useUserSessionCandidate.getManualSessionInfo: manual session info detected"), e;
   };
   return ae(() => e instanceof Io ? s() : e instanceof Zt ? o() : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), s()) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), o()) : null, [
@@ -1008,46 +1014,46 @@ function Oo({
   onPostAuth: n,
   onErrorAuth: o,
   onAuthTokenRefreshed: s,
-  onPostDeauth: a,
-  forceCreateChannel: i
+  onPostDeauth: i,
+  forceCreateChannel: a
 }) {
-  const { aiAgentId: l, chatSDK: c, language: d, context: g, countryCode: h, logger: f, cache: x } = ue(), { connect: b, disconnect: E } = Ao(), m = Mo(e), C = R(async () => {
+  const { aiAgentId: l, chatSDK: c, language: d, context: h, countryCode: m, logger: f, cache: x } = ue(), { connect: E, disconnect: b } = Ao(), g = Mo(e), C = R(async () => {
     var $;
     f.debug("useAuthentication.authenticate: start");
-    const S = (m == null ? void 0 : m.userId) && (($ = x.messenger.getSettings(m.userId)) == null ? void 0 : $.knownActiveChannelUrl), k = await c.aiAgent.requestMessengerSettings({
+    const S = (g == null ? void 0 : g.userId) && (($ = x.messenger.getSettings(g.userId)) == null ? void 0 : $.knownActiveChannelUrl), k = await c.aiAgent.requestMessengerSettings({
       aiAgentId: l,
-      userId: m == null ? void 0 : m.userId,
+      userId: g == null ? void 0 : g.userId,
       language: d,
-      country: h,
-      context: g,
-      forceCreateChannel: i,
+      country: m,
+      context: h,
+      forceCreateChannel: a,
       knownActiveChannelUrl: S
     });
     f.debug("useAuthentication.authenticate: messenger settings response", k);
     let F = null;
     if (k.auto_created_user) {
-      const { user_id: V, session_token: ne, expire_at: y } = k.auto_created_user;
-      x.messenger.setAnonUser({ userId: V, authToken: ne, expireAt: y }), F = { userId: V, authToken: ne };
+      const { user_id: V, session_token: re, expire_at: y } = k.auto_created_user;
+      x.messenger.setAnonUser({ userId: V, authToken: re, expireAt: y }), F = { userId: V, authToken: re };
     } else
       F = {
-        userId: (m == null ? void 0 : m.userId) ?? "",
-        authToken: (m == null ? void 0 : m.authToken) ?? ""
+        userId: (g == null ? void 0 : g.userId) ?? "",
+        authToken: (g == null ? void 0 : g.authToken) ?? ""
       };
     x.messenger.setSettings(F.userId, {
       knownActiveChannelUrl: k.active_channel.channel_url
     });
     try {
-      await t(k, F), await b(F, m == null ? void 0 : m.sessionHandler, s), await n(k, F);
+      await t(k, F), await E(F, g == null ? void 0 : g.sessionHandler, s), await n(k, F);
     } catch (V) {
       V instanceof Error && (o(V), f.error("useAuthentication.authenticate: failed to connect", V));
     }
     return k;
   }, [
     c,
-    b,
-    m == null ? void 0 : m.userId,
-    m == null ? void 0 : m.sessionHandler,
-    m == null ? void 0 : m.authToken,
+    E,
+    g == null ? void 0 : g.userId,
+    g == null ? void 0 : g.sessionHandler,
+    g == null ? void 0 : g.authToken,
     x.messenger.setAnonUser,
     x.messenger.getSettings,
     x.messenger.setSettings,
@@ -1056,12 +1062,12 @@ function Oo({
     o,
     s
   ]), v = R(async () => {
-    f.debug("useAuthentication.deauthenticate: start"), await E(), a(), f.debug("useAuthentication.deauthenticate: completed");
-  }, [E, f, a]);
+    f.debug("useAuthentication.deauthenticate: start"), await b(), i(), f.debug("useAuthentication.deauthenticate: completed");
+  }, [b, f, i]);
   return {
     authenticate: C,
     deauthenticate: v,
-    userSessionCandidate: m
+    userSessionCandidate: g
   };
 }
 const An = (e) => {
@@ -1079,9 +1085,9 @@ function Lo(e, t) {
 function Ro(e) {
   const t = {};
   function n(o, s = "") {
-    for (const [a, i] of Object.entries(o)) {
-      const l = s ? `${s}.${a}` : a;
-      i && typeof i == "object" && !Array.isArray(i) ? n(i, l) : t[l] = i;
+    for (const [i, a] of Object.entries(o)) {
+      const l = s ? `${s}.${i}` : i;
+      a && typeof a == "object" && !Array.isArray(a) ? n(a, l) : t[l] = a;
     }
   }
   return n(e), t;
@@ -1092,10 +1098,10 @@ function vt({
   variableKeyPattern: n,
   variableValueTransformer: o
 }) {
-  return Object.entries(t).reduce((s, [a, i]) => {
-    if (!o && !["number", "boolean", "string"].includes(typeof i))
-      throw new Error(`If transformer is not provided, value(${a}:${i}) must be a {string, number, or boolean}`);
-    const l = o ? o(i) : String(i), c = n(a);
+  return Object.entries(t).reduce((s, [i, a]) => {
+    if (!o && !["number", "boolean", "string"].includes(typeof a))
+      throw new Error(`If transformer is not provided, value(${i}:${a}) must be a {string, number, or boolean}`);
+    const l = o ? o(a) : String(a), c = n(i);
     return s.replace(c, An(l));
   }, e);
 }
@@ -1106,29 +1112,29 @@ async function Do({
   variableValueTransformer: o
 }) {
   return (await Promise.all(
-    Object.entries(t).map(async ([a, i]) => {
-      const l = await o(i);
-      return { regex: n(a), transformedValue: l };
+    Object.entries(t).map(async ([i, a]) => {
+      const l = await o(a);
+      return { regex: n(i), transformedValue: l };
     })
-  )).reduce((a, { regex: i, transformedValue: l }) => a.replace(i, An(l)), e);
+  )).reduce((i, { regex: a, transformedValue: l }) => i.replace(a, An(l)), e);
 }
 const No = () => {
   const { chatSDK: e, logger: t, cache: n } = ue(), o = R(() => {
     var l, c;
-    const a = (c = (l = e.appInfo) == null ? void 0 : l.aiAgentInfo) == null ? void 0 : c.templateListToken;
-    if (!a) return !1;
-    const i = n.template.getCachedToken();
-    return i ? a !== i : !0;
+    const i = (c = (l = e.appInfo) == null ? void 0 : l.aiAgentInfo) == null ? void 0 : c.templateListToken;
+    if (!i) return !1;
+    const a = n.template.getCachedToken();
+    return a ? i !== a : !0;
   }, [e, n.template.getCachedToken]), s = R(async () => {
     try {
-      const { templates: a, token: i } = await e.aiAgent.getMessageTemplates({ limit: 20 });
-      for (const { template: l } of a) {
+      const { templates: i, token: a } = await e.aiAgent.getMessageTemplates({ limit: 20 });
+      for (const { template: l } of i) {
         const { key: c } = $e(l);
         n.template.set(c, l);
       }
-      n.template.setCachedToken(i);
-    } catch (a) {
-      t == null || t.error("messageTemplateContext.syncCachedTemplates: error:", a);
+      n.template.setCachedToken(a);
+    } catch (i) {
+      t == null || t.error("messageTemplateContext.syncCachedTemplates: error:", i);
     }
   }, [e, t, n.template.set, n.template.setCachedToken]);
   return {
@@ -1146,12 +1152,12 @@ const Po = {
   Provider: Bo
 } = G("AIAgentMessengerSession"), Fo = ye(
   function({ userSessionInfo: e, forceCreateChannel: t, children: n }, o) {
-    const { appId: s, aiAgentId: a, chatSDK: i, language: l, countryCode: c, context: d, cache: g, logger: h } = ue(), { updateTheme: f } = Ct(), [x, b] = _(void 0), [E, m] = _(
+    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: h, logger: m } = ue(), { updateTheme: f } = Ct(), [x, E] = _(void 0), [b, g] = _(
       void 0
-    ), [C, v] = _(null), [S, k] = _(null), [F, $] = _(null), [V, ne] = _(
+    ), [C, v] = _(null), [S, k] = _(null), [F, $] = _(null), [V, re] = _(
       "handed_off_only"
       /* HANDED_OFF_ONLY */
-    ), { shouldSyncCachedTemplate: y, syncCachedTemplates: H } = No(), { authenticate: re, deauthenticate: Y } = Oo({
+    ), { shouldSyncCachedTemplate: y, syncCachedTemplates: H } = No(), { authenticate: oe, deauthenticate: Y } = Oo({
       userSessionInfo: e,
       forceCreateChannel: t,
       onPreAuth: R((A, D) => {
@@ -1164,7 +1170,7 @@ const Po = {
             primaryContrastColor: be.primary_contrast_color,
             botMessageBackgroundContrastColor: be.bot_message_bg_contrast_color
           };
-        }), b(void 0), v(D), k({
+        }), E(void 0), v(D), k({
           userId: A.bot.bot_userid,
           profileUrl: A.bot.bot_profile_url,
           nickname: A.bot.bot_nickname,
@@ -1175,113 +1181,113 @@ const Po = {
         }), $({
           type: A.launcher.image_type || "default_icon",
           imageUrl: A.launcher.image_url
-        }), ne(
+        }), re(
           Po[A.active_channel.attachment_mode] ?? "handed_off_only"
           /* HANDED_OFF_ONLY */
         );
       }, []),
       onPostAuth: R(
         async (A) => {
-          y() && await H(), m({ url: A.active_channel.channel_url, status: W.OPEN });
+          y() && await H(), g({ url: A.active_channel.channel_url, status: W.OPEN });
         },
         [y, H]
       ),
       onErrorAuth: R((A) => {
-        b(A);
+        E(A);
       }, []),
       onAuthTokenRefreshed: R((A) => {
         v((D) => D ? { ...D, authToken: A } : null);
       }, []),
       onPostDeauth: R(() => {
-        g.template.clear(), C != null && C.userId && g.messenger.clear(C.userId), m(void 0), v(null), k(null), $(null);
-      }, [g.template.clear, C])
+        h.template.clear(), C != null && C.userId && h.messenger.clear(C.userId), g(void 0), v(null), k(null), $(null);
+      }, [h.template.clear, C])
     }), nt = R(async () => {
       var A;
       if (C) {
-        h.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"), m(void 0);
-        const D = await i.aiAgent.requestMessengerSettings({
-          aiAgentId: a,
+        m.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"), g(void 0);
+        const D = await a.aiAgent.requestMessengerSettings({
+          aiAgentId: i,
           userId: C.userId,
           language: l,
           country: c,
           context: d,
           forceCreateChannel: t,
-          knownActiveChannelUrl: (A = g.messenger.getSettings(C.userId)) == null ? void 0 : A.knownActiveChannelUrl
+          knownActiveChannelUrl: (A = h.messenger.getSettings(C.userId)) == null ? void 0 : A.knownActiveChannelUrl
         });
-        return g.messenger.setSettings(C.userId, {
+        return h.messenger.setSettings(C.userId, {
           knownActiveChannelUrl: D.active_channel.channel_url
-        }), m({ url: D.active_channel.channel_url, status: W.OPEN }), h.info(
+        }), g({ url: D.active_channel.channel_url, status: W.OPEN }), m.info(
           "agentMessengerSession.refreshActiveChannel: refreshed active channel",
           D.active_channel.channel_url
         ), D.active_channel.channel_url;
       } else
-        throw h.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
+        throw m.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
     }, [
-      i,
-      s,
       a,
+      s,
+      i,
       C == null ? void 0 : C.userId,
       l,
       c,
       d,
       t,
-      g.messenger.getSettings,
-      g.messenger.setSettings
+      h.messenger.getSettings,
+      h.messenger.setSettings
     ]), rt = R(
       async (A) => {
         if (!(C != null && C.userId))
           throw new Error("Current user is not authenticated. Please authenticate first.");
-        const K = (await i.aiAgent.requestMessengerSettings({
+        const K = (await a.aiAgent.requestMessengerSettings({
           ...A,
           userId: C.userId,
           knownActiveChannelUrl: void 0
         })).active_channel.channel_url;
-        return g.messenger.setSettings(C.userId, { knownActiveChannelUrl: K }), K;
+        return h.messenger.setSettings(C.userId, { knownActiveChannelUrl: K }), K;
       },
       [C == null ? void 0 : C.userId]
     );
-    return Xe(i, {
+    return Xe(a, {
       onChannelChanged: (A) => {
         var D;
-        A.isGroupChannel() && A.url === (E == null ? void 0 : E.url) && (h.info("agentMessengerSession.channelChanged: channel.conversation", A.conversation), m({ url: A.url, status: ((D = A.conversation) == null ? void 0 : D.status) ?? W.OPEN }));
+        A.isGroupChannel() && A.url === (b == null ? void 0 : b.url) && (m.info("agentMessengerSession.channelChanged: channel.conversation", A.conversation), g({ url: A.url, status: ((D = A.conversation) == null ? void 0 : D.status) ?? W.OPEN }));
       }
     }), Er(o, () => {
       const A = async () => {
-        if (!E) throw new Error("No active conversation. Please start a conversation first.");
-        return await i.groupChannel.getChannel(E.url);
+        if (!b) throw new Error("No active conversation. Please start a conversation first.");
+        return await a.groupChannel.getChannel(b.url);
       };
       return {
-        activeChannel: E,
-        chatSDK: i,
-        authenticate: re,
+        activeChannel: b,
+        chatSDK: a,
+        authenticate: oe,
         deauthenticate: Y,
         updateContext: async (D) => {
-          const q = await (await A()).updateContext(a, D);
+          const q = await (await A()).updateContext(i, D);
           return { ...q, context: q.context ?? {} };
         },
         patchContext: async (D) => {
-          const q = await (await A()).patchContext(a, D);
+          const q = await (await A()).patchContext(i, D);
           return { ...q, context: q.context ?? {} };
         },
         getContextObject: async () => {
-          const K = await (await A()).getContextObject(a);
+          const K = await (await A()).getContextObject(i);
           return { ...K, context: K.context ?? {} };
         }
       };
-    }, [re, Y, E, i, a, h]), /* @__PURE__ */ r.createElement(
+    }, [oe, Y, b, a, i, m]), /* @__PURE__ */ r.createElement(
       Bo,
       {
         value: {
           userSessionInfo: e,
           userSession: C,
-          activeChannel: E,
-          setActiveChannel: m,
+          activeChannel: b,
+          setActiveChannel: g,
           refreshActiveChannel: nt,
           createConversation: rt,
           connectionError: x,
           aiAgentInfo: S,
           launcherInfo: F,
-          authenticate: re,
+          authenticate: oe,
           deauthenticate: Y,
           attachmentMode: V
         }
@@ -1309,47 +1315,47 @@ const {
   useContext: kn
 } = G("MessageTemplateFetching");
 function zo({ children: e, internalVariables: t }) {
-  const n = N({}), o = N({}), [s, a] = _({}), i = R((d, g) => {
-    a((h) => ({
-      ...h,
-      [d]: { fetching: !1, error: !1, ...h[d], ...g }
+  const n = N({}), o = N({}), [s, i] = _({}), a = R((d, h) => {
+    i((m) => ({
+      ...m,
+      [d]: { fetching: !1, error: !1, ...m[d], ...h }
     }));
   }, []), l = R(
     async ({
       onRequestTemplate: d,
-      onGetCachedTemplate: g,
-      templateKey: h,
+      onGetCachedTemplate: h,
+      templateKey: m,
       suspense: f = !1
     }) => {
-      const x = g(h);
+      const x = h(m);
       if (x) return x;
-      const b = o.current[h];
-      if (b) return b;
-      f || i(h, { fetching: !0 });
-      const E = d(h).catch((m) => {
-        throw f || i(h, { error: !0 }), m;
+      const E = o.current[m];
+      if (E) return E;
+      f || a(m, { fetching: !0 });
+      const b = d(m).catch((g) => {
+        throw f || a(m, { error: !0 }), g;
       }).finally(() => {
-        f || i(h, { fetching: !1 }), delete o.current[h];
+        f || a(m, { fetching: !1 }), delete o.current[m];
       });
-      return o.current[h] = E, E;
+      return o.current[m] = b, b;
     },
-    [i]
+    [a]
   ), c = {
     internalVariables: t,
     fetchTemplate: l,
-    suspend: (d, g) => {
+    suspend: (d, h) => {
       if (n.current[d])
         return n.current[d];
-      const h = Uo(g());
-      return n.current[d] = h, h;
+      const m = Uo(h());
+      return n.current[d] = m, m;
     },
     getIsFetching: (d) => {
-      var g;
-      return ((g = s[d]) == null ? void 0 : g.fetching) ?? !1;
+      var h;
+      return ((h = s[d]) == null ? void 0 : h.fetching) ?? !1;
     },
     getHasError: (d) => {
-      var g;
-      return ((g = s[d]) == null ? void 0 : g.error) ?? !1;
+      var h;
+      return ((h = s[d]) == null ? void 0 : h.error) ?? !1;
     }
   };
   return /* @__PURE__ */ r.createElement(Ho, { value: c }, e);
@@ -1384,34 +1390,34 @@ function Vo({
   viewVariables: n = {},
   aiAgentColorVariables: o,
   internalVariables: s,
-  onRequestTemplate: a
+  onRequestTemplate: i
 }) {
   const l = Object.values(n).flat().map((d) => d.key);
-  return [...new Set(l)].some((d) => !a(d)) ? null : vt({
+  return [...new Set(l)].some((d) => !i(d)) ? null : vt({
     template: t,
     variables: n,
     variableKeyPattern: (d) => et.VIEW_VARIABLE(d),
     variableValueTransformer: (d) => {
-      const g = d.map(({ key: h, variables: f }) => {
-        const x = a(h), { ui_template: b, color_variables: E } = $e(x);
-        let m = JSON.stringify(b);
-        return m = ce({
-          uiTemplateString: m,
+      const h = d.map(({ key: m, variables: f }) => {
+        const x = i(m), { ui_template: E, color_variables: b } = $e(x);
+        let g = JSON.stringify(E);
+        return g = ce({
+          uiTemplateString: g,
           variables: s
-        }), m = de({
+        }), g = de({
           theme: e,
-          uiTemplateString: m,
-          colorVariables: E
-        }), m = de({
+          uiTemplateString: g,
+          colorVariables: b
+        }), g = de({
           theme: e,
-          uiTemplateString: m,
+          uiTemplateString: g,
           colorVariables: o
-        }), m = ce({
-          uiTemplateString: m,
+        }), g = ce({
+          uiTemplateString: g,
           variables: f
-        }), Qe(m);
+        }), Qe(g);
       });
-      return JSON.stringify(g);
+      return JSON.stringify(h);
     }
   });
 }
@@ -1421,31 +1427,31 @@ async function Wo({
   viewVariables: n = {},
   aiAgentColorVariables: o,
   internalVariables: s,
-  onRequestTemplate: a
+  onRequestTemplate: i
 }) {
   return Do({
     template: t,
     variables: n,
-    variableKeyPattern: (i) => et.VIEW_VARIABLE(i),
-    variableValueTransformer: async (i) => {
-      const l = i.map(async ({ key: d, variables: g }) => {
-        const h = await a(d), { ui_template: f, color_variables: x } = $e(h);
-        let b = JSON.stringify(f);
-        return b = ce({
-          uiTemplateString: b,
+    variableKeyPattern: (a) => et.VIEW_VARIABLE(a),
+    variableValueTransformer: async (a) => {
+      const l = a.map(async ({ key: d, variables: h }) => {
+        const m = await i(d), { ui_template: f, color_variables: x } = $e(m);
+        let E = JSON.stringify(f);
+        return E = ce({
+          uiTemplateString: E,
           variables: s
-        }), b = de({
+        }), E = de({
           theme: e,
-          uiTemplateString: b,
+          uiTemplateString: E,
           colorVariables: x
-        }), b = de({
+        }), E = de({
           theme: e,
-          uiTemplateString: b,
+          uiTemplateString: E,
           colorVariables: o
-        }), b = ce({
-          uiTemplateString: b,
-          variables: g
-        }), Qe(b);
+        }), E = ce({
+          uiTemplateString: E,
+          variables: h
+        }), Qe(E);
       }), c = await Promise.all(l);
       return JSON.stringify(c);
     }
@@ -1457,33 +1463,33 @@ const Go = ({
   internalVariables: n,
   ...o
 }) => {
-  const { ui_template: s, color_variables: a } = $e(e);
-  let i = JSON.stringify(s);
+  const { ui_template: s, color_variables: i } = $e(e);
+  let a = JSON.stringify(s);
   if (Object.keys(o.viewVariables ?? {}).length > 0) {
     const c = Vo({
       ...o,
-      uiTemplateString: i,
+      uiTemplateString: a,
       aiAgentColorVariables: t,
       internalVariables: n
     });
     if (c === null) return null;
-    i = c;
+    a = c;
   }
-  return i = ce({ ...o, uiTemplateString: i, variables: n }), i = de({ ...o, uiTemplateString: i, colorVariables: a }), i = de({ ...o, uiTemplateString: i, colorVariables: t }), i = ce({ ...o, uiTemplateString: i }), Qe(i);
+  return a = ce({ ...o, uiTemplateString: a, variables: n }), a = de({ ...o, uiTemplateString: a, colorVariables: i }), a = de({ ...o, uiTemplateString: a, colorVariables: t }), a = ce({ ...o, uiTemplateString: a }), Qe(a);
 }, jo = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
   ...o
 }) => {
-  const { ui_template: s, color_variables: a } = $e(e);
-  let i = JSON.stringify(s);
-  return Object.keys(o.viewVariables ?? {}).length > 0 && (i = await Wo({
+  const { ui_template: s, color_variables: i } = $e(e);
+  let a = JSON.stringify(s);
+  return Object.keys(o.viewVariables ?? {}).length > 0 && (a = await Wo({
     ...o,
-    uiTemplateString: i,
+    uiTemplateString: a,
     aiAgentColorVariables: t,
     internalVariables: n
-  })), i = ce({ ...o, uiTemplateString: i, variables: n }), i = de({ ...o, uiTemplateString: i, colorVariables: a }), i = de({ ...o, uiTemplateString: i, colorVariables: t }), i = ce({ ...o, uiTemplateString: i }), Qe(i);
+  })), a = ce({ ...o, uiTemplateString: a, variables: n }), a = de({ ...o, uiTemplateString: a, colorVariables: i }), a = de({ ...o, uiTemplateString: a, colorVariables: t }), a = ce({ ...o, uiTemplateString: a }), Qe(a);
 }, Ko = (e) => {
   const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = kn();
   return _(() => {
@@ -1499,8 +1505,8 @@ const Go = ({
 }, Zo = (e) => {
   const [t] = Ko(e);
   if (t) return t;
-  const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: s, suspend: a } = kn();
-  return a(e.templateKey, async () => {
+  const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: s, suspend: i } = kn();
+  return i(e.templateKey, async () => {
     const l = await s({ ...e, suspense: !0 });
     return await jo({
       ...e,
@@ -1522,9 +1528,9 @@ const Go = ({
   "ja"
 ]), Jo = (e, t, n) => {
   const o = e[t];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, a) => {
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      a.bind(
+      i.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
@@ -1614,10 +1620,10 @@ function os({
   stringSet: n,
   children: o
 }) {
-  const [s, a] = _(Ke.get(Me));
+  const [s, i] = _(Ke.get(Me));
   return L(() => {
-    const i = rs(e);
-    s.language !== i && (t == null || t.debug("localization.useEffect: update language", `${s.language} -> ${i}`), ts(i).then(a));
+    const a = rs(e);
+    s.language !== a && (t == null || t.debug("localization.useEffect: update language", `${s.language} -> ${a}`), ts(a).then(i));
   }, [e]), /* @__PURE__ */ r.createElement(
     ns,
     {
@@ -1625,7 +1631,7 @@ function os({
         language: s.language,
         stringSet: { ...s.stringSet, ...n },
         dateLocale: s.dateLocale,
-        format: (i, l, c) => Cn(i, l, { locale: s.dateLocale, ...c })
+        format: (a, l, c) => Cn(a, l, { locale: s.dateLocale, ...c })
       }
     },
     o
@@ -1633,8 +1639,8 @@ function os({
 }
 const Ze = "data-sb-agent-theme", Yt = (e) => (t, ...n) => {
   let o = "";
-  return t.forEach((s, a) => {
-    o += s + (n[a] ?? "");
+  return t.forEach((s, i) => {
+    o += s + (n[i] ?? "");
   }), `[${Ze}='${e}'] & { ${o} }`;
 }, P = {
   light: Yt("light"),
@@ -1762,17 +1768,17 @@ const us = (e, t) => {
   L(() => {
     const n = pe(t) instanceof ShadowRoot, o = pe(t, !0);
     if (!(n ? t : o).querySelector(`link[href*='${e}']`)) {
-      const a = o.createElement("link");
-      a.rel = "stylesheet", a.href = e, (n ? t : o.head).appendChild(a);
+      const i = o.createElement("link");
+      i.rel = "stylesheet", i.href = e, (n ? t : o.head).appendChild(i);
     }
   }, [e, t]);
 }, ms = (e, t = document.body) => {
   L(() => {
     const n = pe(t), s = n instanceof ShadowRoot ? t : n.head;
     if (!s) return;
-    const a = `sba-${btoa(e).slice(0, 10)}`;
-    let i = s.querySelector(`style#${a}`);
-    i ? i.textContent !== e && (i.textContent = e) : (i = s.ownerDocument.createElement("style"), i.id = a, i.textContent = e, s.appendChild(i));
+    const i = `sba-${btoa(e).slice(0, 10)}`;
+    let a = s.querySelector(`style#${i}`);
+    a ? a.textContent !== e && (a.textContent = e) : (a = s.ownerDocument.createElement("style"), a.id = i, a.textContent = e, s.appendChild(a));
   }, [e, t]);
 }, _t = /iPad|iPhone|iPod/.test(navigator.userAgent), gs = /Android/.test(navigator.userAgent), Oe = (e) => _t || gs, {
   Provider: hs,
@@ -1785,21 +1791,21 @@ function ps({
   enableCloseConversationButton: n = !1,
   enableExpandButton: o = !0,
   enableAutoDisconnectInLauncher: s = !0,
-  ...a
+  ...i
 }) {
-  const [i, l] = _(!1), [c, d] = _(!1), g = {
-    opened: (t == null ? void 0 : t.opened) ?? i,
+  const [a, l] = _(!1), [c, d] = _(!1), h = {
+    opened: (t == null ? void 0 : t.opened) ?? a,
     setOpened: (t == null ? void 0 : t.setOpened) ?? l,
     expanded: (t == null ? void 0 : t.expanded) ?? c,
     setExpanded: (t == null ? void 0 : t.setExpanded) ?? d
   };
-  return /* @__PURE__ */ r.createElement(eo, { ...a }, (h) => /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(eo, { ...i }, (m) => /* @__PURE__ */ r.createElement(
     hs,
     {
       value: {
-        ...a,
-        ...h,
-        state: g,
+        ...i,
+        ...m,
+        state: h,
         enableCloseConversationButton: n,
         enableExpandButton: o,
         enableAutoDisconnectInLauncher: s
@@ -1814,30 +1820,30 @@ const {
 } = G("MessengerSession"), bs = ye(function({ children: e, ...t }, n) {
   return /* @__PURE__ */ r.createElement(Fo, { ref: n, ...t }, (o) => /* @__PURE__ */ r.createElement(Es, { ...o }, e));
 }), Es = ({ children: e, ...t }) => {
-  const { chatSDK: n, logger: o, appId: s, aiAgentId: a, agentPreviewConfigs: i, state: l } = B(), { userSessionInfo: c, authenticate: d, setActiveChannel: g, userSession: h, aiAgentInfo: f, launcherInfo: x } = t;
+  const { chatSDK: n, logger: o, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l } = B(), { userSessionInfo: c, authenticate: d, setActiveChannel: h, userSession: m, aiAgentInfo: f, launcherInfo: x } = t;
   return Xe(n, {
-    async onUserJoined(b, E) {
+    async onUserJoined(E, b) {
       var C, v;
-      if (b.conversation && b.conversation.type === Rr.PROACTIVE && E.userId === ((C = n.currentUser) == null ? void 0 : C.userId)) {
-        o.info("messengerSession.onUserJoined: proactive channel joined", b.url);
-        const S = ((v = b.conversation) == null ? void 0 : v.status) ?? W.OPEN;
-        g({ url: b.url, status: S }), l.setOpened(!0), xs({ sound: document.hidden || !l.opened });
+      if (E.conversation && E.conversation.type === Rr.PROACTIVE && b.userId === ((C = n.currentUser) == null ? void 0 : C.userId)) {
+        o.info("messengerSession.onUserJoined: proactive channel joined", E.url);
+        const S = ((v = E.conversation) == null ? void 0 : v.status) ?? W.OPEN;
+        h({ url: E.url, status: S }), l.setOpened(!0), xs({ sound: document.hidden || !l.opened });
       }
     }
   }), L(() => {
-    d().then(({ launcher: b }) => {
-      b.auto_open && !Oe() && setTimeout(() => l.setOpened(!0), 500);
-    }).catch((b) => {
-      o.error("messengerSession: failed to initialize", b);
+    d().then(({ launcher: E }) => {
+      E.auto_open && !Oe() && setTimeout(() => l.setOpened(!0), 500);
+    }).catch((E) => {
+      o.error("messengerSession: failed to initialize", E);
     });
-  }, [n, s, a, c == null ? void 0 : c.userId, c == null ? void 0 : c.authToken]), !h || !f || !x ? null : /* @__PURE__ */ r.createElement(
+  }, [n, s, i, c == null ? void 0 : c.userId, c == null ? void 0 : c.authToken]), !m || !f || !x ? null : /* @__PURE__ */ r.createElement(
     fs,
     {
       value: {
         ...t,
-        userSession: h,
-        aiAgentInfo: { ...f, ...i == null ? void 0 : i.bot },
-        launcherInfo: { ...x, ...i == null ? void 0 : i.launcher }
+        userSession: m,
+        aiAgentInfo: { ...f, ...a == null ? void 0 : a.bot },
+        launcherInfo: { ...x, ...a == null ? void 0 : a.launcher }
       }
     },
     e
@@ -1865,15 +1871,15 @@ const j = (e) => {
   n || (n = /* @__PURE__ */ new Map(), qt.set(t, n));
   const o = n.get(e);
   if (o) return o;
-  const s = t[e] ?? t.body1, a = I`font-size:${j(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily ? `font-family: ${s.fontFamily};` : ""}
+  const s = t[e] ?? t.body1, i = I`font-size:${j(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, a), a;
-}, vs = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Cs(e, t.typography)}color:${({ $color: e }) => e};`, ie = "sb-agent", Q = {
-  ENTRY: `${ie}-entry`,
-  MODAL_ROOT: `${ie}-modal-root`,
-  WINDOW: `${ie}-window`,
-  LAUNCHER: `${ie}-launcher`
+  return n.set(e, i), i;
+}, vs = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Cs(e, t.typography)}color:${({ $color: e }) => e};`, J = "sb-agent", ee = {
+  ENTRY: `${J}-entry`,
+  MODAL_ROOT: `${J}-modal-root`,
+  WINDOW: `${J}-window`,
+  LAUNCHER: `${J}-launcher`
 }, Ue = 2147483647, fe = {
   MODAL: Ue - 1,
   // FIXME: need to cover the case where the tooltip is on the top of the modal
@@ -1883,7 +1889,7 @@ const j = (e) => {
 }, $n = {
   DEFAULT_PRIMARY: "#742ddd",
   WHITE: "#ffffff"
-}, Mn = 36, ys = 100, _s = 25 * 1024 * 1024, On = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], St = "noopener noreferrer nofollow", Le = 244, Ln = 640, Ye = 26, Rn = 4, ee = 12, Te = 2, Ss = 16, te = `${ie}-incoming-msg`, Ts = `${ie}-marked-text`;
+}, Mn = 36, ys = 100, _s = 25 * 1024 * 1024, On = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], St = "noopener noreferrer nofollow", Le = 244, Ln = 640, Ye = 26, Rn = 4, te = 12, Te = 2, Ss = 16, ne = `${J}-incoming-msg`, Ts = `${J}-marked-text`;
 function Tt(e) {
   switch (e) {
     case "top":
@@ -1964,8 +1970,8 @@ function At({
   iconBackgroundColor: o,
   onClick: s
 }) {
-  const { colors: a } = xt();
-  return /* @__PURE__ */ r.createElement($s, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(Os, { $bgColor: o ?? a.base.primary }, /* @__PURE__ */ r.createElement(M, { type: "file-document", size: 24, color: n ?? a.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Ls, null, /* @__PURE__ */ r.createElement(Rs, { variant: "button", color: p.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(w, { color: p.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+  const { colors: i } = xt();
+  return /* @__PURE__ */ r.createElement($s, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(Os, { $bgColor: o ?? i.base.primary }, /* @__PURE__ */ r.createElement(M, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Ls, null, /* @__PURE__ */ r.createElement(Rs, { variant: "button", color: p.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(w, { color: p.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }
 const $s = u.div`border-radius:12px;gap:8px;width:${Le}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${p.themedColor.textDisabled};background-color:${p.themedColor.bg_50_600};${({ $clickable: e }) => e && Ms}`, Ms = I`cursor:pointer;&:hover{background-color:${p.themedColor.bg_100_500};}`, Os = u.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, Ls = u.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Rs = u(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
 function Ds({ file: e, children: t, onClickFile: n }) {
@@ -1983,7 +1989,7 @@ function Ps({ file: e, onClickMedia: t, children: n }) {
   const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Us, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Hs, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
   if (o) {
     const s = {
-      id: `${te}-media-body`,
+      id: `${ne}-media-body`,
       onClick: () => t == null ? void 0 : t(e)
     };
     return /* @__PURE__ */ r.createElement(Bs, null, /* @__PURE__ */ r.createElement(Fs, { ...s }, o()), n);
@@ -2007,34 +2013,34 @@ function Vs(e) {
 function Ws(e) {
   const t = /```(\w+)?\n([\s\S]*?)```/g, n = [];
   let o = 0;
-  return e.replace(t, (s, ...a) => {
-    const [i, l, c] = a;
+  return e.replace(t, (s, ...i) => {
+    const [a, l, c] = i;
     return o < c && n.push({
       type: "text",
       value: e.slice(o, c).trim()
     }), n.push({
       type: "code",
       value: l.trim(),
-      language: i ? i.trim() : "plaintext"
+      language: a ? a.trim() : "plaintext"
     }), o = c + s.length, s;
   }), o < e.length && n.push({
     type: "text",
     value: e.slice(o).trim()
   }), n.map((s) => s.type !== "text" ? s : { ...s, value: Nn(s.value) });
 }
-const Gs = T(async () => ({ default: (await import("./4nxZMIz3.js")).MarkdownText })), js = T(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+const Gs = T(async () => ({ default: (await import("./CwdCJ7xG.js")).MarkdownText })), js = T(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function Jt(e) {
-  var s, a;
+  var s, i;
   const t = e.maxBodyWidth ?? Le, n = ae(() => Ws(e.message), [e.message]), o = {
-    id: `${te}-text-body`,
+    id: `${ne}-text-body`,
     $maxWidth: t,
     $color: (s = e.customStyle) == null ? void 0 : s.bubbleContentColor,
-    $bgColor: (a = e.customStyle) == null ? void 0 : a.bubbleBackgroundColor
+    $bgColor: (i = e.customStyle) == null ? void 0 : i.bubbleBackgroundColor
   };
-  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Xt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Xt, { ...o }, n.map((i, l) => i.type === "text" ? /* @__PURE__ */ r.createElement(Qt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(ke, { fallback: i.value }, /* @__PURE__ */ r.createElement(Gs, { onClickImage: (c) => {
+  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Xt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Xt, { ...o }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ r.createElement(Qt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(ke, { fallback: a.value }, /* @__PURE__ */ r.createElement(Gs, { onClickImage: (c) => {
     var d;
     return (d = e.onClickMedia) == null ? void 0 : d.call(e, { url: c, type: "image/*" });
-  } }, i.value))) : i.type === "code" ? /* @__PURE__ */ r.createElement(ke, { key: l, fallback: /* @__PURE__ */ r.createElement(Qt, { variant: "body3" }, i.value) }, /* @__PURE__ */ r.createElement(js, { code: i.value, language: i.language })) : null), e.children);
+  } }, a.value))) : a.type === "code" ? /* @__PURE__ */ r.createElement(ke, { key: l, fallback: /* @__PURE__ */ r.createElement(Qt, { variant: "body3" }, a.value) }, /* @__PURE__ */ r.createElement(js, { code: a.value, language: a.language })) : null), e.children);
 }
 const Xt = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => I`
     color: ${t || e.colors.messageIncoming.text};
@@ -2060,17 +2066,17 @@ function It({ id: e, src: t, size: n = 56, onClick: o, style: s }) {
 }
 const Zs = u.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${p.themedColor.bg_100_500};&:focus{outline:none;}`, Ys = u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
 function qs({ sender: e, isBotMessage: t }) {
-  const n = `${te}-sender-avatar`;
+  const n = `${ne}-sender-avatar`;
   return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(Js, { id: n }, /* @__PURE__ */ r.createElement(kt, null)) : /* @__PURE__ */ r.createElement(It, { id: n, size: Ye, src: e.profileUrl });
 }
 const Js = u.div`flex-shrink:0;width:${Ye}px;height:${Ye}px;box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({ theme: e }) => e.colors.base.primary};path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}}`;
 function Xs({ sender: e }) {
-  return /* @__PURE__ */ r.createElement(Qs, { id: `${te}-sender-name`, variant: "caption1", color: p.themedColor.textMidEmphasis }, e.nickname);
+  return /* @__PURE__ */ r.createElement(Qs, { id: `${ne}-sender-name`, variant: "caption1", color: p.themedColor.textMidEmphasis }, e.nickname);
 }
 const Qs = u(w)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
 function ei({ createdAt: e }) {
   const { stringSet: t, format: n } = O();
-  return e ? /* @__PURE__ */ r.createElement(w, { id: `${te}-sent-time`, variant: "caption4", color: p.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
+  return e ? /* @__PURE__ */ r.createElement(w, { id: `${ne}-sent-time`, variant: "caption4", color: p.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
 function ti({ customStyle: e }) {
   return /* @__PURE__ */ r.createElement(ni, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(ri, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
@@ -2101,7 +2107,7 @@ function si({
   onClickCTA: t = ({ url: n }) => $t(n)
 }) {
   const n = e == null ? void 0 : e.cta_button;
-  return n ? /* @__PURE__ */ r.createElement(ii, { id: `${te}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(ai, { variant: "button" }, n.label)) : null;
+  return n ? /* @__PURE__ */ r.createElement(ii, { id: `${ne}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(ai, { variant: "button" }, n.label)) : null;
 }
 const ii = u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${p.themedColor.textHighEmphasis};background-color:${p.color.background50};${P.dark`
     background-color: ${p.color.ondark.textDisabled};
@@ -2112,15 +2118,15 @@ function li({
   onClickCitation: t = (n) => $t(n.link)
 }) {
   const { stringSet: n } = O(), { theme: o } = Ct(), s = e == null ? void 0 : e.citations;
-  return !s || s.length === 0 ? null : /* @__PURE__ */ r.createElement(ci, { id: `${te}-ext-citation` }, /* @__PURE__ */ r.createElement(di, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(ui, null, s.map((a, i) => /* @__PURE__ */ r.createElement(
+  return !s || s.length === 0 ? null : /* @__PURE__ */ r.createElement(ci, { id: `${ne}-ext-citation` }, /* @__PURE__ */ r.createElement(di, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(ui, null, s.map((i, a) => /* @__PURE__ */ r.createElement(
     gi,
     {
-      key: `${a.embedding_id}-${i}`,
+      key: `${i.embedding_id}-${a}`,
       role: "button",
-      onClick: () => t(a)
+      onClick: () => t(i)
     },
     /* @__PURE__ */ r.createElement(M, { type: "source", size: 16, color: o.colors.messageIncoming.text }),
-    /* @__PURE__ */ r.createElement(mi, { variant: "body3", color: o.colors.messageIncoming.text }, a.title)
+    /* @__PURE__ */ r.createElement(mi, { variant: "body3", color: o.colors.messageIncoming.text }, i.title)
   ))));
 }
 const ci = u.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, di = u(w)`opacity:0.5;`, ui = u.div`display:flex;flex-direction:column;gap:8px;`, mi = u(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, gi = u.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`;
@@ -2164,16 +2170,16 @@ const xi = ({
   const s = e == null ? void 0 : e.message_template;
   if (!fi.has((s == null ? void 0 : s.type) ?? "default")) throw new Error("Unsupported template type");
   if (!n) throw new Error("onRequestMessageTemplate is required");
-  const { theme: i } = ls(), l = Zo({
+  const { theme: a } = ls(), l = Zo({
     onRequestTemplate: n,
     onGetCachedTemplate: t,
-    theme: i.selectedTheme,
+    theme: a.selectedTheme,
     templateKey: (s == null ? void 0 : s.key) ?? "invalid",
     variables: s == null ? void 0 : s.variables,
     viewVariables: s == null ? void 0 : s.view_variables,
-    aiAgentColorVariables: i.aiAgentColorVariables
+    aiAgentColorVariables: a.aiAgentColorVariables
   });
-  return /* @__PURE__ */ r.createElement(Ci, { id: `${te}-ext-message-template` }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(Ci, { id: `${ne}-ext-message-template` }, /* @__PURE__ */ r.createElement(
     Hr,
     {
       handleInternalAction: (c, d) => {
@@ -2188,21 +2194,21 @@ function vi({
   onClickSuggestedReply: t,
   suggestedRepliesDirection: n = "vertical"
 }) {
-  const [o, s] = _(!1), a = (e == null ? void 0 : e.suggested_replies) ?? [];
-  return a.length === 0 || o ? null : /* @__PURE__ */ r.createElement(yi, { id: `${te}-ext-suggested-replies`, $type: n }, a.map((i, l) => /* @__PURE__ */ r.createElement(
+  const [o, s] = _(!1), i = (e == null ? void 0 : e.suggested_replies) ?? [];
+  return i.length === 0 || o ? null : /* @__PURE__ */ r.createElement(yi, { id: `${ne}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ r.createElement(
     _i,
     {
       key: l,
       $type: n,
       variant: "body3",
       onClick: () => {
-        t && (t == null || t({ reply: i }), s(!0));
+        t && (t == null || t({ reply: a }), s(!0));
       }
     },
-    i
+    a
   )));
 }
-const yi = u.div`margin:16px 0;padding:0 ${ee}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? Si : Ti};`, _i = u(w)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${p.color.primary.main};border:1px solid ${p.color.primary.main};background-color:${p.themedColor.bg_50_600};&:hover{background-color:${p.themedColor.bg_100_500};}${({ $type: e, theme: t }) => I`
+const yi = u.div`margin:16px 0;padding:0 ${te}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? Si : Ti};`, _i = u(w)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${p.color.primary.main};border:1px solid ${p.color.primary.main};background-color:${p.themedColor.bg_50_600};&:hover{background-color:${p.themedColor.bg_100_500};}${({ $type: e, theme: t }) => I`
     ${e === "vertical" ? wi : Ai};
     &:active {
       background-color: ${t.colors.base.primary};
@@ -2232,29 +2238,29 @@ function ki(e) {
   return /* @__PURE__ */ r.createElement(Un, { ...e, testerMode: !1 });
 }
 function Un(e) {
-  var f, x, b, E, m;
-  const { components: t } = xe.useContext(), n = !!e.isTyping, o = e.testerMode, s = !!((f = e.extendedMessagePayload) != null && f.message_template), a = !!((x = e.extendedMessagePayload) != null && x.cta_button), i = !!((b = e.extendedMessagePayload) != null && b.citations) && e.extendedMessagePayload.citations.length > 0, l = !!e.createdAt, c = Mt(() => e.messageType === "user" ? e.message.length > 0 : !0), d = e.groupType === "top" || e.groupType === "single", g = e.groupType === "bottom" || e.groupType === "single", h = o ? 0 : Ye;
-  return /* @__PURE__ */ r.createElement(Ii, { $marginBottom: n ? 0 : Tt(e.groupType) }, d && /* @__PURE__ */ r.createElement($i, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, /* @__PURE__ */ r.createElement(at, { $extraStartPadding: h }, 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 })), i && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), s && /* @__PURE__ */ r.createElement(en, { $startPadding: 0, $endPadding: 0, style: { marginTop: c ? Te : 0 } }, /* @__PURE__ */ r.createElement(
+  var f, x, E, b, g;
+  const { components: t } = xe.useContext(), n = !!e.isTyping, o = e.testerMode, s = !!((f = e.extendedMessagePayload) != null && f.message_template), i = !!((x = e.extendedMessagePayload) != null && x.cta_button), a = !!((E = e.extendedMessagePayload) != null && E.citations) && e.extendedMessagePayload.citations.length > 0, l = !!e.createdAt, c = Mt(() => e.messageType === "user" ? e.message.length > 0 : !0), d = e.groupType === "top" || e.groupType === "single", h = e.groupType === "bottom" || e.groupType === "single", m = o ? 0 : Ye;
+  return /* @__PURE__ */ r.createElement(Ii, { $marginBottom: n ? 0 : Tt(e.groupType) }, d && /* @__PURE__ */ r.createElement($i, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, /* @__PURE__ */ r.createElement(at, { $extraStartPadding: m }, n && /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }), /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, i && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), a && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), s && /* @__PURE__ */ r.createElement(en, { $startPadding: 0, $endPadding: 0, style: { marginTop: c ? Te : 0 } }, /* @__PURE__ */ r.createElement(
     t.MessageTemplate,
     {
       ...e,
-      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(at, { $extraStartPadding: h }, /* @__PURE__ */ r.createElement(
+      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(at, { $extraStartPadding: m }, /* @__PURE__ */ r.createElement(
         t.MessageBody,
         {
           ...e,
           messageType: "user",
-          message: ((m = (E = e.extendedMessagePayload) == null ? void 0 : E.message_template) == null ? void 0 : m.fallback_message) ?? "Cannot read this template."
+          message: ((g = (b = e.extendedMessagePayload) == null ? void 0 : b.message_template) == null ? void 0 : g.fallback_message) ?? "Cannot read this template."
         }
       )),
-      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(at, { $extraStartPadding: h }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
+      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(at, { $extraStartPadding: m }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
     }
-  ))), g && l && /* @__PURE__ */ r.createElement(Mi, { $extraStartPadding: h + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(en, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
+  ))), h && l && /* @__PURE__ */ r.createElement(Mi, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Ut, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(en, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
 }
 const Ii = u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
-`, tt = u.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = ee, $endPadding: t = ee, $extraStartPadding: n = 0 }) => `
+`, tt = u.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = te, $endPadding: t = te, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, $i = u(tt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, at = u(tt)`display:flex;`, Mi = u(tt)`margin-top:${Rn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, en = u(tt)`display:flex;flex-direction:column;${({ $startPadding: e = ee, $endPadding: t = ee, $extraStartPadding: n = 0 }) => `
+`, $i = u(tt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, at = u(tt)`display:flex;`, Mi = u(tt)`margin-top:${Rn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, en = u(tt)`display:flex;flex-direction:column;${({ $startPadding: e = te, $endPadding: t = te, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
 `;
@@ -2270,11 +2276,11 @@ function Oi({ file: e, children: t, onClickFile: n }) {
 }
 const Li = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Hn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(Ri, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(M, { type: "spinner", size: n })), Ri = u.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
 function Di({ file: e, metadata: t, onClickMedia: n, children: o }) {
-  const { aspectRatio: s, localFile: a } = t, [i] = _(() => a instanceof File ? URL.createObjectURL(a) : e.url), [l, c] = _(!1), d = {
+  const { aspectRatio: s, localFile: i } = t, [a] = _(() => i instanceof File ? URL.createObjectURL(i) : e.url), [l, c] = _(!1), d = {
     onClick: () => n == null ? void 0 : n(e),
     $ratio: s
   };
-  return /* @__PURE__ */ r.createElement(Ni, null, /* @__PURE__ */ r.createElement(Pi, { ...d }, !l && /* @__PURE__ */ r.createElement(Hn, { size: 26 }, /* @__PURE__ */ r.createElement(M, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Bi, { $loaded: l, src: i, alt: "image-message", onLoad: () => c(!0) })), o);
+  return /* @__PURE__ */ r.createElement(Ni, null, /* @__PURE__ */ r.createElement(Pi, { ...d }, !l && /* @__PURE__ */ r.createElement(Hn, { size: 26 }, /* @__PURE__ */ r.createElement(M, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Bi, { $loaded: l, src: a, alt: "image-message", onLoad: () => c(!0) })), o);
 }
 const Ni = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Pi = u.div`width:${Le}px;border-radius:12px;overflow:hidden;cursor:pointer;height:auto;aspect-ratio:${(e) => e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${P.light`
     background-color: ${p.color.background100};
@@ -2343,7 +2349,7 @@ function Gi(e) {
   return /* @__PURE__ */ r.createElement(ji, { $marginBottom: Tt(e.groupType) }, /* @__PURE__ */ r.createElement(Ki, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Zi, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
 }
 const ji = u.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
-`, zn = u.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = ee, $endPadding: t = ee, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
+`, zn = u.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = te, $endPadding: t = te, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
 `, Ki = u(zn)``, Zi = u(zn)`margin-top:${Rn}px;`;
 function Yi(e) {
   return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(qi, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, Ji(yn.sanitize(e.message))));
@@ -2351,8 +2357,8 @@ function Yi(e) {
 const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Ji = (e) => {
   const t = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g, n = [];
   let o = 0;
-  return e.replace(t, (s, a, i, l) => (n.push(e.slice(o, l)), n.push(
-    /* @__PURE__ */ r.createElement("a", { key: i, href: i, target: "_blank", rel: St }, a)
+  return e.replace(t, (s, i, a, l) => (n.push(e.slice(o, l)), n.push(
+    /* @__PURE__ */ r.createElement("a", { key: a, href: a, target: "_blank", rel: St }, i)
   ), o = l + s.length, s)), n.push(e.slice(o)), n;
 }, Xi = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
   const { stringSet: s } = O();
@@ -2376,8 +2382,8 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     }
   )));
 }, nn = ({ onClick: e, checked: t, label: n, disabled: o }) => {
-  const s = t ? p.color.primary.main : o ? p.themedColor.textDisabled : p.themedColor.textLowEmphasis, a = t ? p.themedColor.textHighEmphasis : o ? p.themedColor.textLowEmphasis : p.themedColor.textHighEmphasis;
-  return /* @__PURE__ */ r.createElement(ea, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(M, { size: 24, type: t ? "radio-on" : "radio-off", color: s }), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: a }, n));
+  const s = t ? p.color.primary.main : o ? p.themedColor.textDisabled : p.themedColor.textLowEmphasis, i = t ? p.themedColor.textHighEmphasis : o ? p.themedColor.textLowEmphasis : p.themedColor.textHighEmphasis;
+  return /* @__PURE__ */ r.createElement(ea, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(M, { size: 24, type: t ? "radio-on" : "radio-off", color: s }), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: i }, n));
 }, Qi = u.div`display:flex;flex-direction:column;gap:8px;`, ea = u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, ta = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "csat1", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08301 20C2.08301 10.1049 10.1046 2.08334 19.9997 2.08334C29.8948 2.08334 37.9163 10.1049 37.9163 20C37.9163 29.8952 29.8948 37.9167 19.9997 37.9167C10.1046 37.9167 2.08301 29.8952 2.08301 20Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5824 29.3328C13.1344 29.7473 13.918 29.636 14.3326 29.084C15.6269 27.3607 17.6835 26.25 19.9997 26.25C22.316 26.25 24.3727 27.3607 25.6668 29.084C26.0815 29.636 26.865 29.7473 27.4172 29.3328C27.9692 28.9182 28.0805 28.1347 27.6658 27.5825C25.9198 25.2577 23.1357 23.75 19.9997 23.75C16.8638 23.75 14.0797 25.2577 12.3336 27.5825C11.919 28.1347 12.0304 28.9182 12.5824 29.3328Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M28.4449 13.7707C29.1324 13.8328 29.64 14.4406 29.578 15.1281C29.516 15.8153 28.909 16.3221 28.2219 16.2608C28.2219 16.2608 28.0282 16.2502 27.9267 16.2487C27.7224 16.2457 27.4382 16.2509 27.1224 16.2833C26.7864 16.3177 26.4644 16.3782 26.1799 16.4662L26.304 16.86C26.7792 18.3675 25.5094 19.5813 24.2057 19.5813C23.504 19.5813 22.8319 19.2617 22.4295 18.6857C22.0025 18.0745 21.9417 17.241 22.4075 16.5344C22.7505 16.0143 23.2444 15.3831 23.8959 14.8657C24.8355 14.1195 26.0435 13.8809 26.867 13.7963C27.3024 13.7517 28.0149 13.7319 28.4449 13.7707Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M11.5553 13.7707C10.8677 13.8328 10.3601 14.4406 10.4221 15.1281C10.4842 15.8153 11.0912 16.3221 11.7782 16.2608C11.7782 16.2608 11.972 16.2502 12.0734 16.2487C12.2778 16.2457 12.562 16.2509 12.8778 16.2833C13.2137 16.3177 13.5357 16.3782 13.8203 16.4662L13.6962 16.86C13.2209 18.3675 14.4907 19.5813 15.7944 19.5813C16.4962 19.5813 17.1683 19.2617 17.5707 18.6857C17.9975 18.0745 18.0585 17.241 17.5925 16.5344C17.2497 16.0143 16.7557 15.3831 16.1043 14.8657C15.1646 14.1195 13.9566 13.8809 13.1331 13.7963C12.6978 13.7517 11.9853 13.7319 11.5553 13.7707Z", fill: "black", fillOpacity: 0.12 })), na = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08337 19.9999C2.08337 10.1048 10.1049 2.08325 20 2.08325C29.8952 2.08325 37.9167 10.1048 37.9167 19.9999C37.9167 29.8951 29.8952 37.9166 20 37.9166C10.1049 37.9166 2.08337 29.8951 2.08337 19.9999Z", fill: "url(#paint0_linear_159_173206)" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5828 29.3328C13.1348 29.7473 13.9184 29.636 14.3329 29.084C15.6272 27.3607 17.6839 26.25 20 26.25C22.3164 26.25 24.373 27.3607 25.6672 29.084C26.0819 29.636 26.8654 29.7473 27.4175 29.3328C27.9695 28.9182 28.0809 28.1347 27.6662 27.5825C25.9202 25.2577 23.136 23.75 20 23.75C16.8642 23.75 14.0801 25.2577 12.334 27.5825C11.9194 28.1347 12.0308 28.9182 12.5828 29.3328Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M28.4454 13.7707C29.1329 13.8328 29.6405 14.4406 29.5785 15.1281C29.5165 15.8153 28.9095 16.3221 28.2224 16.2608C28.2224 16.2608 28.0287 16.2502 27.9272 16.2487C27.7229 16.2457 27.4387 16.2509 27.1229 16.2833C26.7869 16.3177 26.4649 16.3782 26.1804 16.4662L26.3045 16.86C26.7797 18.3675 25.5099 19.5813 24.2062 19.5813C23.5045 19.5813 22.8324 19.2617 22.43 18.6857C22.003 18.0745 21.9422 17.241 22.408 16.5344C22.751 16.0143 23.2449 15.3831 23.8964 14.8657C24.836 14.1195 26.044 13.8809 26.8675 13.7963C27.3029 13.7517 28.0154 13.7319 28.4454 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.5549 13.7707C10.8674 13.8328 10.3597 14.4406 10.4218 15.1281C10.4838 15.8153 11.0908 16.3221 11.7779 16.2608C11.7779 16.2608 11.9716 16.2502 12.073 16.2487C12.2774 16.2457 12.5616 16.2509 12.8774 16.2833C13.2134 16.3177 13.5353 16.3782 13.8199 16.4662L13.6958 16.86C13.2205 18.3675 14.4904 19.5813 15.794 19.5813C16.4958 19.5813 17.168 19.2617 17.5703 18.6857C17.9971 18.0745 18.0581 17.241 17.5921 16.5344C17.2493 16.0143 16.7553 15.3831 16.1039 14.8657C15.1643 14.1195 13.9562 13.8809 13.1327 13.7963C12.6974 13.7517 11.9849 13.7319 11.5549 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("linearGradient", { id: "paint0_linear_159_173206", x1: 20, y1: 2.08325, x2: 20, y2: 37.9166, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ r.createElement("stop", { stopColor: "#FF2D1D" }), /* @__PURE__ */ r.createElement("stop", { offset: 1, stopColor: "#FFA540" })))), ra = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M15 28.333C16.3927 27.2867 18.124 26.6667 20 26.6667C21.876 26.6667 23.6073 27.2867 25 28.333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 13.3511C11.667 13.3511 14.0161 13.139 15.3268 14.18M15.3268 14.18L14.8882 15.5711C14.7153 16.1199 15.1675 16.6667 15.7943 16.6667C16.4531 16.6667 16.8882 16.0723 16.549 15.5579C16.2483 15.102 15.8388 14.5866 15.3268 14.18ZM23.3337 13.3511C23.3337 13.3511 25.6827 13.139 26.9935 14.18M26.9935 14.18L26.555 15.5711C26.382 16.1199 26.8342 16.6667 27.461 16.6667C28.1198 16.6667 28.5548 16.0723 28.2157 15.5579C27.915 15.102 27.5055 14.5866 26.9935 14.18Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), oa = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { d: "M14.249 27.334C15.851 26.13 17.844 25.417 20 25.417c2.156 0 4.149.714 5.751 1.917.553.415.664 1.199.25 1.751-.415.552-1.199.664-1.751.25-1.183-.889-2.652-1.416-4.25-1.416s-3.067.527-4.25 1.416c-.553.414-1.336.302-1.751-.25-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M23.445 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.125-.394c-.285-.088-.607-.148-.942-.182-.316-.033-.6-.038-.804-.035-.101.002-.242.01-.294.013Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.779 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.124-.394c-.284-.088-.606-.148-.941-.182-.316-.033-.6-.038-.804-.035-.101.002-.243.01-.294.013Z", fill: "#141B34" })), sa = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15 26.6667H25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), ia = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.75 26.667c0-.691.56-1.25 1.25-1.25h10c.69 0 1.25.559 1.25 1.25 0 .691-.56 1.25-1.25 1.25h-10c-.69 0-1.25-.559-1.25-1.25Z", fill: "#141B34" })), aa = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.333 25C14.8532 27.024 17.2735 28.3333 19.9997 28.3333C22.7258 28.3333 25.1462 27.024 26.6663 25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" })), la = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.583 24.001c.552-.414 1.335-.302 1.75.25 1.294 1.723 3.35 2.834 5.667 2.834s4.373-1.11 5.667-2.834c.415-.552 1.199-.664 1.751-.25.552.415.664 1.199.25 1.751C25.92 28.076 23.136 29.584 20 29.584s-5.92-1.508-7.666-3.832c-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" })), ca = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6663C29.2044 36.6663 36.6663 29.2044 36.6663 19.9997C36.6663 10.7949 29.2044 3.33301 19.9997 3.33301C10.7949 3.33301 3.33301 10.7949 3.33301 19.9997C3.33301 29.2044 10.7949 36.6663 19.9997 36.6663Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M19.9997 30C23.16 30 25.8145 27.867 26.56 24.9832C26.9068 23.6413 26.4033 23.3333 25.0765 23.3333H14.9228C13.5959 23.3333 13.0925 23.6413 13.4393 24.9832C14.1848 27.867 16.8393 30 19.9997 30Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.8333C11.667 14.4526 12.7863 13.3333 14.167 13.3333C15.5477 13.3333 16.667 14.4526 16.667 15.8333M23.3337 15.8333C23.3337 14.4526 24.453 13.3333 25.8337 13.3333C27.2143 13.3333 28.3337 14.4526 28.3337 15.8333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), da = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_159_173224)" }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip1_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("mask", { id: "mask0_159_173224", style: {
   maskType: "alpha"
 }, maskUnits: "userSpaceOnUse", x: 12, y: 22, width: 16, height: 9 }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("g", { mask: "url(#mask0_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 32.998c3.278 0 5.936-1.594 5.936-3.561 0-1.968-2.658-3.562-5.936-3.562-3.278 0-5.936 1.594-5.936 3.562 0 1.967 2.658 3.561 5.936 3.561Z", fill: "#FF493B" }))), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5M23.333 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5", stroke: "#141B34", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ r.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })))), ua = [
@@ -2441,15 +2447,15 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   top: I`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: I`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
 }, ft = u.div`position:relative;`, pa = u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${fe.TOOLTIP};${({ $position: e }) => ha[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${ft}:hover &,${ft}:focus-within &{opacity:1;}`, fa = u(w)`padding:6px 8px;background:${p.themedColor.textHighEmphasis};color:${p.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, ba = ({ submitted: e, value: t, onChange: n }) => {
-  const { stringSet: o } = O(), s = ma(), a = typeof t == "number";
-  return /* @__PURE__ */ r.createElement(Ea, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(xa, null, s.map((i) => /* @__PURE__ */ r.createElement(Vn, { disabled: e, key: i.value, label: i.getTooltip(o) }, /* @__PURE__ */ r.createElement(
+  const { stringSet: o } = O(), s = ma(), i = typeof t == "number";
+  return /* @__PURE__ */ r.createElement(Ea, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: p.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(xa, null, s.map((a) => /* @__PURE__ */ r.createElement(Vn, { disabled: e, key: a.value, label: a.getTooltip(o) }, /* @__PURE__ */ r.createElement(
     Ca,
     {
       disabled: e,
-      onClick: () => n(i.value),
-      $inactive: a && !i.isActive(t)
+      onClick: () => n(a.value),
+      $inactive: i && !a.isActive(t)
     },
-    a ? i.isActive(t) ? /* @__PURE__ */ r.createElement(i.Icon.Active, null) : /* @__PURE__ */ r.createElement(i.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(i.Icon.Active, null)
+    i ? a.isActive(t) ? /* @__PURE__ */ r.createElement(a.Icon.Active, null) : /* @__PURE__ */ r.createElement(a.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(a.Icon.Active, null)
   )))));
 }, Ea = u.div`display:flex;flex-direction:column;gap:8px;`, xa = u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, Ca = u.button`background-color:transparent;border:none;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;&:enabled:hover{cursor:pointer;background-color:${p.color.background200};${P.dark`
       background-color: ${p.color.background500};
@@ -2486,7 +2492,7 @@ const qi = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   const { stringSet: t } = O();
   return e ? /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, t.CSAT_TITLE_SUBMITTED) : /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, t.CSAT_TITLE_UNSUBMITTED);
 };
-var J = /* @__PURE__ */ ((e) => (e.AI_AGENT_CSAT_5 = "AI_AGENT_CSAT_5", e.AI_AGENT_CSAT_5_WITH_CRE = "AI_AGENT_CSAT_5_WITH_CRE", e.HELPDESK_CSAT_5 = "HELPDESK_CSAT_5", e))(J || {});
+var X = /* @__PURE__ */ ((e) => (e.AI_AGENT_CSAT_5 = "AI_AGENT_CSAT_5", e.AI_AGENT_CSAT_5_WITH_CRE = "AI_AGENT_CSAT_5_WITH_CRE", e.HELPDESK_CSAT_5 = "HELPDESK_CSAT_5", e))(X || {});
 const Ta = (e) => Cr((t, n) => ({ ...t, ...n }), e), lt = ({
   type: e,
   renderSubmitButton: t,
@@ -2494,52 +2500,52 @@ const Ta = (e) => Cr((t, n) => ({ ...t, ...n }), e), lt = ({
   initialCsatReason: o,
   initialIsResolved: s
 }) => {
-  const [a, i] = Ta({
+  const [i, a] = Ta({
     csatType: e,
     csat: n,
     csatReason: o,
     isResolved: s
-  }), l = typeof n == "number" ? "submitted" : (e === J.AI_AGENT_CSAT_5 || e === J.HELPDESK_CSAT_5) && typeof a.csat == "number" || e === J.AI_AGENT_CSAT_5_WITH_CRE && typeof a.csat == "number" && typeof a.isResolved == "boolean" ? "submittable" : "unsubmittable", c = { state: l, submitted: l === "submitted" };
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(wa, null, /* @__PURE__ */ r.createElement(Sa, { ...c }), e === J.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
+  }), l = typeof n == "number" ? "submitted" : (e === X.AI_AGENT_CSAT_5 || e === X.HELPDESK_CSAT_5) && typeof i.csat == "number" || e === X.AI_AGENT_CSAT_5_WITH_CRE && typeof i.csat == "number" && typeof i.isResolved == "boolean" ? "submittable" : "unsubmittable", c = { state: l, submitted: l === "submitted" };
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(wa, null, /* @__PURE__ */ r.createElement(Sa, { ...c }), e === X.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
     Xi,
     {
       ...c,
       defaultValue: s,
-      value: a.isResolved,
-      onChange: (d) => i({ isResolved: d })
+      value: i.isResolved,
+      onChange: (d) => a({ isResolved: d })
     }
-  ), /* @__PURE__ */ r.createElement(ba, { ...c, value: a.csat, onChange: (d) => i({ csat: d }) }), a.csat && /* @__PURE__ */ r.createElement(
+  ), /* @__PURE__ */ r.createElement(ba, { ...c, value: i.csat, onChange: (d) => a({ csat: d }) }), i.csat && /* @__PURE__ */ r.createElement(
     ya,
     {
       ...c,
-      value: a.csatReason,
-      onChange: (d) => i({ csatReason: d })
+      value: i.csatReason,
+      onChange: (d) => a({ csatReason: d })
     }
-  )), l !== "submitted" && t({ state: l, params: a }));
+  )), l !== "submitted" && t({ state: l, params: i }));
 }, wa = u.div`display:flex;flex-direction:column;gap:12px;`, Aa = () => {
   const { stringSet: e } = O();
   return /* @__PURE__ */ r.createElement(w, { variant: "body2", color: p.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
 }, ka = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const t = Nr(), { stringSet: n } = O(), { extendedMessagePayload: o, csat: s, csatReason: a, csatExpireAt: i, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: g } = (o == null ? void 0 : o.csat) ?? {};
-  if (!d || !g || !J[g]) return null;
-  const h = g === J.AI_AGENT_CSAT_5 || g === J.AI_AGENT_CSAT_5_WITH_CRE || g === J.HELPDESK_CSAT_5 ? lt : () => null, f = (x) => {
-    x.csat && !rn(i) ? c({
+  const t = Nr(), { stringSet: n } = O(), { extendedMessagePayload: o, csat: s, csatReason: i, csatExpireAt: a, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: h } = (o == null ? void 0 : o.csat) ?? {};
+  if (!d || !h || !X[h]) return null;
+  const m = h === X.AI_AGENT_CSAT_5 || h === X.AI_AGENT_CSAT_5_WITH_CRE || h === X.HELPDESK_CSAT_5 ? lt : () => null, f = (x) => {
+    x.csat && !rn(a) ? c({
       csatType: x.csatType,
       csat: x.csat,
       csatReason: x.csatReason,
       isResolved: x.isResolved
     }) : t();
   };
-  return /* @__PURE__ */ r.createElement(Ia, null, !s && rn(i) ? /* @__PURE__ */ r.createElement(Aa, null) : /* @__PURE__ */ r.createElement(
-    h,
+  return /* @__PURE__ */ r.createElement(Ia, null, !s && rn(a) ? /* @__PURE__ */ r.createElement(Aa, null) : /* @__PURE__ */ r.createElement(
+    m,
     {
-      type: g,
+      type: h,
       initialCsat: s,
-      initialCsatReason: a,
+      initialCsatReason: i,
       initialIsResolved: l,
-      renderSubmitButton: ({ state: x, params: b }) => /* @__PURE__ */ r.createElement($a, { disabled: x !== "submittable", onClick: () => f(b) }, /* @__PURE__ */ r.createElement(w, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
+      renderSubmitButton: ({ state: x, params: E }) => /* @__PURE__ */ r.createElement($a, { disabled: x !== "submittable", onClick: () => f(E) }, /* @__PURE__ */ r.createElement(w, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
     }
   ));
 }, Ia = u.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, $a = u.button`all:unset;background-color:${({ theme: e }) => e.colors.base.primary};color:${({ theme: e }) => e.colors.base.primaryContrastContent};border-radius:6px;padding:10px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background-color:${p.color.primary.dark};}&:disabled{color:${p.color.ondark.textLowEmphasis};background-color:${p.themedColor.textDisabled};cursor:not-allowed;}`;
@@ -2557,7 +2563,7 @@ function Ma(e) {
   const { components: t } = Lt.useContext(), n = Mt(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
   return /* @__PURE__ */ r.createElement(Oa, { $marginBottom: Tt(e.groupType) }, n);
 }
-const Oa = u.div`padding-inline:${ee}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, on = {
+const Oa = u.div`padding-inline:${te}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, on = {
   file: "attach",
   snippet: "snippet",
   site: "website",
@@ -2573,63 +2579,63 @@ const Oa = u.div`padding-inline:${ee}px;margin-bottom:${({ $marginBottom: e }) =
   groundedness: n,
   agentMessageTemplates: o,
   onClickActionbook: s,
-  onClickFunctionCall: a,
-  onClickFunctionCallDetail: i,
+  onClickFunctionCall: i,
+  onClickFunctionCallDetail: a,
   onClickGroundedness: l,
   onClickAgentMessageTemplate: c,
   bottomContent: d,
-  renderCustomGroundednessIcon: g = (f) => f.default,
-  style: h = {}
+  renderCustomGroundednessIcon: h = (f) => f.default,
+  style: m = {}
 }) => {
   const {
     // Note: This component is used with the dashboard, so cssVars should not be used.
     iconColor: f = "#000000",
     textColor: x = "#000000",
-    highlightColor: b = $n.DEFAULT_PRIMARY
-  } = h;
+    highlightColor: E = $n.DEFAULT_PRIMARY
+  } = m;
   return /* @__PURE__ */ r.createElement(sn, null, e && /* @__PURE__ */ r.createElement(sn, null, /* @__PURE__ */ r.createElement(qe, null, /* @__PURE__ */ r.createElement(ze, null, /* @__PURE__ */ r.createElement(M, { size: 16, type: "actionbook", color: f })), /* @__PURE__ */ r.createElement(
     He,
     {
       $clickable: !!s,
-      $highlightColor: b,
+      $highlightColor: E,
       variant: "body2",
       color: x,
       onClick: () => s == null ? void 0 : s(e)
     },
     e.name
-  ))), t == null ? void 0 : t.map((E) => /* @__PURE__ */ r.createElement(ct, { key: E.key }, /* @__PURE__ */ r.createElement(ze, null, /* @__PURE__ */ r.createElement(M, { size: 16, type: "function", color: f })), /* @__PURE__ */ r.createElement(qe, null, /* @__PURE__ */ r.createElement(
+  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ r.createElement(ct, { key: b.key }, /* @__PURE__ */ r.createElement(ze, null, /* @__PURE__ */ r.createElement(M, { size: 16, type: "function", color: f })), /* @__PURE__ */ r.createElement(qe, null, /* @__PURE__ */ r.createElement(
     He,
     {
-      $clickable: !!a,
-      $highlightColor: b,
+      $clickable: !!i,
+      $highlightColor: E,
       variant: "body2",
       color: x,
-      onClick: () => a == null ? void 0 : a(E)
+      onClick: () => i == null ? void 0 : i(b)
     },
-    E.name
-  ), i && /* @__PURE__ */ r.createElement(Da, { role: "button", onClick: () => i == null ? void 0 : i(E) }, /* @__PURE__ */ r.createElement(w, { variant: "body2", color: b }, "View details"), /* @__PURE__ */ r.createElement(M, { type: "chevron-right", size: 16, color: b }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ r.createElement(ct, { key: E.id }, /* @__PURE__ */ r.createElement(ze, null, g({
-    default: /* @__PURE__ */ r.createElement(M, { size: 16, type: on[E.source_type] ?? on.snippet, color: f }),
-    sourceType: E.source_type
+    b.name
+  ), a && /* @__PURE__ */ r.createElement(Da, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(w, { variant: "body2", color: E }, "View details"), /* @__PURE__ */ r.createElement(M, { type: "chevron-right", size: 16, color: E }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(ct, { key: b.id }, /* @__PURE__ */ r.createElement(ze, null, h({
+    default: /* @__PURE__ */ r.createElement(M, { size: 16, type: on[b.source_type] ?? on.snippet, color: f }),
+    sourceType: b.source_type
   })), /* @__PURE__ */ r.createElement(
     He,
     {
       $clickable: !!l,
-      $highlightColor: b,
+      $highlightColor: E,
       variant: "body2",
       color: x,
-      onClick: () => l == null ? void 0 : l(E)
+      onClick: () => l == null ? void 0 : l(b)
     },
-    E.preview_title
-  ))), o == null ? void 0 : o.map((E) => /* @__PURE__ */ r.createElement(ct, { key: E.key }, /* @__PURE__ */ r.createElement(ze, null, /* @__PURE__ */ r.createElement(M, { size: 16, type: "template", color: f })), /* @__PURE__ */ r.createElement(
+    b.preview_title
+  ))), o == null ? void 0 : o.map((b) => /* @__PURE__ */ r.createElement(ct, { key: b.key }, /* @__PURE__ */ r.createElement(ze, null, /* @__PURE__ */ r.createElement(M, { size: 16, type: "template", color: f })), /* @__PURE__ */ r.createElement(
     He,
     {
       $clickable: !!c,
-      $highlightColor: b,
+      $highlightColor: E,
       variant: "body2",
       color: x,
-      onClick: () => c == null ? void 0 : c(E)
+      onClick: () => c == null ? void 0 : c(b)
     },
-    E.name
+    b.name
   ))), d);
 }, Ra = u(w)`font-weight:400;`, He = u(Ra)`${({ $clickable: e, $highlightColor: t }) => e && I`
       cursor: pointer;
@@ -2650,21 +2656,21 @@ function Na({ testerType: e, children: t }) {
   );
 }
 const Re = () => {
-  const e = X(Wn);
+  const e = Q(Wn);
   if (!e) throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");
   return e;
 }, Pa = () => {
   const { isActionbookTester: e } = Re();
   return /* @__PURE__ */ r.createElement(xe.Template, { template: e ? Ba : void 0 }, /* @__PURE__ */ r.createElement(xe.MessageLogs, { component: Fa }));
 }, Ba = (e) => /* @__PURE__ */ r.createElement(Un, { ...e, testerMode: !0, maxBodyWidth: Ln }), Fa = ({ extendedMessagePayload: e = {} }) => {
-  const { handlers: t } = B(), { manual: n, groundedness: o, function_calls: s, agent_message_templates: a, is_thinking: i } = e;
-  return i || !n && !(o != null && o.length) && !(s != null && s.length) && !(a != null && a.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(Ua, null, /* @__PURE__ */ r.createElement(Ha, { width: 4 }), /* @__PURE__ */ r.createElement(
+  const { handlers: t } = B(), { manual: n, groundedness: o, function_calls: s, agent_message_templates: i, is_thinking: a } = e;
+  return a || !n && !(o != null && o.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(Ua, null, /* @__PURE__ */ r.createElement(Ha, { width: 4 }), /* @__PURE__ */ r.createElement(
     La,
     {
       actionbook: n,
       functionCalls: s,
       groundedness: o,
-      agentMessageTemplates: a,
+      agentMessageTemplates: i,
       onClickFunctionCallDetail: t == null ? void 0 : t.onFunctionCallDetailClick,
       style: {
         iconColor: p.themedColor.textHighEmphasis,
@@ -2674,7 +2680,7 @@ const Re = () => {
       bottomContent: /* @__PURE__ */ r.createElement(za, { variant: "caption2", color: p.themedColor.textLowEmphasis }, "Only visible in the tester")
     }
   ));
-}, Ua = u.div`display:flex;gap:16px;margin:16px ${ee}px 0;align-self:stretch;`, Ha = u.div`width:${({ width: e }) => e}px;background-color:${p.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, za = u(w)`margin-top:5px;`;
+}, Ua = u.div`display:flex;gap:16px;margin:16px ${te}px 0;align-self:stretch;`, Ha = u.div`width:${({ width: e }) => e}px;background-color:${p.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, za = u(w)`margin-top:5px;`;
 function Va(e) {
   return "sendingStatus" in e ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId);
 }
@@ -2685,12 +2691,12 @@ const Wa = (e, t, n, o = !0) => {
     if (!t || !t.isUserMessage() && !t.isFileMessage()) return !1;
     const c = t.sender.userId === e.sender.userId, d = zt(t.createdAt, e.createdAt);
     return c && d;
-  }, a = () => {
+  }, i = () => {
     if (!n || !n.isUserMessage() && !n.isFileMessage()) return !1;
     const c = n.sender.userId === e.sender.userId, d = zt(n.createdAt, e.createdAt);
     return c && d;
-  }, i = s(), l = a();
-  return i && l ? "middle" : i ? "bottom" : l ? "top" : "single";
+  }, a = s(), l = i();
+  return a && l ? "middle" : a ? "bottom" : l ? "top" : "single";
 };
 function Ga(e, t) {
   return e.filter((n) => Se.isWelcomeMessage(n, t));
@@ -2715,13 +2721,13 @@ const bt = (e) => !!e && "sender" in e, jn = (e) => e.startsWith("image/"), Kn =
   isIncoming: (e, t) => bt(e) && e.sender.userId !== t,
   isOutgoing: (e, t) => bt(e) && (e.sender.userId === t || e.sendingStatus === dt.PENDING)
 }, Za = (e) => {
-  const { chatSDK: t, handlers: n } = B(), { aiAgentInfo: o } = U(), s = N(/* @__PURE__ */ new Set()), a = (i, l) => {
+  const { chatSDK: t, handlers: n } = B(), { aiAgentInfo: o } = U(), s = N(/* @__PURE__ */ new Set()), i = (a, l) => {
     var c;
-    i.url === e && bt(l) && l.sender.userId === o.userId && !Se.isStreaming(l) && !s.current.has(l.messageId) && ((c = n == null ? void 0 : n.onCustomEvent) == null || c.call(n, { type: "bot-message-received", data: { message: l } }), s.current.add(l.messageId));
+    a.url === e && bt(l) && l.sender.userId === o.userId && !Se.isStreaming(l) && !s.current.has(l.messageId) && ((c = n == null ? void 0 : n.onCustomEvent) == null || c.call(n, { type: "bot-message-received", data: { message: l } }), s.current.add(l.messageId));
   };
   Xe(t, {
-    onMessageUpdated: a,
-    onMessageReceived: a
+    onMessageUpdated: i,
+    onMessageReceived: i
   });
 }, Ya = ({ publishSynchronous: e = !1 }) => {
   const t = /* @__PURE__ */ new Set();
@@ -2735,23 +2741,23 @@ const bt = (e) => !!e && "sender" in e, jn = (e) => e.startsWith("image/"), Kn =
   };
 };
 function qa(e, t = []) {
-  const n = N(null), o = N(0), s = N(0), [a] = _(() => Ya({ publishSynchronous: !0 })), [i, l] = _(!0);
+  const n = N(null), o = N(0), s = N(0), [i] = _(() => Ya({ publishSynchronous: !0 })), [a, l] = _(!0);
   return le(() => {
     o.current = 0, s.current = 0, l(!0), n.current && (n.current.scrollTop = n.current.scrollHeight);
-  }, t), le(() => a.subscribe(({ type: c, data: d }) => {
-    const { resolve: g, animated: h } = d ?? {};
-    if (!n.current) return g == null ? void 0 : g();
+  }, t), le(() => i.subscribe(({ type: c, data: d }) => {
+    const { resolve: h, animated: m } = d ?? {};
+    if (!n.current) return h == null ? void 0 : h();
     if (c === "scrollToBottom" && (n.current.scroll ? n.current.scroll({
       top: n.current.scrollHeight,
-      behavior: ln(e, h)
-    }) : n.current.scrollTop = n.current.scrollHeight, s.current = 0, l(!0), g == null || g()), c === "scroll") {
-      const f = d == null ? void 0 : d.top, { scrollTop: x, scrollHeight: b, clientHeight: E } = n.current;
-      n.current.scroll ? n.current.scroll({ top: f, behavior: ln(e, h) }) : typeof f == "number" && (n.current.scrollTop = f), s.current = Math.max(0, b - x - E), l(s.current === 0), g == null || g();
+      behavior: ln(e, m)
+    }) : n.current.scrollTop = n.current.scrollHeight, s.current = 0, l(!0), h == null || h()), c === "scroll") {
+      const f = d == null ? void 0 : d.top, { scrollTop: x, scrollHeight: E, clientHeight: b } = n.current;
+      n.current.scroll ? n.current.scroll({ top: f, behavior: ln(e, m) }) : typeof f == "number" && (n.current.scrollTop = f), s.current = Math.max(0, E - x - b), l(s.current === 0), h == null || h();
     }
   }), [e]), {
     scrollRef: n,
-    scrollPubSub: a,
-    isScrollBottomReached: i,
+    scrollPubSub: i,
+    isScrollBottomReached: a,
     setIsScrollBottomReached: l,
     scrollDistanceFromBottomRef: s,
     scrollPositionRef: o
@@ -2782,15 +2788,15 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
   const { agentPreviewConfigs: t, handlers: n } = B(), o = N(t == null ? void 0 : t.agentAttributes);
   return o.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (s) => {
-      const a = await Xa(s), i = {
+      const i = await Xa(s), a = {
         ...s,
-        metaArrays: a ? [a] : void 0
+        metaArrays: i ? [i] : void 0
       }, l = el(o.current);
-      return l ? { ...i, data: JSON.stringify(l) } : i;
+      return l ? { ...a, data: JSON.stringify(l) } : a;
     },
     onAfterSendMessage: (s) => {
-      var a, i, l;
-      e(), (a = n == null ? void 0 : n.onMessageSend) == null || a.call(n, s.message), s.sendingStatus === dt.SUCCEEDED ? (i = n == null ? void 0 : n.onCustomEvent) == null || i.call(n, { type: "message-sent-succeeded", data: { message: s } }) : s.sendingStatus === dt.PENDING && ((l = n == null ? void 0 : n.onCustomEvent) == null || l.call(n, { type: "message-sent-pending", data: { message: s } }));
+      var i, a, l;
+      e(), (i = n == null ? void 0 : n.onMessageSend) == null || i.call(n, s.message), s.sendingStatus === dt.SUCCEEDED ? (a = n == null ? void 0 : n.onCustomEvent) == null || a.call(n, { type: "message-sent-succeeded", data: { message: s } }) : s.sendingStatus === dt.PENDING && ((l = n == null ? void 0 : n.onCustomEvent) == null || l.call(n, { type: "message-sent-pending", data: { message: s } }));
     }
   };
 }, el = (e) => {
@@ -2807,33 +2813,33 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
   onNavigateToConversationList: n,
   children: o
 }) => {
-  const { aiAgentInfo: s, activeChannel: a, refreshActiveChannel: i } = U(), { testerType: l } = Re(), c = qa("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: g } = Qa({
+  const { aiAgentInfo: s, activeChannel: i, refreshActiveChannel: a } = U(), { testerType: l } = Re(), c = qa("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: h } = Qa({
     onScrollAfterSendMessage: () => {
       c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !1 } });
     }
-  }), h = e || (a == null ? void 0 : a.url);
-  Za(h);
-  const f = (b) => {
-    const E = b[b.length - 1];
-    E && Se.shouldScrollToBottom(E, s.userId, !!l) && setTimeout(() => c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } }), 100);
+  }), m = e || (i == null ? void 0 : i.url);
+  Za(m);
+  const f = (E) => {
+    const b = E[E.length - 1];
+    b && Se.shouldScrollToBottom(b, s.userId, !!l) && setTimeout(() => c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } }), 100);
   }, x = R(async () => {
-    await i(), e && (t == null || t());
-  }, [i, e, t]);
+    await a(), e && (t == null || t());
+  }, [a, e, t]);
   return /* @__PURE__ */ r.createElement(
     io,
     {
-      channelUrl: h,
+      channelUrl: m,
       onBeforeSendMessage: d,
-      onAfterSendMessage: g,
+      onAfterSendMessage: h,
       onMessagesUpdated: f,
       onMessagesReceived: f,
       onChannelDeleted: x,
       onConversationClosedViaDispatcher: x
     },
-    (b) => /* @__PURE__ */ r.createElement(
+    (E) => /* @__PURE__ */ r.createElement(
       tl,
       {
-        value: { ...b, scrollSource: c, goToActiveConversation: x, onNavigateToConversationList: n }
+        value: { ...E, scrollSource: c, goToActiveConversation: x, onNavigateToConversationList: n }
       },
       o
     )
@@ -2851,7 +2857,7 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
           var o;
           if (n.preventDefault(), (o = n.dataTransfer) != null && o.files) {
             const s = Array.from(n.dataTransfer.files);
-            s.length > 0 && t.current.forEach((a) => a(s));
+            s.length > 0 && t.current.forEach((i) => i(s));
           }
         },
         subscribe: (n) => (t.current.add(n), () => t.current.delete(n))
@@ -2860,27 +2866,27 @@ const Zn = "KEY_IMG_ASPECT_RATIO", Qa = ({ onScrollAfterSendMessage: e }) => {
     e
   );
 }, rl = ({ onDropFiles: e }) => {
-  const { subscribe: t } = X(Rt);
+  const { subscribe: t } = Q(Rt);
   L(() => t(e), [e]);
 };
 Et.Consumer = ({ children: e }) => {
-  const { onDrop: t } = X(Rt);
+  const { onDrop: t } = Q(Rt);
   return e({ onDrop: t, onDragOver: (s) => s.preventDefault() });
 };
 const su = ({ iconSize: e = 64, icon: t, className: n, label: o, children: s }) => /* @__PURE__ */ r.createElement(sl, { className: n }, /* @__PURE__ */ r.createElement(M, { type: t, size: e, color: p.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.themedColor.textMidEmphasis }, o), s), ol = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, sl = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, il = {
-  loading: T(() => import("./CorQ5vL_.js")),
-  error: T(() => import("./ccfzGnJU.js")),
-  noChannels: T(() => import("./DFlRbX2F.js")),
-  noMessages: T(() => import("./DNKomW8O.js"))
+  loading: T(() => import("./CKTGU2qP.js")),
+  error: T(() => import("./CV59hwzK.js")),
+  noChannels: T(() => import("./DOAkPSN5.js")),
+  noMessages: T(() => import("./BuMtQ0m7.js"))
 }, Ce = ({ className: e, type: t = "loading", ...n }) => {
   const o = il[t];
   return /* @__PURE__ */ r.createElement(ol, { className: e }, /* @__PURE__ */ r.createElement(ke, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
 }, Yn = ({ rootElementId: e, visible: t, onClose: n, children: o }) => {
   if (!t) return null;
-  const { rootElement: s } = B(), a = pe(s), i = pe(s, !0);
+  const { rootElement: s } = B(), i = pe(s), a = pe(s, !0);
   return Gr(
     /* @__PURE__ */ r.createElement(al, { onClick: n }, /* @__PURE__ */ r.createElement(ll, { onClick: (l) => l.stopPropagation() }, o)),
-    a.getElementById(e) ?? a.getElementById(Q.MODAL_ROOT) ?? i.body
+    i.getElementById(e) ?? i.getElementById(ee.MODAL_ROOT) ?? a.body
   );
 }, al = u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${p.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${fe.MODAL};`, ll = u.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${fe.MODAL};`, cl = u.div`flex-shrink:0;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};background-color:${({ theme: e }) => e.colors.base.primary};box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;}`, dl = u(kt)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
 function qn({ size: e }) {
@@ -2888,17 +2894,17 @@ function qn({ size: e }) {
   return t.profileUrl ? /* @__PURE__ */ r.createElement(It, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(cl, { $size: e }, /* @__PURE__ */ r.createElement(dl, null));
 }
 const ul = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, ml = u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${p.themedColor.textDisabled};background-color:${p.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, gl = u.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, hl = u.div`margin-inline-end:8px;`, pl = u.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, fl = u.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, bl = u.div`display:flex;width:160px;justify-content:flex-end;`, El = u.div`inset-inline-end:0;display:flex;flex-direction:row;`, Jn = u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, xl = u(Jn)`border-inline-start:1px solid ${p.themedColor.textDisabled};`, Cl = u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, vl = u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, yl = u.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, _l = u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Sl = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
-  const { type: s, url: a, name: i = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: g } = U();
+  const { type: s, url: i, name: a = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: h } = U();
   return /* @__PURE__ */ r.createElement(
     wl,
     {
       profileUrl: l ?? "",
       nickname: c ?? "",
       type: s,
-      url: a,
-      name: i,
+      url: i,
+      name: a,
       onClose: n,
-      isBotMessage: d === g.userId,
+      isBotMessage: d === h.userId,
       onDownloadClick: o
     }
   );
@@ -2908,47 +2914,47 @@ const ul = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   nickname: n,
   name: o,
   type: s,
-  url: a,
-  onClose: i,
+  url: i,
+  onClose: a,
   onDownloadClick: l
 }) => {
   const { stringSet: c } = O();
-  return /* @__PURE__ */ r.createElement(Yn, { onClose: i, visible: !0, rootElementId: Q.MODAL_ROOT }, /* @__PURE__ */ r.createElement(ul, null, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(gl, null, /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(Tl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(bl, null, an(s) && /* @__PURE__ */ r.createElement(El, null, /* @__PURE__ */ r.createElement(Jn, { as: "a", href: a, target: "_blank", rel: St, onClick: l }, /* @__PURE__ */ r.createElement(M, { type: "download", color: p.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(xl, { onClick: i }, /* @__PURE__ */ r.createElement(M, { type: "close", color: p.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(Cl, { onClick: (d) => d.currentTarget === d.target && i() }, Kn(s) && /* @__PURE__ */ r.createElement(vl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: a, type: s })), jn(s) && /* @__PURE__ */ r.createElement(yl, { src: a, alt: o }), !an(s) && /* @__PURE__ */ r.createElement(_l, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
+  return /* @__PURE__ */ r.createElement(Yn, { onClose: a, visible: !0, rootElementId: ee.MODAL_ROOT }, /* @__PURE__ */ r.createElement(ul, null, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(gl, null, /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(Tl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(w, { variant: "h2", color: p.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: p.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(bl, null, an(s) && /* @__PURE__ */ r.createElement(El, null, /* @__PURE__ */ r.createElement(Jn, { as: "a", href: i, target: "_blank", rel: St, onClick: l }, /* @__PURE__ */ r.createElement(M, { type: "download", color: p.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(xl, { onClick: a }, /* @__PURE__ */ r.createElement(M, { type: "close", color: p.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(Cl, { onClick: (d) => d.currentTarget === d.target && a() }, Kn(s) && /* @__PURE__ */ r.createElement(vl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), jn(s) && /* @__PURE__ */ r.createElement(yl, { src: i, alt: o }), !an(s) && /* @__PURE__ */ r.createElement(_l, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
 }, Xn = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: s
-}) => /* @__PURE__ */ r.createElement(Al, { style: s, className: e }, /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: p.themedColor.textMidEmphasis }, Cn(n, o, { locale: t }))), Al = u.div`display:flex;justify-content:center;align-items:center;`, kl = ye(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(Al, { id: `${J}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: p.themedColor.textMidEmphasis }, Cn(n, o, { locale: t }))), Al = u.div`display:flex;justify-content:center;align-items:center;`, kl = ye(function(t, n) {
   const {
     messages: o,
     renderMessage: s,
-    messageTopArea: a,
-    messageBottomArea: i,
+    messageTopArea: i,
+    messageBottomArea: a,
     overlayArea: l,
     onLoadPrev: c,
     onLoadNext: d,
-    loadThreshold: g = 0.05,
-    onScrollPosition: h = Ie,
+    loadThreshold: h = 0.05,
+    onScrollPosition: m = Ie,
     depsForResetScrollPositionToBottom: f,
     scrollPositionRef: x,
-    scrollDistanceFromBottomRef: b,
-    stackDirection: E = "top"
-  } = t, m = n && "current" in n ? n : { current: null }, C = N(!1), v = N(void 0), S = N(0), k = N(0), F = N(0), $ = x ?? k, V = b ?? F;
+    scrollDistanceFromBottomRef: E,
+    stackDirection: b = "top"
+  } = t, g = n && "current" in n ? n : { current: null }, C = N(!1), v = N(void 0), S = N(0), k = N(0), F = N(0), $ = x ?? k, V = E ?? F;
   le(() => {
-    m.current && (m.current.scrollTop = m.current.scrollHeight);
+    g.current && (g.current.scrollTop = g.current.scrollHeight);
   }, f), le(() => {
-    m.current && (v.current === "top" && (m.current.scrollTop = m.current.scrollHeight - $.current), v.current === "bottom" && (m.current.scrollTop = S.current), v.current = void 0);
-  }, [m.current, o.length]);
-  const ne = async () => {
-    if (!m.current) return;
-    const y = m.current;
-    if (h(Il(y)), $.current = y.scrollHeight - y.scrollTop, V.current = $.current - y.clientHeight, S.current = y.scrollTop, C.current) return;
-    const H = y.clientHeight * Math.min(Math.max(0, g), 1);
+    g.current && (v.current === "top" && (g.current.scrollTop = g.current.scrollHeight - $.current), v.current === "bottom" && (g.current.scrollTop = S.current), v.current = void 0);
+  }, [g.current, o.length]);
+  const re = async () => {
+    if (!g.current) return;
+    const y = g.current;
+    if (m(Il(y)), $.current = y.scrollHeight - y.scrollTop, V.current = $.current - y.clientHeight, S.current = y.scrollTop, C.current) return;
+    const H = y.clientHeight * Math.min(Math.max(0, h), 1);
     y.scrollTop <= H ? (C.current = !0, v.current = "top", await c(), C.current = !1) : y.scrollHeight - y.scrollTop - y.clientHeight <= H ? (C.current = !0, v.current = "bottom", await d(), C.current = !1) : v.current = void 0;
   };
-  return /* @__PURE__ */ r.createElement($l, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Ml, { id: "infinite-list-inner", ref: m, onScroll: ne }, E === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((y, H) => s({ message: y, index: H })), i), /* @__PURE__ */ r.createElement(Ol, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(Ll, { id: "infinite-list-overlay" }, l)));
+  return /* @__PURE__ */ r.createElement($l, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Ml, { id: "infinite-list-inner", ref: g, onScroll: re }, b === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), i, o.map((y, H) => s({ message: y, index: H })), a), /* @__PURE__ */ r.createElement(Ol, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(Ll, { id: "infinite-list-overlay" }, l)));
 }), cn = 50;
 function Il(e) {
   return e.scrollTop <= cn ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= cn ? "bottom" : "middle";
@@ -2979,15 +2985,15 @@ const $l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ml = u
   const { chatSDK: e } = B(), { channelSource: t } = Z(), [n, o] = _([]);
   return Xe(e, {
     onTypingStatusUpdated(s) {
-      var a;
-      if (s.url === ((a = t.channel) == null ? void 0 : a.url)) {
-        const i = s.getTypingUsers();
-        o(i);
+      var i;
+      if (s.url === ((i = t.channel) == null ? void 0 : i.url)) {
+        const a = s.getTypingUsers();
+        o(a);
       }
     }
   }), n;
 }, Nl = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = B(), { aiAgentInfo: n } = U(), { stringSet: o, dateLocale: s } = O(), { messageSource: a } = Z(), { Template: i } = xe.useContext(), l = e.welcomeMessages ?? [], c = a.messages, d = Ga(c, t), g = c[d.length + 1], h = d[0] ?? g;
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = B(), { aiAgentInfo: n } = U(), { stringSet: o, dateLocale: s } = O(), { messageSource: i } = Z(), { Template: a } = xe.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Ga(c, t), h = c[d.length + 1], m = d[0] ?? h;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
@@ -2996,7 +3002,7 @@ const $l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ml = u
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
-    shouldShowOriginalDate: (f) => f > 0 || l.length === 0 ? !0 : g && !Mr(g.createdAt, (h == null ? void 0 : h.createdAt) ?? 0),
+    shouldShowOriginalDate: (f) => f > 0 || l.length === 0 ? !0 : h && !Mr(h.createdAt, (m == null ? void 0 : m.createdAt) ?? 0),
     /**
      * Renders the list of welcome messages from Bot Studio.
      */
@@ -3004,26 +3010,26 @@ const $l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ml = u
       Xn,
       {
         style: { margin: "16px 0" },
-        date: h == null ? void 0 : h.createdAt,
+        date: m == null ? void 0 : m.createdAt,
         locale: s,
         formatString: o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
       }
     ), l.map((f, x) => {
-      const b = x === l.length - 1, E = d.length !== c.length, m = l.length === 1 ? "single" : x === 0 ? "top" : b || E ? "bottom" : "middle";
+      const E = x === l.length - 1, b = d.length !== c.length, g = l.length === 1 ? "single" : x === 0 ? "top" : E || b ? "bottom" : "middle";
       return /* @__PURE__ */ r.createElement(
-        i,
+        a,
         {
           messageType: "user",
           message: f.message,
           sender: n,
-          groupType: m,
-          createdAt: (h == null ? void 0 : h.createdAt) ?? Date.now(),
+          groupType: g,
+          createdAt: (m == null ? void 0 : m.createdAt) ?? Date.now(),
           extendedMessagePayload: { suggested_replies: f.suggestedReplies },
           suggestedRepliesDirection: e.suggestedRepliesDirection,
-          suggestedRepliesVisible: b && !E,
+          suggestedRepliesVisible: E && !b,
           isBotMessage: !0,
           onClickSuggestedReply: async ({ reply: C }) => {
-            a.sendUserMessage({ message: C });
+            i.sendUserMessage({ message: C });
           }
         }
       );
@@ -3055,7 +3061,7 @@ const Fl = ({ style: e }) => {
   text-decoration: none;
 `, zl = () => {
   var c;
-  const { stringSet: e } = O(), { activeChannel: t } = U(), { channelSource: n, goToActiveConversation: o, scrollSource: s } = Z(), a = Pn(n.channel), l = t && ((c = n.channel) == null ? void 0 : c.url) === (t == null ? void 0 : t.url) && a;
+  const { stringSet: e } = O(), { activeChannel: t } = U(), { channelSource: n, goToActiveConversation: o, scrollSource: s } = Z(), i = Pn(n.channel), l = t && ((c = n.channel) == null ? void 0 : c.url) === (t == null ? void 0 : t.url) && i;
   return le(() => {
     l && s.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
   }, [l]), l ? /* @__PURE__ */ r.createElement(Vl, null, /* @__PURE__ */ r.createElement(
@@ -3069,37 +3075,37 @@ const Fl = ({ style: e }) => {
     e.START_NEW_CONVERSATION
   )) : null;
 }, Vl = u.div`display:flex;justify-content:center;margin:16px 0;`, Wl = u(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${p.themedColor.textDisabled};cursor:pointer;user-select:none;`, Gl = !0, jl = () => {
-  const { Template: e } = Ot.useContext(), { Template: t } = xe.useContext(), { Template: n } = Lt.useContext(), [o, s] = _(null), { userSession: a, aiAgentInfo: i } = U(), { cache: l, agentPreviewConfigs: c, chatSDK: d, state: g } = B(), { stringSet: h, dateLocale: f } = O(), { conversation: x, channelSource: b, messageSource: E, scrollSource: m } = Z(), { isActionbookTester: C } = Re(), { filteredMessages: v, shouldShowOriginalDate: S, renderAgentPreviewWelcomeMessages: k } = Nl(), F = Qn(), $ = Mt(() => {
+  const { Template: e } = Ot.useContext(), { Template: t } = xe.useContext(), { Template: n } = Lt.useContext(), [o, s] = _(null), { userSession: i, aiAgentInfo: a } = U(), { cache: l, agentPreviewConfigs: c, chatSDK: d, state: h } = B(), { stringSet: m, dateLocale: f } = O(), { conversation: x, channelSource: E, messageSource: b, scrollSource: g } = Z(), { isActionbookTester: C } = Re(), { filteredMessages: v, shouldShowOriginalDate: S, renderAgentPreviewWelcomeMessages: k } = Nl(), F = Qn(), $ = Mt(() => {
     const y = F[0];
     if (!y) return null;
-    const H = y.userId === i.userId;
-    return { user: H ? i : y, isBot: H };
+    const H = y.userId === a.userId;
+    return { user: H ? a : y, isBot: H };
   });
   L(() => {
-    $ && m.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
-  }, [!!$, m.scrollPubSub.publish]);
+    $ && g.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
+  }, [!!$, g.scrollPubSub.publish]);
   const V = (y, H = !1) => {
-    var re;
-    return H ? i : ((re = b.channel) == null ? void 0 : re.members.find((Y) => Y.userId === y.sender.userId)) ?? y.sender;
-  }, ne = () => {
-    if (!E.initialized)
+    var oe;
+    return H ? a : ((oe = E.channel) == null ? void 0 : oe.members.find((Y) => Y.userId === y.sender.userId)) ?? y.sender;
+  }, re = () => {
+    if (!b.initialized)
       return /* @__PURE__ */ r.createElement(Ce, { type: "loading" });
-    if (E.messages.length === 0) {
+    if (b.messages.length === 0) {
       const y = k();
-      return y ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, y) : /* @__PURE__ */ r.createElement(Ce, { type: "noMessages", label: h.PLACE_HOLDER__NO_MESSAGES });
+      return y ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, y) : /* @__PURE__ */ r.createElement(Ce, { type: "noMessages", label: m.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ r.createElement(
       kl,
       {
-        ref: m.scrollRef,
-        scrollPositionRef: m.scrollPositionRef,
-        scrollDistanceFromBottomRef: m.scrollDistanceFromBottomRef,
-        onScrollPosition: (y) => m.setIsScrollBottomReached(y === "bottom"),
+        ref: g.scrollRef,
+        scrollPositionRef: g.scrollPositionRef,
+        scrollDistanceFromBottomRef: g.scrollDistanceFromBottomRef,
+        onScrollPosition: (y) => g.setIsScrollBottomReached(y === "bottom"),
         stackDirection: c == null ? void 0 : c.messageStackDirection,
         messages: v,
-        onLoadPrev: E.loadPrevious,
-        onLoadNext: E.loadNext,
-        depsForResetScrollPositionToBottom: [E.initialized, E.messages.length !== 0],
+        onLoadPrev: b.loadPrevious,
+        onLoadNext: b.loadNext,
+        depsForResetScrollPositionToBottom: [b.initialized, b.messages.length !== 0],
         messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Fl, { style: { marginTop: 16 } }), k()),
         messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, $ && /* @__PURE__ */ r.createElement(
           t,
@@ -3112,10 +3118,10 @@ const Fl = ({ style: e }) => {
             message: ""
           }
         ), /* @__PURE__ */ r.createElement(zl, null)),
-        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !m.isScrollBottomReached && /* @__PURE__ */ r.createElement(Zl, { onClick: () => m.scrollPubSub.publish({ type: "scrollToBottom" }) })),
+        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !g.isScrollBottomReached && /* @__PURE__ */ r.createElement(Zl, { onClick: () => g.scrollPubSub.publish({ type: "scrollToBottom" }) })),
         renderMessage: ({ message: y, index: H }) => {
-          const re = Va(y), Y = v[H - 1], nt = v[H + 1], rt = v[v.length - 1], A = y === rt, D = Wa(y, Y, nt, Gl), K = !Wr((Y == null ? void 0 : Y.createdAt) ?? 0, y.createdAt) && S(H) && !C, q = (Pe) => {
-            (y.isFileMessage() || y.isUserMessage()) && s({ file: Pe, sender: V(y, y.sender.userId === i.userId) });
+          const oe = Va(y), Y = v[H - 1], nt = v[H + 1], rt = v[v.length - 1], A = y === rt, D = Wa(y, Y, nt, Gl), K = !Wr((Y == null ? void 0 : Y.createdAt) ?? 0, y.createdAt) && S(H) && !C, q = (Pe) => {
+            (y.isFileMessage() || y.isUserMessage()) && s({ file: Pe, sender: V(y, y.sender.userId === a.userId) });
           }, be = () => {
             y.isFileMessage() && $t(y.url);
           }, fr = K ? /* @__PURE__ */ r.createElement(
@@ -3124,10 +3130,10 @@ const Fl = ({ style: e }) => {
               style: { margin: "16px 0" },
               date: y.createdAt,
               locale: f,
-              formatString: h.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
+              formatString: m.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
             }
           ) : null, Ne = {
-            maxBodyWidth: g.expanded ? Ln : void 0,
+            maxBodyWidth: h.expanded ? Ln : void 0,
             extendedMessagePayload: y.extendedMessagePayload,
             createdAt: y.createdAt,
             groupType: D,
@@ -3143,23 +3149,23 @@ const Fl = ({ style: e }) => {
                   ...x,
                   isResolvedWhenDeterminedByUser: Yl(x),
                   messageType: "admin.csat",
-                  onSubmitCSAT: ({ csat: oe, csatType: me, csatReason: z, isResolved: se }) => {
+                  onSubmitCSAT: ({ csat: se, csatType: me, csatReason: z, isResolved: ie }) => {
                     var ge;
-                    oe && ((ge = b.channel) == null || ge.submitCSAT({ csat: oe, csatType: me, csatReason: z, isResolved: se }));
+                    se && ((ge = E.channel) == null || ge.submitCSAT({ csat: se, csatType: me, csatReason: z, isResolved: ie }));
                   }
                 }
               ) : null : /* @__PURE__ */ r.createElement(n, { ...Ne, messageType: "admin", message: y.message });
-            if (Ve.isOutgoing(y, a.userId)) {
-              const oe = {
+            if (Ve.isOutgoing(y, i.userId)) {
+              const se = {
                 ...Ne,
                 message: y.message,
                 sender: V(y),
                 sendingStatus: y.sendingStatus
               };
               if (y.isUserMessage())
-                return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...oe });
+                return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...se });
               if (y.isFileMessage()) {
-                const [me, z] = ((Pe = y.metaArrays.find((se) => se.key === Zn)) == null ? void 0 : Pe.value) ?? [];
+                const [me, z] = ((Pe = y.metaArrays.find((ie) => ie.key === Zn)) == null ? void 0 : Pe.value) ?? [];
                 return /* @__PURE__ */ r.createElement(
                   e,
                   {
@@ -3169,32 +3175,32 @@ const Fl = ({ style: e }) => {
                       aspectRatio: me && z ? `${me}/${z}` : "1/1",
                       localFile: (Ft = y.messageParams) == null ? void 0 : Ft.file
                     },
-                    ...oe
+                    ...se
                   }
                 );
               }
             }
-            if (Ve.isIncoming(y, a.userId)) {
-              const oe = y.sender.userId === i.userId, me = {
+            if (Ve.isIncoming(y, i.userId)) {
+              const se = y.sender.userId === a.userId, me = {
                 ...Ne,
-                sender: V(y, oe),
+                sender: V(y, se),
                 message: y.message,
                 suggestedRepliesVisible: A,
                 suggestedRepliesDirection: c == null ? void 0 : c.suggestedRepliesDirection,
-                isBotMessage: oe,
+                isBotMessage: se,
                 isStreaming: Se.isStreaming(y),
                 onClickSuggestedReply: async ({ reply: z }) => {
-                  E.sendUserMessage({ message: z });
+                  b.sendUserMessage({ message: z });
                 },
                 onRequestMessageTemplate: async (z) => {
-                  const { template: se } = await d.aiAgent.getMessageTemplate(z);
-                  return l.template.set(z, se), se;
+                  const { template: ie } = await d.aiAgent.getMessageTemplate(z);
+                  return l.template.set(z, ie), ie;
                 },
                 onGetCachedMessageTemplate: (z) => l.template.get(z),
                 onHandleTemplateInternalAction: (z) => {
                   if (z.type === "internal" && z.internalData) {
-                    const { method: se, payload: ge } = z.internalData;
-                    se === "message.send" && (ge != null && ge.message) && E.sendUserMessage({ message: ge.message });
+                    const { method: ie, payload: ge } = z.internalData;
+                    ie === "message.send" && (ge != null && ge.message) && b.sendUserMessage({ message: ge.message });
                   }
                 }
               };
@@ -3204,12 +3210,12 @@ const Fl = ({ style: e }) => {
                 return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: y, ...me });
             }
           })();
-          return /* @__PURE__ */ r.createElement("div", { key: re, id: `${ie}-message-item` }, fr, br);
+          return /* @__PURE__ */ r.createElement("div", { key: oe, id: `${J}-message-item` }, fr, br);
         }
       }
     );
   };
-  return /* @__PURE__ */ r.createElement(Kl, { id: `${ie}-message-list` }, ne(), o && /* @__PURE__ */ r.createElement(Sl, { onClose: () => s(null), sender: o.sender, file: o.file }));
+  return /* @__PURE__ */ r.createElement(Kl, { id: `${J}-message-list` }, re(), o && /* @__PURE__ */ r.createElement(Sl, { onClose: () => s(null), sender: o.sender, file: o.file }));
 }, Kl = u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Zl = u(Rl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
 function Yl(e) {
   var t;
@@ -3242,7 +3248,7 @@ const ql = () => {
     background-color: ${p.color.background700};
   `}
 `, tr = ve(void 0), ec = ({ children: e }) => {
-  const { stringSet: t } = O(), { attachmentMode: n } = U(), { channelSource: o } = Z(), [s, a] = _([]), [i, l] = _({
+  const { stringSet: t } = O(), { attachmentMode: n } = U(), { channelSource: o } = Z(), [s, i] = _([]), [a, l] = _({
     visible: !1,
     title: "",
     buttonText: t.BUTTON__OK
@@ -3257,59 +3263,59 @@ const ql = () => {
       default:
         return c;
     }
-  }, [n, c]), g = (x) => {
+  }, [n, c]), h = (x) => {
     if (!d) return;
-    const b = x.filter((E) => On.includes(E.type));
-    if (b.length !== 0) {
-      if (b.some((E) => E.size > _s)) {
-        l((E) => ({
-          ...E,
+    const E = x.filter((b) => On.includes(b.type));
+    if (E.length !== 0) {
+      if (E.some((b) => b.size > _s)) {
+        l((b) => ({
+          ...b,
           visible: !0,
           title: t.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d", "25")
         }));
         return;
       }
-      if (b.length > 1 || b.length > 0 && s.length > 0) {
-        l((E) => ({
-          ...E,
+      if (E.length > 1 || E.length > 0 && s.length > 0) {
+        l((b) => ({
+          ...b,
           visible: !0,
           title: t.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT
         }));
         return;
       }
-      a((E) => [
-        ...E,
-        ...b.map((m) => ({
-          file: m,
-          preview: { url: URL.createObjectURL(m), type: m.type, name: m.name }
+      i((b) => [
+        ...b,
+        ...E.map((g) => ({
+          file: g,
+          preview: { url: URL.createObjectURL(g), type: g.type, name: g.name }
         }))
       ]);
     }
-  }, h = (x) => {
-    a((b) => {
-      var m;
-      const E = (m = b[x]) == null ? void 0 : m.preview;
-      return E && URL.revokeObjectURL(E.url), b.filter((C, v) => v !== x);
+  }, m = (x) => {
+    i((E) => {
+      var g;
+      const b = (g = E[x]) == null ? void 0 : g.preview;
+      return b && URL.revokeObjectURL(b.url), E.filter((C, v) => v !== x);
     });
   }, f = () => {
-    a((x) => (x.forEach((b) => URL.revokeObjectURL(b.preview.url)), []));
+    i((x) => (x.forEach((E) => URL.revokeObjectURL(E.preview.url)), []));
   };
   return /* @__PURE__ */ r.createElement(
     tr.Provider,
     {
       value: {
         files: s,
-        addFiles: g,
-        removeFile: h,
+        addFiles: h,
+        removeFile: m,
         clearFiles: f,
         isFileUploadEnabled: d
       }
     },
     e,
-    /* @__PURE__ */ r.createElement(tc, { ...i, onClose: () => l((x) => ({ ...x, visible: !1, title: "" })) })
+    /* @__PURE__ */ r.createElement(tc, { ...a, onClose: () => l((x) => ({ ...x, visible: !1, title: "" })) })
   );
 }, Dt = () => {
-  const e = X(tr);
+  const e = Q(tr);
   if (!e)
     throw new Error("useFileUpload must be used within FileUploadProvider");
   return e;
@@ -3318,7 +3324,7 @@ const ql = () => {
   buttonText: t,
   visible: n,
   onClose: o
-}) => /* @__PURE__ */ r.createElement(Yn, { rootElementId: Q.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(nc, null, /* @__PURE__ */ r.createElement(oc, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(rc, null, /* @__PURE__ */ r.createElement(sc, { onClick: o }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: p.themedColor.textHighEmphasisInverse }, t))))), nc = u.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, rc = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, oc = u.div`margin-bottom:16px;`, sc = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${p.themedColor.error};border:1px solid ${p.themedColor.error};padding:10px 16px;&:hover{background-color:${p.color.error.dark};border-color:${p.color.error.dark};}&:active{background-color:${p.color.error.extraDark};}`;
+}) => /* @__PURE__ */ r.createElement(Yn, { rootElementId: ee.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(nc, null, /* @__PURE__ */ r.createElement(oc, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: p.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(rc, null, /* @__PURE__ */ r.createElement(sc, { onClick: o }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: p.themedColor.textHighEmphasisInverse }, t))))), nc = u.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, rc = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, oc = u.div`margin-bottom:16px;`, sc = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${p.themedColor.error};border:1px solid ${p.themedColor.error};padding:10px 16px;&:hover{background-color:${p.color.error.dark};border-color:${p.color.error.dark};}&:active{background-color:${p.color.error.extraDark};}`;
 function ic({ blurred: e, elementRef: t, document: n = window.document }) {
   const o = N(!1);
   e && t.current && n.activeElement === t.current && (o.current = !0), le(() => {
@@ -3350,14 +3356,14 @@ const ac = (e, t) => {
     stroke: ${p.themedColor.bg_50_600};
   }
 `, uc = () => {
-  const e = Oe(), [t, n] = _(), { files: o, removeFile: s, isFileUploadEnabled: a } = Dt();
-  return !a || o.length === 0 ? null : /* @__PURE__ */ r.createElement(lc, null, o.map(({ preview: { type: i, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(cc, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(dc, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(M, { type: "close-filled", color: p.themedColor.textMidEmphasis })), i.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(At, { name: l, type: wt(l, i) }))));
+  const e = Oe(), [t, n] = _(), { files: o, removeFile: s, isFileUploadEnabled: i } = Dt();
+  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(lc, null, o.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(cc, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(dc, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(M, { type: "close-filled", color: p.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(At, { name: l, type: wt(l, a) }))));
 }, mc = ({ channel: e, messages: t }) => {
-  const { stringSet: n } = O(), { aiAgentInfo: o } = U(), s = gc(), a = hc({
+  const { stringSet: n } = O(), { aiAgentInfo: o } = U(), s = gc(), i = hc({
     lastMessage: t[t.length - 1],
     aiAgentUserId: o.userId
   });
-  return !e || !s || Pn(e) ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED] : a ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE] : [!1, n.MESSAGE_INPUT__PLACE_HOLDER];
+  return !e || !s || Pn(e) ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED] : i ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE] : [!1, n.MESSAGE_INPUT__PLACE_HOLDER];
 }, gc = () => {
   const e = bn(), { chatSDK: t } = B(), [n, o] = _(!0);
   return L(() => {
@@ -3377,21 +3383,21 @@ const ac = (e, t) => {
   const [n, o] = _(!1), s = Qn();
   return L(() => {
     if (!e) return;
-    const a = s.some((l) => l.userId === t), i = Gn(e, t) && Se.isStreaming(e);
-    o(!!(i || a));
+    const i = s.some((l) => l.userId === t), a = Gn(e, t) && Se.isStreaming(e);
+    o(!!(a || i));
   }, [s, e, t]), n;
 }, nr = {
   textArea: I`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: I`margin-bottom:4px;`
 }, rr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, pc = u(rr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${p.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${p.themedColor.bg_200_400};}}${_t && nr.attachIcon};`, fc = u.input`display:none;`, dn = u.div`width:100%;position:relative;background-color:${p.themedColor.bg_100_500};border-radius:20px;`, un = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, mn = u.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${p.themedColor.textHighEmphasis};resize:none;width:100%;height:${Mn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${_t && nr.textArea};&::placeholder{color:${p.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${p.themedColor.textDisabled};}}`, gn = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, hn = ({ disabled: e }) => {
-  const t = N(null), { addFiles: n, clearFiles: o, files: s, isFileUploadEnabled: a } = Dt();
-  return !a || s.length > 0 ? null : /* @__PURE__ */ r.createElement(
+  const t = N(null), { addFiles: n, clearFiles: o, files: s, isFileUploadEnabled: i } = Dt();
+  return !i || s.length > 0 ? null : /* @__PURE__ */ r.createElement(
     pc,
     {
       disabled: e,
       onClick: () => {
-        var i;
-        o(), (i = t.current) == null || i.click();
+        var a;
+        o(), (a = t.current) == null || a.click();
       }
     },
     /* @__PURE__ */ r.createElement(
@@ -3407,37 +3413,37 @@ const ac = (e, t) => {
       {
         type: "file",
         ref: t,
-        onChange: (i) => {
-          const l = i.currentTarget.files;
-          l && n(Array.from(l)), i.target.value = "";
+        onChange: (a) => {
+          const l = a.currentTarget.files;
+          l && n(Array.from(l)), a.target.value = "";
         },
         accept: On.join(",")
       }
     )
   );
 }, bc = () => {
-  const e = N(null), [t, n] = _(""), { rootElement: o } = B(), { channelSource: s, messageSource: a } = Z(), [i, l] = mc({
+  const e = N(null), [t, n] = _(""), { rootElement: o } = B(), { channelSource: s, messageSource: i } = Z(), [a, l] = mc({
     channel: s.channel,
-    messages: a.messages
-  }), { files: c, addFiles: d, clearFiles: g } = Dt();
-  rl({ onDropFiles: d }), ic({ blurred: i, elementRef: e, document: pe(o) }), ac(s.channel, t);
-  const h = t.trim().length > 0, f = c.length > 0, x = !i && (h || f), b = () => {
-    e.current && (e.current.value = "", e.current.style.height = ""), g(), n("");
-  }, E = async () => {
+    messages: i.messages
+  }), { files: c, addFiles: d, clearFiles: h } = Dt();
+  rl({ onDropFiles: d }), ic({ blurred: a, elementRef: e, document: pe(o) }), ac(s.channel, t);
+  const m = t.trim().length > 0, f = c.length > 0, x = !a && (m || f), E = () => {
+    e.current && (e.current.value = "", e.current.style.height = ""), h(), n("");
+  }, b = async () => {
     const S = t.trim(), k = { message: S };
     if (!(!S && !c.length)) {
       if (c.length > 0) {
         const F = c[0].file, $ = { ...k, file: F };
-        a.sendFileMessage($), b();
+        i.sendFileMessage($), E();
         return;
       }
-      a.sendUserMessage(k), b();
+      i.sendUserMessage(k), E();
     }
-  }, m = (S) => {
+  }, g = (S) => {
     const k = Array.from(S.clipboardData.files);
     k.length > 0 && (S.preventDefault(), d(k));
   }, C = (S) => {
-    S.key !== "Enter" || S.nativeEvent.isComposing || S.shiftKey || (S.preventDefault(), E());
+    S.key !== "Enter" || S.nativeEvent.isComposing || S.shiftKey || (S.preventDefault(), b());
   }, v = (S) => {
     if (e.current) {
       e.current.style.height = "";
@@ -3446,7 +3452,7 @@ const ac = (e, t) => {
     }
     n(S.target.value);
   };
-  return i ? /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(mn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(hn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(uc, null), /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(
+  return a ? /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(mn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(hn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(gn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(uc, null), /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(
     mn,
     {
       ref: e,
@@ -3456,9 +3462,9 @@ const ac = (e, t) => {
       maxLength: 5e3,
       onKeyDown: C,
       onChange: v,
-      onPaste: m
+      onPaste: g
     }
-  ), /* @__PURE__ */ r.createElement(hn, null))), x && /* @__PURE__ */ r.createElement(rr, { onClick: () => E() }, /* @__PURE__ */ r.createElement(M, { type: "send", color: p.color.primary.main, size: 20 })));
+  ), /* @__PURE__ */ r.createElement(hn, null))), x && /* @__PURE__ */ r.createElement(rr, { onClick: () => b() }, /* @__PURE__ */ r.createElement(M, { type: "send", color: p.color.primary.main, size: 20 })));
 }, Ec = u.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${p.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${P.light`
       color: ${p.color.information.light};
     `};
@@ -3466,41 +3472,41 @@ const ac = (e, t) => {
       color: ${p.color.information.main};
     `};
   }
-`, xc = T(() => import("./4nxZMIz3.js").then((e) => ({ default: e.MarkdownText }))), Cc = () => {
+`, xc = T(() => import("./CwdCJ7xG.js").then((e) => ({ default: e.MarkdownText }))), Cc = () => {
   const { aiAgentInfo: e } = U(), { messageSource: t } = Z(), { userSession: n } = U();
   return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((s) => Gn(s, n.userId))) ? null : /* @__PURE__ */ r.createElement(Ec, null, /* @__PURE__ */ r.createElement(xc, null, e.specialNotice));
 }, vc = () => /* @__PURE__ */ r.createElement(yc, null, /* @__PURE__ */ r.createElement(Cc, null), /* @__PURE__ */ r.createElement(ec, null, /* @__PURE__ */ r.createElement(bc, null))), yc = u.div`z-index:0;border:none;width:100%;`, _c = () => {
-  var a, i, l;
-  const { activeChannel: e } = U(), { channelSource: t } = Z(), n = ((i = (a = t.channel) == null ? void 0 : a.conversation) == null ? void 0 : i.status) === W.CLOSED;
+  var i, a, l;
+  const { activeChannel: e } = U(), { channelSource: t } = Z(), n = ((a = (i = t.channel) == null ? void 0 : i.conversation) == null ? void 0 : a.status) === W.CLOSED;
   return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Jl, null) : /* @__PURE__ */ r.createElement(vc, null);
 }, Sc = () => {
   var v;
-  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: s } = B(), { stringSet: a } = O(), { aiAgentInfo: i, activeChannel: l } = U(), { channelSource: c, onNavigateToConversationList: d } = Z(), g = c.channel, f = Oe() ? 24 : 16, x = () => {
+  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: s } = B(), { stringSet: i } = O(), { aiAgentInfo: a, activeChannel: l } = U(), { channelSource: c, onNavigateToConversationList: d } = Z(), h = c.channel, f = Oe() ? 24 : 16, x = () => {
     e.setOpened(!1);
-  }, b = async () => {
+  }, E = async () => {
     try {
-      const S = await (g == null ? void 0 : g.markConversationAsHandoff());
+      const S = await (h == null ? void 0 : h.markConversationAsHandoff());
       t.info("conversation.handleAgentHandoff: success", S);
     } catch (S) {
       t.error("conversation.handleAgentHandoff: error", S);
     }
-  }, E = async () => {
-    g && await s.send(ro.CloseConversation({ channelUrl: g.url }));
-  }, m = l && (g == null ? void 0 : g.url) === l.url, C = i.showHandoffButton && !!((v = g == null ? void 0 : g.conversation) != null && v.handoff) && m;
-  return /* @__PURE__ */ r.createElement(Ic, null, /* @__PURE__ */ r.createElement($c, null, d && /* @__PURE__ */ r.createElement(De, { onClick: () => d() }, /* @__PURE__ */ r.createElement(M, { type: "menu", size: 24, color: p.themedColor.textHighEmphasis })), m && /* @__PURE__ */ r.createElement(qn, { size: 34 }), /* @__PURE__ */ r.createElement(Oc, { variant: "h2", color: p.themedColor.textHighEmphasis }, i.nickname || (g == null ? void 0 : g.name))), /* @__PURE__ */ r.createElement(Mc, null, C && /* @__PURE__ */ r.createElement(
+  }, b = async () => {
+    h && await s.send(ro.CloseConversation({ channelUrl: h.url }));
+  }, g = l && (h == null ? void 0 : h.url) === l.url, C = a.showHandoffButton && !!((v = h == null ? void 0 : h.conversation) != null && v.handoff) && g;
+  return /* @__PURE__ */ r.createElement(Ic, null, /* @__PURE__ */ r.createElement($c, null, d && /* @__PURE__ */ r.createElement(De, { onClick: () => d() }, /* @__PURE__ */ r.createElement(M, { type: "menu", size: 24, color: p.themedColor.textHighEmphasis })), g && /* @__PURE__ */ r.createElement(qn, { size: 34 }), /* @__PURE__ */ r.createElement(Oc, { variant: "h2", color: p.themedColor.textHighEmphasis }, a.nickname || (h == null ? void 0 : h.name))), /* @__PURE__ */ r.createElement(Mc, null, C && /* @__PURE__ */ r.createElement(
     kc,
     {
-      tooltipLabel: a.HEADER_BUTTON__AGENT_HANDOFF,
-      disabled: !oi(g),
+      tooltipLabel: i.HEADER_BUTTON__AGENT_HANDOFF,
+      disabled: !oi(h),
       size: f,
-      onClick: b
+      onClick: E
     }
   ), n && /* @__PURE__ */ r.createElement(
     Ac,
     {
-      disabled: !Bn(g),
+      disabled: !Bn(h),
       size: f,
-      onClick: E
+      onClick: b
     }
   ), o && /* @__PURE__ */ r.createElement(Tc, { size: f }), /* @__PURE__ */ r.createElement(wc, { size: f, onClick: x })));
 }, Tc = ({ size: e, disabled: t }) => {
@@ -3537,7 +3543,7 @@ const ac = (e, t) => {
       closedChannelUrl: n,
       onClearClosedChannelUrl: o
     },
-    /* @__PURE__ */ r.createElement(Et, null, /* @__PURE__ */ r.createElement(Et.Consumer, null, (a) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Dc, { ...a }, /* @__PURE__ */ r.createElement(s, null)), e)))
+    /* @__PURE__ */ r.createElement(Et, null, /* @__PURE__ */ r.createElement(Et.Consumer, null, (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Dc, { ...i }, /* @__PURE__ */ r.createElement(s, null)), e)))
   );
 }, Nt = _e({
   template: Rc,
@@ -3557,11 +3563,19 @@ const Dc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:
   useContext: or
 } = G("ConversationList");
 function Pc({
-  conversationListFilter: e,
-  onOpenConversationView: t = Ie,
-  children: n
+  conversationListLimit: e,
+  conversationListFilter: t,
+  onOpenConversationView: n = Ie,
+  children: o
 }) {
-  return /* @__PURE__ */ r.createElement(go, { conversationListFilter: e }, (o) => /* @__PURE__ */ r.createElement(Nc, { value: { ...o, onOpenConversationView: t } }, n));
+  return /* @__PURE__ */ r.createElement(
+    go,
+    {
+      conversationListLimit: e,
+      conversationListFilter: t
+    },
+    (s) => /* @__PURE__ */ r.createElement(Nc, { value: { ...s, onOpenConversationView: n } }, o)
+  );
 }
 const sr = _e({
   template: Bc,
@@ -3578,10 +3592,10 @@ function Bc({
 }
 const Fc = u.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, Uc = u.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${p.themedColor.textDisabled};`, Hc = u.div`gap:4px;display:flex;flex-direction:column;flex:1;`, zc = u.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, Vc = ({ items: e, renderItem: t, onEndReached: n }) => {
   const o = (s) => {
-    const a = s.target;
-    a.scrollHeight - a.scrollTop === a.clientHeight && (n == null || n());
+    const i = s.target;
+    i.scrollHeight - i.scrollTop === i.clientHeight && (n == null || n());
   };
-  return /* @__PURE__ */ r.createElement(Wc, { onScroll: (s) => o(s) }, e.map((s, a) => t(s, a)));
+  return /* @__PURE__ */ r.createElement(Wc, { onScroll: (s) => o(s) }, e.map((s, i) => t(s, i)));
 }, Wc = u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, Gc = () => {
   const { stringSet: e } = O(), { listSource: t, onOpenConversationView: n } = or(), { Template: o } = sr.useContext();
   return t.initialized ? t.channels.length === 0 ? /* @__PURE__ */ r.createElement(Ce, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ r.createElement(
@@ -3589,13 +3603,13 @@ const Fc = u.div`display:flex;flex-direction:row;align-items:center;position:rel
     {
       items: t.channels,
       renderItem: (s) => {
-        var a, i, l;
+        var i, a, l;
         return /* @__PURE__ */ r.createElement(
           o,
           {
             key: s.url,
             channelUrl: s.url,
-            title: (i = (a = s.conversation) == null ? void 0 : a.topics) == null ? void 0 : i.join(", "),
+            title: (a = (i = s.conversation) == null ? void 0 : i.topics) == null ? void 0 : a.join(", "),
             lastMessageTimestamp: (l = s.lastMessage) == null ? void 0 : l.createdAt,
             onClick: () => n(s.url, W.CLOSED),
             channel: s
@@ -3623,16 +3637,22 @@ const Fc = u.div`display:flex;flex-direction:row;align-items:center;position:rel
 }, Kc = u.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Zc = u(w)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Yc = () => {
   const { stringSet: e } = O();
   return /* @__PURE__ */ r.createElement(qc, null, /* @__PURE__ */ r.createElement(Jc, { variant: "h2", color: p.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Xc, null));
-}, qc = u.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Jc = u(w)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Xc = u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${p.themedColor.textDisabled};`, Qc = ({ conversationListFilter: e, children: t, onOpenConversationView: n }) => {
-  const { Template: o } = Pt.useContext();
+}, qc = u.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Jc = u(w)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Xc = u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${p.themedColor.textDisabled};`, Qc = ({
+  conversationListLimit: e,
+  conversationListFilter: t,
+  children: n,
+  onOpenConversationView: o
+}) => {
+  const { Template: s } = Pt.useContext();
   return /* @__PURE__ */ r.createElement(
     Pc,
     {
-      conversationListFilter: e,
-      onOpenConversationView: n
+      conversationListLimit: e,
+      conversationListFilter: t,
+      onOpenConversationView: o
     },
-    /* @__PURE__ */ r.createElement(td, null, /* @__PURE__ */ r.createElement(o, null)),
-    t
+    /* @__PURE__ */ r.createElement(td, null, /* @__PURE__ */ r.createElement(s, null)),
+    n
   );
 }, Pt = _e({
   template: ed,
@@ -3646,7 +3666,7 @@ function ed() {
   const { components: e } = Pt.useContext();
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
 }
-const td = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, nd = I`:where(#${Q.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, rd = [nd, ss, is], od = (e, ...t) => Ir(e, ...rd, ...t), sd = od``, id = Kr(
+const td = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, nd = I`:where(#${ee.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, rd = [nd, ss, is], od = (e, ...t) => Ir(e, ...rd, ...t), sd = od``, id = Kr(
   Nt,
   xe,
   Ot,
@@ -3660,11 +3680,11 @@ function ad({
   logger: n,
   language: o,
   stringSet: s,
-  children: a,
-  messageTemplate: i,
+  children: i,
+  messageTemplate: a,
   theme: l
 }) {
-  return ms(Yo, t), /* @__PURE__ */ r.createElement($r, { target: t }, /* @__PURE__ */ r.createElement(cs, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(zo, { internalVariables: i == null ? void 0 : i.__internalVariables }, /* @__PURE__ */ r.createElement(os, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(id, null, a, /* @__PURE__ */ r.createElement(sd, null))))));
+  return ms(Yo, t), /* @__PURE__ */ r.createElement($r, { target: t }, /* @__PURE__ */ r.createElement(cs, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(zo, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(os, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(id, null, i, /* @__PURE__ */ r.createElement(sd, null))))));
 }
 const We = {}, Ge = {
   getItem: (e) => {
@@ -3705,20 +3725,20 @@ const We = {}, Ge = {
   logLevel: n = En.WARN,
   language: o = navigator.language,
   userSessionInfo: s,
-  children: a,
-  ...i
+  children: i,
+  ...a
 }, l) {
   var c, d;
-  return we.level !== n && (we.level = n), us("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: Q.ENTRY, style: { width: "fit-content", height: "fit-content", ...i.entryStyle } }, /* @__PURE__ */ r.createElement(
+  return we.level !== n && (we.level = n), us("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: ee.ENTRY, style: { width: "fit-content", height: "fit-content", ...a.entryStyle } }, /* @__PURE__ */ r.createElement(
     ad,
     {
       logger: we,
       rootElement: t,
-      appearance: (c = i.agentPreviewConfigs) == null ? void 0 : c.appearance,
-      stringSet: i.stringSet,
+      appearance: (c = a.agentPreviewConfigs) == null ? void 0 : c.appearance,
+      stringSet: a.stringSet,
       language: o,
-      messageTemplate: i.messageTemplate,
-      theme: i.theme
+      messageTemplate: a.messageTemplate,
+      theme: a.theme
     },
     /* @__PURE__ */ r.createElement(
       ps,
@@ -3733,26 +3753,26 @@ const We = {}, Ge = {
         language: o,
         logger: we,
         dispatcher: ld,
-        chatParams: { customApiHost: i.customApiHost, customWebSocketHost: i.customWebSocketHost },
-        ...i
+        chatParams: { customApiHost: a.customApiHost, customWebSocketHost: a.customWebSocketHost },
+        ...a
       },
       /* @__PURE__ */ r.createElement(
         bs,
         {
           ref: l,
           userSessionInfo: s,
-          forceCreateChannel: (d = i.agentPreviewConfigs) == null ? void 0 : d.forceCreateChannel
+          forceCreateChannel: (d = a.agentPreviewConfigs) == null ? void 0 : d.forceCreateChannel
         },
-        /* @__PURE__ */ r.createElement(Na, { ...i._UNSAFE_INTERNAL_dashboardTester }, a, /* @__PURE__ */ r.createElement("div", { id: Q.MODAL_ROOT }))
+        /* @__PURE__ */ r.createElement(Na, { ...a._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ r.createElement("div", { id: ee.MODAL_ROOT }))
       )
     )
   ));
 }), we = new Tn(En.WARN), ld = new _n(we), ar = ({ children: e, isOpened: t }) => {
   const { dir: n, rootElement: o } = B(), s = pe(o, !0);
   return L(() => {
-    const a = "sb-agent-block-scroll";
-    return t ? s.body.classList.add(a) : s.body.classList.remove(a), () => {
-      s.body.classList.remove(a);
+    const i = "sb-agent-block-scroll";
+    return t ? s.body.classList.add(i) : s.body.classList.remove(i), () => {
+      s.body.classList.remove(i);
     };
   }, [s, t]), /* @__PURE__ */ r.createElement(cd, { dir: n, $visible: t }, e);
 }, cd = u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${fe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, dd = 48, ud = 2 / 3;
@@ -3762,26 +3782,26 @@ function md({
   onClick: n,
   type: o,
   imageUrl: s,
-  dir: a,
-  animated: i = !0,
+  dir: i,
+  animated: a = !0,
   backgroundColor: l,
   size: c = dd
 }) {
-  const d = pt(l), g = Math.round(c * ud);
+  const d = pt(l), h = Math.round(c * ud);
   return /* @__PURE__ */ r.createElement(
     pd,
     {
-      dir: a,
-      id: Q.LAUNCHER,
+      dir: i,
+      id: ee.LAUNCHER,
       className: e,
       "aria-label": "Sendbird AIAgent Launcher",
       onClick: n,
-      $animated: i,
+      $animated: a,
       $backgroundColor: l,
       $size: c
     },
-    /* @__PURE__ */ r.createElement(fd, { $isOpened: t, $animated: i, $fillColor: d, $iconSize: g }, /* @__PURE__ */ r.createElement(fn.Open, { url: s, isDefaultIcon: o === "default_icon" })),
-    /* @__PURE__ */ r.createElement(bd, { $isOpened: t, $animated: i, $fillColor: d, $iconSize: g }, /* @__PURE__ */ r.createElement(fn.Close, { size: g }))
+    /* @__PURE__ */ r.createElement(fd, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(fn.Open, { url: s, isDefaultIcon: o === "default_icon" })),
+    /* @__PURE__ */ r.createElement(bd, { $isOpened: t, $animated: a, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(fn.Close, { size: h }))
   );
 }
 const gd = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, hd = I`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;filter:${({ $fillColor: e }) => e === $n.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, lr = I`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => I`
@@ -3798,7 +3818,7 @@ const gd = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
   Close: ({ size: e }) => /* @__PURE__ */ r.createElement(M, { size: e, type: "chevron-down" })
 };
 function dr({ className: e, size: t }) {
-  const { colors: n } = xt(), { dir: o, state: s } = B(), { launcherInfo: a } = U();
+  const { colors: n } = xt(), { dir: o, state: s } = B(), { launcherInfo: i } = U();
   return xd(), /* @__PURE__ */ r.createElement(
     md,
     {
@@ -3806,8 +3826,8 @@ function dr({ className: e, size: t }) {
       className: e,
       isOpened: s.opened,
       onClick: () => s.setOpened(!s.opened),
-      type: a.type,
-      imageUrl: a.imageUrl,
+      type: i.type,
+      imageUrl: i.imageUrl,
       backgroundColor: n.base.primary,
       size: t
     }
@@ -3818,23 +3838,23 @@ function xd() {
   const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = B(), s = N(null);
   L(() => {
     if (!o) return;
-    function a() {
+    function i() {
       s.current && (clearTimeout(s.current), s.current = null);
     }
-    function i() {
-      e.connectionState === Ar.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), a(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
+    function a() {
+      e.connectionState === Ar.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), i(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
     }
     function l() {
-      a(), s.current = setTimeout(async () => {
+      i(), s.current = setTimeout(async () => {
         await e.disconnectWebSocket(), n.debug("useSDKInactivityTimeout: disconnected");
       }, Ed);
     }
-    t.opened ? i() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
+    t.opened ? a() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
   }, [o, e, t.opened]);
 }
 const ur = ve(null);
 function Cd() {
-  const e = X(ur);
+  const e = Q(ur);
   if (!e)
     throw new Error("useNavigator() must be used within <Navigator />");
   return e;
@@ -3861,23 +3881,23 @@ const vd = xn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY
         ` : I`z-index:1;pointer-events:none;`}
 `;
 function Ae({ initialId: e, children: t }) {
-  const n = R((m, C) => {
-    c((v) => [...v, m]), g((v) => ({ ...v, [m]: !0 })), C != null && C.reset && b((v) => ({
+  const n = R((g, C) => {
+    c((v) => [...v, g]), h((v) => ({ ...v, [g]: !0 })), C != null && C.reset && E((v) => ({
       ...v,
-      [m]: (v[m] || 0) + 1
+      [g]: (v[g] || 0) + 1
     })), f((v) => ({
       ...v,
-      [m]: "entering"
+      [g]: "entering"
     })), setTimeout(() => {
       f((v) => ({
         ...v,
-        [m]: "entered"
+        [g]: "entered"
       }));
     }, 300);
   }, []), o = R(() => {
-    c((m) => {
-      if (m.length <= 1) return m;
-      const C = m[m.length - 1];
+    c((g) => {
+      if (g.length <= 1) return g;
+      const C = g[g.length - 1];
       return f((v) => ({
         ...v,
         [C]: "exiting"
@@ -3886,37 +3906,37 @@ function Ae({ initialId: e, children: t }) {
           ...v,
           [C]: "exited"
         })), c((v) => v.slice(0, -1));
-      }, 300), m;
+      }, 300), g;
     });
   }, []), s = ae(() => ({
     navigation: {
       navigate: n,
       pop: o
     }
-  }), [n, o]), a = ae(() => vr.toArray(t).filter(
-    (m) => m.type === mr
-  ), [t]), i = ae(() => {
-    const m = {};
-    return a.forEach((C) => {
+  }), [n, o]), i = ae(() => vr.toArray(t).filter(
+    (g) => g.type === mr
+  ), [t]), a = ae(() => {
+    const g = {};
+    return i.forEach((C) => {
       const { id: v, lazy: S, children: k } = C.props;
-      m[v] = { lazy: S, element: typeof k == "function" ? k(s) : k };
-    }), m;
-  }, [a]), [l, c] = _([e]), [d, g] = _(() => {
-    const m = {};
-    return Object.entries(i).forEach(([C, { lazy: v }]) => {
-      v === !1 && (m[C] = !0);
-    }), m[e] = !0, m;
-  }), [h, f] = _(() => {
-    const m = {};
-    return Object.keys(i).forEach((C) => {
-      C === e ? m[C] = "entered" : m[C] = "exited";
-    }), m;
-  }), [x, b] = _({}), E = l[l.length - 1];
-  return /* @__PURE__ */ r.createElement(ur.Provider, { value: s }, /* @__PURE__ */ r.createElement(kd, null, Object.keys(i).map((m) => {
+      g[v] = { lazy: S, element: typeof k == "function" ? k(s) : k };
+    }), g;
+  }, [i]), [l, c] = _([e]), [d, h] = _(() => {
+    const g = {};
+    return Object.entries(a).forEach(([C, { lazy: v }]) => {
+      v === !1 && (g[C] = !0);
+    }), g[e] = !0, g;
+  }), [m, f] = _(() => {
+    const g = {};
+    return Object.keys(a).forEach((C) => {
+      C === e ? g[C] = "entered" : g[C] = "exited";
+    }), g;
+  }), [x, E] = _({}), b = l[l.length - 1];
+  return /* @__PURE__ */ r.createElement(ur.Provider, { value: s }, /* @__PURE__ */ r.createElement(kd, null, Object.keys(a).map((g) => {
     var k;
-    if (!d[m]) return null;
-    const C = h[m] || "exited", v = m === E, S = `${m}-${x[m] || 0}`;
-    return /* @__PURE__ */ r.createElement(Ad, { key: S, $transitionState: C, $active: v }, (k = i[m]) == null ? void 0 : k.element);
+    if (!d[g]) return null;
+    const C = m[g] || "exited", v = g === b, S = `${g}-${x[g] || 0}`;
+    return /* @__PURE__ */ r.createElement(Ad, { key: S, $transitionState: C, $active: v }, (k = a[g]) == null ? void 0 : k.element);
   })));
 }
 const kd = u.div`position:relative;width:100%;height:100%;`;
@@ -3942,15 +3962,15 @@ const he = {
 )));
 function Id({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
   const { dir: s } = B();
-  return /* @__PURE__ */ r.createElement($d, null, /* @__PURE__ */ r.createElement(Md, { dir: s, id: Q.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
+  return /* @__PURE__ */ r.createElement($d, null, /* @__PURE__ */ r.createElement(Md, { dir: s, id: ee.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
 const $d = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Md = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && Ld};${({ $isExpanded: e }) => e && Od};`, Od = I`width:743px;height:723px;`, Ld = I`z-index:${fe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, au = ye(function({ children: e, ...t }, n) {
-  const o = Oe(), [s, a] = _(), i = o ? ar : Id;
-  return /* @__PURE__ */ r.createElement(ir, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(In, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(i, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(dr, null) }, /* @__PURE__ */ r.createElement(
+  const o = Oe(), [s, i] = _(), a = o ? ar : Id;
+  return /* @__PURE__ */ r.createElement(ir, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(In, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(a, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(dr, null) }, /* @__PURE__ */ r.createElement(
     gr,
     {
       closedChannelUrl: s,
-      setClosedChannelUrl: a
+      setClosedChannelUrl: i
     }
   )), e)));
 }), {
@@ -3958,11 +3978,11 @@ const $d = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end
   useContext: Bt
 } = G("FixedMessengerStyle");
 function hr(e, t, n, o = 0) {
-  const { top: s, bottom: a, start: i, end: l } = n;
+  const { top: s, bottom: i, start: a, end: l } = n;
   let c = "", d = "";
   switch (e) {
     case "start":
-      d = `inset-inline-start: ${j(i)}`;
+      d = `inset-inline-start: ${j(a)}`;
       break;
     case "end":
       d = `inset-inline-end: ${j(l)}`;
@@ -3973,7 +3993,7 @@ function hr(e, t, n, o = 0) {
       c = `top: calc(${j(s)} + ${o}px)`;
       break;
     case "bottom":
-      c = `bottom: calc(${j(a)} + ${o}px)`;
+      c = `bottom: calc(${j(i)} + ${o}px)`;
       break;
   }
   return I`${c};${d};`;
@@ -3984,17 +4004,17 @@ function Dd(e) {
 }
 const Nd = u(dr)`position:fixed;z-index:${fe.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => hr(e, t, n)};`;
 function Pd({ isExpanded: e, isOpened: t, children: n }) {
-  const { dir: o } = B(), { horizontal: s, vertical: a, margin: i, launcherSize: l } = Bt();
+  const { dir: o } = B(), { horizontal: s, vertical: i, margin: a, launcherSize: l } = Bt();
   return /* @__PURE__ */ r.createElement(
     Bd,
     {
       dir: o,
-      id: Q.WINDOW,
+      id: ee.WINDOW,
       $isExpanded: e,
       $isOpened: t,
       $horizontal: s,
-      $vertical: a,
-      $margin: i,
+      $vertical: i,
+      $margin: a,
       $launcherSize: l
     },
     n
@@ -4009,16 +4029,16 @@ const Bd = u.div`background:${({ theme: e }) => e.colors.base.background};displa
   ${({ $isOpened: e }) => e && Ud};
   ${({ $isExpanded: e }) => e && Fd};
 `, Fd = I`width:743px;height:723px;`, Ud = I`z-index:${fe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, pr = { top: 24, bottom: 24, start: 24, end: 24 }, Hd = ye(function({ children: e, ...t }, n) {
-  const [o, s] = _(), [a, i] = _("end-bottom"), [l, c] = _(pr), [d, g] = _(48), h = Oe(), f = h ? ar : Pd, { horizontal: x, vertical: b } = ae(() => {
-    const [E, m] = a.split("-");
-    return { horizontal: E === "start" ? "start" : "end", vertical: m === "top" ? "top" : "bottom" };
-  }, [a]);
-  return /* @__PURE__ */ r.createElement(ir, { enableExpandButton: !h, ref: n, ...t }, /* @__PURE__ */ r.createElement(In, null, ({ state: E }) => /* @__PURE__ */ r.createElement(
+  const [o, s] = _(), [i, a] = _("end-bottom"), [l, c] = _(pr), [d, h] = _(48), m = Oe(), f = m ? ar : Pd, { horizontal: x, vertical: E } = ae(() => {
+    const [b, g] = i.split("-");
+    return { horizontal: b === "start" ? "start" : "end", vertical: g === "top" ? "top" : "bottom" };
+  }, [i]);
+  return /* @__PURE__ */ r.createElement(ir, { enableExpandButton: !m, ref: n, ...t }, /* @__PURE__ */ r.createElement(In, null, ({ state: b }) => /* @__PURE__ */ r.createElement(
     Rd,
     {
-      value: { horizontal: x, vertical: b, margin: l, launcherSize: d, setPosition: i, setMargin: c, setLauncherSize: g }
+      value: { horizontal: x, vertical: E, margin: l, launcherSize: d, setPosition: a, setMargin: c, setLauncherSize: h }
     },
-    /* @__PURE__ */ r.createElement(f, { isExpanded: E.expanded, isOpened: E.opened }, /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(f, { isExpanded: b.expanded, isOpened: b.opened }, /* @__PURE__ */ r.createElement(
       gr,
       {
         closedChannelUrl: o,
@@ -4029,15 +4049,15 @@ const Bd = u.div`background:${({ theme: e }) => e.colors.base.background};displa
     e
   )));
 }), zd = (e) => {
-  var s, a, i, l;
+  var s, i, a, l;
   const { setPosition: t, setMargin: n, setLauncherSize: o } = Bt();
   return le(() => {
     e.position && t(e.position), e.margin && n({ ...pr, ...e.margin }), e.launcherSize && o(e.launcherSize);
   }, [
     e.position,
     (s = e.margin) == null ? void 0 : s.top,
-    (a = e.margin) == null ? void 0 : a.bottom,
-    (i = e.margin) == null ? void 0 : i.start,
+    (i = e.margin) == null ? void 0 : i.bottom,
+    (a = e.margin) == null ? void 0 : a.start,
     (l = e.margin) == null ? void 0 : l.end,
     e.launcherSize
   ]), null;
@@ -4063,7 +4083,7 @@ export {
   O as f,
   md as g,
   xe as h,
-  J as i,
+  X as i,
   sr as j,
   pn as k,
   Nt as l,