@sendbird/ai-agent-messenger-react 1.2.5 → 1.2.7

package/dist/es/{DX0dsMPA.js → BaBU5Xlk.js}

@@ -1,30 +1,31 @@
 import * as r from "react";
-import { createContext as Te, useContext as re, useEffect as D, useState as S, useId as bn, useRef as F, useCallback as U, useLayoutEffect as ce, forwardRef as Re, useImperativeHandle as yr, lazy as w, Suspense as Oe, useMemo as ye, Component as _r, Fragment as Bt, useReducer as Sr, Children as Tr } from "react";
-import wr, { SendbirdProduct as kr, DeviceOsPlatform as Ft, SendbirdPlatform as Ar, ConnectionHandler as Qe, SendbirdError as Ir, SessionHandler as $r, LogLevel as xn, ConnectionState as Mr } from "@sendbird/chat";
-import u, { css as $, ThemeProvider as Or, useTheme as Et, createGlobalStyle as Lr, StyleSheetManager as Rr, keyframes as En } from "styled-components";
-import { format as Cn, isSameMinute as Ut, isSameDay as Dr } from "date-fns";
-import { enUS as Nr } from "date-fns/locale/en-US";
-import { AIAgentModule as Pr, ConversationStatus as W, ConversationType as Br } from "@sendbird/chat/aiAgent";
-import { useGroupChannelMessages as Fr, useGroupChannelHandler as vn, useForceUpdate as Ur } from "@sendbird/uikit-tools";
-import { GroupChannelModule as Hr, GroupChannelListOrder as yn, GroupChannelHandler as zr } from "@sendbird/chat/groupChannel";
-import { renderer as Vr, parser as Wr, MessageProvider as Gr } from "@sendbird/react-uikit-message-template-view";
-import { createMessageTemplate as jr } from "@sendbird/uikit-message-template";
-import _n from "dompurify";
-import { MessageMetaArray as Kr, SendingStatus as Zr } from "@sendbird/chat/message";
-import { isSameDay as Yr } from "date-fns/isSameDay";
-import { createPortal as qr } from "react-dom";
-import Jr from "@emotion/is-prop-valid";
-const j = (e, t) => {
-  const n = Te(null), o = ({ children: s, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof s == "function" ? s(l) : s), i = ({ children: s }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof s == "function" ? s(l) : s : null), a = () => {
-    const s = re(n);
+import { createContext as Se, useContext as ne, useEffect as D, useState as S, useId as Cn, useRef as U, useCallback as H, useLayoutEffect as de, forwardRef as Re, useImperativeHandle as _r, Suspense as Oe, lazy as T, useMemo as pe, Component as Sr, Fragment as Ht, useReducer as Tr, Children as wr } from "react";
+import kr, { SendbirdProduct as Ar, DeviceOsPlatform as zt, SendbirdPlatform as Ir, ConnectionHandler as Qe, SendbirdError as $r, SessionHandler as Mr, LogLevel as vn, ConnectionState as Or } from "@sendbird/chat";
+import u, { css as $, ThemeProvider as Lr, useTheme as Ct, createGlobalStyle as Rr, StyleSheetManager as Dr, keyframes as yn } from "styled-components";
+import { format as _n, isSameMinute as Vt, isSameDay as Nr } from "date-fns";
+import { enUS as Pr } from "date-fns/locale/en-US";
+import { AIAgentModule as Fr, ConversationStatus as j, ConversationType as Br } from "@sendbird/chat/aiAgent";
+import { useGroupChannelMessages as Ur, useGroupChannelHandler as Sn, useForceUpdate as Hr } from "@sendbird/uikit-tools";
+import { GroupChannelModule as zr, GroupChannelListOrder as Tn, GroupChannelHandler as Vr } from "@sendbird/chat/groupChannel";
+import { renderer as Wr, parser as Gr, MessageProvider as jr } from "@sendbird/react-uikit-message-template-view";
+import { createMessageTemplate as Kr } from "@sendbird/uikit-message-template";
+import wn from "dompurify";
+import { MessageMetaArray as Zr, SendingStatus as Yr } from "@sendbird/chat/message";
+import { isSameDay as qr } from "date-fns/isSameDay";
+import { createPortal as Jr } from "react-dom";
+import Xr from "@emotion/is-prop-valid";
+var re = /* @__PURE__ */ ((e) => (e.OFF = "off", e.ALWAYS = "always", e.HANDED_OFF_ONLY = "handed_off_only", e))(re || {});
+const Z = (e, t) => {
+  const n = Se(null), o = ({ children: s, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof s == "function" ? s(l) : s), i = ({ children: s }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof s == "function" ? s(l) : s : null), a = () => {
+    const s = ne(n);
     if (!s)
       throw new Error(`use${e}Context must be used within a ${e}Provider`);
     return s;
   };
   return n.displayName = `${e}Context`, o.displayName = `${e}Provider`, i.displayName = `${e}Consumer`, a.displayName = `use${e}Context`, { Context: n, Provider: o, Consumer: i, useContext: a };
 };
-function we(e) {
-  const t = Te({
+function Te(e) {
+  const t = Se({
     Template: e.template,
     updateTemplate: () => {
     },
@@ -33,16 +34,16 @@ function we(e) {
     }
   });
   function n({ children: a }) {
-    const [s, l] = S(() => e.template), [c, d] = S(e.components), m = {
+    const [s, l] = S(() => e.template), [c, d] = S(e.components), h = {
       Template: s,
       updateTemplate: (g) => l(() => g),
       components: c,
       updateComponent: (g, p) => d((x) => ({ ...x, [g]: p }))
     };
-    return /* @__PURE__ */ r.createElement(t.Provider, { value: m }, a);
+    return /* @__PURE__ */ r.createElement(t.Provider, { value: h }, a);
   }
   function o({ template: a, children: s }) {
-    const { updateTemplate: l } = re(t);
+    const { updateTemplate: l } = ne(t);
     return D(() => {
       a && l(a);
     }, [a]), /* @__PURE__ */ r.createElement(r.Fragment, null, s);
@@ -50,29 +51,29 @@ function we(e) {
   function i({ children: a }) {
     return /* @__PURE__ */ r.createElement(n, null, a);
   }
-  return i.defaults = e, i.useContext = () => re(t), i.Context = t, i.Template = o, Object.keys(e.components).forEach((a) => {
+  return i.defaults = e, i.useContext = () => ne(t), i.Context = t, i.Template = o, Object.keys(e.components).forEach((a) => {
     i[a] = function({
       component: l
     }) {
-      const { updateComponent: c } = re(t);
+      const { updateComponent: c } = ne(t);
       return D(() => {
         l && c(a, l);
       }, [l]), null;
     };
   }), i;
 }
-function Xr(...e) {
+function Qr(...e) {
   return function({ children: n }) {
     return e.reduce((o, i) => /* @__PURE__ */ r.createElement(i, null, o), n);
   };
 }
-function mt() {
+function ht() {
 }
-function Qr() {
+function eo() {
   const e = /iPad|iPhone|iPod/.test(navigator.userAgent), t = /Android/.test(navigator.userAgent);
   return e || t;
 }
-const Ht = (e) => {
+const Wt = (e) => {
   try {
     return JSON.parse(e === "" ? "{}" : e);
   } catch {
@@ -80,7 +81,7 @@ const Ht = (e) => {
   }
 }, et = {
   isStreaming(e) {
-    const t = Ht(e.data);
+    const t = Wt(e.data);
     return typeof t == "object" && !!t.stream;
   },
   isWelcomeMessage(e, t) {
@@ -88,7 +89,7 @@ const Ht = (e) => {
     if (((n = e.extendedMessagePayload) == null ? void 0 : n.bot_message_type) === "welcome")
       return !0;
     if ((e.isUserMessage() || e.isFileMessage()) && e.sender.userId === t) {
-      const o = Ht(e.data);
+      const o = Wt(e.data);
       return !(o != null && o.respond_mesg_id) && !(o != null && o.stream);
     }
     return !1;
@@ -98,7 +99,7 @@ const Ht = (e) => {
     return ((t = e.extendedMessagePayload) == null ? void 0 : t.bot_message_type) === "generated";
   },
   checkExtendedFieldPresence(e) {
-    const t = e.extendedMessagePayload || {}, n = (s) => s.some((l) => typeof t[l] < "u"), o = n(at.ui), i = n(at.trail), a = n(at.marking);
+    const t = e.extendedMessagePayload || {}, n = (s) => s.some((l) => typeof t[l] < "u"), o = n(lt.ui), i = n(lt.trail), a = n(lt.marking);
     return { ui: o, trail: i, marking: a };
   },
   shouldScrollToBottom(e, t, n = !1) {
@@ -110,17 +111,17 @@ const Ht = (e) => {
     }
     return !0;
   }
-}, at = {
+}, lt = {
   ui: ["suggested_replies", "cta_button", "message_template", "csat"],
   trail: ["groundedness", "manual", "function_calls"],
   marking: ["is_hallucination", "is_moderated", "flagged_types"]
 };
-class Sn {
+class kn {
   constructor(t) {
     this.logger = t, this.subscribers = {};
   }
   async send(t) {
-    const n = eo(), o = this.subscribers[t.type];
+    const n = to(), o = this.subscribers[t.type];
     if (o) {
       this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`, t.payload);
       const i = o.map((a) => a(t.payload));
@@ -137,14 +138,14 @@ class Sn {
     this.subscribers[t] && (this.subscribers[t] = this.subscribers[t].filter((o) => o !== n));
   }
 }
-const eo = () => {
-  let e = mt, t = mt;
+const to = () => {
+  let e = ht, t = ht;
   return { promise: new Promise((o, i) => {
     e = o, t = i;
   }), resolve: e, reject: t };
-}, to = "1.2.5", Ie = "sb-agent", no = to;
-var Tn = /* @__PURE__ */ ((e) => (e[e.VERBOSE = 0] = "VERBOSE", e[e.DEBUG = 1] = "DEBUG", e[e.INFO = 2] = "INFO", e[e.WARN = 3] = "WARN", e[e.ERROR = 4] = "ERROR", e[e.NONE = 5] = "NONE", e))(Tn || {});
-class wn {
+}, no = "1.2.7", Ie = "sb-agent", ro = no;
+var An = /* @__PURE__ */ ((e) => (e[e.VERBOSE = 0] = "VERBOSE", e[e.DEBUG = 1] = "DEBUG", e[e.INFO = 2] = "INFO", e[e.WARN = 3] = "WARN", e[e.ERROR = 4] = "ERROR", e[e.NONE = 5] = "NONE", e))(An || {});
+class In {
   constructor(t) {
     this.level = t;
   }
@@ -164,24 +165,24 @@ class wn {
     this.level <= 4 && console.error(`[${Ie}/error]`, ...t);
   }
 }
-function zt(e, t, n) {
-  const o = wr.init({
+function Gt(e, t, n) {
+  const o = kr.init({
     appId: e,
-    modules: [new Hr(), new Pr()],
+    modules: [new zr(), new Fr()],
     localCacheEnabled: !0,
     ...n
   });
   return o.addSendbirdExtensions(
-    [{ version: no, product: kr.AI_AGENT, platform: t.platform }],
+    [{ version: ro, product: Ar.AI_AGENT, platform: t.platform }],
     { platform: t.deviceOSPlatform, version: t.deviceOSVersion },
     t.customData
   ) || console.warn("Invalid Sendbird Extensions", t), o;
 }
 const {
-  Provider: ro,
+  Provider: oo,
   useContext: tt
-} = j("AIAgent");
-function oo({
+} = Z("AIAgent");
+function io({
   appId: e,
   aiAgentId: t,
   language: n,
@@ -192,13 +193,13 @@ function oo({
   children: l,
   logger: c,
   dispatcher: d,
-  extensions: m = {
-    platform: Ar.JS,
-    deviceOSPlatform: Qr() ? Ft.MOBILE_WEB : Ft.WEB
+  extensions: h = {
+    platform: Ir.JS,
+    deviceOSPlatform: eo() ? zt.MOBILE_WEB : zt.WEB
   }
 }) {
   const [g, p] = S(() => {
-    const x = c ?? new wn(Tn.WARN), f = d ?? new Sn(x);
+    const x = c ?? new In(An.WARN), b = d ?? new kn(x);
     return {
       appId: e,
       aiAgentId: t,
@@ -206,32 +207,32 @@ function oo({
       countryCode: o,
       context: i,
       logger: x,
-      dispatcher: f,
-      chatSDK: a ?? zt(e, m, s)
+      dispatcher: b,
+      chatSDK: a ?? Gt(e, h, s)
     };
   });
   return D(() => {
     p((x) => {
-      let f = x.logger, E = x.dispatcher, b = x.chatSDK;
-      return c && c !== x.logger && (f = c), d && d !== x.dispatcher && (E = d), a && a !== x.chatSDK ? b = a : !a && x.chatSDK.appId !== e && (b = zt(e, m, { newInstance: !0, ...s })), {
+      let b = x.logger, E = x.dispatcher, f = x.chatSDK;
+      return c && c !== x.logger && (b = c), d && d !== x.dispatcher && (E = d), a && a !== x.chatSDK ? f = a : !a && x.chatSDK.appId !== e && (f = Gt(e, h, { newInstance: !0, ...s })), {
         ...x,
         appId: e,
         aiAgentId: t,
         language: n,
         countryCode: o,
         context: i,
-        logger: f,
+        logger: b,
         dispatcher: E,
-        chatSDK: b
+        chatSDK: f
       };
     });
   }, [e, t, n, o, i, c, d, a]), D(() => () => {
     g.chatSDK.disconnectWebSocket();
-  }, [g.chatSDK]), /* @__PURE__ */ r.createElement(ro, { value: g }, l);
+  }, [g.chatSDK]), /* @__PURE__ */ r.createElement(oo, { value: g }, l);
 }
-const io = (e, t, n) => Fr(e, t, { ...n, strictStreamingOrder: !0 });
-var ht = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))(ht || {});
-class so {
+const so = (e, t, n) => Ur(e, t, { ...n, strictStreamingOrder: !0 });
+var gt = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))(gt || {});
+class ao {
   constructor(t = {}) {
     this.payload = t;
   }
@@ -239,18 +240,18 @@ class so {
     return JSON.stringify({ type: this.type, payload: this.payload });
   }
 }
-const ao = {
-  CloseConversation: (e) => new lo(e)
+const lo = {
+  CloseConversation: (e) => new co(e)
 };
-class lo extends so {
+class co extends ao {
   constructor() {
     super(...arguments), this.type = "conv.close";
   }
 }
 const {
-  Provider: co
-} = j("AIAgentConversation");
-function uo({
+  Provider: uo
+} = Z("AIAgentConversation");
+function mo({
   children: e,
   channelUrl: t,
   onChannelDeleted: n,
@@ -258,10 +259,10 @@ function uo({
   onMessagesUpdated: i,
   onConversationClosedViaDispatcher: a,
   onBeforeSendMessage: s,
-  onAfterSendMessage: l = mt
+  onAfterSendMessage: l = ht
 }) {
-  var b;
-  const { chatSDK: c, logger: d, dispatcher: m } = tt(), { channel: g, channelFetchError: p, fetchChannel: x } = mo(t), f = io(c, g, {
+  var f;
+  const { chatSDK: c, logger: d, dispatcher: h } = tt(), { channel: g, channelFetchError: p, fetchChannel: x } = ho(t), b = so(c, g, {
     shouldCountNewMessages: () => !1,
     onChannelDeleted: n,
     onMessagesReceived: (C) => o == null ? void 0 : o(C),
@@ -270,13 +271,13 @@ function uo({
   });
   D(() => {
     const C = async (y) => {
-      const T = typeof (y == null ? void 0 : y.channelUrl) == "string";
-      g && T && y.channelUrl !== g.url || (d.debug("conversation.dispatcher: try to close conversation", g), g != null && g.conversation && g.conversation.status === W.OPEN && (await g.closeConversation(), a == null || a()));
+      const k = typeof (y == null ? void 0 : y.channelUrl) == "string";
+      g && k && y.channelUrl !== g.url || (d.debug("conversation.dispatcher: try to close conversation", g), g != null && g.conversation && g.conversation.status === j.OPEN && (await g.closeConversation(), a == null || a()));
     };
-    return m.subscribe(ht.ConversationClose, C), () => {
-      m.unsubscribe(ht.ConversationClose, C);
+    return h.subscribe(gt.ConversationClose, C), () => {
+      h.unsubscribe(gt.ConversationClose, C);
     };
-  }, [m, (b = g == null ? void 0 : g.conversation) == null ? void 0 : b.status, a]);
+  }, [h, (f = g == null ? void 0 : g.conversation) == null ? void 0 : f.status, a]);
   const E = {
     conversation: (g == null ? void 0 : g.conversation) ?? void 0,
     channelSource: {
@@ -285,31 +286,31 @@ function uo({
       refetch: () => x()
     },
     messageSource: {
-      messages: f.messages,
-      initialized: f.initialized,
-      loadPrevious: () => f.loadPrevious(),
-      loadNext: () => f.loadNext(),
+      messages: b.messages,
+      initialized: b.initialized,
+      loadPrevious: () => b.loadPrevious(),
+      loadNext: () => b.loadNext(),
       sendUserMessage: async (C) => {
-        var T;
-        if (((T = g == null ? void 0 : g.conversation) == null ? void 0 : T.status) === W.CLOSED)
+        var k;
+        if (((k = g == null ? void 0 : g.conversation) == null ? void 0 : k.status) === j.CLOSED)
           throw new Error("Conversation is closed");
         s && (C = await s(C));
-        const y = await f.sendUserMessage(C, l);
+        const y = await b.sendUserMessage(C, l);
         return l == null || l(y), y;
       },
       sendFileMessage: async (C) => {
-        var T;
-        if (((T = g == null ? void 0 : g.conversation) == null ? void 0 : T.status) === W.CLOSED)
+        var k;
+        if (((k = g == null ? void 0 : g.conversation) == null ? void 0 : k.status) === j.CLOSED)
           throw new Error("Conversation is closed");
         s && (C = await s(C));
-        const y = await f.sendFileMessage(C, l);
+        const y = await b.sendFileMessage(C, l);
         return l == null || l(y), y;
       }
     }
   };
-  return /* @__PURE__ */ r.createElement(co, { value: E }, e);
+  return /* @__PURE__ */ r.createElement(uo, { value: E }, e);
 }
-function mo(e) {
+function ho(e) {
   const { chatSDK: t, logger: n } = tt(), [o, i] = S(void 0), [a, s] = S(void 0);
   async function l() {
     if (n.debug("conversation.fetchChannel: start"), i(void 0), s(void 0), e)
@@ -320,7 +321,7 @@ function mo(e) {
         const d = new Qe({ onReconnectSucceeded: () => c.refresh() });
         t.addConnectionHandler("sba-refresh", d), n.debug("conversation.fetchChannel: fetched channel", c);
       } catch (c) {
-        c instanceof Ir && s(c), n.error("conversation.fetchChannel: error", c);
+        c instanceof $r && s(c), n.error("conversation.fetchChannel: error", c);
       }
   }
   return D(() => {
@@ -331,7 +332,7 @@ function mo(e) {
     fetchChannel: l
   };
 }
-class ho {
+class go {
   /**
    * Creates a new ConversationListCollection instance.
    * @param sdk - The Sendbird Chat SDK instance
@@ -339,14 +340,14 @@ class ho {
    */
   constructor(t, { filter: n, limit: o = 20 }) {
     var i, a, s, l, c;
-    this._isDisposed = !1, this._handlerId = `handler-id-${Date.now()}`, this._order = yn.LATEST_LAST_MESSAGE, this.filter = n, this._sdk = t, this._pinnedChannels = [], this._channels = [], this._limit = o, this._query = this._sdk.aiAgent.createMyGroupChannelListQuery({
+    this._isDisposed = !1, this._handlerId = `handler-id-${Date.now()}`, this._order = Tn.LATEST_LAST_MESSAGE, this.filter = n, this._sdk = t, this._pinnedChannels = [], this._channels = [], this._limit = o, this._query = this._sdk.aiAgent.createMyGroupChannelListQuery({
       aiAgentChannelFilter: (i = this.filter) == null ? void 0 : i.aiAgentChannelFilter,
       aiAgentConversationStatusFilter: (a = this.filter) == null ? void 0 : a.aiAgentConversationStatusFilter,
       aiAgentIds: (s = this.filter) == null ? void 0 : s.aiAgentIds,
       deskChannelFilter: (l = this.filter) == null ? void 0 : l.deskChannelFilter,
       pinnedChannelUrls: (c = this.filter) == null ? void 0 : c.pinnedChannelUrls,
       limit: this._limit
-    }), this._token = "", this._timestamp = Number.MAX_SAFE_INTEGER, this._isSyncing = !1, this._channelHandler = new zr({
+    }), this._token = "", this._timestamp = Number.MAX_SAFE_INTEGER, this._isSyncing = !1, this._channelHandler = new Vr({
       onChannelChanged: (d) => {
         d.isGroupChannel() && (this._query.belongsTo(d) ? this._addChannelsToView([d], !1) : this._removeChannelsFromView([d.url]));
       },
@@ -408,9 +409,9 @@ class ho {
       }
       const d = o.get(c.url);
       if (d === void 0) continue;
-      const m = gt(this._pinnedChannels, c);
-      m >= 0 ? (this._pinnedChannels.splice(m, 1), a.push(c)) : i.push(c);
-      const p = this._pinnedChannels.findIndex((f) => (o.get(f.url) ?? 1 / 0) > d), x = p === -1 ? this._pinnedChannels.length : p;
+      const h = pt(this._pinnedChannels, c);
+      h >= 0 ? (this._pinnedChannels.splice(h, 1), a.push(c)) : i.push(c);
+      const p = this._pinnedChannels.findIndex((b) => (o.get(b.url) ?? 1 / 0) > d), x = p === -1 ? this._pinnedChannels.length : p;
       this._pinnedChannels.splice(x, 0, c);
     }
     return { addedChannels: i, updatedChannels: a, unmatchedChannelUrls: s };
@@ -428,10 +429,10 @@ class ho {
         o.push(s.url);
         continue;
       }
-      const l = gt(this._channels, s), c = l < 0;
+      const l = pt(this._channels, s), c = l < 0;
       !c && this._channels.splice(l, 1);
-      const m = go(this._channels, s, this._order).place, g = m === this._channels.length;
-      c ? g ? (n || !this.hasMore) && (this._channels.push(s), i.push(s)) : (this._channels.splice(m, 0, s), i.push(s)) : (this._channels.splice(m, 0, s), a.push(s));
+      const h = po(this._channels, s, this._order).place, g = h === this._channels.length;
+      c ? g ? (n || !this.hasMore) && (this._channels.push(s), i.push(s)) : (this._channels.splice(h, 0, s), i.push(s)) : (this._channels.splice(h, 0, s), a.push(s));
     }
     return { addedChannels: i, updatedChannels: a, unmatchedChannelUrls: o };
   }
@@ -441,12 +442,12 @@ class ho {
    * @param forceAppend - Whether to force append channels at the end
    */
   _addChannelsToView(t, n = !1) {
-    var g, p, x, f, E;
+    var g, p, x, b, E;
     const o = new Set(((g = this.filter) == null ? void 0 : g.pinnedChannelUrls) ?? []), i = [], a = [];
-    for (const b of t)
-      o.has(b.url) ? i.push(b) : a.push(b);
-    const s = this._upsertPinnedChannelsToArray(i), l = this._upsertRegularChannelsToArray(a, n), c = s.addedChannels.concat(l.addedChannels), d = s.updatedChannels.concat(l.updatedChannels), m = s.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
-    c.length > 0 && ((x = (p = this._collectionEventHandler) == null ? void 0 : p.onChannelsAdded) == null || x.call(p, {}, c)), d.length > 0 && ((E = (f = this._collectionEventHandler) == null ? void 0 : f.onChannelsUpdated) == null || E.call(f, {}, d)), m.length > 0 && this._removeChannelsFromView(m);
+    for (const f of t)
+      o.has(f.url) ? i.push(f) : a.push(f);
+    const s = this._upsertPinnedChannelsToArray(i), l = this._upsertRegularChannelsToArray(a, n), c = s.addedChannels.concat(l.addedChannels), d = s.updatedChannels.concat(l.updatedChannels), h = s.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
+    c.length > 0 && ((x = (p = this._collectionEventHandler) == null ? void 0 : p.onChannelsAdded) == null || x.call(p, {}, c)), d.length > 0 && ((E = (b = this._collectionEventHandler) == null ? void 0 : b.onChannelsUpdated) == null || E.call(b, {}, d)), h.length > 0 && this._removeChannelsFromView(h);
   }
   /**
    * Removes channels from the collection by their URLs.
@@ -507,12 +508,12 @@ class ho {
     this._isDisposed || (this._isDisposed = !0, this._collectionEventHandler = void 0, this._sdk.removeConnectionHandler(this._handlerId), this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId), this._pinnedChannels.length = 0, this._channels.length = 0);
   }
 }
-const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), go = (e, t, n) => {
+const pt = (e, t) => e.findIndex((n) => n.isIdentical(t)), po = (e, t, n) => {
   if (e.length > 0) {
-    const o = gt(e, t);
+    const o = pt(e, t);
     let i = 0, a = e.length - 1, s = Math.floor((i + a) / 2);
     for (; i < a; ) {
-      const c = Vt(e[s], t, n);
+      const c = jt(e[s], t, n);
       if (c > 0)
         a = s, s = Math.floor((i + a) / 2);
       else if (c < 0)
@@ -520,12 +521,12 @@ const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), go = (e, t, n) => {
       else
         return { place: s, oldPosition: o };
     }
-    return { place: Vt(e[s], t, n) >= 0 ? s : s + 1, oldPosition: o };
+    return { place: jt(e[s], t, n) >= 0 ? s : s + 1, oldPosition: o };
   }
   return { place: e.length, oldPosition: -1 };
-}, Vt = (e, t, n) => {
+}, jt = (e, t, n) => {
   switch (n) {
-    case yn.LATEST_LAST_MESSAGE:
+    case Tn.LATEST_LAST_MESSAGE:
       if (e.lastMessage && t.lastMessage) {
         const o = t.lastMessage.createdAt - e.lastMessage.createdAt;
         return o === 0 ? t.createdAt - e.createdAt : o;
@@ -534,14 +535,14 @@ const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), go = (e, t, n) => {
       return 0;
   }
 };
-function po(e, t) {
-  var f, E, b, C, y, T, _, K;
-  const n = bn(), [o, i] = S(!1), [a, s] = S(null), [l, c] = S([]), [d, m] = S(null), g = F(!1), p = U(async () => {
+function fo(e, t) {
+  var b, E, f, C, y, k, _, Y;
+  const n = Cn(), [o, i] = S(!1), [a, s] = S(null), [l, c] = S([]), [d, h] = S(null), g = U(!1), p = H(async () => {
     if (!g.current && e.currentUser) {
       g.current = !0, i(!1), s(null), c([]);
       try {
         d == null || d.dispose();
-        const L = new ho(e, t);
+        const L = new go(e, t);
         L.setConversationListCollectionHandler({
           onChannelsAdded: () => {
             c(L.channels);
@@ -552,22 +553,22 @@ function po(e, t) {
           onChannelsDeleted: () => {
             c(L.channels);
           }
-        }), await L.loadMore(), m(L), s(null);
+        }), await L.loadMore(), h(L), s(null);
       } catch (L) {
-        m(null), s(L);
+        h(null), s(L);
       } finally {
         i(!0), g.current = !1;
       }
     }
   }, [
     e,
-    (f = t.filter) == null ? void 0 : f.aiAgentChannelFilter,
-    (b = (E = t.filter) == null ? void 0 : E.aiAgentConversationStatusFilter) == null ? void 0 : b.join(),
+    (b = t.filter) == null ? void 0 : b.aiAgentChannelFilter,
+    (f = (E = t.filter) == null ? void 0 : E.aiAgentConversationStatusFilter) == null ? void 0 : f.join(),
     (y = (C = t.filter) == null ? void 0 : C.aiAgentIds) == null ? void 0 : y.join(),
-    (T = t.filter) == null ? void 0 : T.deskChannelFilter,
-    (K = (_ = t.filter) == null ? void 0 : _.pinnedChannelUrls) == null ? void 0 : K.join(),
+    (k = t.filter) == null ? void 0 : k.deskChannelFilter,
+    (Y = (_ = t.filter) == null ? void 0 : _.pinnedChannelUrls) == null ? void 0 : Y.join(),
     t.limit
-  ]), x = U(async () => {
+  ]), x = H(async () => {
     if (d)
       try {
         await d.loadMore();
@@ -587,13 +588,13 @@ function po(e, t) {
   };
 }
 const {
-  Provider: fo
-} = j("AIAgentConversationList");
-function bo({ conversationListFilter: e, children: t }) {
-  const { chatSDK: n, aiAgentId: o } = tt(), i = po(n, {
+  Provider: bo
+} = Z("AIAgentConversationList");
+function xo({ conversationListFilter: e, children: t }) {
+  const { chatSDK: n, aiAgentId: o } = tt(), i = fo(n, {
     filter: {
       aiAgentIds: [o],
-      aiAgentConversationStatusFilter: [W.CLOSED],
+      aiAgentConversationStatusFilter: [j.CLOSED],
       ...e
     }
   }), a = {
@@ -604,18 +605,18 @@ function bo({ conversationListFilter: e, children: t }) {
       loadMore: () => i.loadMore()
     }
   };
-  return /* @__PURE__ */ r.createElement(fo, { value: a }, t);
+  return /* @__PURE__ */ r.createElement(bo, { value: a }, t);
 }
-const pt = {
+const ft = {
   DEFAULT_BOT_MSG_BG: "#eeeeee",
   WHITE: "#ffffff",
   BLACK: "#000000"
 };
-function kn(e) {
+function $n(e) {
   return e.length === 4 ? `#${[...e.slice(1)].map((t) => t + t).join("")}` : e;
 }
-function xo(e) {
-  const t = kn(e);
+function Eo(e) {
+  const t = $n(e);
   return [
     parseInt(t.slice(1, 3), 16),
     // r
@@ -625,33 +626,33 @@ function xo(e) {
     // b
   ];
 }
-function Eo(e) {
+function Co(e) {
   return `#${e.map((t) => t.toString(16).padStart(2, "0")).join("")}`;
 }
-function Co(e, t, n) {
+function vo(e, t, n) {
   e /= 255, t /= 255, n /= 255;
   const o = Math.max(e, t, n), i = Math.min(e, t, n), a = o - i;
   let s = 0, l = 0;
   const c = (o + i) / 2;
   return o !== i && (l = c > 0.5 ? a / (2 - o - i) : a / (o + i)), o === e ? s = (t - n) / a + (t < n ? 6 : 0) : o === t ? s = (n - e) / a + 2 : o === n && (s = (e - t) / a + 4), s /= 6, [s, l, c];
 }
-function vo(e, t, n) {
+function yo(e, t, n) {
   let o, i, a;
   if (t === 0)
     o = i = a = n;
   else {
-    const s = function(m, g, p) {
-      return p < 0 && (p += 1), p > 1 && (p -= 1), p < 0.16666666666666666 ? m + (g - m) * 6 * p : p < 0.5 ? g : p < 0.6666666666666666 ? m + (g - m) * (0.6666666666666666 - p) * 6 : m;
+    const s = function(h, g, p) {
+      return p < 0 && (p += 1), p > 1 && (p -= 1), p < 0.16666666666666666 ? h + (g - h) * 6 * p : p < 0.5 ? g : p < 0.6666666666666666 ? h + (g - h) * (0.6666666666666666 - p) * 6 : h;
     }, l = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - l;
     o = s(c, l, e + 1 / 3), i = s(c, l, e), a = s(c, l, e - 1 / 3);
   }
   return [Math.round(o * 255), Math.round(i * 255), Math.round(a * 255)];
 }
 function He(e, t, n) {
-  const [o, i, a] = xo(e), [s, l, c] = Co(o, i, a), d = Math.max(0, Math.min(1, c * t)), m = Math.max(0, Math.min(1, l * n)), [g, p, x] = vo(s, m, d);
-  return Eo([Math.round(g), Math.round(p), Math.round(x)]);
+  const [o, i, a] = Eo(e), [s, l, c] = vo(o, i, a), d = Math.max(0, Math.min(1, c * t)), h = Math.max(0, Math.min(1, l * n)), [g, p, x] = yo(s, h, d);
+  return Co([Math.round(g), Math.round(p), Math.round(x)]);
 }
-function yo(e, t = "light") {
+function _o(e, t = "light") {
   return {
     extraDark: He(e, 0.6, 1.2),
     dark: He(e, 0.85, 1.1),
@@ -660,11 +661,11 @@ function yo(e, t = "light") {
     extraLight: He(e, t === "dark" ? 1.2 : 1.75, t === "dark" ? 0.9 : 0.8)
   };
 }
-function ft(e) {
-  const t = kn(e), n = 149, o = +`0x${t[1]}${t[2]}`, i = +`0x${t[3]}${t[4]}`, a = +`0x${t[5]}${t[6]}`;
-  return o * 0.299 + i * 0.587 + a * 0.114 > n ? pt.BLACK : pt.WHITE;
+function bt(e) {
+  const t = $n(e), n = 149, o = +`0x${t[1]}${t[2]}`, i = +`0x${t[3]}${t[4]}`, a = +`0x${t[5]}${t[6]}`;
+  return o * 0.299 + i * 0.587 + a * 0.114 > n ? ft.BLACK : ft.WHITE;
 }
-function _o(e, t, n, o, i) {
+function So(e, t, n, o, i) {
   return {
     base: {
       primary: t,
@@ -693,7 +694,7 @@ function _o(e, t, n, o, i) {
     }
   };
 }
-const So = (e, t, n, o, i) => ({
+const To = (e, t, n, o, i) => ({
   base: {
     primary: t,
     primaryContrastContent: n,
@@ -772,7 +773,7 @@ const So = (e, t, n, o, i) => ({
     dark: "rgba(0, 0, 0, 0.55)",
     light: "rgba(22, 22, 22, 0.32)"
   }
-}, lt = {
+}, ct = {
   h1: { fontSize: 18, fontWeight: 700 },
   h2: { fontSize: 16, fontWeight: 700 },
   subtitle1: { fontSize: 16, fontWeight: 500 },
@@ -786,8 +787,8 @@ const So = (e, t, n, o, i) => ({
   caption3: { fontSize: 11, fontWeight: 700 },
   caption4: { fontSize: 11, fontWeight: 400 }
 };
-function Wt(e) {
-  const t = To(e), { colors: n, aiAgentColorVariables: o } = wo(e, t), i = Ao(e);
+function Kt(e) {
+  const t = wo(e), { colors: n, aiAgentColorVariables: o } = ko(e, t), i = Io(e);
   return {
     selectedTheme: e.selectedTheme,
     palette: t,
@@ -796,18 +797,18 @@ function Wt(e) {
     typography: i
   };
 }
-function To({ selectedTheme: e, palette: t, primary: n }) {
-  const o = t != null && t.primary ? t.primary : n ? n === ze.primary.main ? ze.primary : yo(n, e) : ze.primary;
+function wo({ selectedTheme: e, palette: t, primary: n }) {
+  const o = t != null && t.primary ? t.primary : n ? n === ze.primary.main ? ze.primary : _o(n, e) : ze.primary;
   return {
     ...ze,
     primary: o,
     ...t
   };
 }
-function wo({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, i) {
-  const a = i.primary.main, s = t ?? ft(a), l = n ?? pt.DEFAULT_BOT_MSG_BG, c = o ?? ft(l);
+function ko({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, i) {
+  const a = i.primary.main, s = t ?? bt(a), l = n ?? ft.DEFAULT_BOT_MSG_BG, c = o ?? bt(l);
   return {
-    colors: (e === "light" ? _o : So)(
+    colors: (e === "light" ? So : To)(
       i,
       a,
       s,
@@ -822,57 +823,57 @@ function wo({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, bot
     }
   };
 }
-function ko(e, t, n) {
+function Ao(e, t, n) {
   const o = { ...e };
   return n.forEach((i) => {
     const a = t[i];
     a != null && (o[i] = a);
   }), o;
 }
-function Ao({ typography: e }) {
+function Io({ typography: e }) {
   if (!e)
-    return lt;
-  const t = { ...lt };
+    return ct;
+  const t = { ...ct };
   return Object.keys(e).forEach((n) => {
     const o = e[n];
     if (o && typeof o == "object") {
-      const i = lt[n], a = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
-      t[n] = ko(i, o, a);
+      const i = ct[n], a = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
+      t[n] = Ao(i, o, a);
     }
   }), t;
 }
 const {
-  Provider: Io,
-  useContext: An
-} = j("AIAgentTheme");
-function $o({ logger: e, palette: t, typography: n, appearance: o, children: i }) {
+  Provider: $o,
+  useContext: vt
+} = Z("AIAgentTheme");
+function Mo({ logger: e, palette: t, typography: n, appearance: o, children: i }) {
   const [a, s] = S(
-    () => Wt({
+    () => Kt({
       selectedTheme: (o == null ? void 0 : o.theme) ?? "light",
       palette: t,
       typography: n,
       primary: o == null ? void 0 : o.primaryColor,
       botMessageBackground: o == null ? void 0 : o.botMessageBackgroundColor
     })
-  ), l = U(
+  ), l = H(
     (c, d) => {
-      const m = (o == null ? void 0 : o.theme) ?? c, g = d == null ? void 0 : d(m), p = {
+      const h = (o == null ? void 0 : o.theme) ?? c, g = d == null ? void 0 : d(h), p = {
         primary: o == null ? void 0 : o.primaryColor,
         primaryContrast: void 0,
         botMessageBackground: o == null ? void 0 : o.botMessageBackgroundColor,
         botMessageBackgroundContrast: void 0
       };
       !p.primary && (g != null && g.primaryColor) && (p.primary = g.primaryColor, p.primaryContrast = g.primaryContrastColor), !p.botMessageBackground && (g != null && g.botMessageBackgroundColor) && (p.botMessageBackground = g.botMessageBackgroundColor, p.botMessageBackgroundContrast = g.botMessageBackgroundContrastColor);
-      const x = Wt({ selectedTheme: m, palette: t, typography: n, ...p });
-      s(x), e == null || e.info("theme.update:", m);
+      const x = Kt({ selectedTheme: h, palette: t, typography: n, ...p });
+      s(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 D(() => {
     (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(Io, { value: { theme: a, updateTheme: l } }, i);
+  }, [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor]), /* @__PURE__ */ r.createElement($o, { value: { theme: a, updateTheme: l } }, i);
 }
-const In = (e) => {
+const Mn = (e) => {
   try {
     const t = JSON.parse(e);
     return typeof t == "string" ? JSON.stringify(t).slice(1, -1) : e.trim();
@@ -880,11 +881,11 @@ const In = (e) => {
     return JSON.stringify(e).slice(1, -1);
   }
 }, De = (e) => JSON.parse(e), nt = (e) => JSON.parse(e);
-function Mo(e, t) {
+function Oo(e, t) {
   const [n, o] = t.split(",").map((i) => i.trim());
   return e === "dark" && o || n;
 }
-function Oo(e) {
+function Lo(e) {
   const t = {};
   function n(o, i = "") {
     for (const [a, s] of Object.entries(o)) {
@@ -894,7 +895,7 @@ function Oo(e) {
   }
   return n(e), t;
 }
-function Ct({
+function yt({
   template: e,
   variables: t,
   variableKeyPattern: n,
@@ -902,12 +903,12 @@ function Ct({
 }) {
   return Object.entries(t).reduce((i, [a, s]) => {
     if (!o && !["number", "boolean", "string"].includes(typeof s))
-      throw new Error("If transformer is not provided, value must be a {string, number, or boolean}");
+      throw new Error(`If transformer is not provided, value(${a}:${s}) must be a {string, number, or boolean}`);
     const l = o ? o(s) : String(s), c = n(a);
-    return i.replace(c, In(l));
+    return i.replace(c, Mn(l));
   }, e);
 }
-async function Lo({
+async function Ro({
   template: e,
   variables: t,
   variableKeyPattern: n,
@@ -918,35 +919,35 @@ async function Lo({
       const l = await o(s);
       return { regex: n(a), transformedValue: l };
     })
-  )).reduce((a, { regex: s, transformedValue: l }) => a.replace(s, In(l)), e);
+  )).reduce((a, { regex: s, transformedValue: l }) => a.replace(s, Mn(l)), e);
 }
-const Ro = (e) => ({
+const Do = (e) => ({
   setTemplate: (t, n) => e.onSetTemplate(t, n),
   getTemplate: (t) => e.onGetTemplate(t),
   setCachedToken: (t) => e.onSetCachedToken(t),
   getCachedToken: () => e.onGetCachedToken(),
   clear: () => e.onClear()
 }), {
-  Provider: Do,
-  useContext: $n
-} = j("MessageCacheTemplate");
-function No({ logger: e, storage: t, children: n }) {
-  const o = U(
+  Provider: No,
+  useContext: On
+} = Z("MessageCacheTemplate");
+function Po({ logger: e, storage: t, children: n }) {
+  const o = H(
     (s) => {
-      var d, m;
-      const l = (m = (d = s.appInfo) == null ? void 0 : d.aiAgentInfo) == null ? void 0 : m.templateListToken;
+      var d, h;
+      const l = (h = (d = s.appInfo) == null ? void 0 : d.aiAgentInfo) == null ? void 0 : h.templateListToken;
       if (!l) return !1;
       const c = t.getCachedToken();
       return c ? l !== c : !0;
     },
     [t]
-  ), i = U(
+  ), i = H(
     async (s) => {
       try {
         const { templates: l, token: c } = await s.aiAgent.getMessageTemplates({ limit: 20 });
         for (const { template: d } of l) {
-          const { key: m } = De(d);
-          t.setTemplate(m, d);
+          const { key: h } = De(d);
+          t.setTemplate(h, d);
         }
         t.setCachedToken(c);
       } catch (l) {
@@ -954,12 +955,12 @@ function No({ logger: e, storage: t, children: n }) {
       }
     },
     [t, e]
-  ), a = U(() => {
+  ), a = H(() => {
     t.clear();
   }, [t]);
-  return /* @__PURE__ */ r.createElement(Do, { value: { shouldSyncCachedTemplate: o, syncCachedTemplates: i, clearCachedTemplates: a, storage: t } }, n);
+  return /* @__PURE__ */ r.createElement(No, { value: { shouldSyncCachedTemplate: o, syncCachedTemplates: i, clearCachedTemplates: a, storage: t } }, n);
 }
-function Po(e) {
+function Fo(e) {
   let t = "pending", n = e.then((o) => {
     t = "resolved", n = o;
   }).catch((o) => {
@@ -975,28 +976,28 @@ function Po(e) {
 }
 const {
   Provider: Bo,
-  useContext: Mn
-} = j("MessageTemplateFetching");
-function Fo({ children: e, internalVariables: t }) {
-  const n = F({}), o = F({}), [i, a] = S({}), s = U((d, m) => {
+  useContext: Ln
+} = Z("MessageTemplateFetching");
+function Uo({ children: e, internalVariables: t }) {
+  const n = U({}), o = U({}), [i, a] = S({}), s = H((d, h) => {
     a((g) => ({
       ...g,
-      [d]: { fetching: !1, error: !1, ...g[d], ...m }
+      [d]: { fetching: !1, error: !1, ...g[d], ...h }
     }));
-  }, []), l = U(
+  }, []), l = H(
     async ({
       onRequestTemplate: d,
-      onGetCachedTemplate: m,
+      onGetCachedTemplate: h,
       templateKey: g,
       suspense: p = !1
     }) => {
-      const x = m(g);
+      const x = h(g);
       if (x) return x;
-      const f = o.current[g];
-      if (f) return f;
+      const b = o.current[g];
+      if (b) return b;
       p || s(g, { fetching: !0 });
-      const E = d(g).catch((b) => {
-        throw p || s(g, { error: !0 }), b;
+      const E = d(g).catch((f) => {
+        throw p || s(g, { error: !0 }), f;
       }).finally(() => {
         p || s(g, { fetching: !1 }), delete o.current[g];
       });
@@ -1006,19 +1007,19 @@ function Fo({ children: e, internalVariables: t }) {
   ), c = {
     internalVariables: t,
     fetchTemplate: l,
-    suspend: (d, m) => {
+    suspend: (d, h) => {
       if (n.current[d])
         return n.current[d];
-      const g = Po(m());
+      const g = Fo(h());
       return n.current[d] = g, g;
     },
     getIsFetching: (d) => {
-      var m;
-      return ((m = i[d]) == null ? void 0 : m.fetching) ?? !1;
+      var h;
+      return ((h = i[d]) == null ? void 0 : h.fetching) ?? !1;
     },
     getHasError: (d) => {
-      var m;
-      return ((m = i[d]) == null ? void 0 : m.error) ?? !1;
+      var h;
+      return ((h = i[d]) == null ? void 0 : h.error) ?? !1;
     }
   };
   return /* @__PURE__ */ r.createElement(Bo, { value: c }, e);
@@ -1027,27 +1028,27 @@ const rt = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
   VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
 };
-function de({ uiTemplateString: e, variables: t = {} }) {
-  const n = Oo(t);
-  return Ct({
+function ue({ uiTemplateString: e, variables: t = {} }) {
+  const n = Lo(t);
+  return yt({
     template: e,
     variables: n,
     variableKeyPattern: (o) => rt.VARIABLE(o)
   });
 }
-function ue({
+function me({
   theme: e,
   uiTemplateString: t,
   colorVariables: n = {}
 }) {
-  return Ct({
+  return yt({
     template: t,
     variables: n,
     variableKeyPattern: (o) => rt.VARIABLE(o),
-    variableValueTransformer: (o) => Mo(e, o)
+    variableValueTransformer: (o) => Oo(e, o)
   });
 }
-function Uo({
+function Ho({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
@@ -1056,35 +1057,35 @@ function Uo({
   onRequestTemplate: a
 }) {
   const l = Object.values(n).flat().map((d) => d.key);
-  return [...new Set(l)].some((d) => !a(d)) ? null : Ct({
+  return [...new Set(l)].some((d) => !a(d)) ? null : yt({
     template: t,
     variables: n,
     variableKeyPattern: (d) => rt.VIEW_VARIABLE(d),
     variableValueTransformer: (d) => {
-      const m = d.map(({ key: g, variables: p }) => {
-        const x = a(g), { ui_template: f, color_variables: E } = De(x);
-        let b = JSON.stringify(f);
-        return b = de({
-          uiTemplateString: b,
+      const h = d.map(({ key: g, variables: p }) => {
+        const x = a(g), { ui_template: b, color_variables: E } = De(x);
+        let f = JSON.stringify(b);
+        return f = ue({
+          uiTemplateString: f,
           variables: i
-        }), b = ue({
+        }), f = me({
           theme: e,
-          uiTemplateString: b,
+          uiTemplateString: f,
           colorVariables: E
-        }), b = ue({
+        }), f = me({
           theme: e,
-          uiTemplateString: b,
+          uiTemplateString: f,
           colorVariables: o
-        }), b = de({
-          uiTemplateString: b,
+        }), f = ue({
+          uiTemplateString: f,
           variables: p
-        }), nt(b);
+        }), nt(f);
       });
-      return JSON.stringify(m);
+      return JSON.stringify(h);
     }
   });
 }
-async function Ho({
+async function zo({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
@@ -1092,35 +1093,35 @@ async function Ho({
   internalVariables: i,
   onRequestTemplate: a
 }) {
-  return Lo({
+  return Ro({
     template: t,
     variables: n,
     variableKeyPattern: (s) => rt.VIEW_VARIABLE(s),
     variableValueTransformer: async (s) => {
-      const l = s.map(async ({ key: d, variables: m }) => {
+      const l = s.map(async ({ key: d, variables: h }) => {
         const g = await a(d), { ui_template: p, color_variables: x } = De(g);
-        let f = JSON.stringify(p);
-        return f = de({
-          uiTemplateString: f,
+        let b = JSON.stringify(p);
+        return b = ue({
+          uiTemplateString: b,
           variables: i
-        }), f = ue({
+        }), b = me({
           theme: e,
-          uiTemplateString: f,
+          uiTemplateString: b,
           colorVariables: x
-        }), f = ue({
+        }), b = me({
           theme: e,
-          uiTemplateString: f,
+          uiTemplateString: b,
           colorVariables: o
-        }), f = de({
-          uiTemplateString: f,
-          variables: m
-        }), nt(f);
+        }), b = ue({
+          uiTemplateString: b,
+          variables: h
+        }), nt(b);
       }), c = await Promise.all(l);
       return JSON.stringify(c);
     }
   });
 }
-const zo = ({
+const Vo = ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
@@ -1129,7 +1130,7 @@ const zo = ({
   const { ui_template: i, color_variables: a } = De(e);
   let s = JSON.stringify(i);
   if (Object.keys(o.viewVariables ?? {}).length > 0) {
-    const c = Uo({
+    const c = Ho({
       ...o,
       uiTemplateString: s,
       aiAgentColorVariables: t,
@@ -1138,8 +1139,8 @@ const zo = ({
     if (c === null) return null;
     s = c;
   }
-  return s = de({ ...o, uiTemplateString: s, variables: n }), s = ue({ ...o, uiTemplateString: s, colorVariables: a }), s = ue({ ...o, uiTemplateString: s, colorVariables: t }), s = de({ ...o, uiTemplateString: s }), nt(s);
-}, Vo = async ({
+  return s = ue({ ...o, uiTemplateString: s, variables: n }), s = me({ ...o, uiTemplateString: s, colorVariables: a }), s = me({ ...o, uiTemplateString: s, colorVariables: t }), s = ue({ ...o, uiTemplateString: s }), nt(s);
+}, Wo = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
@@ -1147,17 +1148,17 @@ const zo = ({
 }) => {
   const { ui_template: i, color_variables: a } = De(e);
   let s = JSON.stringify(i);
-  return Object.keys(o.viewVariables ?? {}).length > 0 && (s = await Ho({
+  return Object.keys(o.viewVariables ?? {}).length > 0 && (s = await zo({
     ...o,
     uiTemplateString: s,
     aiAgentColorVariables: t,
     internalVariables: n
-  })), s = de({ ...o, uiTemplateString: s, variables: n }), s = ue({ ...o, uiTemplateString: s, colorVariables: a }), s = ue({ ...o, uiTemplateString: s, colorVariables: t }), s = de({ ...o, uiTemplateString: s }), nt(s);
-}, Wo = (e) => {
-  const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = Mn();
+  })), s = ue({ ...o, uiTemplateString: s, variables: n }), s = me({ ...o, uiTemplateString: s, colorVariables: a }), s = me({ ...o, uiTemplateString: s, colorVariables: t }), s = ue({ ...o, uiTemplateString: s }), nt(s);
+}, Go = (e) => {
+  const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = Ln();
   return S(() => {
     const o = e.onGetCachedTemplate(e.templateKey);
-    return o ? zo({
+    return o ? Vo({
       ...e,
       rawTemplate: o,
       aiAgentColorVariables: t,
@@ -1165,20 +1166,20 @@ const zo = ({
       onRequestTemplate: e.onGetCachedTemplate
     }) : null;
   });
-}, Go = (e) => {
-  const [t] = Wo(e);
+}, jo = (e) => {
+  const [t] = Go(e);
   if (t) return t;
-  const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: i, suspend: a } = Mn();
+  const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: i, suspend: a } = Ln();
   return a(e.templateKey, async () => {
     const l = await i({ ...e, suspense: !0 });
-    return await Vo({
+    return await Wo({
       ...e,
       rawTemplate: l,
       aiAgentColorVariables: n,
       internalVariables: o
     });
   }).value;
-}, jo = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}', Ne = "en", Ko = /* @__PURE__ */ new Set([
+}, Ko = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}', Ne = "en", Zo = /* @__PURE__ */ new Set([
   Ne,
   "ko",
   "es",
@@ -1189,7 +1190,7 @@ const zo = ({
   "de",
   "tr",
   "ja"
-]), Zo = (e, t, n) => {
+]), Yo = (e, t, n) => {
   const o = e[t];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((i, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -1201,7 +1202,7 @@ const zo = ({
       )
     );
   });
-}, Yo = Nr, qo = {
+}, qo = Pr, Jo = {
   // Channel - Common
   CHANNEL_FROZEN: "Channel frozen",
   PLACE_HOLDER__WRONG: "Something went wrong",
@@ -1251,31 +1252,33 @@ const zo = ({
   CONVERSATION_LIST__TOPICS_FALLBACK: "No category",
   CONVERSATION_LIST__NO_CONVERSATIONS: "No conversations yet",
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "MM/dd/yyyy",
-  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "h:mma"
-}, vt = { language: "en", dateLocale: Yo, stringSet: qo }, Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "h:mma",
+  // Citation
+  CITATION_SOURCE_TITLE: "Source"
+}, _t = { language: "en", dateLocale: qo, stringSet: Jo }, Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: vt
-}, Symbol.toStringTag, { value: "Module" })), Ye = /* @__PURE__ */ new Map([[Ne, vt]]);
-async function Xo(e) {
+  default: _t
+}, Symbol.toStringTag, { value: "Module" })), Ye = /* @__PURE__ */ new Map([[Ne, _t]]);
+async function Qo(e) {
   if (Ye.has(e))
     return Ye.get(e);
-  const t = Ko.has(e) ? e : Ne;
+  const t = Zo.has(e) ? e : Ne;
   try {
-    const { default: n } = await Zo(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./DvjrAXLD.js"), "./languages/en.ts": () => Promise.resolve().then(() => Jo), "./languages/es.ts": () => import("./zI14HLvP.js"), "./languages/fr.ts": () => import("./B9V0T5ZP.js"), "./languages/hi.ts": () => import("./YRQ0vk5Q.js"), "./languages/it.ts": () => import("./BQWJPfGp.js"), "./languages/ja.ts": () => import("./sl-YrKkN.js"), "./languages/ko.ts": () => import("./B8c_rqvH.js"), "./languages/pt.ts": () => import("./BSz49qaD.js"), "./languages/tr.ts": () => import("./D_eZyIAR.js") }), `./languages/${t}.ts`, 3);
+    const { default: n } = await Yo(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./BAebVbLs.js"), "./languages/en.ts": () => Promise.resolve().then(() => Xo), "./languages/es.ts": () => import("./BKSUGIyL.js"), "./languages/fr.ts": () => import("./B1s75De5.js"), "./languages/hi.ts": () => import("./D0QwWNMF.js"), "./languages/it.ts": () => import("./CA1gVgSD.js"), "./languages/ja.ts": () => import("./DcqbdvlW.js"), "./languages/ko.ts": () => import("./Dxrtj2R8.js"), "./languages/pt.ts": () => import("./EylKxx4d.js"), "./languages/tr.ts": () => import("./DYR8UT_l.js") }), `./languages/${t}.ts`, 3);
     return Ye.set(e, n), n;
   } catch {
-    return vt;
+    return _t;
   }
 }
 const {
-  Provider: Qo,
+  Provider: ei,
   useContext: R
-} = j("Localization");
-function ei(e) {
+} = Z("Localization");
+function ti(e) {
   var t;
   return ((t = e.split("-")) == null ? void 0 : t[0]) ?? Ne;
 }
-function ti({
+function ni({
   language: e = navigator.language,
   logger: t,
   stringSet: n,
@@ -1283,30 +1286,30 @@ function ti({
 }) {
   const [i, a] = S(Ye.get(Ne));
   return D(() => {
-    const s = ei(e);
-    i.language !== s && (t == null || t.debug("localization.useEffect: update language", `${i.language} -> ${s}`), Xo(s).then(a));
+    const s = ti(e);
+    i.language !== s && (t == null || t.debug("localization.useEffect: update language", `${i.language} -> ${s}`), Qo(s).then(a));
   }, [e]), /* @__PURE__ */ r.createElement(
-    Qo,
+    ei,
     {
       value: {
         language: i.language,
         stringSet: { ...i.stringSet, ...n },
         dateLocale: i.dateLocale,
-        format: (s, l, c) => Cn(s, l, { locale: i.dateLocale, ...c })
+        format: (s, l, c) => _n(s, l, { locale: i.dateLocale, ...c })
       }
     },
     o
   );
 }
-const qe = "data-sb-agent-theme", Gt = (e) => (t, ...n) => {
+const qe = "data-sb-agent-theme", Zt = (e) => (t, ...n) => {
   let o = "";
   return t.forEach((i, a) => {
     o += i + (n[a] ?? "");
   }), `[${qe}='${e}'] & { ${o} }`;
-}, N = {
-  light: Gt("light"),
-  dark: Gt("dark")
-}, ni = $(({ theme: e }) => {
+}, F = {
+  light: Zt("light"),
+  dark: Zt("dark")
+}, ri = $(({ theme: e }) => {
   const { palette: t } = e;
   return `
     :root,
@@ -1358,7 +1361,7 @@ const qe = "data-sb-agent-theme", Gt = (e) => (t, ...n) => {
       --sendbird-overlay-light: ${t.overlay.light};
     }
   `;
-}), ri = $`[${qe}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${qe}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, h = {
+}), oi = $`[${qe}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${qe}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, m = {
   color: {
     primary: {
       dark: "var(--sendbird-primary-dark)",
@@ -1399,33 +1402,33 @@ const qe = "data-sb-agent-theme", Gt = (e) => (t, ...n) => {
     error: "var(--sb-error)"
   }
 }, {
-  Provider: oi,
-  useContext: ii
-} = j("AIAgentTheme");
-function si(e) {
+  Provider: ii,
+  useContext: si
+} = Z("AIAgentTheme");
+function ai(e) {
   const { theme: t, appearance: n, logger: o } = e;
   return /* @__PURE__ */ r.createElement(
-    $o,
+    Mo,
     {
       appearance: n,
       palette: t == null ? void 0 : t.palette,
       typography: t == null ? void 0 : t.typography,
       logger: o
     },
-    /* @__PURE__ */ r.createElement(ai, { ...e })
+    /* @__PURE__ */ r.createElement(li, { ...e })
   );
 }
-function ai({ rootElement: e = document.body, children: t }) {
-  const { theme: n, updateTheme: o } = An();
-  return ce(() => {
+function li({ rootElement: e = document.body, children: t }) {
+  const { theme: n, updateTheme: o } = vt();
+  return de(() => {
     e.setAttribute(qe, n.selectedTheme);
-  }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(Or, { theme: n }, /* @__PURE__ */ r.createElement(oi, { value: { theme: n, updateTheme: o } }, t));
+  }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(Lr, { theme: n }, /* @__PURE__ */ r.createElement(ii, { value: { theme: n, updateTheme: o } }, t));
 }
 function fe(e, t) {
   const n = e.getRootNode({ composed: t });
   return n instanceof ShadowRoot || n instanceof Document ? n : document;
 }
-const li = (e, t) => {
+const ci = (e, t) => {
   D(() => {
     const n = fe(t) instanceof ShadowRoot, o = fe(t, !0);
     if (!(n ? t : o).querySelector(`link[href*='${e}']`)) {
@@ -1433,7 +1436,7 @@ const li = (e, t) => {
       a.rel = "stylesheet", a.href = e, (n ? t : o.head).appendChild(a);
     }
   }, [e, t]);
-}, ci = (e, t = document.body) => {
+}, di = (e, t = document.body) => {
   D(() => {
     const n = fe(t), i = n instanceof ShadowRoot ? t : n.head;
     if (!i) return;
@@ -1441,7 +1444,7 @@ const li = (e, t) => {
     let s = i.querySelector(`style#${a}`);
     s ? s.textContent !== e && (s.textContent = e) : (s = i.ownerDocument.createElement("style"), s.id = a, s.textContent = e, i.appendChild(s));
   }, [e, t]);
-}, yt = /iPad|iPhone|iPod/.test(navigator.userAgent), di = /Android/.test(navigator.userAgent), Pe = (e) => yt || di, Q = "sb-agent", oe = {
+}, St = /iPad|iPhone|iPod/.test(navigator.userAgent), ui = /Android/.test(navigator.userAgent), Pe = (e) => St || ui, Q = "sb-agent", oe = {
   ENTRY: `${Q}-entry`,
   MODAL_ROOT: `${Q}-modal-root`,
   WINDOW: `${Q}-window`,
@@ -1452,13 +1455,13 @@ const li = (e, t) => {
   TOOLTIP: Ve - 2,
   WINDOW: Ve - 3,
   LAUNCHER: Ve - 4
-}, On = {
+}, Rn = {
   SESSION: `@${Q}-session`,
   USER_DATA: `@${Q}-udata`
-}, Ln = {
+}, Dn = {
   DEFAULT_PRIMARY: "#742ddd",
   WHITE: "#ffffff"
-}, Rn = 36, ui = 100, mi = 25 * 1024 * 1024, Dn = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], _t = "noopener noreferrer nofollow", We = {}, te = {
+}, Nn = 36, mi = 100, hi = 25 * 1024 * 1024, Pn = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], Tt = "noopener noreferrer nofollow", We = {}, ee = {
   getItem: (e) => {
     try {
       return localStorage.getItem(e);
@@ -1493,12 +1496,12 @@ const li = (e, t) => {
     }
   }
 };
-function Nn(e) {
+function Fn(e) {
   const { keyGenerator: t, keyParamsValidator: n } = e;
   function o(s) {
     try {
       n && n(s);
-      const l = t(s), c = te.getItem(l);
+      const l = t(s), c = ee.getItem(l);
       return c ? JSON.parse(c) : null;
     } catch {
       return null;
@@ -1508,7 +1511,7 @@ function Nn(e) {
     try {
       n && n(s);
       const c = t(s), d = JSON.stringify(l);
-      te.setItem(c, d);
+      ee.setItem(c, d);
     } catch {
     }
   }
@@ -1516,36 +1519,36 @@ function Nn(e) {
     try {
       n && n(s);
       const l = t(s);
-      te.deleteItem(l);
+      ee.deleteItem(l);
     } catch {
     }
   }
   return { get: o, set: i, clear: a };
 }
-const $e = Nn({
+const $e = Fn({
   keyGenerator: ({ appId: e, aiAgentId: t, userId: n }) => {
-    const o = hi(`${e}/${t}/${n}`);
-    return `${On.USER_DATA}/${o}`;
+    const o = gi(`${e}/${t}/${n}`);
+    return `${Rn.USER_DATA}/${o}`;
   },
   keyParamsValidator: ({ appId: e, aiAgentId: t, userId: n }) => {
     if (!e || !t || !n)
       throw new Error("Invalid parameters for user data cache");
   }
 });
-function hi(e) {
+function gi(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++)
     t = (t << 5) - t + e.charCodeAt(n), t |= 0;
   return t.toString(16);
 }
-const Ge = Nn({
-  keyGenerator: ({ appId: e, aiAgentId: t }) => `${On.SESSION}/${e}/${t}`
+const Ge = Fn({
+  keyGenerator: ({ appId: e, aiAgentId: t }) => `${Rn.SESSION}/${e}/${t}`
 }), {
-  Provider: gi,
-  Consumer: Pn,
-  useContext: P
-} = j("Agent");
-function pi({
+  Provider: pi,
+  Consumer: Bn,
+  useContext: B
+} = Z("Agent");
+function fi({
   children: e,
   state: t,
   enableCloseConversationButton: n = !1,
@@ -1553,14 +1556,14 @@ function pi({
   enableAutoDisconnectInLauncher: i = !0,
   ...a
 }) {
-  const s = tt(), [l, c] = S(!1), [d, m] = S(!1), g = {
+  const s = tt(), [l, c] = S(!1), [d, h] = S(!1), g = {
     opened: (t == null ? void 0 : t.opened) ?? l,
     setOpened: (t == null ? void 0 : t.setOpened) ?? c,
     expanded: (t == null ? void 0 : t.expanded) ?? d,
-    setExpanded: (t == null ? void 0 : t.setExpanded) ?? m
+    setExpanded: (t == null ? void 0 : t.setExpanded) ?? h
   };
   return /* @__PURE__ */ r.createElement(
-    gi,
+    pi,
     {
       value: {
         ...a,
@@ -1574,20 +1577,20 @@ function pi({
     e
   );
 }
-function fi() {
-  const { chatSDK: e, logger: t } = P(), { shouldSyncCachedTemplate: n, syncCachedTemplates: o, clearCachedTemplates: i } = $n(), a = U(
+function bi() {
+  const { chatSDK: e, logger: t } = B(), { shouldSyncCachedTemplate: n, syncCachedTemplates: o, clearCachedTemplates: i } = On(), a = H(
     async (l, c, d) => {
       if (t.debug("authManager.authenticate: session:", l.userId), c) {
-        const m = new $r({
+        const h = new Mr({
           ...c,
-          onSessionTokenRequired: bi(c.onSessionTokenRequired, d)
+          onSessionTokenRequired: xi(c.onSessionTokenRequired, d)
         });
-        e.setSessionHandler(m);
+        e.setSessionHandler(h);
       }
       await e.connect(l.userId, l.authToken), t.debug("authManager.authenticate: user:", e.currentUser), n(e) && await o(e);
     },
     [e, t, n, o]
-  ), s = U(async () => {
+  ), s = H(async () => {
     t.debug("authManager.deauthenticate: disconnect"), await e.disconnect(), i();
   }, [e, t, i]);
   return {
@@ -1595,7 +1598,7 @@ function fi() {
     deauthenticate: s
   };
 }
-function bi(e, t) {
+function xi(e, t) {
   if (e)
     return async (n, o) => {
       new Promise((i, a) => e == null ? void 0 : e(i, a)).then((i) => {
@@ -1605,14 +1608,18 @@ function bi(e, t) {
       });
     };
 }
-const xi = 24 * 60 * 60 * 1e3, {
-  Provider: Ei,
+const Ei = 24 * 60 * 60 * 1e3, Ci = {
+  off: re.OFF,
+  always: re.ALWAYS,
+  handed_off_only: re.HANDED_OFF_ONLY
+}, {
+  Provider: vi,
   useContext: z
-} = j("MessengerSession"), Ci = Re(function({ userSessionInfo: e, children: t }, n) {
-  const { appId: o, aiAgentId: i, chatSDK: a, agentPreviewConfigs: s, state: l, logger: c, language: d, countryCode: m, context: g, handlers: p } = P(), { updateTheme: x } = An(), { authenticate: f, deauthenticate: E } = fi(), [b, C] = S(
+} = Z("MessengerSession"), yi = Re(function({ userSessionInfo: e, children: t }, n) {
+  const { appId: o, aiAgentId: i, chatSDK: a, agentPreviewConfigs: s, state: l, logger: c, language: d, countryCode: h, context: g, handlers: p } = B(), { updateTheme: x } = vt(), { authenticate: b, deauthenticate: E } = bi(), [f, C] = S(
     void 0
-  ), [y, T] = S(void 0), [_, K] = S(null), [L, se] = S(null), [xe, v] = S(null), B = s == null ? void 0 : s.forceCreateChannel;
-  function Ee() {
+  ), [y, k] = S(void 0), [_, Y] = S(null), [L, ae] = S(null), [xe, v] = S(null), [V, Ee] = S(re.HANDED_OFF_ONLY), X = s == null ? void 0 : s.forceCreateChannel;
+  function it() {
     if (e && e.userId) {
       c.debug("messengerSession.initialize: manual session info detected");
       const I = ["authToken", "sessionHandler"].filter((M) => !(M in e));
@@ -1621,32 +1628,32 @@ const xi = 24 * 60 * 60 * 1e3, {
       ), e;
     }
     const A = Ge.get({ appId: o, aiAgentId: i });
-    return A ? A.expireAt - xi <= Date.now() ? (c.debug("messengerSession.initialize: auto session expired, clear cache"), Ge.clear({ appId: o, aiAgentId: i }), $e.clear({ appId: o, aiAgentId: i, userId: A.userId }), null) : (c.debug("messengerSession.initialize: auto session info detected"), A) : null;
+    return A ? A.expireAt - Ei <= Date.now() ? (c.debug("messengerSession.initialize: auto session expired, clear cache"), Ge.clear({ appId: o, aiAgentId: i }), $e.clear({ appId: o, aiAgentId: i, userId: A.userId }), null) : (c.debug("messengerSession.initialize: auto session info detected"), A) : null;
   }
-  const J = U(
+  const ke = H(
     (A, I) => {
       $e.set({ appId: o, aiAgentId: i, userId: A }, { knownActiveChannelUrl: I });
     },
     [o, i]
-  ), Ae = U(
+  ), Ae = H(
     (A) => {
       const I = $e.get({ appId: o, aiAgentId: i, userId: A });
       return I == null ? void 0 : I.knownActiveChannelUrl;
     },
     [o, i]
-  ), it = U(async () => {
+  ), st = H(async () => {
     if (_) {
       c.debug("messengerSession.refreshActiveChannel: try to refresh active channel"), C(void 0);
       const A = await a.aiAgent.requestMessengerSettings({
         aiAgentId: i,
         userId: _.userId,
         language: d,
-        country: m,
+        country: h,
         context: g,
-        forceCreateChannel: B,
+        forceCreateChannel: X,
         knownActiveChannelUrl: Ae(_.userId)
       });
-      return J(_.userId, A.active_channel.channel_url), C({ url: A.active_channel.channel_url, status: W.OPEN }), c.info(
+      return ke(_.userId, A.active_channel.channel_url), C({ url: A.active_channel.channel_url, status: j.OPEN }), c.info(
         "messengerSession.refreshActiveChannel: refreshed active channel",
         A.active_channel.channel_url
       ), A.active_channel.channel_url;
@@ -1658,12 +1665,12 @@ const xi = 24 * 60 * 60 * 1e3, {
     i,
     _ == null ? void 0 : _.userId,
     d,
-    m,
+    h,
     g,
-    B,
+    X,
     Ae,
-    J
-  ]), st = U(
+    ke
+  ]), at = H(
     async (A) => {
       if (!(_ != null && _.userId))
         throw new Error("Current user is not authenticated. Please authenticate first.");
@@ -1679,79 +1686,79 @@ const xi = 24 * 60 * 60 * 1e3, {
     },
     [_ == null ? void 0 : _.userId]
   );
-  return vn(a, {
+  return Sn(a, {
     onChannelChanged: (A) => {
       var I;
-      A.isGroupChannel() && A.url === (b == null ? void 0 : b.url) && (c.info("messengerSession.channelChanged: channel.conversation", A.conversation), C({ url: A.url, status: ((I = A.conversation) == null ? void 0 : I.status) ?? W.OPEN }));
+      A.isGroupChannel() && A.url === (f == null ? void 0 : f.url) && (c.info("messengerSession.channelChanged: channel.conversation", A.conversation), C({ url: A.url, status: ((I = A.conversation) == null ? void 0 : I.status) ?? j.OPEN }));
     },
     async onUserJoined(A, I) {
-      var H, Ce;
-      if (A.conversation && A.conversation.type === Br.PROACTIVE && I.userId === ((H = a.currentUser) == null ? void 0 : H.userId)) {
+      var P, Ce;
+      if (A.conversation && A.conversation.type === Br.PROACTIVE && I.userId === ((P = a.currentUser) == null ? void 0 : P.userId)) {
         c.info("messengerSession.onUserJoined: proactive channel joined", A.url);
-        const ae = ((Ce = A.conversation) == null ? void 0 : Ce.status) ?? W.OPEN;
-        C({ url: A.url, status: ae }), l.setOpened(!0), vi({
+        const le = ((Ce = A.conversation) == null ? void 0 : Ce.status) ?? j.OPEN;
+        C({ url: A.url, status: le }), l.setOpened(!0), _i({
           sound: document.hidden || !l.opened
         });
       }
     }
-  }), yr(n, () => {
+  }), _r(n, () => {
     const A = async () => {
-      if (!b) throw new Error("No active conversation. Please start a conversation first.");
-      return await a.groupChannel.getChannel(b.url);
+      if (!f) throw new Error("No active conversation. Please start a conversation first.");
+      return await a.groupChannel.getChannel(f.url);
     };
     return {
-      activeChannel: b,
+      activeChannel: f,
       chatSDK: a,
       deauthenticate: async () => {
-        c.debug("messengerSession.deauthenticate: start"), await E(), C(void 0), K(null), se(null), v(null), _ && (Ge.clear({ appId: o, aiAgentId: i }), $e.clear({ appId: o, aiAgentId: i, userId: _.userId }), c.debug("messengerSession.deauthenticate: cleared user session cache")), c.debug("messengerSession.deauthenticate: completed");
+        c.debug("messengerSession.deauthenticate: start"), await E(), C(void 0), Y(null), ae(null), v(null), _ && (Ge.clear({ appId: o, aiAgentId: i }), $e.clear({ appId: o, aiAgentId: i, userId: _.userId }), c.debug("messengerSession.deauthenticate: cleared user session cache")), c.debug("messengerSession.deauthenticate: completed");
       },
       updateContext: async (I) => {
-        const H = await (await A()).updateContext(i, I);
-        return { ...H, context: H.context ?? {} };
+        const P = await (await A()).updateContext(i, I);
+        return { ...P, context: P.context ?? {} };
       },
       patchContext: async (I) => {
-        const H = await (await A()).patchContext(i, I);
-        return { ...H, context: H.context ?? {} };
+        const P = await (await A()).patchContext(i, I);
+        return { ...P, context: P.context ?? {} };
       },
       getContextObject: async () => {
         const M = await (await A()).getContextObject(i);
         return { ...M, context: M.context ?? {} };
       }
     };
-  }, [b, E, a, o, _, i]), D(() => {
+  }, [f, E, a, o, _, i]), D(() => {
     async function A() {
       c.debug("messengerSession.initialize: start");
-      const I = Ee(), M = await a.aiAgent.requestMessengerSettings({
+      const I = it(), M = await a.aiAgent.requestMessengerSettings({
         aiAgentId: i,
         userId: I == null ? void 0 : I.userId,
         language: d,
-        country: m,
+        country: h,
         context: g,
-        forceCreateChannel: B,
+        forceCreateChannel: X,
         knownActiveChannelUrl: Ae(I == null ? void 0 : I.userId)
       });
       c.debug("messengerSession.initialize: messenger settings response", M);
-      let H = null;
+      let P = null;
       if (M.auto_created_user) {
-        const { user_id: Z, session_token: X, expire_at: ee } = M.auto_created_user;
-        Ge.set({ appId: o, aiAgentId: i }, { userId: Z, authToken: X, expireAt: ee }), H = { userId: Z, authToken: X };
+        const { user_id: K, session_token: W, expire_at: G } = M.auto_created_user;
+        Ge.set({ appId: o, aiAgentId: i }, { userId: K, authToken: W, expireAt: G }), P = { userId: K, authToken: W };
       } else
-        H = {
+        P = {
           userId: (I == null ? void 0 : I.userId) ?? "",
           authToken: (I == null ? void 0 : I.authToken) ?? ""
         };
-      J(H.userId, M.active_channel.channel_url);
+      ke(P.userId, M.active_channel.channel_url);
       function Ce() {
-        const Z = M.appearance.selected_theme;
-        x(Z, (ee) => {
-          const G = M.appearance.themes[ee];
+        const K = M.appearance.selected_theme;
+        x(K, (G) => {
+          const N = M.appearance.themes[G];
           return {
-            primaryColor: G.primary_color,
-            botMessageBackgroundColor: G.bot_message_bg_color,
-            primaryContrastColor: G.primary_contrast_color,
-            botMessageBackgroundContrastColor: G.bot_message_bg_contrast_color
+            primaryColor: N.primary_color,
+            botMessageBackgroundColor: N.bot_message_bg_color,
+            primaryContrastColor: N.primary_contrast_color,
+            botMessageBackgroundContrastColor: N.bot_message_bg_contrast_color
           };
-        }), T(void 0), K(H), se({
+        }), k(void 0), Y(P), ae({
           userId: M.bot.bot_userid,
           profileUrl: M.bot.bot_profile_url,
           nickname: M.bot.bot_nickname,
@@ -1762,17 +1769,19 @@ const xi = 24 * 60 * 60 * 1e3, {
         }), v({
           type: M.launcher.image_type || "default_icon",
           imageUrl: M.launcher.image_url
-        }), M.launcher.auto_open && !Pe() && setTimeout(() => l.setOpened(!0), 500);
+        }), Ee(
+          Ci[M.active_channel.attachment_mode] ?? re.HANDED_OFF_ONLY
+        ), M.launcher.auto_open && !Pe() && setTimeout(() => l.setOpened(!0), 500);
       }
-      function ae() {
-        C({ url: M.active_channel.channel_url, status: W.OPEN });
+      function le() {
+        C({ url: M.active_channel.channel_url, status: j.OPEN });
       }
       try {
         Ce();
-        const Z = (X) => K((ee) => ee ? { ...ee, authToken: X } : null);
-        await f(H, e == null ? void 0 : e.sessionHandler, Z), ae();
-      } catch (Z) {
-        Z instanceof Error && (c.error("messengerSession.initialize: failed to connect", Z), T(Z));
+        const K = (W) => Y((G) => G ? { ...G, authToken: W } : null);
+        await b(P, e == null ? void 0 : e.sessionHandler, K), le();
+      } catch (K) {
+        K instanceof Error && (c.error("messengerSession.initialize: failed to connect", K), k(K));
       }
     }
     A().catch((I) => {
@@ -1781,22 +1790,23 @@ const xi = 24 * 60 * 60 * 1e3, {
   }, [a, o, i, e == null ? void 0 : e.userId, e == null ? void 0 : e.authToken]), D(() => {
     p != null && p.onRegisterDeauthenticateHandler && (c.debug("messengerSession: registering deauthenticate handler"), p.onRegisterDeauthenticateHandler(E));
   }, [p == null ? void 0 : p.onRegisterDeauthenticateHandler, E]), !_ || !L || !xe ? null : /* @__PURE__ */ r.createElement(
-    Ei,
+    vi,
     {
       value: {
         userSession: _,
-        activeChannel: b,
-        refreshActiveChannel: it,
-        createConversation: st,
+        activeChannel: f,
+        refreshActiveChannel: st,
+        createConversation: at,
         connectionError: y,
         aiAgentInfo: { ...L, ...s == null ? void 0 : s.bot },
-        launcherInfo: { ...xe, ...s == null ? void 0 : s.launcher }
+        launcherInfo: { ...xe, ...s == null ? void 0 : s.launcher },
+        attachmentMode: V
       }
     },
     t
   );
 });
-function vi({ sound: e }) {
+function _i({ sound: e }) {
   const t = "🔔You have received a new message", n = document.title, o = setInterval(() => {
     document.title = document.title === t ? n : t;
   }, 750);
@@ -1804,35 +1814,35 @@ function vi({ sound: e }) {
     new Audio(i.default).play();
   });
 }
-const Y = (e) => {
+const q = (e) => {
   const t = e;
   return typeof t == "number" ? `${t}px` : t;
-}, k = ({
+}, w = ({
   as: e,
   variant: t = "body1",
   color: n,
   className: o,
   ...i
-}) => /* @__PURE__ */ r.createElement(_i, { as: e, $variant: t, className: o, $color: n, ...i }), jt = /* @__PURE__ */ new WeakMap(), yi = (e, t) => {
-  let n = jt.get(t);
-  n || (n = /* @__PURE__ */ new Map(), jt.set(t, n));
+}) => /* @__PURE__ */ r.createElement(Ti, { as: e, $variant: t, className: o, $color: n, ...i }), Yt = /* @__PURE__ */ new WeakMap(), Si = (e, t) => {
+  let n = Yt.get(t);
+  n || (n = /* @__PURE__ */ new Map(), Yt.set(t, n));
   const o = n.get(e);
   if (o) return o;
-  const i = t[e] ?? t.body1, a = $`font-size:${Y(i.fontSize)};font-weight:${i.fontWeight};${i.fontFamily ? `font-family: ${i.fontFamily};` : ""}
+  const i = t[e] ?? t.body1, a = $`font-size:${q(i.fontSize)};font-weight:${i.fontWeight};${i.fontFamily ? `font-family: ${i.fontFamily};` : ""}
     ${i.lineHeight ? `line-height: ${i.lineHeight};` : "line-height: 100%;"}
   `;
   return n.set(e, a), a;
-}, _i = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => yi(e, t.typography)}color:${({ $color: e }) => e};`, Be = 244, Bn = 640, Je = 26, Fn = 4, ie = 12, ke = 2, Si = 16, me = `${Q}-incoming-msg`, Ti = `${Q}-marked-text`;
-function St(e) {
+}, Ti = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Si(e, t.typography)}color:${({ $color: e }) => e};`, Fe = 244, Un = 640, Je = 26, Hn = 4, ie = 12, we = 2, wi = 16, se = `${Q}-incoming-msg`, ki = `${Q}-marked-text`;
+function wt(e) {
   switch (e) {
     case "top":
     case "middle":
-      return ke;
+      return we;
     default:
-      return Si;
+      return wi;
   }
 }
-function Tt(e, t) {
+function kt(e, t) {
   if (t) {
     const [, n] = t.split("/");
     if (n)
@@ -1845,104 +1855,105 @@ function Tt(e, t) {
   }
   return "FILE";
 }
-function Un(e) {
+function zn(e) {
   return e.messageType === "file" ? e.message.length > 0 && e.file.name !== e.message : e.message.length > 0;
 }
-const wi = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"]), ki = {
-  spinner: w(() => import("./BcUGcaq2.js")),
-  chat: w(() => import("./DcFCGVBm.js")),
-  message: w(() => import("./DsGXnanX.js")),
-  error: w(() => import("./B6fvrWGq.js")),
-  info: w(() => import("./CAIYsKDy.js")),
-  refresh: w(() => import("./B6xd54zt.js")),
-  "chevron-down": w(() => import("./BsimU71m.js")),
-  "chevron-right": w(() => import("./NmJl7zv3.js")),
-  done: w(() => import("./D_q6g3Dd.js")),
-  user: w(() => import("./CvqfQEhO.js")),
-  "file-document": w(() => import("./BAr50pfO.js")),
-  download: w(() => import("./B2CtcWp3.js")),
-  attach: w(() => import("./DY2ULcTX.js")),
-  delete: w(() => import("./DMruRpOm.js")),
-  close: w(() => import("./CuaBI7kd.js")),
-  "close-filled": w(() => import("./CxQFWLnW.js")),
-  send: w(() => import("./DZJyDpNp.js")),
-  menu: w(() => import("./BUYabNz7.js")),
-  expand: w(() => import("./wBtIAuNm.js")),
-  collapse: w(() => import("./C0RFfifL.js")),
-  agent: w(() => import("./Cc7XmLN1.js")),
-  question: w(() => import("./dqwvRBog.js")),
-  actionbook: w(() => import("./CrjNuryZ.js")),
-  function: w(() => import("./CvdSjw1c.js")),
-  "radio-on": w(() => import("./nmdo2Fbj.js")),
-  "radio-off": w(() => import("./BnZcRFmS.js")),
-  confluence: w(() => import("./BOnlh2zd.js")),
-  zendesk: w(() => import("./BAJ6LEKc.js")),
-  salesforce: w(() => import("./CT2kv4lr.js")),
-  sprinklr: w(() => import("./m2INcyV2.js")),
-  website: w(() => import("./BgGVGNdg.js")),
-  snippet: w(() => import("./BFcXPuf5.js")),
-  template: w(() => import("./awO7aBCv.js"))
+const Ai = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"]), Ii = {
+  spinner: T(() => import("./BcUGcaq2.js")),
+  chat: T(() => import("./DcFCGVBm.js")),
+  message: T(() => import("./DsGXnanX.js")),
+  error: T(() => import("./B6fvrWGq.js")),
+  info: T(() => import("./CAIYsKDy.js")),
+  refresh: T(() => import("./B6xd54zt.js")),
+  "chevron-down": T(() => import("./BsimU71m.js")),
+  "chevron-right": T(() => import("./NmJl7zv3.js")),
+  done: T(() => import("./D_q6g3Dd.js")),
+  user: T(() => import("./CvqfQEhO.js")),
+  "file-document": T(() => import("./BAr50pfO.js")),
+  download: T(() => import("./B2CtcWp3.js")),
+  attach: T(() => import("./DY2ULcTX.js")),
+  delete: T(() => import("./DMruRpOm.js")),
+  close: T(() => import("./CuaBI7kd.js")),
+  "close-filled": T(() => import("./CxQFWLnW.js")),
+  send: T(() => import("./DZJyDpNp.js")),
+  menu: T(() => import("./BUYabNz7.js")),
+  expand: T(() => import("./wBtIAuNm.js")),
+  collapse: T(() => import("./C0RFfifL.js")),
+  agent: T(() => import("./Cc7XmLN1.js")),
+  question: T(() => import("./dqwvRBog.js")),
+  actionbook: T(() => import("./CrjNuryZ.js")),
+  function: T(() => import("./CvdSjw1c.js")),
+  "radio-on": T(() => import("./nmdo2Fbj.js")),
+  "radio-off": T(() => import("./BnZcRFmS.js")),
+  confluence: T(() => import("./BOnlh2zd.js")),
+  zendesk: T(() => import("./BAJ6LEKc.js")),
+  salesforce: T(() => import("./CT2kv4lr.js")),
+  sprinklr: T(() => import("./m2INcyV2.js")),
+  website: T(() => import("./BgGVGNdg.js")),
+  snippet: T(() => import("./BFcXPuf5.js")),
+  template: T(() => import("./awO7aBCv.js")),
+  source: T(() => import("./_EVMCh6Y.js"))
 }, O = ({ type: e, size: t = 24, className: n, color: o }) => {
-  const i = ki[e];
+  const i = Ii[e];
   return /* @__PURE__ */ r.createElement(
-    Ii,
+    Mi,
     {
       className: n,
-      $rtlFlip: wi.has(e),
+      $rtlFlip: Ai.has(e),
       $size: t,
-      $color: o ?? h.color.primary.main
+      $color: o ?? m.color.primary.main
     },
     /* @__PURE__ */ r.createElement(Oe, { fallback: null }, /* @__PURE__ */ r.createElement(i, null))
   );
-}, Ai = $`[dir='rtl'] &{transform:scaleX(-1);}`, Ii = u.div`width:${({ $size: e }) => Y(e)};height:${({ $size: e }) => Y(e)};display:inline-block;&:focus{outline:none;}svg{display:block;}[class*='fill']{fill:${({ $color: e }) => e};}[class*='stroke']{stroke:${({ $color: e }) => e};stroke-width:2px;stroke-linejoin:round;}${({ $rtlFlip: e }) => e && Ai};`;
-function wt({
+}, $i = $`[dir='rtl'] &{transform:scaleX(-1);}`, Mi = u.div`width:${({ $size: e }) => q(e)};height:${({ $size: e }) => q(e)};display:inline-block;&:focus{outline:none;}svg{display:block;}[class*='fill']{fill:${({ $color: e }) => e};}[class*='stroke']{stroke:${({ $color: e }) => e};stroke-width:2px;stroke-linejoin:round;}${({ $rtlFlip: e }) => e && $i};`;
+function At({
   name: e,
   type: t = "FILE",
   iconColor: n,
   iconBackgroundColor: o,
   onClick: i
 }) {
-  const { colors: a } = Et();
-  return /* @__PURE__ */ r.createElement($i, { onClick: i, $clickable: !!i }, /* @__PURE__ */ r.createElement(Oi, { $bgColor: o ?? a.base.primary }, /* @__PURE__ */ r.createElement(O, { type: "file-document", size: 24, color: n ?? a.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Li, null, /* @__PURE__ */ r.createElement(Ri, { variant: "button", color: h.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(k, { color: h.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+  const { colors: a } = Ct();
+  return /* @__PURE__ */ r.createElement(Oi, { onClick: i, $clickable: !!i }, /* @__PURE__ */ r.createElement(Ri, { $bgColor: o ?? a.base.primary }, /* @__PURE__ */ r.createElement(O, { type: "file-document", size: 24, color: n ?? a.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Di, null, /* @__PURE__ */ r.createElement(Ni, { variant: "button", color: m.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(w, { color: m.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }
-const $i = u.div`border-radius:12px;gap:8px;width:${Be}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${h.themedColor.textDisabled};background-color:${h.themedColor.bg_50_600};${({ $clickable: e }) => e && Mi}`, Mi = $`cursor:pointer;&:hover{background-color:${h.themedColor.bg_100_500};}`, Oi = u.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, Li = u.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Ri = u(k)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
-function Di({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ r.createElement(Ni, null, /* @__PURE__ */ r.createElement(
-    wt,
+const Oi = u.div`border-radius:12px;gap:8px;width:${Fe}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${m.themedColor.textDisabled};background-color:${m.themedColor.bg_50_600};${({ $clickable: e }) => e && Li}`, Li = $`cursor:pointer;&:hover{background-color:${m.themedColor.bg_100_500};}`, Ri = u.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, Di = u.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Ni = u(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
+function Pi({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(Fi, null, /* @__PURE__ */ r.createElement(
+    At,
     {
       name: e.name,
-      type: Tt(e.name, e.type),
+      type: kt(e.name, e.type),
       onClick: n && (() => n == null ? void 0 : n(e))
     }
   ), t);
 }
-const Ni = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${ke}px;`;
-function Pi({ file: e, onClickMedia: t, children: n }) {
-  const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Ui, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Hi, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
+const Fi = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${we}px;`;
+function Bi({ file: e, onClickMedia: t, children: n }) {
+  const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(zi, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Vi, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
   if (o) {
     const i = {
-      id: `${me}-media-body`,
+      id: `${se}-media-body`,
       onClick: () => t == null ? void 0 : t(e)
     };
-    return /* @__PURE__ */ r.createElement(Bi, null, /* @__PURE__ */ r.createElement(Fi, { ...i }, o()), n);
+    return /* @__PURE__ */ r.createElement(Ui, null, /* @__PURE__ */ r.createElement(Hi, { ...i }, o()), n);
   }
   return null;
 }
-const Bi = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${ke}px;`, Fi = u.div`width:${Be}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${N.light`
-    background-color: ${h.color.background100};
+const Ui = u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${we}px;`, Hi = u.div`width:${Fe}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${F.light`
+    background-color: ${m.color.background100};
   `}
-  ${N.dark`
-    background-color: ${h.color.background400};
+  ${F.dark`
+    background-color: ${m.color.background400};
   `}
-`, Ui = u.img`width:100%;height:100%;object-fit:cover;`, Hi = u.video`width:100%;height:100%;object-fit:cover;`, zi = "✱";
-function Hn(e) {
-  const t = new RegExp(`${zi}+`, "g");
-  return e.replace(t, (n) => `<span id=${Ti} aria-label="masked-text">${n}</span>`);
+`, zi = u.img`width:100%;height:100%;object-fit:cover;`, Vi = u.video`width:100%;height:100%;object-fit:cover;`, Wi = "✱";
+function Vn(e) {
+  const t = new RegExp(`${Wi}+`, "g");
+  return e.replace(t, (n) => `<span id=${ki} aria-label="masked-text">${n}</span>`);
 }
-function Vi(e) {
+function Gi(e) {
   return e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>");
 }
-function Wi(e) {
+function ji(e) {
   const t = /```(\w+)?\n([\s\S]*?)```/g, n = [];
   let o = 0;
   return e.replace(t, (i, ...a) => {
@@ -1958,97 +1969,114 @@ function Wi(e) {
   }), o < e.length && n.push({
     type: "text",
     value: e.slice(o).trim()
-  }), n.map((i) => i.type !== "text" ? i : { ...i, value: Hn(i.value) });
+  }), n.map((i) => i.type !== "text" ? i : { ...i, value: Vn(i.value) });
 }
-const Gi = w(async () => ({ default: (await import("./7Dvv5RpD.js")).MarkdownText })), ji = w(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
-function Kt(e) {
+const Ki = T(async () => ({ default: (await import("./D4Vk_6v3.js")).MarkdownText })), Zi = T(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+function qt(e) {
   var i, a;
-  const t = e.maxBodyWidth ?? Be, n = ye(() => Wi(e.message), [e.message]), o = {
-    id: `${me}-text-body`,
+  const t = e.maxBodyWidth ?? Fe, n = pe(() => ji(e.message), [e.message]), o = {
+    id: `${se}-text-body`,
     $maxWidth: t,
     $color: (i = e.customStyle) == null ? void 0 : i.bubbleContentColor,
     $bgColor: (a = e.customStyle) == null ? void 0 : a.bubbleBackgroundColor
   };
-  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Zt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Zt, { ...o }, n.map((s, l) => s.type === "text" ? /* @__PURE__ */ r.createElement(Yt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(Oe, { fallback: s.value }, /* @__PURE__ */ r.createElement(Gi, { onClickImage: (c) => {
+  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Jt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Jt, { ...o }, n.map((s, l) => s.type === "text" ? /* @__PURE__ */ r.createElement(Xt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(Oe, { fallback: s.value }, /* @__PURE__ */ r.createElement(Ki, { onClickImage: (c) => {
     var d;
     return (d = e.onClickMedia) == null ? void 0 : d.call(e, { url: c, type: "image/*" });
-  } }, s.value))) : s.type === "code" ? /* @__PURE__ */ r.createElement(Oe, { key: l, fallback: /* @__PURE__ */ r.createElement(Yt, { variant: "body3" }, s.value) }, /* @__PURE__ */ r.createElement(ji, { code: s.value, language: s.language })) : null), e.children);
+  } }, s.value))) : s.type === "code" ? /* @__PURE__ */ r.createElement(Oe, { key: l, fallback: /* @__PURE__ */ r.createElement(Xt, { variant: "body3" }, s.value) }, /* @__PURE__ */ r.createElement(Zi, { code: s.value, language: s.language })) : null), e.children);
 }
-const Zt = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => $`
+const Jt = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => $`
     color: ${t || e.colors.messageIncoming.text};
     background-color: ${n || e.colors.messageIncoming.background};
   `}
   padding: 12px 0;
   transition: max-width 0.3s;
   overflow-wrap: break-word;
-`, Yt = u(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function Ki(e) {
-  const { stringSet: t } = R(), n = Un(e) ? /* @__PURE__ */ r.createElement(Kt, { ...e }) : null;
+`, Xt = u(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function Yi(e) {
+  const { stringSet: t } = R(), n = zn(e) ? /* @__PURE__ */ r.createElement(qt, { ...e }) : null;
   if (e.messageType === "user")
     return n;
   if (e.messageType === "file") {
     const o = e.file;
-    return o.type.startsWith("image") || o.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Pi, { ...e }, n) : /* @__PURE__ */ r.createElement(Di, { ...e }, n);
+    return o.type.startsWith("image") || o.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Bi, { ...e }, n) : /* @__PURE__ */ r.createElement(Pi, { ...e }, n);
   }
-  return /* @__PURE__ */ r.createElement(Kt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+  return /* @__PURE__ */ r.createElement(qt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
-const kt = (e) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0008 0.973633C10.6172 0.973633 9.49558 2.09527 9.49558 3.47888C9.49558 4.50705 10.115 5.39055 11.0009 5.77664V7.47887H13.0009V5.77653C13.8868 5.3904 14.5061 4.50696 14.5061 3.47888C14.5061 2.09527 13.3844 0.973633 12.0008 0.973633ZM0.250977 16.5788L0.250977 10.5789H2.25098L2.25098 16.5788H0.250977ZM21.7511 10.5789V16.5788H23.7511V10.5789H21.7511ZM18.251 7.47888H3.25097V18.9789C3.25097 20.3596 4.37026 21.4789 5.75097 21.4789H18.251C19.6317 21.4789 20.751 20.3596 20.751 18.9789V9.97887C20.751 8.59816 19.6317 7.47888 18.251 7.47888ZM9.78434 11.9539V15.2038C9.78434 15.7561 9.33663 16.2038 8.78434 16.2038C8.23206 16.2038 7.78434 15.7561 7.78434 15.2038V11.9539C7.78434 11.4016 8.23206 10.9539 8.78434 10.9539C9.33663 10.9539 9.78434 11.4016 9.78434 11.9539ZM16.2677 11.9539V15.2038C16.2677 15.7561 15.82 16.2038 15.2677 16.2038C14.7154 16.2038 14.2677 15.7561 14.2677 15.2038V11.9539C14.2677 11.4016 14.7154 10.9539 15.2677 10.9539C15.82 10.9539 16.2677 11.4016 16.2677 11.9539Z", fill: "#0D0D0D" }));
-function At({ id: e, src: t, size: n = 56, onClick: o, style: i }) {
-  return /* @__PURE__ */ r.createElement(Zi, { id: e, tabIndex: 0, onClick: o, $size: Y(n), style: i }, t ? /* @__PURE__ */ r.createElement(Yi, { src: t }) : /* @__PURE__ */ r.createElement(O, { type: "user", size: n }));
+const It = (e) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0008 0.973633C10.6172 0.973633 9.49558 2.09527 9.49558 3.47888C9.49558 4.50705 10.115 5.39055 11.0009 5.77664V7.47887H13.0009V5.77653C13.8868 5.3904 14.5061 4.50696 14.5061 3.47888C14.5061 2.09527 13.3844 0.973633 12.0008 0.973633ZM0.250977 16.5788L0.250977 10.5789H2.25098L2.25098 16.5788H0.250977ZM21.7511 10.5789V16.5788H23.7511V10.5789H21.7511ZM18.251 7.47888H3.25097V18.9789C3.25097 20.3596 4.37026 21.4789 5.75097 21.4789H18.251C19.6317 21.4789 20.751 20.3596 20.751 18.9789V9.97887C20.751 8.59816 19.6317 7.47888 18.251 7.47888ZM9.78434 11.9539V15.2038C9.78434 15.7561 9.33663 16.2038 8.78434 16.2038C8.23206 16.2038 7.78434 15.7561 7.78434 15.2038V11.9539C7.78434 11.4016 8.23206 10.9539 8.78434 10.9539C9.33663 10.9539 9.78434 11.4016 9.78434 11.9539ZM16.2677 11.9539V15.2038C16.2677 15.7561 15.82 16.2038 15.2677 16.2038C14.7154 16.2038 14.2677 15.7561 14.2677 15.2038V11.9539C14.2677 11.4016 14.7154 10.9539 15.2677 10.9539C15.82 10.9539 16.2677 11.4016 16.2677 11.9539Z", fill: "#0D0D0D" }));
+function $t({ id: e, src: t, size: n = 56, onClick: o, style: i }) {
+  return /* @__PURE__ */ r.createElement(qi, { id: e, tabIndex: 0, onClick: o, $size: q(n), style: i }, t ? /* @__PURE__ */ r.createElement(Ji, { src: t }) : /* @__PURE__ */ r.createElement(O, { type: "user", size: n }));
 }
-const Zi = 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:${h.themedColor.bg_100_500};&:focus{outline:none;}`, Yi = u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
-function qi({ sender: e, isBotMessage: t }) {
-  const n = `${me}-sender-avatar`;
-  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(Ji, { id: n }, /* @__PURE__ */ r.createElement(kt, null)) : /* @__PURE__ */ r.createElement(At, { id: n, size: Je, src: e.profileUrl });
+const qi = 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:${m.themedColor.bg_100_500};&:focus{outline:none;}`, Ji = u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
+function Xi({ sender: e, isBotMessage: t }) {
+  const n = `${se}-sender-avatar`;
+  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(Qi, { id: n }, /* @__PURE__ */ r.createElement(It, null)) : /* @__PURE__ */ r.createElement($t, { id: n, size: Je, src: e.profileUrl });
 }
-const Ji = u.div`flex-shrink:0;width:${Je}px;height:${Je}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 Xi({ sender: e }) {
-  return /* @__PURE__ */ r.createElement(Qi, { id: `${me}-sender-name`, variant: "caption1", color: h.themedColor.textMidEmphasis }, e.nickname);
+const Qi = u.div`flex-shrink:0;width:${Je}px;height:${Je}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 es({ sender: e }) {
+  return /* @__PURE__ */ r.createElement(ts, { id: `${se}-sender-name`, variant: "caption1", color: m.themedColor.textMidEmphasis }, e.nickname);
 }
-const Qi = u(k)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
-function es({ createdAt: e }) {
+const ts = 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 ns({ createdAt: e }) {
   const { stringSet: t, format: n } = R();
-  return e ? /* @__PURE__ */ r.createElement(k, { id: `${me}-sent-time`, variant: "caption4", color: h.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
+  return e ? /* @__PURE__ */ r.createElement(w, { id: `${se}-sent-time`, variant: "caption4", color: m.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
-function ts({ customStyle: e }) {
-  return /* @__PURE__ */ r.createElement(ns, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(rs, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
+function rs({ customStyle: e }) {
+  return /* @__PURE__ */ r.createElement(os, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(is, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
 }
-const ns = u.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({ theme: e, $bgColor: t }) => t || e.colors.messageIncoming.background};`, rs = u.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({ theme: e, $color: t }) => t || e.colors.messageIncoming.text};@keyframes blink{0%{opacity:0.12;transform:scale(1);}21.43%{opacity:0.38;transform:scale(1.2);}42.86%{opacity:0.12;transform:scale(1);}100%{opacity:0.12;transform:scale(1);}}&:nth-child(1){animation-delay:0.4s;}&:nth-child(2){animation-delay:0.6s;}&:nth-child(3){animation-delay:0.8s;}`;
+const os = u.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({ theme: e, $bgColor: t }) => t || e.colors.messageIncoming.background};`, is = u.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({ theme: e, $color: t }) => t || e.colors.messageIncoming.text};@keyframes blink{0%{opacity:0.12;transform:scale(1);}21.43%{opacity:0.38;transform:scale(1.2);}42.86%{opacity:0.12;transform:scale(1);}100%{opacity:0.12;transform:scale(1);}}&:nth-child(1){animation-delay:0.4s;}&:nth-child(2){animation-delay:0.6s;}&:nth-child(3){animation-delay:0.8s;}`;
 function Le() {
 }
-async function zn(e) {
+async function Mt(e) {
   let t = e;
   t && (!t.startsWith("http://") && !t.startsWith("https://") && (t = "https://" + t), window.open(t, "_blank", "noopener,noreferrer"));
 }
-function Vn(e) {
-  return !e || !e.conversation ? !1 : e.conversation.status === W.CLOSED;
-}
 function Wn(e) {
-  return !e || !e.conversation ? !1 : e.conversation.status === W.OPEN;
+  return !e || !e.conversation ? !1 : e.conversation.status === j.CLOSED;
 }
 function Gn(e) {
+  return !e || !e.conversation ? !1 : e.conversation.status === j.OPEN;
+}
+function jn(e) {
   var n;
   const t = (n = e == null ? void 0 : e.conversation) == null ? void 0 : n.handoff;
   return !!(t != null && t.timestamp);
 }
-function os(e) {
-  return Wn(e) && !Gn(e);
+function ss(e) {
+  return Gn(e) && !jn(e);
 }
-function is({
+function as({
   extendedMessagePayload: e,
-  onClickCTA: t = ({ url: n }) => zn(n)
+  onClickCTA: t = ({ url: n }) => Mt(n)
 }) {
   const n = e == null ? void 0 : e.cta_button;
-  return n ? /* @__PURE__ */ r.createElement(ss, { id: `${me}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(as, { variant: "button" }, n.label)) : null;
+  return n ? /* @__PURE__ */ r.createElement(ls, { id: `${se}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(cs, { variant: "button" }, n.label)) : null;
 }
-const ss = u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${h.themedColor.textHighEmphasis};background-color:${h.color.background50};${N.dark`
-    background-color: ${h.color.ondark.textDisabled};
+const ls = u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${m.themedColor.textHighEmphasis};background-color:${m.color.background50};${F.dark`
+    background-color: ${m.color.ondark.textDisabled};
   `}
-`, as = u(k)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
-function ls(e) {
+`, cs = u(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+function ds({
+  extendedMessagePayload: e,
+  onClickCitation: t = (n) => Mt(n.link)
+}) {
+  const { stringSet: n } = R(), { theme: o } = vt(), i = e == null ? void 0 : e.citations;
+  return !i || i.length === 0 ? null : /* @__PURE__ */ r.createElement(us, { id: `${se}-ext-citation` }, /* @__PURE__ */ r.createElement(ms, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(hs, null, i.map((a, s) => /* @__PURE__ */ r.createElement(
+    ps,
+    {
+      key: `${a.embedding_id}-${s}`,
+      role: "button",
+      onClick: () => t(a)
+    },
+    /* @__PURE__ */ r.createElement(O, { type: "source", size: 16, color: o.colors.messageIncoming.text }),
+    /* @__PURE__ */ r.createElement(gs, { variant: "body3", color: o.colors.messageIncoming.text }, a.title)
+  ))));
+}
+const us = u.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, ms = u(w)`opacity:0.5;`, hs = u.div`display:flex;flex-direction:column;gap:8px;`, gs = u(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, ps = u.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`;
+function fs(e) {
   return /* @__PURE__ */ r.createElement(r.Fragment, null);
 }
-class cs extends _r {
+class bs extends Sr {
   constructor(t) {
     super(t), this.state = {
       hasError: !1
@@ -2061,31 +2089,31 @@ class cs extends _r {
     return this.state.hasError ? this.props.errorFallback : /* @__PURE__ */ r.createElement(Oe, { fallback: this.props.loadingFallback }, this.props.children);
   }
 }
-const ds = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: us } = jr({
-  parser: Wr,
-  renderer: Vr,
+const xs = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: Es } = Kr({
+  parser: Gr,
+  renderer: Wr,
   Container: (e) => /* @__PURE__ */ r.createElement("div", { ...e })
 });
-function ms(e) {
+function Cs(e) {
   return /* @__PURE__ */ r.createElement(
-    cs,
+    bs,
     {
       errorFallback: e.messageTemplateErrorFallback,
       loadingFallback: e.messageTemplateLoadingFallback
     },
-    /* @__PURE__ */ r.createElement(hs, { ...e })
+    /* @__PURE__ */ r.createElement(vs, { ...e })
   );
 }
-const hs = ({
+const vs = ({
   extendedMessagePayload: e,
   onGetCachedMessageTemplate: t = () => null,
   onRequestMessageTemplate: n,
   onHandleTemplateInternalAction: o = Le
 }) => {
   const i = e == null ? void 0 : e.message_template;
-  if (!ds.has((i == null ? void 0 : i.type) ?? "default")) throw new Error("Unsupported template type");
+  if (!xs.has((i == null ? void 0 : i.type) ?? "default")) throw new Error("Unsupported template type");
   if (!n) throw new Error("onRequestMessageTemplate is required");
-  const { theme: s } = ii(), l = Go({
+  const { theme: s } = si(), l = jo({
     onRequestTemplate: n,
     onGetCachedTemplate: t,
     theme: s.selectedTheme,
@@ -2094,24 +2122,24 @@ const hs = ({
     viewVariables: i == null ? void 0 : i.view_variables,
     aiAgentColorVariables: s.aiAgentColorVariables
   });
-  return /* @__PURE__ */ r.createElement(gs, { id: `${me}-ext-message-template` }, /* @__PURE__ */ r.createElement(
-    Gr,
+  return /* @__PURE__ */ r.createElement(ys, { id: `${se}-ext-message-template` }, /* @__PURE__ */ r.createElement(
+    jr,
     {
       handleInternalAction: (c, d) => {
         c.stopPropagation(), o == null || o(d);
       }
     },
-    /* @__PURE__ */ r.createElement(us, { templateItems: l.body.items, templateVersion: l.version })
+    /* @__PURE__ */ r.createElement(Es, { templateItems: l.body.items, templateVersion: l.version })
   ));
-}, gs = u.div`box-sizing:border-box;overflow:hidden;width:100%;`;
-function ps({
+}, ys = u.div`box-sizing:border-box;overflow:hidden;width:100%;`;
+function _s({
   extendedMessagePayload: e,
   onClickSuggestedReply: t,
   suggestedRepliesDirection: n = "vertical"
 }) {
   const [o, i] = S(!1), a = (e == null ? void 0 : e.suggested_replies) ?? [];
-  return a.length === 0 || o ? null : /* @__PURE__ */ r.createElement(fs, { id: `${me}-ext-suggested-replies`, $type: n }, a.map((s, l) => /* @__PURE__ */ r.createElement(
-    bs,
+  return a.length === 0 || o ? null : /* @__PURE__ */ r.createElement(Ss, { id: `${se}-ext-suggested-replies`, $type: n }, a.map((s, l) => /* @__PURE__ */ r.createElement(
+    Ts,
     {
       key: l,
       $type: n,
@@ -2123,121 +2151,122 @@ function ps({
     s
   )));
 }
-const fs = u.div`margin:16px 0;padding:0 ${ie}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? xs : Es};`, bs = u(k)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${h.color.primary.main};border:1px solid ${h.color.primary.main};background-color:${h.themedColor.bg_50_600};&:hover{background-color:${h.themedColor.bg_100_500};}${({ $type: e, theme: t }) => $`
-    ${e === "vertical" ? Cs : vs};
+const Ss = u.div`margin:16px 0;padding:0 ${ie}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? ws : ks};`, Ts = 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:${m.color.primary.main};border:1px solid ${m.color.primary.main};background-color:${m.themedColor.bg_50_600};&:hover{background-color:${m.themedColor.bg_100_500};}${({ $type: e, theme: t }) => $`
+    ${e === "vertical" ? As : Is};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, xs = $`flex-direction:column;align-items:flex-end;`, Es = $`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Cs = $`max-width:calc(100% - 70px);white-space:pre-wrap;`, vs = $`white-space:nowrap;`;
-function It(e) {
+`, ws = $`flex-direction:column;align-items:flex-end;`, ks = $`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, As = $`max-width:calc(100% - 70px);white-space:pre-wrap;`, Is = $`white-space:nowrap;`;
+function Ot(e) {
   return e();
 }
-const _e = we({
-  template: ys,
+const ye = Te({
+  template: $s,
   components: {
-    SenderName: Xi,
-    SenderAvatar: qi,
-    SentTime: es,
-    MessageBody: Ki,
-    TypingIndicator: ts,
-    SuggestedReplies: ps,
-    MessageTemplate: ms,
-    CTAButton: is,
-    MessageLogs: ls
+    SenderName: es,
+    SenderAvatar: Xi,
+    SentTime: ns,
+    MessageBody: Yi,
+    TypingIndicator: rs,
+    SuggestedReplies: _s,
+    MessageTemplate: Cs,
+    CTAButton: as,
+    Citation: ds,
+    MessageLogs: fs
   }
 });
-function ys(e) {
-  return /* @__PURE__ */ r.createElement(jn, { ...e, testerMode: !1 });
+function $s(e) {
+  return /* @__PURE__ */ r.createElement(Kn, { ...e, testerMode: !1 });
 }
-function jn(e) {
-  var g, p, x, f;
-  const { components: t } = _e.useContext(), n = !!e.isTyping, o = e.testerMode, i = !!((g = e.extendedMessagePayload) != null && g.message_template), a = !!((p = e.extendedMessagePayload) != null && p.cta_button), s = !!e.createdAt, l = It(() => e.messageType === "user" ? e.message.length > 0 : !0), c = e.groupType === "top" || e.groupType === "single", d = e.groupType === "bottom" || e.groupType === "single", m = o ? 0 : Je;
-  return /* @__PURE__ */ r.createElement(_s, { $marginBottom: n ? 0 : St(e.groupType) }, c && /* @__PURE__ */ r.createElement(Ss, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Bt, null, /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: m }, 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(qt, { $startPadding: 0, $endPadding: 0, style: { marginTop: l ? ke : 0 } }, /* @__PURE__ */ r.createElement(
+function Kn(e) {
+  var p, x, b, E, f;
+  const { components: t } = ye.useContext(), n = !!e.isTyping, o = e.testerMode, i = !!((p = e.extendedMessagePayload) != null && p.message_template), a = !!((x = e.extendedMessagePayload) != null && x.cta_button), s = !!((b = e.extendedMessagePayload) != null && b.citations) && e.extendedMessagePayload.citations.length > 0, l = !!e.createdAt, c = Ot(() => e.messageType === "user" ? e.message.length > 0 : !0), d = e.groupType === "top" || e.groupType === "single", h = e.groupType === "bottom" || e.groupType === "single", g = o ? 0 : Je;
+  return /* @__PURE__ */ r.createElement(Ms, { $marginBottom: n ? 0 : wt(e.groupType) }, d && /* @__PURE__ */ r.createElement(Os, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Ht, null, /* @__PURE__ */ r.createElement(dt, { $extraStartPadding: g }, 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 })), s && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), i && /* @__PURE__ */ r.createElement(Qt, { $startPadding: 0, $endPadding: 0, style: { marginTop: c ? we : 0 } }, /* @__PURE__ */ r.createElement(
     t.MessageTemplate,
     {
       ...e,
-      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: m }, /* @__PURE__ */ r.createElement(
+      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(dt, { $extraStartPadding: g }, /* @__PURE__ */ r.createElement(
         t.MessageBody,
         {
           ...e,
           messageType: "user",
-          message: ((f = (x = e.extendedMessagePayload) == null ? void 0 : x.message_template) == null ? void 0 : f.fallback_message) ?? "Cannot read this template."
+          message: ((f = (E = e.extendedMessagePayload) == null ? void 0 : E.message_template) == null ? void 0 : f.fallback_message) ?? "Cannot read this template."
         }
       )),
-      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: m }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
+      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(dt, { $extraStartPadding: g }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
     }
-  ))), d && s && /* @__PURE__ */ r.createElement(Ts, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Bt, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(qt, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
+  ))), h && l && /* @__PURE__ */ r.createElement(Ls, { $extraStartPadding: g + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Ht, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(Qt, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
 }
-const _s = u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const Ms = u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, ot = u.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = ie, $endPadding: t = ie, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, Ss = u(ot)`display:flex;flex-direction:row;align-items:center;gap:8px;`, ct = u(ot)`display:flex;`, Ts = u(ot)`margin-top:${Fn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, qt = u(ot)`display:flex;flex-direction:column;${({ $startPadding: e = ie, $endPadding: t = ie, $extraStartPadding: n = 0 }) => `
+`, Os = u(ot)`display:flex;flex-direction:row;align-items:center;gap:8px;`, dt = u(ot)`display:flex;`, Ls = u(ot)`margin-top:${Hn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Qt = u(ot)`display:flex;flex-direction:column;${({ $startPadding: e = ie, $endPadding: t = ie, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
 `;
-function ws({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ r.createElement(ks, null, /* @__PURE__ */ r.createElement(
-    wt,
+function Rs({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(Ds, null, /* @__PURE__ */ r.createElement(
+    At,
     {
       name: e.name,
-      type: Tt(e.name, e.type),
+      type: kt(e.name, e.type),
       onClick: n && (() => n == null ? void 0 : n(e))
     }
   ), t);
 }
-const ks = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`, Kn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(As, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(O, { type: "spinner", size: n })), As = u.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => Y(e)};height:${({ $size: e }) => Y(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
-function Is({ file: e, metadata: t, onClickMedia: n, children: o }) {
+const Ds = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${we}px;`, Zn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(Ns, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(O, { type: "spinner", size: n })), Ns = u.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => q(e)};height:${({ $size: e }) => q(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
+function Ps({ file: e, metadata: t, onClickMedia: n, children: o }) {
   const { aspectRatio: i, localFile: a } = t, [s] = S(() => a instanceof File ? URL.createObjectURL(a) : e.url), [l, c] = S(!1), d = {
     onClick: () => n == null ? void 0 : n(e),
     $ratio: i
   };
-  return /* @__PURE__ */ r.createElement($s, null, /* @__PURE__ */ r.createElement(Ms, { ...d }, !l && /* @__PURE__ */ r.createElement(Kn, { size: 26 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Os, { $loaded: l, src: s, alt: "image-message", onLoad: () => c(!0) })), o);
+  return /* @__PURE__ */ r.createElement(Fs, null, /* @__PURE__ */ r.createElement(Bs, { ...d }, !l && /* @__PURE__ */ r.createElement(Zn, { size: 26 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Us, { $loaded: l, src: s, alt: "image-message", onLoad: () => c(!0) })), o);
 }
-const $s = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`, Ms = u.div`width:${Be}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;${N.light`
-    background-color: ${h.color.background100};
+const Fs = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${we}px;`, Bs = u.div`width:${Fe}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;${F.light`
+    background-color: ${m.color.background100};
   `}
-  ${N.dark`
-    background-color: ${h.color.background400};
+  ${F.dark`
+    background-color: ${m.color.background400};
   `}
-`, Os = u.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
-function Jt(e) {
+`, Us = u.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
+function en(e) {
   var n, o;
-  const t = ye(() => {
-    const i = Vi(Hn(e.message));
-    return _n.sanitize(i);
+  const t = pe(() => {
+    const i = Gi(Vn(e.message));
+    return wn.sanitize(i);
   }, [e.message]);
   return /* @__PURE__ */ r.createElement(
-    Ls,
+    Hs,
     {
-      $maxWidth: e.maxBodyWidth ?? Be,
+      $maxWidth: e.maxBodyWidth ?? Fe,
       $color: (n = e.customStyle) == null ? void 0 : n.bubbleContentColor,
       $bgColor: (o = e.customStyle) == null ? void 0 : o.bubbleBackgroundColor
     },
-    /* @__PURE__ */ r.createElement(Rs, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
+    /* @__PURE__ */ r.createElement(zs, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
   );
 }
-const Ls = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => $`
+const Hs = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => $`
     color: ${t || e.colors.messageOutgoing.text};
     background-color: ${n || e.colors.messageOutgoing.background};
   `}
   padding: 12px 0;
   transition: max-width 0.3s;
   overflow-wrap: break-word;
-`, Rs = u(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function Ds(e) {
-  const { stringSet: t } = R(), n = Un(e) ? /* @__PURE__ */ r.createElement(Jt, { ...e }) : null;
-  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Is, { ...e }, n) : /* @__PURE__ */ r.createElement(ws, { ...e }, n) : /* @__PURE__ */ r.createElement(Jt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+`, zs = u(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function Vs(e) {
+  const { stringSet: t } = R(), n = zn(e) ? /* @__PURE__ */ r.createElement(en, { ...e }) : null;
+  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Ps, { ...e }, n) : /* @__PURE__ */ r.createElement(Rs, { ...e }, n) : /* @__PURE__ */ r.createElement(en, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
-function Ns({ sendingStatus: e }) {
-  const t = Et();
+function Ws({ sendingStatus: e }) {
+  const t = Ct();
   switch (e) {
     case "pending":
-      return /* @__PURE__ */ r.createElement(Ps, { size: 16 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
+      return /* @__PURE__ */ r.createElement(Gs, { size: 16 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
     case "failed":
-      return /* @__PURE__ */ r.createElement("div", { style: { marginBottom: 2 } }, /* @__PURE__ */ r.createElement(O, { type: "error", color: h.themedColor.error, size: 16 }));
+      return /* @__PURE__ */ r.createElement("div", { style: { marginBottom: 2 } }, /* @__PURE__ */ r.createElement(O, { type: "error", color: m.themedColor.error, size: 16 }));
     case "scheduled":
     case "canceled":
       return null;
@@ -2245,41 +2274,41 @@ function Ns({ sendingStatus: e }) {
       return /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(O, { type: "chevron-down" }));
   }
 }
-const Ps = u(Kn)`margin-bottom:2px;width:16px;height:16px;`;
-function Bs({ createdAt: e }) {
+const Gs = u(Zn)`margin-bottom:2px;width:16px;height:16px;`;
+function js({ createdAt: e }) {
   const { stringSet: t, format: n } = R();
-  return e ? /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: h.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
+  return e ? /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: m.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
-const $t = we({
-  template: Fs,
+const Lt = Te({
+  template: Ks,
   components: {
-    SendingStatus: Ns,
-    SentTime: Bs,
-    MessageBody: Ds
+    SendingStatus: Ws,
+    SentTime: js,
+    MessageBody: Vs
   }
 });
-function Fs(e) {
-  const { components: t } = $t.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
-  return /* @__PURE__ */ r.createElement(Us, { $marginBottom: St(e.groupType) }, /* @__PURE__ */ r.createElement(Hs, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(zs, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
+function Ks(e) {
+  const { components: t } = Lt.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
+  return /* @__PURE__ */ r.createElement(Zs, { $marginBottom: wt(e.groupType) }, /* @__PURE__ */ r.createElement(Ys, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(qs, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
 }
-const Us = 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 = ie, $endPadding: t = ie, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
-`, Hs = u(Zn)``, zs = u(Zn)`margin-top:${Fn}px;`;
-function Vs(e) {
-  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Ws, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, Gs(_n.sanitize(e.message))));
+const Zs = u.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+`, Yn = u.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = ie, $endPadding: t = ie, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
+`, Ys = u(Yn)``, qs = u(Yn)`margin-top:${Hn}px;`;
+function Js(e) {
+  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Xs, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: m.themedColor.textMidEmphasis }, Qs(wn.sanitize(e.message))));
 }
-const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Gs = (e) => {
+const Xs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Qs = (e) => {
   const t = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g, n = [];
   let o = 0;
   return e.replace(t, (i, a, s, l) => (n.push(e.slice(o, l)), n.push(
-    /* @__PURE__ */ r.createElement("a", { key: s, href: s, target: "_blank", rel: _t }, a)
+    /* @__PURE__ */ r.createElement("a", { key: s, href: s, target: "_blank", rel: Tt }, a)
   ), o = l + i.length, i)), n.push(e.slice(o)), n;
-}, js = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
+}, ea = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
   const { stringSet: i } = R();
   return D(() => {
     typeof n > "u" && typeof t == "boolean" && (o == null || o(t));
-  }, [n, t]), /* @__PURE__ */ r.createElement(Ks, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, i.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
-    Xt,
+  }, [n, t]), /* @__PURE__ */ r.createElement(ta, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: m.themedColor.textMidEmphasis }, i.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+    tn,
     {
       checked: n === !0,
       label: i.CSAT_CRE_SOLVED,
@@ -2287,7 +2316,7 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       onClick: () => o == null ? void 0 : o(!0)
     }
   ), /* @__PURE__ */ r.createElement(
-    Xt,
+    tn,
     {
       checked: n === !1,
       label: i.CSAT_CRE_NOT_SOLVED,
@@ -2295,17 +2324,17 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       onClick: () => o == null ? void 0 : o(!1)
     }
   )));
-}, Xt = ({ onClick: e, checked: t, label: n, disabled: o }) => {
-  const i = t ? h.color.primary.main : o ? h.themedColor.textDisabled : h.themedColor.textLowEmphasis, a = t ? h.themedColor.textHighEmphasis : o ? h.themedColor.textLowEmphasis : h.themedColor.textHighEmphasis;
-  return /* @__PURE__ */ r.createElement(Zs, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(O, { size: 24, type: t ? "radio-on" : "radio-off", color: i }), /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: a }, n));
-}, Ks = u.div`display:flex;flex-direction:column;gap:8px;`, Zs = u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, Ys = (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 })), qs = (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" })))), Js = (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" })), Xs = (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" })), Qs = (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" })), ea = (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" })), ta = (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" })), na = (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" })), 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.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" })), 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("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: {
+}, tn = ({ onClick: e, checked: t, label: n, disabled: o }) => {
+  const i = t ? m.color.primary.main : o ? m.themedColor.textDisabled : m.themedColor.textLowEmphasis, a = t ? m.themedColor.textHighEmphasis : o ? m.themedColor.textLowEmphasis : m.themedColor.textHighEmphasis;
+  return /* @__PURE__ */ r.createElement(na, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(O, { size: 24, type: t ? "radio-on" : "radio-off", color: i }), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: a }, n));
+}, ta = u.div`display:flex;flex-direction:column;gap:8px;`, na = u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, ra = (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 })), oa = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "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" })))), ia = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M15 28.333C16.3927 27.2867 18.124 26.6667 20 26.6667C21.876 26.6667 23.6073 27.2867 25 28.333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 13.3511C11.667 13.3511 14.0161 13.139 15.3268 14.18M15.3268 14.18L14.8882 15.5711C14.7153 16.1199 15.1675 16.6667 15.7943 16.6667C16.4531 16.6667 16.8882 16.0723 16.549 15.5579C16.2483 15.102 15.8388 14.5866 15.3268 14.18ZM23.3337 13.3511C23.3337 13.3511 25.6827 13.139 26.9935 14.18M26.9935 14.18L26.555 15.5711C26.382 16.1199 26.8342 16.6667 27.461 16.6667C28.1198 16.6667 28.5548 16.0723 28.2157 15.5579C27.915 15.102 27.5055 14.5866 26.9935 14.18Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), sa = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { d: "M14.249 27.334C15.851 26.13 17.844 25.417 20 25.417c2.156 0 4.149.714 5.751 1.917.553.415.664 1.199.25 1.751-.415.552-1.199.664-1.751.25-1.183-.889-2.652-1.416-4.25-1.416s-3.067.527-4.25 1.416c-.553.414-1.336.302-1.751-.25-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M23.445 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.125-.394c-.285-.088-.607-.148-.942-.182-.316-.033-.6-.038-.804-.035-.101.002-.242.01-.294.013Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.779 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.124-.394c-.284-.088-.606-.148-.941-.182-.316-.033-.6-.038-.804-.035-.101.002-.243.01-.294.013Z", fill: "#141B34" })), 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.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" })), 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: "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" })), 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.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" })), 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("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" })), ua = (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" })), ma = (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)" })))), ia = [
+}, 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)" })))), ha = [
   {
     value: 1,
     Icon: {
-      Active: qs,
-      Inactive: Ys
+      Active: oa,
+      Inactive: ra
     },
     isActive: (e) => e <= 1,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_1
@@ -2313,8 +2342,8 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 2,
     Icon: {
-      Active: Xs,
-      Inactive: Js
+      Active: sa,
+      Inactive: ia
     },
     isActive: (e) => e === 2,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_2
@@ -2322,8 +2351,8 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 3,
     Icon: {
-      Active: ea,
-      Inactive: Qs
+      Active: la,
+      Inactive: aa
     },
     isActive: (e) => e === 3,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_3
@@ -2331,8 +2360,8 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 4,
     Icon: {
-      Active: na,
-      Inactive: ta
+      Active: da,
+      Inactive: ca
     },
     isActive: (e) => e === 4,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_4
@@ -2340,13 +2369,13 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 5,
     Icon: {
-      Active: oa,
-      Inactive: ra
+      Active: ma,
+      Inactive: ua
     },
     isActive: (e) => 5 <= e,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_5
   }
-], sa = () => ia, Yn = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(bt, null, t, /* @__PURE__ */ r.createElement(ca, { $position: n }, /* @__PURE__ */ r.createElement(da, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(aa, { $position: n }))), aa = ({ $position: e }) => /* @__PURE__ */ r.createElement(
+], ga = () => ha, qn = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(xt, null, t, /* @__PURE__ */ r.createElement(ba, { $position: n }, /* @__PURE__ */ r.createElement(xa, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(pa, { $position: n }))), pa = ({ $position: e }) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -2356,14 +2385,14 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     viewBox: "0 0 12 6",
     fill: "none"
   },
-  /* @__PURE__ */ r.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: h.themedColor.textHighEmphasis })
-), la = {
+  /* @__PURE__ */ r.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: m.themedColor.textHighEmphasis })
+), fa = {
   top: $`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: $`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
-}, bt = u.div`position:relative;`, ca = u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${be.TOOLTIP};${({ $position: e }) => la[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${bt}:hover &,${bt}:focus-within &{opacity:1;}`, da = u(k)`padding:6px 8px;background:${h.themedColor.textHighEmphasis};color:${h.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, ua = ({ submitted: e, value: t, onChange: n }) => {
-  const { stringSet: o } = R(), i = sa(), a = typeof t == "number";
-  return /* @__PURE__ */ r.createElement(ma, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(ha, null, i.map((s) => /* @__PURE__ */ r.createElement(Yn, { disabled: e, key: s.value, label: s.getTooltip(o) }, /* @__PURE__ */ r.createElement(
-    ga,
+}, xt = u.div`position:relative;`, ba = u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${be.TOOLTIP};${({ $position: e }) => fa[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${xt}:hover &,${xt}:focus-within &{opacity:1;}`, xa = u(w)`padding:6px 8px;background:${m.themedColor.textHighEmphasis};color:${m.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, Ea = ({ submitted: e, value: t, onChange: n }) => {
+  const { stringSet: o } = R(), i = ga(), a = typeof t == "number";
+  return /* @__PURE__ */ r.createElement(Ca, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: m.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(va, null, i.map((s) => /* @__PURE__ */ r.createElement(qn, { disabled: e, key: s.value, label: s.getTooltip(o) }, /* @__PURE__ */ r.createElement(
+    ya,
     {
       disabled: e,
       onClick: () => n(s.value),
@@ -2371,16 +2400,16 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     },
     a ? s.isActive(t) ? /* @__PURE__ */ r.createElement(s.Icon.Active, null) : /* @__PURE__ */ r.createElement(s.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(s.Icon.Active, null)
   )))));
-}, ma = u.div`display:flex;flex-direction:column;gap:8px;`, ha = u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, ga = 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:${h.color.background200};${N.dark`
-      background-color: ${h.color.background500};
+}, Ca = u.div`display:flex;flex-direction:column;gap:8px;`, va = u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, ya = 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:${m.color.background200};${F.dark`
+      background-color: ${m.color.background500};
     `}
   }
 
-  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && pa};
-`, pa = $`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, fa = ({ submitted: e, value: t = "", onChange: n }) => {
+  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && _a};
+`, _a = $`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, Sa = ({ submitted: e, value: t = "", onChange: n }) => {
   const { stringSet: o } = R();
   return e && !t ? null : /* @__PURE__ */ r.createElement(
-    ba,
+    Ta,
     {
       disabled: e,
       maxLength: 255,
@@ -2389,95 +2418,95 @@ const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       placeholder: o.CSAT_REASON_PLACEHOLDER
     }
   );
-}, ba = u.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${h.themedColor.textHighEmphasis};&::placeholder{color:${h.themedColor.textLowEmphasis};}background-color:${h.color.background50};${N.dark`
-    background-color: ${h.themedColor.textDisabled};
+}, Ta = u.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${m.themedColor.textHighEmphasis};&::placeholder{color:${m.themedColor.textLowEmphasis};}background-color:${m.color.background50};${F.dark`
+    background-color: ${m.themedColor.textDisabled};
   `}
 
   &:disabled {
     cursor: not-allowed;
-    color: ${h.themedColor.textLowEmphasis};
-    background-color: ${h.color.background200};
-    ${N.dark`
-      color: ${h.color.ondark.textDisabled};
-      background-color: ${h.themedColor.textDisabled};
+    color: ${m.themedColor.textLowEmphasis};
+    background-color: ${m.color.background200};
+    ${F.dark`
+      color: ${m.color.ondark.textDisabled};
+      background-color: ${m.themedColor.textDisabled};
     `}
   }
-`, xa = ({ submitted: e }) => {
+`, wa = ({ submitted: e }) => {
   const { stringSet: t } = R();
-  return e ? /* @__PURE__ */ r.createElement(k, { variant: "h2", color: h.themedColor.textHighEmphasis }, t.CSAT_TITLE_SUBMITTED) : /* @__PURE__ */ r.createElement(k, { variant: "h2", color: h.themedColor.textHighEmphasis }, t.CSAT_TITLE_UNSUBMITTED);
+  return e ? /* @__PURE__ */ r.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis }, t.CSAT_TITLE_SUBMITTED) : /* @__PURE__ */ r.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis }, t.CSAT_TITLE_UNSUBMITTED);
 };
-var ne = /* @__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))(ne || {});
-const Ea = (e) => Sr((t, n) => ({ ...t, ...n }), e), dt = ({
+var te = /* @__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))(te || {});
+const ka = (e) => Tr((t, n) => ({ ...t, ...n }), e), ut = ({
   type: e,
   renderSubmitButton: t,
   initialCsat: n,
   initialCsatReason: o,
   initialIsResolved: i
 }) => {
-  const [a, s] = Ea({
+  const [a, s] = ka({
     csatType: e,
     csat: n,
     csatReason: o,
     isResolved: i
-  }), l = typeof n == "number" ? "submitted" : (e === ne.AI_AGENT_CSAT_5 || e === ne.HELPDESK_CSAT_5) && typeof a.csat == "number" || e === ne.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(Ca, null, /* @__PURE__ */ r.createElement(xa, { ...c }), e === ne.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
-    js,
+  }), l = typeof n == "number" ? "submitted" : (e === te.AI_AGENT_CSAT_5 || e === te.HELPDESK_CSAT_5) && typeof a.csat == "number" || e === te.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(Aa, null, /* @__PURE__ */ r.createElement(wa, { ...c }), e === te.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
+    ea,
     {
       ...c,
       defaultValue: i,
       value: a.isResolved,
       onChange: (d) => s({ isResolved: d })
     }
-  ), /* @__PURE__ */ r.createElement(ua, { ...c, value: a.csat, onChange: (d) => s({ csat: d }) }), a.csat && /* @__PURE__ */ r.createElement(
-    fa,
+  ), /* @__PURE__ */ r.createElement(Ea, { ...c, value: a.csat, onChange: (d) => s({ csat: d }) }), a.csat && /* @__PURE__ */ r.createElement(
+    Sa,
     {
       ...c,
       value: a.csatReason,
       onChange: (d) => s({ csatReason: d })
     }
   )), l !== "submitted" && t({ state: l, params: a }));
-}, Ca = u.div`display:flex;flex-direction:column;gap:12px;`, va = () => {
+}, Aa = u.div`display:flex;flex-direction:column;gap:12px;`, Ia = () => {
   const { stringSet: e } = R();
-  return /* @__PURE__ */ r.createElement(k, { variant: "body2", color: h.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
-}, ya = (e) => {
+  return /* @__PURE__ */ r.createElement(w, { variant: "body2", color: m.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
+}, $a = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const t = Ur(), { stringSet: n } = R(), { extendedMessagePayload: o, csat: i, csatReason: a, csatExpireAt: s, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: m } = (o == null ? void 0 : o.csat) ?? {};
-  if (!d || !m || !ne[m]) return null;
-  const g = m === ne.AI_AGENT_CSAT_5 || m === ne.AI_AGENT_CSAT_5_WITH_CRE || m === ne.HELPDESK_CSAT_5 ? dt : () => null, p = (x) => {
-    x.csat && !Qt(s) ? c({
+  const t = Hr(), { stringSet: n } = R(), { extendedMessagePayload: o, csat: i, csatReason: a, csatExpireAt: s, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: h } = (o == null ? void 0 : o.csat) ?? {};
+  if (!d || !h || !te[h]) return null;
+  const g = h === te.AI_AGENT_CSAT_5 || h === te.AI_AGENT_CSAT_5_WITH_CRE || h === te.HELPDESK_CSAT_5 ? ut : () => null, p = (x) => {
+    x.csat && !nn(s) ? c({
       csatType: x.csatType,
       csat: x.csat,
       csatReason: x.csatReason,
       isResolved: x.isResolved
     }) : t();
   };
-  return /* @__PURE__ */ r.createElement(_a, null, !i && Qt(s) ? /* @__PURE__ */ r.createElement(va, null) : /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(Ma, null, !i && nn(s) ? /* @__PURE__ */ r.createElement(Ia, null) : /* @__PURE__ */ r.createElement(
     g,
     {
-      type: m,
+      type: h,
       initialCsat: i,
       initialCsatReason: a,
       initialIsResolved: l,
-      renderSubmitButton: ({ state: x, params: f }) => /* @__PURE__ */ r.createElement(Sa, { disabled: x !== "submittable", onClick: () => p(f) }, /* @__PURE__ */ r.createElement(k, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
+      renderSubmitButton: ({ state: x, params: b }) => /* @__PURE__ */ r.createElement(Oa, { disabled: x !== "submittable", onClick: () => p(b) }, /* @__PURE__ */ r.createElement(w, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
     }
   ));
-}, _a = u.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, Sa = 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:${h.color.primary.dark};}&:disabled{color:${h.color.ondark.textLowEmphasis};background-color:${h.themedColor.textDisabled};cursor:not-allowed;}`;
-function Qt(e) {
+}, Ma = u.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, Oa = 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:${m.color.primary.dark};}&:disabled{color:${m.color.ondark.textLowEmphasis};background-color:${m.themedColor.textDisabled};cursor:not-allowed;}`;
+function nn(e) {
   return !!e && e < Date.now();
 }
-const Mt = we({
-  template: Ta,
+const Rt = Te({
+  template: La,
   components: {
-    AdminMessage: Vs,
-    CSATMessage: ya
+    AdminMessage: Js,
+    CSATMessage: $a
   }
 });
-function Ta(e) {
-  const { components: t } = Mt.useContext(), n = It(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
-  return /* @__PURE__ */ r.createElement(wa, { $marginBottom: St(e.groupType) }, n);
+function La(e) {
+  const { components: t } = Rt.useContext(), n = Ot(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
+  return /* @__PURE__ */ r.createElement(Ra, { $marginBottom: wt(e.groupType) }, n);
 }
-const wa = u.div`padding-inline:${ie}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, en = {
+const Ra = u.div`padding-inline:${ie}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, rn = {
   file: "attach",
   snippet: "snippet",
   site: "website",
@@ -2487,7 +2516,7 @@ const wa = u.div`padding-inline:${ie}px;margin-bottom:${({ $marginBottom: e }) =
   sb_zendesk: "zendesk",
   sb_desk: "snippet"
   // TODO: request icon
-}, ka = ({
+}, Da = ({
   actionbook: e,
   functionCalls: t,
   groundedness: n,
@@ -2498,88 +2527,88 @@ const wa = u.div`padding-inline:${ie}px;margin-bottom:${({ $marginBottom: e }) =
   onClickGroundedness: l,
   onClickAgentMessageTemplate: c,
   bottomContent: d,
-  renderCustomGroundednessIcon: m = (p) => p.default,
+  renderCustomGroundednessIcon: h = (p) => p.default,
   style: g = {}
 }) => {
   const {
     // Note: This component is used with the dashboard, so cssVars should not be used.
     iconColor: p = "#000000",
     textColor: x = "#000000",
-    highlightColor: f = Ln.DEFAULT_PRIMARY
+    highlightColor: b = Dn.DEFAULT_PRIMARY
   } = g;
-  return /* @__PURE__ */ r.createElement(tn, null, e && /* @__PURE__ */ r.createElement(tn, null, /* @__PURE__ */ r.createElement(Xe, null, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "actionbook", color: p })), /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(on, null, e && /* @__PURE__ */ r.createElement(on, null, /* @__PURE__ */ r.createElement(Xe, null, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "actionbook", color: p })), /* @__PURE__ */ r.createElement(
     je,
     {
       $clickable: !!i,
-      $highlightColor: f,
+      $highlightColor: b,
       variant: "body2",
       color: x,
       onClick: () => i == null ? void 0 : i(e)
     },
     e.name
-  ))), t == null ? void 0 : t.map((E) => /* @__PURE__ */ r.createElement(ut, { key: E.key }, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "function", color: p })), /* @__PURE__ */ r.createElement(Xe, null, /* @__PURE__ */ r.createElement(
+  ))), t == null ? void 0 : t.map((E) => /* @__PURE__ */ r.createElement(mt, { key: E.key }, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "function", color: p })), /* @__PURE__ */ r.createElement(Xe, null, /* @__PURE__ */ r.createElement(
     je,
     {
       $clickable: !!i,
-      $highlightColor: f,
+      $highlightColor: b,
       variant: "body2",
       color: x,
       onClick: () => a == null ? void 0 : a(E)
     },
     E.name
-  ), /* @__PURE__ */ r.createElement(Ia, { role: "button", onClick: () => s == null ? void 0 : s(E) }, /* @__PURE__ */ r.createElement(k, { variant: "body2", color: f }, "View details"), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: f }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ r.createElement(ut, { key: E.id }, /* @__PURE__ */ r.createElement(Ke, null, m({
-    default: /* @__PURE__ */ r.createElement(O, { size: 16, type: en[E.source_type] ?? en.snippet, color: p }),
+  ), /* @__PURE__ */ r.createElement(Pa, { role: "button", onClick: () => s == null ? void 0 : s(E) }, /* @__PURE__ */ r.createElement(w, { variant: "body2", color: b }, "View details"), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: b }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ r.createElement(mt, { key: E.id }, /* @__PURE__ */ r.createElement(Ke, null, h({
+    default: /* @__PURE__ */ r.createElement(O, { size: 16, type: rn[E.source_type] ?? rn.snippet, color: p }),
     sourceType: E.source_type
   })), /* @__PURE__ */ r.createElement(
     je,
     {
       $clickable: !!l,
-      $highlightColor: f,
+      $highlightColor: b,
       variant: "body2",
       color: x,
       onClick: () => l == null ? void 0 : l(E)
     },
     E.preview_title
-  ))), o == null ? void 0 : o.map((E) => /* @__PURE__ */ r.createElement(ut, { key: E.key }, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "template", color: p })), /* @__PURE__ */ r.createElement(
+  ))), o == null ? void 0 : o.map((E) => /* @__PURE__ */ r.createElement(mt, { key: E.key }, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "template", color: p })), /* @__PURE__ */ r.createElement(
     je,
     {
       $clickable: !!c,
-      $highlightColor: f,
+      $highlightColor: b,
       variant: "body2",
       color: x,
       onClick: () => c == null ? void 0 : c(E)
     },
     E.name
   ))), d);
-}, Aa = u(k)`font-weight:400;`, je = u(Aa)`${({ $clickable: e, $highlightColor: t }) => e && $`
+}, Na = u(w)`font-weight:400;`, je = u(Na)`${({ $clickable: e, $highlightColor: t }) => e && $`
       cursor: pointer;
       text-decoration: underline;
       &:hover {
         color: ${t};
       }
     `}
-`, Ke = u.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Xe = u.div`display:flex;gap:8px;align-items:center;`, Ia = u(Xe)`cursor:pointer;gap:4px;`, ut = u(Xe)`flex-direction:row;align-items:center;`, tn = u.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, qn = Te(null);
-function $a({ testerType: e, children: t }) {
+`, Ke = u.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Xe = u.div`display:flex;gap:8px;align-items:center;`, Pa = u(Xe)`cursor:pointer;gap:4px;`, mt = u(Xe)`flex-direction:row;align-items:center;`, on = u.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Jn = Se(null);
+function Fa({ testerType: e, children: t }) {
   return /* @__PURE__ */ r.createElement(
-    qn.Provider,
+    Jn.Provider,
     {
       value: { testerType: e, isActionbookTester: e === "actionbook" }
     },
-    e && /* @__PURE__ */ r.createElement(Ma, null),
+    e && /* @__PURE__ */ r.createElement(Ba, null),
     t
   );
 }
-const Fe = () => {
-  const e = re(qn);
+const Be = () => {
+  const e = ne(Jn);
   if (!e) throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");
   return e;
-}, Ma = () => {
-  const { isActionbookTester: e } = Fe();
-  return /* @__PURE__ */ r.createElement(_e.Template, { template: e ? Oa : void 0 }, /* @__PURE__ */ r.createElement(_e.MessageLogs, { component: La }));
-}, Oa = (e) => /* @__PURE__ */ r.createElement(jn, { ...e, testerMode: !0, maxBodyWidth: Bn }), La = ({ extendedMessagePayload: e = {} }) => {
-  const { handlers: t } = P(), { manual: n, groundedness: o, function_calls: i, agent_message_templates: a, is_thinking: s } = e;
-  return s || !n && !(o != null && o.length) && !(i != null && i.length) && !(a != null && a.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(Ra, null, /* @__PURE__ */ r.createElement(Da, { width: 4 }), /* @__PURE__ */ r.createElement(
-    ka,
+}, Ba = () => {
+  const { isActionbookTester: e } = Be();
+  return /* @__PURE__ */ r.createElement(ye.Template, { template: e ? Ua : void 0 }, /* @__PURE__ */ r.createElement(ye.MessageLogs, { component: Ha }));
+}, Ua = (e) => /* @__PURE__ */ r.createElement(Kn, { ...e, testerMode: !0, maxBodyWidth: Un }), Ha = ({ extendedMessagePayload: e = {} }) => {
+  const { handlers: t } = B(), { manual: n, groundedness: o, function_calls: i, agent_message_templates: a, is_thinking: s } = e;
+  return s || !n && !(o != null && o.length) && !(i != null && i.length) && !(a != null && a.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(za, null, /* @__PURE__ */ r.createElement(Va, { width: 4 }), /* @__PURE__ */ r.createElement(
+    Da,
     {
       actionbook: n,
       functionCalls: i,
@@ -2587,14 +2616,14 @@ const Fe = () => {
       agentMessageTemplates: a,
       onClickFunctionCallDetail: t == null ? void 0 : t.onFunctionCallDetailClick,
       style: {
-        iconColor: h.themedColor.textHighEmphasis,
-        textColor: h.themedColor.textHighEmphasis,
-        barColor: h.themedColor.textDisabled
+        iconColor: m.themedColor.textHighEmphasis,
+        textColor: m.themedColor.textHighEmphasis,
+        barColor: m.themedColor.textDisabled
       },
-      bottomContent: /* @__PURE__ */ r.createElement(Na, { variant: "caption2", color: h.themedColor.textLowEmphasis }, "Only visible in the tester")
+      bottomContent: /* @__PURE__ */ r.createElement(Wa, { variant: "caption2", color: m.themedColor.textLowEmphasis }, "Only visible in the tester")
     }
   ));
-}, Ra = u.div`display:flex;gap:16px;margin:16px ${ie}px 0;align-self:stretch;`, Da = u.div`width:${({ width: e }) => e}px;background-color:${h.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Na = u(k)`margin-top:5px;`, Pa = ({ publishSynchronous: e = !1 }) => {
+}, za = u.div`display:flex;gap:16px;margin:16px ${ie}px 0;align-self:stretch;`, Va = u.div`width:${({ width: e }) => e}px;background-color:${m.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Wa = u(w)`margin-top:5px;`, Ga = ({ publishSynchronous: e = !1 }) => {
   const t = /* @__PURE__ */ new Set();
   return {
     publish: (n) => {
@@ -2605,19 +2634,19 @@ const Fe = () => {
     subscribe: (n) => (t.add(n), () => t.delete(n))
   };
 };
-function Ba(e, t = []) {
-  const n = F(null), o = F(0), i = F(0), [a] = S(() => Pa({ publishSynchronous: !0 })), [s, l] = S(!0);
-  return ce(() => {
+function ja(e, t = []) {
+  const n = U(null), o = U(0), i = U(0), [a] = S(() => Ga({ publishSynchronous: !0 })), [s, l] = S(!0);
+  return de(() => {
     o.current = 0, i.current = 0, l(!0), n.current && (n.current.scrollTop = n.current.scrollHeight);
-  }, t), ce(() => a.subscribe(({ type: c, data: d }) => {
-    const { resolve: m, animated: g } = d ?? {};
-    if (!n.current) return m == null ? void 0 : m();
+  }, t), de(() => a.subscribe(({ type: c, data: d }) => {
+    const { resolve: h, animated: g } = d ?? {};
+    if (!n.current) return h == null ? void 0 : h();
     if (c === "scrollToBottom" && (n.current.scroll ? n.current.scroll({
       top: n.current.scrollHeight,
-      behavior: nn(e, g)
-    }) : n.current.scrollTop = n.current.scrollHeight, i.current = 0, l(!0), m == null || m()), c === "scroll") {
-      const p = d == null ? void 0 : d.top, { scrollTop: x, scrollHeight: f, clientHeight: E } = n.current;
-      n.current.scroll ? n.current.scroll({ top: p, behavior: nn(e, g) }) : typeof p == "number" && (n.current.scrollTop = p), i.current = Math.max(0, f - x - E), l(i.current === 0), m == null || m();
+      behavior: sn(e, g)
+    }) : n.current.scrollTop = n.current.scrollHeight, i.current = 0, l(!0), h == null || h()), c === "scroll") {
+      const p = d == null ? void 0 : d.top, { scrollTop: x, scrollHeight: b, clientHeight: E } = n.current;
+      n.current.scroll ? n.current.scroll({ top: p, behavior: sn(e, g) }) : typeof p == "number" && (n.current.scrollTop = p), i.current = Math.max(0, b - x - E), l(i.current === 0), h == null || h();
     }
   }), [e]), {
     scrollRef: n,
@@ -2628,10 +2657,10 @@ function Ba(e, t = []) {
     scrollPositionRef: o
   };
 }
-function nn(e, t) {
+function sn(e, t) {
   return typeof t == "boolean" ? t ? "smooth" : "auto" : e;
 }
-function Fa(e) {
+function Ka(e) {
   return new Promise((t) => {
     const n = new Image();
     n.onload = function() {
@@ -2640,23 +2669,23 @@ function Fa(e) {
     }, n.src = URL.createObjectURL(e);
   });
 }
-async function Ua(e) {
+async function Za(e) {
   if ("file" in e && e.file instanceof File && e.file.type.startsWith("image/")) {
-    const { width: t, height: n } = await Fa(e.file);
-    return new Kr({
-      key: Jn,
+    const { width: t, height: n } = await Ka(e.file);
+    return new Zr({
+      key: Xn,
       value: [t, n]
     });
   }
 }
-const Jn = "KEY_IMG_ASPECT_RATIO", Ha = ({ onScrollAfterSendMessage: e }) => {
-  const { agentPreviewConfigs: t, handlers: n } = P(), o = F(t == null ? void 0 : t.agentAttributes);
+const Xn = "KEY_IMG_ASPECT_RATIO", Ya = ({ onScrollAfterSendMessage: e }) => {
+  const { agentPreviewConfigs: t, handlers: n } = B(), o = U(t == null ? void 0 : t.agentAttributes);
   return o.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (i) => {
-      const a = await Ua(i), s = {
+      const a = await Za(i), s = {
         ...i,
         metaArrays: a ? [a] : void 0
-      }, l = za(o.current);
+      }, l = qa(o.current);
       return l ? { ...s, data: JSON.stringify(l) } : s;
     },
     onAfterSendMessage: (i) => {
@@ -2664,55 +2693,55 @@ const Jn = "KEY_IMG_ASPECT_RATIO", Ha = ({ onScrollAfterSendMessage: e }) => {
       e(), (a = n == null ? void 0 : n.onMessageSend) == null || a.call(n, i.message);
     }
   };
-}, za = (e) => {
+}, qa = (e) => {
   if (!e) return null;
   const t = {};
   return e.ai && Object.keys(e.ai).length > 0 && (t.ai_attrs = e.ai), e.safeguard && Object.keys(e.safeguard).length > 0 && (t.safeguard_attrs = e.safeguard), typeof e.use_prompt_cache == "boolean" && (t.use_prompt_cache = e.use_prompt_cache), Object.keys(t).length > 0 ? t : null;
 }, {
-  Provider: Va,
-  useContext: q
-} = j("Conversation"), Wa = ({
+  Provider: Ja,
+  useContext: J
+} = Z("Conversation"), Xa = ({
   closedChannelUrl: e,
   onClearClosedChannelUrl: t,
   onNavigateToConversationList: n,
   children: o
 }) => {
-  const { aiAgentInfo: i, activeChannel: a, refreshActiveChannel: s } = z(), { testerType: l } = Fe(), c = Ba("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: m } = Ha({
+  const { aiAgentInfo: i, activeChannel: a, refreshActiveChannel: s } = z(), { testerType: l } = Be(), c = ja("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: h } = Ya({
     onScrollAfterSendMessage: () => {
       c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !1 } });
     }
   }), g = (x) => {
-    const f = x[x.length - 1];
-    f && et.shouldScrollToBottom(f, i.userId, !!l) && setTimeout(() => c.scrollPubSub.publish({ type: "scrollToBottom" }), 25);
-  }, p = U(async () => {
+    const b = x[x.length - 1];
+    b && et.shouldScrollToBottom(b, i.userId, !!l) && setTimeout(() => c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } }), 100);
+  }, p = H(async () => {
     await s(), e && (t == null || t());
   }, [s, e, t]);
   return /* @__PURE__ */ r.createElement(
-    uo,
+    mo,
     {
       channelUrl: e || (a == null ? void 0 : a.url),
       onBeforeSendMessage: d,
-      onAfterSendMessage: m,
+      onAfterSendMessage: h,
       onMessagesUpdated: g,
       onMessagesReceived: g,
       onChannelDeleted: p,
       onConversationClosedViaDispatcher: p
     },
     (x) => /* @__PURE__ */ r.createElement(
-      Va,
+      Ja,
       {
         value: { ...x, scrollSource: c, goToActiveConversation: p, onNavigateToConversationList: n }
       },
       o
     )
   );
-}, Ot = Te({
+}, Dt = Se({
   onDrop: Le,
   subscribe: () => Le
-}), xt = ({ children: e }) => {
-  const t = F(/* @__PURE__ */ new Set());
+}), Et = ({ children: e }) => {
+  const t = U(/* @__PURE__ */ new Set());
   return /* @__PURE__ */ r.createElement(
-    Ot.Provider,
+    Dt.Provider,
     {
       value: {
         onDrop: (n) => {
@@ -2727,78 +2756,78 @@ const Jn = "KEY_IMG_ASPECT_RATIO", Ha = ({ onScrollAfterSendMessage: e }) => {
     },
     e
   );
-}, Ga = ({ onDropFiles: e }) => {
-  const { subscribe: t } = re(Ot);
+}, Qa = ({ onDropFiles: e }) => {
+  const { subscribe: t } = ne(Dt);
   D(() => t(e), [e]);
 };
-xt.Consumer = ({ children: e }) => {
-  const { onDrop: t } = re(Ot);
+Et.Consumer = ({ children: e }) => {
+  const { onDrop: t } = ne(Dt);
   return e({ onDrop: t, onDragOver: (i) => i.preventDefault() });
 };
-const Jd = ({ iconSize: e = 64, icon: t, className: n, label: o, children: i }) => /* @__PURE__ */ r.createElement(Ka, { className: n }, /* @__PURE__ */ r.createElement(O, { type: t, size: e, color: h.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.themedColor.textMidEmphasis }, o), i), ja = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, Ka = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Za = {
-  loading: w(() => import("./BsmWumox.js")),
-  error: w(() => import("./mlHVKYk3.js")),
-  noChannels: w(() => import("./ClNlgaQQ.js")),
-  noMessages: w(() => import("./DPH4j4kU.js"))
-}, Se = ({ className: e, type: t = "loading", ...n }) => {
-  const o = Za[t];
-  return /* @__PURE__ */ r.createElement(ja, { className: e }, /* @__PURE__ */ r.createElement(Oe, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
+const iu = ({ iconSize: e = 64, icon: t, className: n, label: o, children: i }) => /* @__PURE__ */ r.createElement(tl, { className: n }, /* @__PURE__ */ r.createElement(O, { type: t, size: e, color: m.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(w, { variant: "body1", color: m.themedColor.textMidEmphasis }, o), i), el = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, tl = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, nl = {
+  loading: T(() => import("./BKhgSuql.js")),
+  error: T(() => import("./7464aa--.js")),
+  noChannels: T(() => import("./BUIIulLp.js")),
+  noMessages: T(() => import("./BV3rSe2G.js"))
+}, _e = ({ className: e, type: t = "loading", ...n }) => {
+  const o = nl[t];
+  return /* @__PURE__ */ r.createElement(el, { className: e }, /* @__PURE__ */ r.createElement(Oe, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
 };
-function Ya(e) {
+function rl(e) {
   return "sendingStatus" in e ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId);
 }
-const qa = (e, t, n, o = !0) => {
+const ol = (e, t, n, o = !0) => {
   if (!o || !e.isUserMessage() && !e.isFileMessage())
     return "single";
   const i = () => {
     if (!t || !t.isUserMessage() && !t.isFileMessage()) return !1;
-    const c = t.sender.userId === e.sender.userId, d = Ut(t.createdAt, e.createdAt);
+    const c = t.sender.userId === e.sender.userId, d = Vt(t.createdAt, e.createdAt);
     return c && d;
   }, a = () => {
     if (!n || !n.isUserMessage() && !n.isFileMessage()) return !1;
-    const c = n.sender.userId === e.sender.userId, d = Ut(n.createdAt, e.createdAt);
+    const c = n.sender.userId === e.sender.userId, d = Vt(n.createdAt, e.createdAt);
     return c && d;
   }, s = i(), l = a();
   return s && l ? "middle" : s ? "bottom" : l ? "top" : "single";
 };
-function Ja(e, t) {
+function il(e, t) {
   return e.filter((n) => et.isWelcomeMessage(n, t));
 }
-function Xn(e, t) {
-  return Xa(e) === t;
+function Qn(e, t) {
+  return sl(e) === t;
 }
-function Xa(e) {
+function sl(e) {
   var t;
   if (e)
     return e.isUserMessage() || e.isFileMessage() || e.isMultipleFilesMessage() ? e.sender.userId : ((t = e == null ? void 0 : e.sender) == null ? void 0 : t.userId) ?? void 0;
 }
-function Qa(e) {
+function al(e) {
   return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
 }
-const rn = (e) => !!e && "sender" in e, Qn = (e) => e.startsWith("image/"), er = (e) => e.startsWith("video/"), on = (e) => Qn(e) || er(e), Ze = {
+const an = (e) => !!e && "sender" in e, er = (e) => e.startsWith("image/"), tr = (e) => e.startsWith("video/"), ln = (e) => er(e) || tr(e), Ze = {
   isAdmin: (e) => e.isAdminMessage(),
   isCSAT: (e) => {
     var t;
     return e.isAdminMessage() && !!((t = e.extendedMessagePayload) != null && t.csat);
   },
-  isIncoming: (e, t) => rn(e) && e.sender.userId !== t,
-  isOutgoing: (e, t) => rn(e) && (e.sender.userId === t || e.sendingStatus === Zr.PENDING)
-}, tr = ({ rootElementId: e, visible: t, onClose: n, children: o }) => {
+  isIncoming: (e, t) => an(e) && e.sender.userId !== t,
+  isOutgoing: (e, t) => an(e) && (e.sender.userId === t || e.sendingStatus === Yr.PENDING)
+}, nr = ({ rootElementId: e, visible: t, onClose: n, children: o }) => {
   if (!t) return null;
-  const { rootElement: i } = P(), a = fe(i), s = fe(i, !0);
-  return qr(
-    /* @__PURE__ */ r.createElement(el, { onClick: n }, /* @__PURE__ */ r.createElement(tl, { onClick: (l) => l.stopPropagation() }, o)),
+  const { rootElement: i } = B(), a = fe(i), s = fe(i, !0);
+  return Jr(
+    /* @__PURE__ */ r.createElement(ll, { onClick: n }, /* @__PURE__ */ r.createElement(cl, { onClick: (l) => l.stopPropagation() }, o)),
     a.getElementById(e) ?? a.getElementById(oe.MODAL_ROOT) ?? s.body
   );
-}, el = u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${h.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${be.MODAL};`, tl = 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:${be.MODAL};`, nl = u.div`flex-shrink:0;width:${({ $size: e }) => Y(e)};height:${({ $size: e }) => Y(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;}`, rl = u(kt)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
-function nr({ size: e }) {
+}, ll = u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${m.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${be.MODAL};`, cl = u.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${be.MODAL};`, dl = u.div`flex-shrink:0;width:${({ $size: e }) => q(e)};height:${({ $size: e }) => q(e)};background-color:${({ theme: e }) => e.colors.base.primary};box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;}`, ul = u(It)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
+function rr({ size: e }) {
   const { aiAgentInfo: t } = z();
-  return t.profileUrl ? /* @__PURE__ */ r.createElement(At, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(nl, { $size: e }, /* @__PURE__ */ r.createElement(rl, null));
+  return t.profileUrl ? /* @__PURE__ */ r.createElement($t, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(dl, { $size: e }, /* @__PURE__ */ r.createElement(ul, null));
 }
-const ol = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, il = u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${h.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, sl = u.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, al = u.div`margin-inline-end:8px;`, ll = 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);}`, cl = 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;}`, dl = u.div`display:flex;width:160px;justify-content:flex-end;`, ul = u.div`inset-inline-end:0;display:flex;flex-direction:row;`, rr = u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, ml = u(rr)`border-inline-start:1px solid ${h.themedColor.textDisabled};`, hl = u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, gl = u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, pl = u.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, fl = u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, bl = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
-  const { type: i, url: a, name: s = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: m } = z();
+const ml = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, hl = u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${m.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);`, pl = u.div`margin-inline-end:8px;`, fl = u.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, bl = u.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, xl = u.div`display:flex;width:160px;justify-content:flex-end;`, El = u.div`inset-inline-end:0;display:flex;flex-direction:row;`, or = u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, Cl = u(or)`border-inline-start:1px solid ${m.themedColor.textDisabled};`, vl = u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, yl = u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, _l = u.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, Sl = u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Tl = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
+  const { type: i, url: a, name: s = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: h } = z();
   return /* @__PURE__ */ r.createElement(
-    El,
+    kl,
     {
       profileUrl: l ?? "",
       nickname: c ?? "",
@@ -2806,11 +2835,11 @@ const ol = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
       url: a,
       name: s,
       onClose: n,
-      isBotMessage: d === m.userId,
+      isBotMessage: d === h.userId,
       onDownloadClick: o
     }
   );
-}, xl = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(nr, { size: 32 }) : /* @__PURE__ */ r.createElement(At, { size: 32, src: e }), El = ({
+}, wl = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(rr, { size: 32 }) : /* @__PURE__ */ r.createElement($t, { size: 32, src: e }), kl = ({
   profileUrl: e,
   isBotMessage: t,
   nickname: n,
@@ -2821,14 +2850,14 @@ const ol = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   onDownloadClick: l
 }) => {
   const { stringSet: c } = R();
-  return /* @__PURE__ */ r.createElement(tr, { onClose: s, visible: !0, rootElementId: oe.MODAL_ROOT }, /* @__PURE__ */ r.createElement(ol, null, /* @__PURE__ */ r.createElement(il, null, /* @__PURE__ */ r.createElement(sl, null, /* @__PURE__ */ r.createElement(al, null, /* @__PURE__ */ r.createElement(xl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(ll, null, /* @__PURE__ */ r.createElement(k, { variant: "h2", color: h.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(cl, null, /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(dl, null, on(i) && /* @__PURE__ */ r.createElement(ul, null, /* @__PURE__ */ r.createElement(rr, { as: "a", href: a, target: "_blank", rel: _t, onClick: l }, /* @__PURE__ */ r.createElement(O, { type: "download", color: h.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(ml, { onClick: s }, /* @__PURE__ */ r.createElement(O, { type: "close", color: h.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(hl, { onClick: (d) => d.currentTarget === d.target && s() }, er(i) && /* @__PURE__ */ r.createElement(gl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: a, type: i })), Qn(i) && /* @__PURE__ */ r.createElement(pl, { src: a, alt: o }), !on(i) && /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(k, { variant: "h1", color: h.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
-}, or = ({
+  return /* @__PURE__ */ r.createElement(nr, { onClose: s, visible: !0, rootElementId: oe.MODAL_ROOT }, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(gl, null, /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(wl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(bl, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: m.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(xl, null, ln(i) && /* @__PURE__ */ r.createElement(El, null, /* @__PURE__ */ r.createElement(or, { as: "a", href: a, target: "_blank", rel: Tt, onClick: l }, /* @__PURE__ */ r.createElement(O, { type: "download", color: m.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(Cl, { onClick: s }, /* @__PURE__ */ r.createElement(O, { type: "close", color: m.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(vl, { onClick: (d) => d.currentTarget === d.target && s() }, tr(i) && /* @__PURE__ */ r.createElement(yl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: a, type: i })), er(i) && /* @__PURE__ */ r.createElement(_l, { src: a, alt: o }), !ln(i) && /* @__PURE__ */ r.createElement(Sl, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
+}, ir = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: i
-}) => /* @__PURE__ */ r.createElement(Cl, { style: i, className: e }, /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: h.themedColor.textMidEmphasis }, Cn(n, o, { locale: t }))), Cl = u.div`display:flex;justify-content:center;align-items:center;`, vl = Re(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(Al, { style: i, className: e }, /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: m.themedColor.textMidEmphasis }, _n(n, o, { locale: t }))), Al = u.div`display:flex;justify-content:center;align-items:center;`, Il = Re(function(t, n) {
   const {
     messages: o,
     renderMessage: i,
@@ -2837,55 +2866,55 @@ const ol = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     overlayArea: l,
     onLoadPrev: c,
     onLoadNext: d,
-    loadThreshold: m = 0.05,
+    loadThreshold: h = 0.05,
     onScrollPosition: g = Le,
     depsForResetScrollPositionToBottom: p,
     scrollPositionRef: x,
-    scrollDistanceFromBottomRef: f,
+    scrollDistanceFromBottomRef: b,
     stackDirection: E = "top"
-  } = t, b = n && "current" in n ? n : { current: null }, C = F(!1), y = F(void 0), T = F(0), _ = F(0), K = F(0), L = x ?? _, se = f ?? K;
-  ce(() => {
-    b.current && (b.current.scrollTop = b.current.scrollHeight);
-  }, p), ce(() => {
-    b.current && (y.current === "top" && (b.current.scrollTop = b.current.scrollHeight - L.current), y.current === "bottom" && (b.current.scrollTop = T.current), y.current = void 0);
-  }, [b.current, o.length]);
+  } = t, f = n && "current" in n ? n : { current: null }, C = U(!1), y = U(void 0), k = U(0), _ = U(0), Y = U(0), L = x ?? _, ae = b ?? Y;
+  de(() => {
+    f.current && (f.current.scrollTop = f.current.scrollHeight);
+  }, p), de(() => {
+    f.current && (y.current === "top" && (f.current.scrollTop = f.current.scrollHeight - L.current), y.current === "bottom" && (f.current.scrollTop = k.current), y.current = void 0);
+  }, [f.current, o.length]);
   const xe = async () => {
-    if (!b.current) return;
-    const v = b.current;
-    if (g(yl(v)), L.current = v.scrollHeight - v.scrollTop, se.current = L.current - v.clientHeight, T.current = v.scrollTop, C.current) return;
-    const B = v.clientHeight * Math.min(Math.max(0, m), 1);
-    v.scrollTop <= B ? (C.current = !0, y.current = "top", await c(), C.current = !1) : v.scrollHeight - v.scrollTop - v.clientHeight <= B ? (C.current = !0, y.current = "bottom", await d(), C.current = !1) : y.current = void 0;
+    if (!f.current) return;
+    const v = f.current;
+    if (g($l(v)), L.current = v.scrollHeight - v.scrollTop, ae.current = L.current - v.clientHeight, k.current = v.scrollTop, C.current) return;
+    const V = v.clientHeight * Math.min(Math.max(0, h), 1);
+    v.scrollTop <= V ? (C.current = !0, y.current = "top", await c(), C.current = !1) : v.scrollHeight - v.scrollTop - v.clientHeight <= V ? (C.current = !0, y.current = "bottom", await d(), C.current = !1) : y.current = void 0;
   };
-  return /* @__PURE__ */ r.createElement(_l, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Sl, { id: "infinite-list-inner", ref: b, onScroll: xe }, E === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((v, B) => i({ message: v, index: B })), s), /* @__PURE__ */ r.createElement(Tl, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(wl, { id: "infinite-list-overlay" }, l)));
-}), sn = 50;
-function yl(e) {
-  return e.scrollTop <= sn ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= sn ? "bottom" : "middle";
+  return /* @__PURE__ */ r.createElement(Ml, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Ol, { id: "infinite-list-inner", ref: f, onScroll: xe }, E === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((v, V) => i({ message: v, index: V })), s), /* @__PURE__ */ r.createElement(Ll, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(Rl, { id: "infinite-list-overlay" }, l)));
+}), cn = 50;
+function $l(e) {
+  return e.scrollTop <= cn ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= cn ? "bottom" : "middle";
 }
-const _l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Sl = u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${h.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Tl = u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, wl = u.div`pointer-events:auto;`, kl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Al, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(O, { size: 24, type: "chevron-down", color: h.color.primary.main })), Al = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${N.light`
-    background-color: ${h.color.background50};
+const Ml = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Ol = u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${m.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Ll = u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Rl = u.div`pointer-events:auto;`, Dl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Nl, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(O, { size: 24, type: "chevron-down", color: m.color.primary.main })), Nl = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${F.light`
+    background-color: ${m.color.background50};
     &:hover {
-      background-color: ${h.color.background100};
+      background-color: ${m.color.background100};
     }
     &:active {
-      background-color: ${h.color.background200};
+      background-color: ${m.color.background200};
     }
   `}
-  ${N.dark`
-    background-color: ${h.color.background400};
+  ${F.dark`
+    background-color: ${m.color.background400};
     &:hover {
-      background-color: ${h.color.background500};
+      background-color: ${m.color.background500};
     }
     &:active {
-      background-color: ${h.color.background700};
+      background-color: ${m.color.background700};
     }
   `}
 
   &:focus {
     outline: none;
   }
-`, ir = () => {
-  const { chatSDK: e } = P(), { channelSource: t } = q(), [n, o] = S([]);
-  return vn(e, {
+`, sr = () => {
+  const { chatSDK: e } = B(), { channelSource: t } = J(), [n, o] = S([]);
+  return Sn(e, {
     onTypingStatusUpdated(i) {
       var a;
       if (i.url === ((a = t.channel) == null ? void 0 : a.url)) {
@@ -2894,22 +2923,22 @@ const _l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Sl = u
       }
     }
   }), n;
-}, Il = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = P(), { aiAgentInfo: n } = z(), { stringSet: o, dateLocale: i } = R(), { messageSource: a } = q(), { Template: s } = _e.useContext(), l = e.welcomeMessages ?? [], c = a.messages, d = Ja(c, t), m = c[d.length + 1], g = d[0] ?? m;
+}, Pl = () => {
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = B(), { aiAgentInfo: n } = z(), { stringSet: o, dateLocale: i } = R(), { messageSource: a } = J(), { Template: s } = ye.useContext(), l = e.welcomeMessages ?? [], c = a.messages, d = il(c, t), h = c[d.length + 1], g = d[0] ?? h;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: c.filter((p) => Qa(p) ? !1 : l.length > 0 ? !et.isWelcomeMessage(p, t) : !0),
+    filteredMessages: c.filter((p) => al(p) ? !1 : l.length > 0 ? !et.isWelcomeMessage(p, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
-    shouldShowOriginalDate: (p) => p > 0 || l.length === 0 ? !0 : m && !Dr(m.createdAt, (g == null ? void 0 : g.createdAt) ?? 0),
+    shouldShowOriginalDate: (p) => p > 0 || l.length === 0 ? !0 : h && !Nr(h.createdAt, (g == null ? void 0 : g.createdAt) ?? 0),
     /**
      * Renders the list of welcome messages from Bot Studio.
      */
     renderAgentPreviewWelcomeMessages: () => l.length === 0 ? null : /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-      or,
+      ir,
       {
         style: { margin: "16px 0" },
         date: g == null ? void 0 : g.createdAt,
@@ -2917,18 +2946,18 @@ const _l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Sl = u
         formatString: o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
       }
     ), l.map((p, x) => {
-      const f = x === l.length - 1, E = d.length !== c.length, b = l.length === 1 ? "single" : x === 0 ? "top" : f || E ? "bottom" : "middle";
+      const b = x === l.length - 1, E = d.length !== c.length, f = l.length === 1 ? "single" : x === 0 ? "top" : b || E ? "bottom" : "middle";
       return /* @__PURE__ */ r.createElement(
         s,
         {
           messageType: "user",
           message: p.message,
           sender: n,
-          groupType: b,
+          groupType: f,
           createdAt: (g == null ? void 0 : g.createdAt) ?? Date.now(),
           extendedMessagePayload: { suggested_replies: p.suggestedReplies },
           suggestedRepliesDirection: e.suggestedRepliesDirection,
-          suggestedRepliesVisible: f && !E,
+          suggestedRepliesVisible: b && !E,
           isBotMessage: !0,
           onClickSuggestedReply: async ({ reply: C }) => {
             a.sendUserMessage({ message: C });
@@ -2937,67 +2966,67 @@ const _l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Sl = u
       );
     }))
   };
-}, $l = (e) => u(e).withConfig({ shouldForwardProp: Jr });
-function Ml(e) {
+}, Fl = (e) => u(e).withConfig({ shouldForwardProp: Xr });
+function Bl(e) {
   var o;
   const t = "remove_powered_by", n = (o = e == null ? void 0 : e.appInfo) == null ? void 0 : o.applicationAttributes;
   return Array.isArray(n) && n.includes(t);
 }
-const Ol = ({ style: e }) => {
-  const { stringSet: t } = R(), { chatSDK: n } = P(), { isActionbookTester: o } = Fe();
-  return Ml(n) || o ? null : /* @__PURE__ */ r.createElement(Ll, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
-    Rl,
+const Ul = ({ style: e }) => {
+  const { stringSet: t } = R(), { chatSDK: n } = B(), { isActionbookTester: o } = Be();
+  return Bl(n) || o ? null : /* @__PURE__ */ r.createElement(Hl, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
+    zl,
     {
       variant: "caption2",
       as: "a",
       href: "https://sendbird.com?utm_medium=product&utm_source=aiagent&utm_campaign=fy26-glbl-ai-agent-poweredby",
       "aria-label": "Learn more about Sendbird",
-      rel: _t,
+      rel: Tt,
       target: "_blank"
     },
     "Sendbird"
   ));
-}, Ll = u(k)`color:${h.themedColor.textLowEmphasis};text-align:center;`, Rl = $l(k)`
-  color: ${h.themedColor.textLowEmphasis};
+}, Hl = u(w)`color:${m.themedColor.textLowEmphasis};text-align:center;`, zl = Fl(w)`
+  color: ${m.themedColor.textLowEmphasis};
   cursor: pointer;
   text-decoration: none;
-`, Dl = () => {
+`, Vl = () => {
   var c;
-  const { stringSet: e } = R(), { activeChannel: t } = z(), { channelSource: n, goToActiveConversation: o, scrollSource: i } = q(), a = Vn(n.channel), l = t && ((c = n.channel) == null ? void 0 : c.url) === (t == null ? void 0 : t.url) && a;
-  return ce(() => {
+  const { stringSet: e } = R(), { activeChannel: t } = z(), { channelSource: n, goToActiveConversation: o, scrollSource: i } = J(), a = Wn(n.channel), l = t && ((c = n.channel) == null ? void 0 : c.url) === (t == null ? void 0 : t.url) && a;
+  return de(() => {
     l && i.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
-  }, [l]), l ? /* @__PURE__ */ r.createElement(Nl, null, /* @__PURE__ */ r.createElement(
-    Pl,
+  }, [l]), l ? /* @__PURE__ */ r.createElement(Wl, null, /* @__PURE__ */ r.createElement(
+    Gl,
     {
       variant: "button",
       role: "button",
-      color: h.themedColor.textHighEmphasis,
+      color: m.themedColor.textHighEmphasis,
       onClick: () => o()
     },
     e.START_NEW_CONVERSATION
   )) : null;
-}, Nl = u.div`display:flex;justify-content:center;margin:16px 0;`, Pl = u(k)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;user-select:none;`, Bl = !0, Fl = () => {
-  const { Template: e } = $t.useContext(), { Template: t } = _e.useContext(), { Template: n } = Mt.useContext(), [o, i] = S(null), { userSession: a, aiAgentInfo: s } = z(), { agentPreviewConfigs: l, chatSDK: c, state: d } = P(), { stringSet: m, dateLocale: g } = R(), { conversation: p, channelSource: x, messageSource: f, scrollSource: E } = q(), { isActionbookTester: b } = Fe(), { filteredMessages: C, shouldShowOriginalDate: y, renderAgentPreviewWelcomeMessages: T } = Il(), { storage: _ } = $n(), K = ir(), L = It(() => {
-    const v = K[0];
+}, Wl = u.div`display:flex;justify-content:center;margin:16px 0;`, Gl = u(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;user-select:none;`, jl = !0, Kl = () => {
+  const { Template: e } = Lt.useContext(), { Template: t } = ye.useContext(), { Template: n } = Rt.useContext(), [o, i] = S(null), { userSession: a, aiAgentInfo: s } = z(), { agentPreviewConfigs: l, chatSDK: c, state: d } = B(), { stringSet: h, dateLocale: g } = R(), { conversation: p, channelSource: x, messageSource: b, scrollSource: E } = J(), { isActionbookTester: f } = Be(), { filteredMessages: C, shouldShowOriginalDate: y, renderAgentPreviewWelcomeMessages: k } = Pl(), { storage: _ } = On(), Y = sr(), L = Ot(() => {
+    const v = Y[0];
     if (!v) return null;
-    const B = v.userId === s.userId;
-    return { user: B ? s : v, isBot: B };
+    const V = v.userId === s.userId;
+    return { user: V ? s : v, isBot: V };
   });
   D(() => {
     L && E.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
   }, [!!L, E.scrollPubSub.publish]);
-  const se = (v, B = !1) => {
+  const ae = (v, V = !1) => {
     var Ee;
-    return B ? s : ((Ee = x.channel) == null ? void 0 : Ee.members.find((J) => J.userId === v.sender.userId)) ?? v.sender;
+    return V ? s : ((Ee = x.channel) == null ? void 0 : Ee.members.find((X) => X.userId === v.sender.userId)) ?? v.sender;
   }, xe = () => {
-    if (!f.initialized)
-      return /* @__PURE__ */ r.createElement(Se, { type: "loading" });
-    if (f.messages.length === 0) {
-      const v = T();
-      return v ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, v) : /* @__PURE__ */ r.createElement(Se, { type: "noMessages", label: m.PLACE_HOLDER__NO_MESSAGES });
+    if (!b.initialized)
+      return /* @__PURE__ */ r.createElement(_e, { type: "loading" });
+    if (b.messages.length === 0) {
+      const v = k();
+      return v ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, v) : /* @__PURE__ */ r.createElement(_e, { type: "noMessages", label: h.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ r.createElement(
-      vl,
+      Il,
       {
         ref: E.scrollRef,
         scrollPositionRef: E.scrollPositionRef,
@@ -3005,10 +3034,10 @@ const Ol = ({ style: e }) => {
         onScrollPosition: (v) => E.setIsScrollBottomReached(v === "bottom"),
         stackDirection: l == null ? void 0 : l.messageStackDirection,
         messages: C,
-        onLoadPrev: f.loadPrevious,
-        onLoadNext: f.loadNext,
-        depsForResetScrollPositionToBottom: [f.initialized, f.messages.length !== 0],
-        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ol, { style: { marginTop: 16 } }), T()),
+        onLoadPrev: b.loadPrevious,
+        onLoadNext: b.loadNext,
+        depsForResetScrollPositionToBottom: [b.initialized, b.messages.length !== 0],
+        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ul, { style: { marginTop: 16 } }), k()),
         messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, L && /* @__PURE__ */ r.createElement(
           t,
           {
@@ -3019,239 +3048,250 @@ const Ol = ({ style: e }) => {
             groupType: "single",
             message: ""
           }
-        ), /* @__PURE__ */ r.createElement(Dl, null)),
-        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !E.isScrollBottomReached && /* @__PURE__ */ r.createElement(Hl, { onClick: () => E.scrollPubSub.publish({ type: "scrollToBottom" }) })),
-        renderMessage: ({ message: v, index: B }) => {
-          const Ee = Ya(v), J = C[B - 1], Ae = C[B + 1], it = C[C.length - 1], st = v === it, A = qa(v, J, Ae, Bl), I = !Yr((J == null ? void 0 : J.createdAt) ?? 0, v.createdAt) && y(B) && !b, M = (X) => {
-            (v.isFileMessage() || v.isUserMessage()) && i({ file: X, sender: se(v, v.sender.userId === s.userId) });
-          }, H = () => {
-            v.isFileMessage() && zn(v.url);
-          }, Ce = I ? /* @__PURE__ */ r.createElement(
-            or,
+        ), /* @__PURE__ */ r.createElement(Vl, null)),
+        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !E.isScrollBottomReached && /* @__PURE__ */ r.createElement(Yl, { onClick: () => E.scrollPubSub.publish({ type: "scrollToBottom" }) })),
+        renderMessage: ({ message: v, index: V }) => {
+          const Ee = rl(v), X = C[V - 1], it = C[V + 1], ke = C[C.length - 1], Ae = v === ke, st = ol(v, X, it, jl), at = !qr((X == null ? void 0 : X.createdAt) ?? 0, v.createdAt) && y(V) && !f, A = (le) => {
+            (v.isFileMessage() || v.isUserMessage()) && i({ file: le, sender: ae(v, v.sender.userId === s.userId) });
+          }, I = () => {
+            v.isFileMessage() && Mt(v.url);
+          }, M = at ? /* @__PURE__ */ r.createElement(
+            ir,
             {
               style: { margin: "16px 0" },
               date: v.createdAt,
               locale: g,
-              formatString: m.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
+              formatString: h.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
             }
-          ) : null, ae = {
-            maxBodyWidth: d.expanded ? Bn : void 0,
+          ) : null, P = {
+            maxBodyWidth: d.expanded ? Un : void 0,
             extendedMessagePayload: v.extendedMessagePayload,
             createdAt: v.createdAt,
-            groupType: A,
-            onClickMedia: M,
-            onClickFile: H
-          }, Z = (() => {
-            var X, ee;
+            groupType: st,
+            onClickMedia: A,
+            onClickFile: I
+          }, Ce = (() => {
+            var le, K;
             if (Ze.isAdmin(v))
               return Ze.isCSAT(v) ? p ? /* @__PURE__ */ r.createElement(
                 n,
                 {
-                  ...ae,
+                  ...P,
                   ...p,
-                  isResolvedWhenDeterminedByUser: zl(p),
+                  isResolvedWhenDeterminedByUser: ql(p),
                   messageType: "admin.csat",
-                  onSubmitCSAT: ({ csat: G, csatType: he, csatReason: V, isResolved: le }) => {
-                    var ge;
-                    G && ((ge = x.channel) == null || ge.submitCSAT({ csat: G, csatType: he, csatReason: V, isResolved: le }));
+                  onSubmitCSAT: ({ csat: W, csatType: G, csatReason: N, isResolved: ce }) => {
+                    var he;
+                    W && ((he = x.channel) == null || he.submitCSAT({ csat: W, csatType: G, csatReason: N, isResolved: ce }));
                   }
                 }
-              ) : null : /* @__PURE__ */ r.createElement(n, { ...ae, messageType: "admin", message: v.message });
+              ) : null : /* @__PURE__ */ r.createElement(n, { ...P, messageType: "admin", message: v.message });
             if (Ze.isOutgoing(v, a.userId)) {
-              const G = {
-                ...ae,
+              const W = {
+                ...P,
                 message: v.message,
-                sender: se(v),
+                sender: ae(v),
                 sendingStatus: v.sendingStatus
               };
               if (v.isUserMessage())
-                return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...G });
+                return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...W });
               if (v.isFileMessage()) {
-                const [he, V] = ((X = v.metaArrays.find((le) => le.key === Jn)) == null ? void 0 : X.value) ?? [];
+                const [G, N] = ((le = v.metaArrays.find((ce) => ce.key === Xn)) == null ? void 0 : le.value) ?? [];
                 return /* @__PURE__ */ r.createElement(
                   e,
                   {
                     messageType: "file",
                     file: v,
                     metadata: {
-                      aspectRatio: he && V ? `${he}/${V}` : "1/1",
-                      localFile: (ee = v.messageParams) == null ? void 0 : ee.file
+                      aspectRatio: G && N ? `${G}/${N}` : "1/1",
+                      localFile: (K = v.messageParams) == null ? void 0 : K.file
                     },
-                    ...G
+                    ...W
                   }
                 );
               }
             }
             if (Ze.isIncoming(v, a.userId)) {
-              const G = v.sender.userId === s.userId, he = {
-                ...ae,
-                sender: se(v, G),
+              const W = v.sender.userId === s.userId, G = {
+                ...P,
+                sender: ae(v, W),
                 message: v.message,
-                suggestedRepliesVisible: st,
+                suggestedRepliesVisible: Ae,
                 suggestedRepliesDirection: l == null ? void 0 : l.suggestedRepliesDirection,
-                isBotMessage: G,
-                onClickSuggestedReply: async ({ reply: V }) => {
-                  f.sendUserMessage({ message: V });
+                isBotMessage: W,
+                onClickSuggestedReply: async ({ reply: N }) => {
+                  b.sendUserMessage({ message: N });
                 },
-                onRequestMessageTemplate: async (V) => {
-                  const { template: le } = await c.aiAgent.getMessageTemplate(V);
-                  return _.setTemplate(V, le), le;
+                onRequestMessageTemplate: async (N) => {
+                  const { template: ce } = await c.aiAgent.getMessageTemplate(N);
+                  return _.setTemplate(N, ce), ce;
                 },
-                onGetCachedMessageTemplate: (V) => _.getTemplate(V),
-                onHandleTemplateInternalAction: (V) => {
-                  if (V.type === "internal" && V.internalData) {
-                    const { method: le, payload: ge } = V.internalData;
-                    le === "message.send" && (ge != null && ge.message) && f.sendUserMessage({ message: ge.message });
+                onGetCachedMessageTemplate: (N) => _.getTemplate(N),
+                onHandleTemplateInternalAction: (N) => {
+                  if (N.type === "internal" && N.internalData) {
+                    const { method: ce, payload: he } = N.internalData;
+                    ce === "message.send" && (he != null && he.message) && b.sendUserMessage({ message: he.message });
                   }
                 }
               };
               if (v.isUserMessage())
-                return /* @__PURE__ */ r.createElement(t, { messageType: "user", ...he });
+                return /* @__PURE__ */ r.createElement(t, { messageType: "user", ...G });
               if (v.isFileMessage())
-                return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: v, ...he });
+                return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: v, ...G });
             }
           })();
-          return /* @__PURE__ */ r.createElement("div", { key: Ee, id: `${Q}-message-item` }, Ce, Z);
+          return /* @__PURE__ */ r.createElement("div", { key: Ee, id: `${Q}-message-item` }, M, Ce);
         }
       }
     );
   };
-  return /* @__PURE__ */ r.createElement(Ul, { id: `${Q}-message-list` }, xe(), o && /* @__PURE__ */ r.createElement(bl, { onClose: () => i(null), sender: o.sender, file: o.file }));
-}, Ul = u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Hl = u(kl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
-function zl(e) {
+  return /* @__PURE__ */ r.createElement(Zl, { id: `${Q}-message-list` }, xe(), o && /* @__PURE__ */ r.createElement(Tl, { onClose: () => i(null), sender: o.sender, file: o.file }));
+}, Zl = u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Yl = u(Dl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
+function ql(e) {
   var t;
   if (((t = e == null ? void 0 : e.resolution) == null ? void 0 : t.determinedBy) === "user")
     return e.resolution.isResolved;
 }
-const Vl = () => {
-  const { stringSet: e } = R(), { connectionError: t } = z(), { channelSource: n } = q(), o = t || n.error;
+const Jl = () => {
+  const { stringSet: e } = R(), { connectionError: t } = z(), { channelSource: n } = J(), o = t || n.error;
   if (o) {
     const i = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
-    return /* @__PURE__ */ r.createElement(Se, { type: "error", label: o.message, action: i });
+    return /* @__PURE__ */ r.createElement(_e, { type: "error", label: o.message, action: i });
   }
-  return n.channel ? /* @__PURE__ */ r.createElement(Fl, null) : /* @__PURE__ */ r.createElement(Se, { type: "loading" });
-}, sr = () => {
-  const { stringSet: e } = R(), { activeChannel: t } = z(), [n] = S(() => (t == null ? void 0 : t.status) === W.OPEN);
+  return n.channel ? /* @__PURE__ */ r.createElement(Kl, null) : /* @__PURE__ */ r.createElement(_e, { type: "loading" });
+}, ar = () => {
+  const { stringSet: e } = R(), { activeChannel: t } = z(), [n] = S(() => (t == null ? void 0 : t.status) === j.OPEN);
   return n ? e.RETURN_TO_CONVERSATION : e.START_NEW_CONVERSATION;
-}, Wl = () => {
-  const { stringSet: e } = R(), { goToActiveConversation: t } = q(), n = sr();
-  return /* @__PURE__ */ r.createElement(Gl, null, /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement(jl, { onClick: t }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: h.themedColor.textHighEmphasis }, n)));
-}, Gl = u.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${N.light`
-    background-color: ${h.color.background100};
+}, Xl = () => {
+  const { stringSet: e } = R(), { goToActiveConversation: t } = J(), n = ar();
+  return /* @__PURE__ */ r.createElement(Ql, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: m.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement(ec, { onClick: t }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis }, n)));
+}, Ql = u.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${F.light`
+    background-color: ${m.color.background100};
   `}
-  ${N.dark`
-    background-color: ${h.color.background500};
+  ${F.dark`
+    background-color: ${m.color.background500};
   `}
-`, jl = u.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;${N.light`
-    background-color: ${h.color.background50};
+`, ec = u.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;${F.light`
+    background-color: ${m.color.background50};
   `}
-  ${N.dark`
-    background-color: ${h.color.background700};
+  ${F.dark`
+    background-color: ${m.color.background700};
   `}
-`, ar = Te(void 0), Kl = ({ children: e }) => {
-  const { stringSet: t } = R(), { aiAgentInfo: n } = z(), { channelSource: o } = q(), [i, a] = S([]), [s, l] = S({
+`, lr = Se(void 0), tc = ({ children: e }) => {
+  const { stringSet: t } = R(), { attachmentMode: n } = z(), { channelSource: o } = J(), [i, a] = S([]), [s, l] = S({
     visible: !1,
     title: "",
     buttonText: t.BUTTON__OK
-  }), c = (n == null ? void 0 : n.replyToFile) || Gn(o.channel), d = (p) => {
-    if (!c) return;
-    const x = p.filter((f) => Dn.includes(f.type));
-    if (x.length !== 0) {
-      if (x.some((f) => f.size > mi)) {
-        l((f) => ({
-          ...f,
+  }), c = jn(o.channel), d = pe(() => {
+    switch (n) {
+      case re.OFF:
+        return !1;
+      case re.ALWAYS:
+        return !0;
+      case re.HANDED_OFF_ONLY:
+        return c;
+      default:
+        return c;
+    }
+  }, [n, c]), h = (x) => {
+    if (!d) return;
+    const b = x.filter((E) => Pn.includes(E.type));
+    if (b.length !== 0) {
+      if (b.some((E) => E.size > hi)) {
+        l((E) => ({
+          ...E,
           visible: !0,
           title: t.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d", "25")
         }));
         return;
       }
-      if (x.length > 1 || x.length > 0 && i.length > 0) {
-        l((f) => ({
-          ...f,
+      if (b.length > 1 || b.length > 0 && i.length > 0) {
+        l((E) => ({
+          ...E,
           visible: !0,
           title: t.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT
         }));
         return;
       }
-      a((f) => [
-        ...f,
-        ...x.map((E) => ({
-          file: E,
-          preview: { url: URL.createObjectURL(E), type: E.type, name: E.name }
+      a((E) => [
+        ...E,
+        ...b.map((f) => ({
+          file: f,
+          preview: { url: URL.createObjectURL(f), type: f.type, name: f.name }
         }))
       ]);
     }
-  }, m = (p) => {
-    a((x) => {
-      var E;
-      const f = (E = x[p]) == null ? void 0 : E.preview;
-      return f && URL.revokeObjectURL(f.url), x.filter((b, C) => C !== p);
+  }, g = (x) => {
+    a((b) => {
+      var f;
+      const E = (f = b[x]) == null ? void 0 : f.preview;
+      return E && URL.revokeObjectURL(E.url), b.filter((C, y) => y !== x);
     });
-  }, g = () => {
-    a((p) => (p.forEach((x) => URL.revokeObjectURL(x.preview.url)), []));
+  }, p = () => {
+    a((x) => (x.forEach((b) => URL.revokeObjectURL(b.preview.url)), []));
   };
   return /* @__PURE__ */ r.createElement(
-    ar.Provider,
+    lr.Provider,
     {
       value: {
         files: i,
-        addFiles: d,
-        removeFile: m,
-        clearFiles: g,
-        isFileUploadEnabled: c
+        addFiles: h,
+        removeFile: g,
+        clearFiles: p,
+        isFileUploadEnabled: d
       }
     },
     e,
-    /* @__PURE__ */ r.createElement(Zl, { ...s, onClose: () => l((p) => ({ ...p, visible: !1, title: "" })) })
+    /* @__PURE__ */ r.createElement(nc, { ...s, onClose: () => l((x) => ({ ...x, visible: !1, title: "" })) })
   );
-}, Lt = () => {
-  const e = re(ar);
+}, Nt = () => {
+  const e = ne(lr);
   if (!e)
     throw new Error("useFileUpload must be used within FileUploadProvider");
   return e;
-}, Zl = ({
+}, nc = ({
   title: e,
   buttonText: t,
   visible: n,
   onClose: o
-}) => /* @__PURE__ */ r.createElement(tr, { rootElementId: oe.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(Yl, null, /* @__PURE__ */ r.createElement(Jl, null, /* @__PURE__ */ r.createElement(k, { variant: "h1", color: h.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(ql, null, /* @__PURE__ */ r.createElement(Xl, { onClick: o }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: h.themedColor.textHighEmphasisInverse }, t))))), Yl = 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};`, ql = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, Jl = u.div`margin-bottom:16px;`, Xl = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${h.themedColor.error};border:1px solid ${h.themedColor.error};padding:10px 16px;&:hover{background-color:${h.color.error.dark};border-color:${h.color.error.dark};}&:active{background-color:${h.color.error.extraDark};}`;
-function Ql({ blurred: e, elementRef: t, document: n = window.document }) {
-  const o = F(!1);
-  e && t.current && n.activeElement === t.current && (o.current = !0), ce(() => {
+}) => /* @__PURE__ */ r.createElement(nr, { rootElementId: oe.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(rc, null, /* @__PURE__ */ r.createElement(ic, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(oc, null, /* @__PURE__ */ r.createElement(sc, { onClick: o }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasisInverse }, t))))), rc = u.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, oc = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, ic = u.div`margin-bottom:16px;`, sc = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${m.themedColor.error};border:1px solid ${m.themedColor.error};padding:10px 16px;&:hover{background-color:${m.color.error.dark};border-color:${m.color.error.dark};}&:active{background-color:${m.color.error.extraDark};}`;
+function ac({ blurred: e, elementRef: t, document: n = window.document }) {
+  const o = U(!1);
+  e && t.current && n.activeElement === t.current && (o.current = !0), de(() => {
     var i;
     !e && o.current && ((i = t.current) == null || i.focus(), o.current = !1);
   }, [e]);
 }
-const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, tc = u.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`, nc = u.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${N.light`
-    background-color: ${h.color.background50};
+const lc = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, cc = u.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`, dc = u.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${F.light`
+    background-color: ${m.color.background50};
   `}
-  ${N.dark`
-    background-color: ${h.color.background500};
+  ${F.dark`
+    background-color: ${m.color.background500};
   `}
   path {
-    fill: ${h.themedColor.textMidEmphasis};
+    fill: ${m.themedColor.textMidEmphasis};
   }
 
   &:hover {
     path {
-      fill: ${h.themedColor.textHighEmphasis};
+      fill: ${m.themedColor.textHighEmphasis};
     }
   }
 
   circle {
-    stroke: ${h.themedColor.bg_50_600};
+    stroke: ${m.themedColor.bg_50_600};
   }
-`, rc = () => {
-  const e = Pe(), [t, n] = S(), { files: o, removeFile: i, isFileUploadEnabled: a } = Lt();
-  return !a || o.length === 0 ? null : /* @__PURE__ */ r.createElement(ec, null, o.map(({ preview: { type: s, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(tc, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(nc, { title: "Remove file", onClick: () => i(d) }, /* @__PURE__ */ r.createElement(O, { type: "close-filled", color: h.themedColor.textMidEmphasis })), s.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(wt, { name: l, type: Tt(l, s) }))));
-}, oc = ({ channel: e, messages: t }) => {
-  const { stringSet: n } = R(), { aiAgentInfo: o } = z(), i = ic(), a = sc({
+`, uc = () => {
+  const e = Pe(), [t, n] = S(), { files: o, removeFile: i, isFileUploadEnabled: a } = Nt();
+  return !a || o.length === 0 ? null : /* @__PURE__ */ r.createElement(lc, null, o.map(({ preview: { type: s, 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: () => i(d) }, /* @__PURE__ */ r.createElement(O, { type: "close-filled", color: m.themedColor.textMidEmphasis })), s.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(At, { name: l, type: kt(l, s) }))));
+}, mc = ({ channel: e, messages: t }) => {
+  const { stringSet: n } = R(), { aiAgentInfo: o } = z(), i = hc(), a = gc({
     lastMessage: t[t.length - 1],
     aiAgentUserId: o.userId
   });
-  return !e || !i || Vn(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];
-}, ic = () => {
-  const e = bn(), { chatSDK: t } = P(), [n, o] = S(!0);
+  return !e || !i || Wn(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];
+}, hc = () => {
+  const e = Cn(), { chatSDK: t } = B(), [n, o] = S(!0);
   return D(() => {
     const i = new Qe({
       onDisconnected: () => o(!1),
@@ -3262,23 +3302,23 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       t.removeConnectionHandler(e);
     };
   }, [t]), n;
-}, sc = ({
+}, gc = ({
   lastMessage: e,
   aiAgentUserId: t
 }) => {
-  const [n, o] = S(!1), i = ir();
+  const [n, o] = S(!1), i = sr();
   return D(() => {
     if (!e) return;
-    const a = i.some((l) => l.userId === t), s = Xn(e, t) && et.isStreaming(e);
+    const a = i.some((l) => l.userId === t), s = Qn(e, t) && et.isStreaming(e);
     o(!!(s || a));
   }, [i, e, t]), n;
-}, lr = {
+}, cr = {
   textArea: $`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: $`margin-bottom:4px;`
-}, cr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, ac = u(cr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${h.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${h.themedColor.bg_200_400};}}${yt && lr.attachIcon};`, lc = u.input`display:none;`, an = u.div`width:100%;position:relative;background-color:${h.themedColor.bg_100_500};border-radius:20px;`, ln = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, cn = 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:${h.themedColor.textHighEmphasis};resize:none;width:100%;height:${Rn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${yt && lr.textArea};&::placeholder{color:${h.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${h.themedColor.textDisabled};}}`, dn = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, un = ({ disabled: e }) => {
-  const t = F(null), { addFiles: n, clearFiles: o, files: i, isFileUploadEnabled: a } = Lt();
+}, dr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, pc = u(dr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${m.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${m.themedColor.bg_200_400};}}${St && cr.attachIcon};`, fc = u.input`display:none;`, dn = u.div`width:100%;position:relative;background-color:${m.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:${m.themedColor.textHighEmphasis};resize:none;width:100%;height:${Nn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${St && cr.textArea};&::placeholder{color:${m.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${m.themedColor.textDisabled};}}`, hn = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, gn = ({ disabled: e }) => {
+  const t = U(null), { addFiles: n, clearFiles: o, files: i, isFileUploadEnabled: a } = Nt();
   return !a || i.length > 0 ? null : /* @__PURE__ */ r.createElement(
-    ac,
+    pc,
     {
       disabled: e,
       onClick: () => {
@@ -3290,12 +3330,12 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       O,
       {
         type: "attach",
-        color: e ? h.themedColor.textDisabled : h.themedColor.textMidEmphasis,
+        color: e ? m.themedColor.textDisabled : m.themedColor.textMidEmphasis,
         size: 16
       }
     ),
     /* @__PURE__ */ r.createElement(
-      lc,
+      fc,
       {
         type: "file",
         ref: t,
@@ -3303,43 +3343,43 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
           const l = s.currentTarget.files;
           l && n(Array.from(l)), s.target.value = "";
         },
-        accept: Dn.join(",")
+        accept: Pn.join(",")
       }
     )
   );
-}, cc = () => {
-  const e = F(null), [t, n] = S(""), { rootElement: o } = P(), { channelSource: i, messageSource: a } = q(), [s, l] = oc({
+}, bc = () => {
+  const e = U(null), [t, n] = S(""), { rootElement: o } = B(), { channelSource: i, messageSource: a } = J(), [s, l] = mc({
     channel: i.channel,
     messages: a.messages
-  }), { files: c, addFiles: d, clearFiles: m } = Lt();
-  Ga({ onDropFiles: d }), Ql({ blurred: s, elementRef: e, document: fe(o) });
-  const g = t.trim().length > 0, p = c.length > 0, x = !s && (g || p), f = () => {
-    e.current && (e.current.value = "", e.current.style.height = ""), m(), n("");
+  }), { files: c, addFiles: d, clearFiles: h } = Nt();
+  Qa({ onDropFiles: d }), ac({ blurred: s, elementRef: e, document: fe(o) });
+  const g = t.trim().length > 0, p = c.length > 0, x = !s && (g || p), b = () => {
+    e.current && (e.current.value = "", e.current.style.height = ""), h(), n("");
   }, E = async () => {
-    const T = t.trim(), _ = { message: T };
-    if (!(!T && !c.length)) {
+    const k = t.trim(), _ = { message: k };
+    if (!(!k && !c.length)) {
       if (c.length > 0) {
-        const K = c[0].file, L = { ..._, file: K };
-        a.sendFileMessage(L), f();
+        const Y = c[0].file, L = { ..._, file: Y };
+        a.sendFileMessage(L), b();
         return;
       }
-      a.sendUserMessage(_), f();
+      a.sendUserMessage(_), b();
     }
-  }, b = (T) => {
-    const _ = Array.from(T.clipboardData.files);
-    _.length > 0 && (T.preventDefault(), d(_));
-  }, C = (T) => {
-    T.key !== "Enter" || T.nativeEvent.isComposing || T.shiftKey || (T.preventDefault(), E());
-  }, y = (T) => {
+  }, f = (k) => {
+    const _ = Array.from(k.clipboardData.files);
+    _.length > 0 && (k.preventDefault(), d(_));
+  }, C = (k) => {
+    k.key !== "Enter" || k.nativeEvent.isComposing || k.shiftKey || (k.preventDefault(), E());
+  }, y = (k) => {
     if (e.current) {
       e.current.style.height = "";
-      const _ = Math.min(ui, e.current.scrollHeight);
-      Rn < _ && (e.current.style.height = `${_}px`);
+      const _ = Math.min(mi, e.current.scrollHeight);
+      Nn < _ && (e.current.style.height = `${_}px`);
     }
-    n(T.target.value);
+    n(k.target.value);
   };
-  return s ? /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(an, null, /* @__PURE__ */ r.createElement(ln, null, /* @__PURE__ */ r.createElement(cn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(un, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(an, null, /* @__PURE__ */ r.createElement(rc, null), /* @__PURE__ */ r.createElement(ln, null, /* @__PURE__ */ r.createElement(
-    cn,
+  return s ? /* @__PURE__ */ r.createElement(hn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(mn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(gn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(hn, null, /* @__PURE__ */ r.createElement(dn, null, /* @__PURE__ */ r.createElement(uc, null), /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(
+    mn,
     {
       ref: e,
       role: "textbox",
@@ -3348,135 +3388,135 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       maxLength: 5e3,
       onKeyDown: C,
       onChange: y,
-      onPaste: b
+      onPaste: f
     }
-  ), /* @__PURE__ */ r.createElement(un, null))), x && /* @__PURE__ */ r.createElement(cr, { onClick: () => E() }, /* @__PURE__ */ r.createElement(O, { type: "send", color: h.color.primary.main, size: 20 })));
-}, dc = 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:${h.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${N.light`
-      color: ${h.color.information.light};
+  ), /* @__PURE__ */ r.createElement(gn, null))), x && /* @__PURE__ */ r.createElement(dr, { onClick: () => E() }, /* @__PURE__ */ r.createElement(O, { type: "send", color: m.color.primary.main, size: 20 })));
+}, xc = u.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${m.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${F.light`
+      color: ${m.color.information.light};
     `};
-    ${N.dark`
-      color: ${h.color.information.main};
+    ${F.dark`
+      color: ${m.color.information.main};
     `};
   }
-`, uc = w(() => import("./7Dvv5RpD.js").then((e) => ({ default: e.MarkdownText }))), mc = () => {
-  const { aiAgentInfo: e } = z(), { messageSource: t } = q(), { userSession: n } = z();
-  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((i) => Xn(i, n.userId))) ? null : /* @__PURE__ */ r.createElement(dc, null, /* @__PURE__ */ r.createElement(uc, null, e.specialNotice));
-}, hc = () => /* @__PURE__ */ r.createElement(gc, null, /* @__PURE__ */ r.createElement(mc, null), /* @__PURE__ */ r.createElement(Kl, null, /* @__PURE__ */ r.createElement(cc, null))), gc = u.div`z-index:0;border:none;width:100%;`, pc = () => {
+`, Ec = T(() => import("./D4Vk_6v3.js").then((e) => ({ default: e.MarkdownText }))), Cc = () => {
+  const { aiAgentInfo: e } = z(), { messageSource: t } = J(), { userSession: n } = z();
+  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((i) => Qn(i, n.userId))) ? null : /* @__PURE__ */ r.createElement(xc, null, /* @__PURE__ */ r.createElement(Ec, null, e.specialNotice));
+}, vc = () => /* @__PURE__ */ r.createElement(yc, null, /* @__PURE__ */ r.createElement(Cc, null), /* @__PURE__ */ r.createElement(tc, null, /* @__PURE__ */ r.createElement(bc, null))), yc = u.div`z-index:0;border:none;width:100%;`, _c = () => {
   var a, s, l;
-  const { activeChannel: e } = z(), { channelSource: t } = q(), n = ((s = (a = t.channel) == null ? void 0 : a.conversation) == null ? void 0 : s.status) === W.CLOSED;
-  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Wl, null) : /* @__PURE__ */ r.createElement(hc, null);
-}, fc = () => {
+  const { activeChannel: e } = z(), { channelSource: t } = J(), n = ((s = (a = t.channel) == null ? void 0 : a.conversation) == null ? void 0 : s.status) === j.CLOSED;
+  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Xl, null) : /* @__PURE__ */ r.createElement(vc, null);
+}, Sc = () => {
   var y;
-  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: i } = P(), { stringSet: a } = R(), { aiAgentInfo: s, activeChannel: l } = z(), { channelSource: c, onNavigateToConversationList: d } = q(), m = c.channel, p = Pe() ? 24 : 16, x = () => {
+  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: i } = B(), { stringSet: a } = R(), { aiAgentInfo: s, activeChannel: l } = z(), { channelSource: c, onNavigateToConversationList: d } = J(), h = c.channel, p = Pe() ? 24 : 16, x = () => {
     e.setOpened(!1);
-  }, f = async () => {
+  }, b = async () => {
     try {
-      const T = await (m == null ? void 0 : m.markConversationAsHandoff());
-      t.info("conversation.handleAgentHandoff: success", T);
-    } catch (T) {
-      t.error("conversation.handleAgentHandoff: error", T);
+      const k = await (h == null ? void 0 : h.markConversationAsHandoff());
+      t.info("conversation.handleAgentHandoff: success", k);
+    } catch (k) {
+      t.error("conversation.handleAgentHandoff: error", k);
     }
   }, E = async () => {
-    m && await i.send(ao.CloseConversation({ channelUrl: m.url }));
-  }, b = l && (m == null ? void 0 : m.url) === l.url, C = s.showHandoffButton && !!((y = m == null ? void 0 : m.conversation) != null && y.handoff) && b;
-  return /* @__PURE__ */ r.createElement(vc, null, /* @__PURE__ */ r.createElement(yc, null, d && /* @__PURE__ */ r.createElement(Ue, { onClick: () => d() }, /* @__PURE__ */ r.createElement(O, { type: "menu", size: 24, color: h.themedColor.textHighEmphasis })), b && /* @__PURE__ */ r.createElement(nr, { size: 34 }), /* @__PURE__ */ r.createElement(Sc, { variant: "h2", color: h.themedColor.textHighEmphasis }, s.nickname || (m == null ? void 0 : m.name))), /* @__PURE__ */ r.createElement(_c, null, C && /* @__PURE__ */ r.createElement(
-    Cc,
+    h && await i.send(lo.CloseConversation({ channelUrl: h.url }));
+  }, f = l && (h == null ? void 0 : h.url) === l.url, C = s.showHandoffButton && !!((y = h == null ? void 0 : h.conversation) != null && y.handoff) && f;
+  return /* @__PURE__ */ r.createElement(Ic, null, /* @__PURE__ */ r.createElement($c, null, d && /* @__PURE__ */ r.createElement(Ue, { onClick: () => d() }, /* @__PURE__ */ r.createElement(O, { type: "menu", size: 24, color: m.themedColor.textHighEmphasis })), f && /* @__PURE__ */ r.createElement(rr, { size: 34 }), /* @__PURE__ */ r.createElement(Oc, { variant: "h2", color: m.themedColor.textHighEmphasis }, s.nickname || (h == null ? void 0 : h.name))), /* @__PURE__ */ r.createElement(Mc, null, C && /* @__PURE__ */ r.createElement(
+    Ac,
     {
       tooltipLabel: a.HEADER_BUTTON__AGENT_HANDOFF,
-      disabled: !os(m),
+      disabled: !ss(h),
       size: p,
-      onClick: f
+      onClick: b
     }
   ), n && /* @__PURE__ */ r.createElement(
-    Ec,
+    kc,
     {
-      disabled: !Wn(m),
+      disabled: !Gn(h),
       size: p,
       onClick: E
     }
-  ), o && /* @__PURE__ */ r.createElement(bc, { size: p }), /* @__PURE__ */ r.createElement(xc, { size: p, onClick: x })));
-}, bc = ({ size: e, disabled: t }) => {
-  const { state: n } = P();
-  return /* @__PURE__ */ r.createElement(Ue, { "aria-label": "expand", onClick: () => n.setExpanded(!n.expanded), disabled: t }, /* @__PURE__ */ r.createElement(O, { type: n.expanded ? "collapse" : "expand", size: e, color: h.themedColor.textHighEmphasis }));
-}, xc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ue, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(O, { type: "close", size: e, color: h.themedColor.textHighEmphasis })), Ec = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ue, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
+  ), o && /* @__PURE__ */ r.createElement(Tc, { size: p }), /* @__PURE__ */ r.createElement(wc, { size: p, onClick: x })));
+}, Tc = ({ size: e, disabled: t }) => {
+  const { state: n } = B();
+  return /* @__PURE__ */ r.createElement(Ue, { "aria-label": "expand", onClick: () => n.setExpanded(!n.expanded), disabled: t }, /* @__PURE__ */ r.createElement(O, { type: n.expanded ? "collapse" : "expand", size: e, color: m.themedColor.textHighEmphasis }));
+}, wc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ue, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(O, { type: "close", size: e, color: m.themedColor.textHighEmphasis })), kc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ue, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
   O,
   {
     type: "refresh",
     size: e,
-    color: t ? h.themedColor.textDisabled : h.themedColor.textHighEmphasis
+    color: t ? m.themedColor.textDisabled : m.themedColor.textHighEmphasis
   }
-)), Cc = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(Yn, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Ue, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
+)), Ac = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(qn, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Ue, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
   O,
   {
     type: "agent",
     size: e,
-    color: n ? h.themedColor.textDisabled : h.themedColor.textHighEmphasis
+    color: n ? m.themedColor.textDisabled : m.themedColor.textHighEmphasis
   }
-))), vc = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, yc = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, _c = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Sc = u(k)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Ue = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Tc = () => {
-  const { isActionbookTester: e } = Fe();
-  return e ? null : /* @__PURE__ */ r.createElement(fc, null);
-}, mn = ({
+))), Ic = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, $c = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, Mc = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Oc = u(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Ue = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Lc = () => {
+  const { isActionbookTester: e } = Be();
+  return e ? null : /* @__PURE__ */ r.createElement(Sc, null);
+}, pn = ({
   children: e,
   onNavigateToConversationList: t,
   closedChannelUrl: n,
   onClearClosedChannelUrl: o
 }) => {
-  const { Template: i } = Rt.useContext();
+  const { Template: i } = Pt.useContext();
   return /* @__PURE__ */ r.createElement(
-    Wa,
+    Xa,
     {
       onNavigateToConversationList: t,
       closedChannelUrl: n,
       onClearClosedChannelUrl: o
     },
-    /* @__PURE__ */ r.createElement(xt, null, /* @__PURE__ */ r.createElement(xt.Consumer, null, (a) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(kc, { ...a }, /* @__PURE__ */ r.createElement(i, null)), e)))
+    /* @__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(i, null)), e)))
   );
-}, Rt = we({
-  template: wc,
+}, Pt = Te({
+  template: Rc,
   components: {
-    Header: Tc,
-    Body: Vl,
-    Footer: pc
+    Header: Lc,
+    Body: Jl,
+    Footer: _c
   }
 });
-function wc() {
-  const { components: e } = Rt.useContext();
+function Rc() {
+  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 kc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
-  Provider: Ac,
-  useContext: dr
-} = j("ConversationList");
-function Ic({
+const Dc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
+  Provider: Nc,
+  useContext: ur
+} = Z("ConversationList");
+function Pc({
   conversationListFilter: e,
   onOpenConversationView: t = Le,
   children: n
 }) {
-  return /* @__PURE__ */ r.createElement(bo, { conversationListFilter: e }, (o) => /* @__PURE__ */ r.createElement(Ac, { value: { ...o, onOpenConversationView: t } }, n));
+  return /* @__PURE__ */ r.createElement(xo, { conversationListFilter: e }, (o) => /* @__PURE__ */ r.createElement(Nc, { value: { ...o, onOpenConversationView: t } }, n));
 }
-const ur = we({
-  template: $c,
+const mr = Te({
+  template: Fc,
   // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
   components: {}
 });
-function $c({
+function Fc({
   title: e = "",
   lastMessageTimestamp: t = Date.now(),
   onClick: n
 }) {
   const { stringSet: o, format: i } = R();
-  return /* @__PURE__ */ r.createElement(Mc, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(Lc, null, /* @__PURE__ */ r.createElement(Rc, null, /* @__PURE__ */ r.createElement(k, { variant: "subtitle1", color: h.themedColor.textHighEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textLowEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(k, { variant: "body3", color: h.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: h.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(Oc, null));
+  return /* @__PURE__ */ r.createElement(Bc, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(Hc, null, /* @__PURE__ */ r.createElement(zc, null, /* @__PURE__ */ r.createElement(w, { variant: "subtitle1", color: m.themedColor.textHighEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: m.themedColor.textLowEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(w, { variant: "body3", color: m.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: m.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(Uc, null));
 }
-const Mc = 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;`, Oc = u.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${h.themedColor.textDisabled};`, Lc = u.div`gap:4px;display:flex;flex-direction:column;flex:1;`, Rc = u.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, Dc = ({ items: e, renderItem: t, onEndReached: n }) => {
+const Bc = 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:${m.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 = (i) => {
     const a = i.target;
     a.scrollHeight - a.scrollTop === a.clientHeight && (n == null || n());
   };
-  return /* @__PURE__ */ r.createElement(Nc, { onScroll: (i) => o(i) }, e.map((i, a) => t(i, a)));
-}, Nc = u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, Pc = () => {
-  const { stringSet: e } = R(), { listSource: t, onOpenConversationView: n } = dr(), { Template: o } = ur.useContext();
-  return t.initialized ? t.channels.length === 0 ? /* @__PURE__ */ r.createElement(Se, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ r.createElement(
-    Dc,
+  return /* @__PURE__ */ r.createElement(Wc, { onScroll: (i) => o(i) }, e.map((i, a) => t(i, a)));
+}, Wc = u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, Gc = () => {
+  const { stringSet: e } = R(), { listSource: t, onOpenConversationView: n } = ur(), { Template: o } = mr.useContext();
+  return t.initialized ? t.channels.length === 0 ? /* @__PURE__ */ r.createElement(_e, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ r.createElement(
+    Vc,
     {
       items: t.channels,
       renderItem: (i) => {
@@ -3488,7 +3528,7 @@ const Mc = u.div`display:flex;flex-direction:row;align-items:center;position:rel
             channelUrl: i.url,
             title: (s = (a = i.conversation) == null ? void 0 : a.topics) == null ? void 0 : s.join(", "),
             lastMessageTimestamp: (l = i.lastMessage) == null ? void 0 : l.createdAt,
-            onClick: () => n(i.url, W.CLOSED),
+            onClick: () => n(i.url, j.CLOSED),
             channel: i
           }
         );
@@ -3497,55 +3537,55 @@ const Mc = u.div`display:flex;flex-direction:row;align-items:center;position:rel
         t.loadMore();
       }
     }
-  ) : /* @__PURE__ */ r.createElement(Se, { type: "loading" });
-}, Bc = () => {
-  const { refreshActiveChannel: e } = z(), { onOpenConversationView: t } = dr(), n = sr();
+  ) : /* @__PURE__ */ r.createElement(_e, { type: "loading" });
+}, jc = () => {
+  const { refreshActiveChannel: e } = z(), { onOpenConversationView: t } = ur(), n = ar();
   return /* @__PURE__ */ r.createElement(
-    Fc,
+    Kc,
     {
       role: "button",
       onClick: async () => {
         const o = await e();
-        t(o, W.OPEN);
+        t(o, j.OPEN);
       }
     },
-    /* @__PURE__ */ r.createElement(Uc, { variant: "h1" }, n)
+    /* @__PURE__ */ r.createElement(Zc, { variant: "h1" }, n)
   );
-}, Fc = u.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Uc = u(k)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Hc = () => {
+}, 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 } = R();
-  return /* @__PURE__ */ r.createElement(zc, null, /* @__PURE__ */ r.createElement(Vc, { variant: "h2", color: h.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Wc, null));
-}, zc = 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};`, Vc = u(k)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Wc = u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${h.themedColor.textDisabled};`, Gc = ({ conversationListFilter: e, children: t, onOpenConversationView: n }) => {
-  const { Template: o } = Dt.useContext();
+  return /* @__PURE__ */ r.createElement(qc, null, /* @__PURE__ */ r.createElement(Jc, { variant: "h2", color: m.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:${m.themedColor.textDisabled};`, Qc = ({ conversationListFilter: e, children: t, onOpenConversationView: n }) => {
+  const { Template: o } = Ft.useContext();
   return /* @__PURE__ */ r.createElement(
-    Ic,
+    Pc,
     {
       conversationListFilter: e,
       onOpenConversationView: n
     },
-    /* @__PURE__ */ r.createElement(Kc, null, /* @__PURE__ */ r.createElement(o, null)),
+    /* @__PURE__ */ r.createElement(td, null, /* @__PURE__ */ r.createElement(o, null)),
     t
   );
-}, Dt = we({
-  template: jc,
+}, Ft = Te({
+  template: ed,
   components: {
-    Header: Hc,
-    Body: Pc,
-    Footer: Bc
+    Header: Yc,
+    Body: Gc,
+    Footer: jc
   }
 });
-function jc() {
-  const { components: e } = Dt.useContext();
+function ed() {
+  const { components: e } = Ft.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 Kc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Zc = $`:where(#${oe.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Yc = [Zc, ni, ri], qc = (e, ...t) => Lr(e, ...Yc, ...t), Jc = qc``, Xc = Xr(
+const td = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, nd = $`:where(#${oe.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, rd = [nd, ri, oi], od = (e, ...t) => Rr(e, ...rd, ...t), id = od``, sd = Qr(
+  Pt,
+  ye,
+  Lt,
   Rt,
-  _e,
-  $t,
-  Mt,
-  Dt,
-  ur
+  Ft,
+  mr
 );
-function Qc({
+function ad({
   appearance: e,
   rootElement: t,
   logger: n,
@@ -3555,9 +3595,9 @@ function Qc({
   messageTemplate: s,
   theme: l
 }) {
-  return ci(jo, t), /* @__PURE__ */ r.createElement(Rr, { target: t }, /* @__PURE__ */ r.createElement(si, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(Fo, { internalVariables: s == null ? void 0 : s.__internalVariables }, /* @__PURE__ */ r.createElement(ti, { stringSet: i, logger: n, language: o }, /* @__PURE__ */ r.createElement(Xc, null, a, /* @__PURE__ */ r.createElement(Jc, null))))));
+  return di(Ko, t), /* @__PURE__ */ r.createElement(Dr, { target: t }, /* @__PURE__ */ r.createElement(ai, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(Uo, { internalVariables: s == null ? void 0 : s.__internalVariables }, /* @__PURE__ */ r.createElement(ni, { stringSet: i, logger: n, language: o }, /* @__PURE__ */ r.createElement(sd, null, a, /* @__PURE__ */ r.createElement(id, null))))));
 }
-const hn = {
+const fn = {
   key_payment_plan_container: {
     color_variables: {},
     created_at: 1232,
@@ -3742,17 +3782,17 @@ const hn = {
       }
     }
   }
-}, mr = Re(function({
+}, hr = Re(function({
   rootElement: t = document.body,
-  logLevel: n = xn.WARN,
+  logLevel: n = vn.WARN,
   language: o = navigator.language,
   userSessionInfo: i,
   children: a,
   ...s
 }, l) {
   var c;
-  return ve.level !== n && (ve.level = n), li("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: oe.ENTRY, style: { width: "fit-content", height: "fit-content", ...s.entryStyle } }, /* @__PURE__ */ r.createElement(No, { logger: ve, storage: td }, /* @__PURE__ */ r.createElement(
-    Qc,
+  return ve.level !== n && (ve.level = n), ci("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: oe.ENTRY, style: { width: "fit-content", height: "fit-content", ...s.entryStyle } }, /* @__PURE__ */ r.createElement(Po, { logger: ve, storage: cd }, /* @__PURE__ */ r.createElement(
+    ad,
     {
       logger: ve,
       rootElement: t,
@@ -3763,7 +3803,7 @@ const hn = {
       theme: s.theme
     },
     /* @__PURE__ */ r.createElement(
-      oo,
+      io,
       {
         appId: s.appId,
         aiAgentId: s.aiAgentId,
@@ -3771,39 +3811,39 @@ const hn = {
         countryCode: s.countryCode,
         context: s.context,
         logger: ve,
-        dispatcher: ed,
+        dispatcher: ld,
         chatParams: { customApiHost: s.customApiHost, customWebSocketHost: s.customWebSocketHost }
       },
-      /* @__PURE__ */ r.createElement(pi, { rootElement: t, ...s }, /* @__PURE__ */ r.createElement(Ci, { ref: l, userSessionInfo: i }, /* @__PURE__ */ r.createElement($a, { ...s._UNSAFE_INTERNAL_dashboardTester }, a, /* @__PURE__ */ r.createElement("div", { id: oe.MODAL_ROOT }))))
+      /* @__PURE__ */ r.createElement(fi, { rootElement: t, ...s }, /* @__PURE__ */ r.createElement(yi, { ref: l, userSessionInfo: i }, /* @__PURE__ */ r.createElement(Fa, { ...s._UNSAFE_INTERNAL_dashboardTester }, a, /* @__PURE__ */ r.createElement("div", { id: oe.MODAL_ROOT }))))
     )
   )));
-}), ve = new wn(xn.WARN), ed = new Sn(ve), Nt = "@sba/message-template", gn = (e) => `${Nt}/templates/${e}`, pn = () => `${Nt}/token`, td = Ro({
+}), ve = new In(vn.WARN), ld = new kn(ve), Bt = "@sba/message-template", bn = (e) => `${Bt}/templates/${e}`, xn = () => `${Bt}/token`, cd = Do({
   onSetTemplate: (e, t) => {
-    hn[e] || te.setItem(gn(e), t);
+    fn[e] || ee.setItem(bn(e), t);
   },
   onGetTemplate: (e) => {
-    const t = hn[e];
-    return t ? JSON.stringify(t) : te.getItem(gn(e));
+    const t = fn[e];
+    return t ? JSON.stringify(t) : ee.getItem(bn(e));
   },
   onSetCachedToken(e) {
-    te.setItem(pn(), e);
+    ee.setItem(xn(), e);
   },
   onGetCachedToken() {
-    return te.getItem(pn());
+    return ee.getItem(xn());
   },
   onClear: () => {
-    te.getKeys(Nt).forEach(te.deleteItem);
+    ee.getKeys(Bt).forEach(ee.deleteItem);
   }
-}), hr = ({ children: e, isOpened: t }) => {
-  const { dir: n, rootElement: o } = P(), i = fe(o, !0);
+}), gr = ({ children: e, isOpened: t }) => {
+  const { dir: n, rootElement: o } = B(), i = fe(o, !0);
   return D(() => {
     const a = "sb-agent-block-scroll";
     return t ? i.body.classList.add(a) : i.body.classList.remove(a), () => {
       i.body.classList.remove(a);
     };
-  }, [i, t]), /* @__PURE__ */ r.createElement(nd, { dir: n, $visible: t }, e);
-}, nd = u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${be.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, rd = 48, od = 2 / 3;
-function id({
+  }, [i, t]), /* @__PURE__ */ r.createElement(dd, { dir: n, $visible: t }, e);
+}, dd = u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${be.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, ud = 48, md = 2 / 3;
+function hd({
   className: e,
   isOpened: t,
   onClick: n,
@@ -3812,11 +3852,11 @@ function id({
   dir: a,
   animated: s = !0,
   backgroundColor: l,
-  size: c = rd
+  size: c = ud
 }) {
-  const d = ft(l), m = Math.round(c * od);
+  const d = bt(l), h = Math.round(c * md);
   return /* @__PURE__ */ r.createElement(
-    ld,
+    fd,
     {
       dir: a,
       id: oe.LAUNCHER,
@@ -3827,11 +3867,11 @@ function id({
       $backgroundColor: l,
       $size: c
     },
-    /* @__PURE__ */ r.createElement(cd, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: m }, /* @__PURE__ */ r.createElement(fn.Open, { url: i, isDefaultIcon: o === "default_icon" })),
-    /* @__PURE__ */ r.createElement(dd, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: m }, /* @__PURE__ */ r.createElement(fn.Close, { size: m }))
+    /* @__PURE__ */ r.createElement(bd, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(En.Open, { url: i, isDefaultIcon: o === "default_icon" })),
+    /* @__PURE__ */ r.createElement(xd, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: h }, /* @__PURE__ */ r.createElement(En.Close, { size: h }))
   );
 }
-const sd = $`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, ad = $`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 === Ln.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, gr = $`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => $`
+const gd = $`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, pd = $`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 === Dn.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, pr = $`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => $`
         path {
           fill: ${e};
         }
@@ -3840,14 +3880,14 @@ const sd = $`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
         }
       `}
   }
-`, ld = u.button`position:relative;padding:0;width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;background:${({ $backgroundColor: e }) => e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({ $animated: e }) => e && sd}`, pr = u.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`, cd = u(pr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${ad}${gr}`, dd = u(pr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${gr}`, fn = {
-  Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(kt, null),
+`, fd = u.button`position:relative;padding:0;width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;background:${({ $backgroundColor: e }) => e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({ $animated: e }) => e && gd}`, fr = u.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`, bd = u(fr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${pd}${pr}`, xd = u(fr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${pr}`, En = {
+  Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(It, null),
   Close: ({ size: e }) => /* @__PURE__ */ r.createElement(O, { size: e, type: "chevron-down" })
 };
-function fr({ className: e, size: t }) {
-  const { colors: n } = Et(), { dir: o, state: i } = P(), { launcherInfo: a } = z();
-  return md(), /* @__PURE__ */ r.createElement(
-    id,
+function br({ className: e, size: t }) {
+  const { colors: n } = Ct(), { dir: o, state: i } = B(), { launcherInfo: a } = z();
+  return Cd(), /* @__PURE__ */ r.createElement(
+    hd,
     {
       dir: o,
       className: e,
@@ -3860,46 +3900,46 @@ function fr({ className: e, size: t }) {
     }
   );
 }
-const ud = 1e3 * 60;
-function md() {
-  const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = P(), i = F(null);
+const Ed = 1e3 * 60;
+function Cd() {
+  const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = B(), i = U(null);
   D(() => {
     if (!o) return;
     function a() {
       i.current && (clearTimeout(i.current), i.current = null);
     }
     function s() {
-      e.connectionState === Mr.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), a(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
+      e.connectionState === Or.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), a(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
     }
     function l() {
       a(), i.current = setTimeout(async () => {
         await e.disconnectWebSocket(), n.debug("useSDKInactivityTimeout: disconnected");
-      }, ud);
+      }, Ed);
     }
     t.opened ? s() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
   }, [o, e, t.opened]);
 }
-const br = Te(null);
-function hd() {
-  const e = re(br);
+const xr = Se(null);
+function vd() {
+  const e = ne(xr);
   if (!e)
     throw new Error("useNavigator() must be used within <Navigator />");
   return e;
 }
-function xr({ children: e }) {
-  const t = hd();
+function Er({ children: e }) {
+  const t = vd();
   return typeof e == "function" ? e(t) : /* @__PURE__ */ r.createElement(r.Fragment, null, e);
 }
-const gd = En`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, pd = En`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, fd = $`animation-name:${gd};animation-duration:0.3s;animation-fill-mode:forwards;`, bd = $``, xd = $`animation-name:${pd};animation-duration:0.3s;animation-fill-mode:forwards;`, Ed = $`visibility:hidden;`, Cd = u.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
+const yd = yn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, _d = yn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, Sd = $`animation-name:${yd};animation-duration:0.3s;animation-fill-mode:forwards;`, Td = $``, wd = $`animation-name:${_d};animation-duration:0.3s;animation-fill-mode:forwards;`, kd = $`visibility:hidden;`, Ad = u.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
   switch (e) {
     case "entering":
-      return fd;
+      return Sd;
     case "entered":
-      return bd;
+      return Td;
     case "exiting":
-      return xd;
+      return wd;
     case "exited":
-      return Ed;
+      return kd;
     default:
       return "";
   }
@@ -3908,23 +3948,23 @@ const gd = En`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY
         ` : $`z-index:1;pointer-events:none;`}
 `;
 function Me({ initialId: e, children: t }) {
-  const n = U((b, C) => {
-    c((y) => [...y, b]), m((y) => ({ ...y, [b]: !0 })), C != null && C.reset && f((y) => ({
+  const n = H((f, C) => {
+    c((y) => [...y, f]), h((y) => ({ ...y, [f]: !0 })), C != null && C.reset && b((y) => ({
       ...y,
-      [b]: (y[b] || 0) + 1
+      [f]: (y[f] || 0) + 1
     })), p((y) => ({
       ...y,
-      [b]: "entering"
+      [f]: "entering"
     })), setTimeout(() => {
       p((y) => ({
         ...y,
-        [b]: "entered"
+        [f]: "entered"
       }));
     }, 300);
-  }, []), o = U(() => {
-    c((b) => {
-      if (b.length <= 1) return b;
-      const C = b[b.length - 1];
+  }, []), o = H(() => {
+    c((f) => {
+      if (f.length <= 1) return f;
+      const C = f[f.length - 1];
       return p((y) => ({
         ...y,
         [C]: "exiting"
@@ -3933,107 +3973,107 @@ function Me({ initialId: e, children: t }) {
           ...y,
           [C]: "exited"
         })), c((y) => y.slice(0, -1));
-      }, 300), b;
+      }, 300), f;
     });
-  }, []), i = ye(() => ({
+  }, []), i = pe(() => ({
     navigation: {
       navigate: n,
       pop: o
     }
-  }), [n, o]), a = ye(() => Tr.toArray(t).filter(
-    (b) => b.type === xr
-  ), [t]), s = ye(() => {
-    const b = {};
+  }), [n, o]), a = pe(() => wr.toArray(t).filter(
+    (f) => f.type === Er
+  ), [t]), s = pe(() => {
+    const f = {};
     return a.forEach((C) => {
-      const { id: y, lazy: T, children: _ } = C.props;
-      b[y] = { lazy: T, element: typeof _ == "function" ? _(i) : _ };
-    }), b;
-  }, [a]), [l, c] = S([e]), [d, m] = S(() => {
-    const b = {};
+      const { id: y, lazy: k, children: _ } = C.props;
+      f[y] = { lazy: k, element: typeof _ == "function" ? _(i) : _ };
+    }), f;
+  }, [a]), [l, c] = S([e]), [d, h] = S(() => {
+    const f = {};
     return Object.entries(s).forEach(([C, { lazy: y }]) => {
-      y === !1 && (b[C] = !0);
-    }), b[e] = !0, b;
+      y === !1 && (f[C] = !0);
+    }), f[e] = !0, f;
   }), [g, p] = S(() => {
-    const b = {};
+    const f = {};
     return Object.keys(s).forEach((C) => {
-      C === e ? b[C] = "entered" : b[C] = "exited";
-    }), b;
-  }), [x, f] = S({}), E = l[l.length - 1];
-  return /* @__PURE__ */ r.createElement(br.Provider, { value: i }, /* @__PURE__ */ r.createElement(vd, null, Object.keys(s).map((b) => {
+      C === e ? f[C] = "entered" : f[C] = "exited";
+    }), f;
+  }), [x, b] = S({}), E = l[l.length - 1];
+  return /* @__PURE__ */ r.createElement(xr.Provider, { value: i }, /* @__PURE__ */ r.createElement(Id, null, Object.keys(s).map((f) => {
     var _;
-    if (!d[b]) return null;
-    const C = g[b] || "exited", y = b === E, T = `${b}-${x[b] || 0}`;
-    return /* @__PURE__ */ r.createElement(Cd, { key: T, $transitionState: C, $active: y }, (_ = s[b]) == null ? void 0 : _.element);
+    if (!d[f]) return null;
+    const C = g[f] || "exited", y = f === E, k = `${f}-${x[f] || 0}`;
+    return /* @__PURE__ */ r.createElement(Ad, { key: k, $transitionState: C, $active: y }, (_ = s[f]) == null ? void 0 : _.element);
   })));
 }
-const vd = u.div`position:relative;width:100%;height:100%;`;
-Me.Screen = xr;
-const pe = {
+const Id = u.div`position:relative;width:100%;height:100%;`;
+Me.Screen = Er;
+const ge = {
   activeConv: "active-conv",
   closedConv: "closed-conv",
   convList: "conv-list"
-}, Er = ({ setClosedChannelUrl: e, closedChannelUrl: t }) => /* @__PURE__ */ r.createElement(Me, { initialId: pe.activeConv }, /* @__PURE__ */ r.createElement(Me.Screen, { id: pe.activeConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(mn, { onNavigateToConversationList: () => n.navigate(pe.convList, { reset: !0 }) })), /* @__PURE__ */ r.createElement(Me.Screen, { id: pe.closedConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
-  mn,
+}, Cr = ({ setClosedChannelUrl: e, closedChannelUrl: t }) => /* @__PURE__ */ r.createElement(Me, { initialId: ge.activeConv }, /* @__PURE__ */ r.createElement(Me.Screen, { id: ge.activeConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(pn, { onNavigateToConversationList: () => n.navigate(ge.convList, { reset: !0 }) })), /* @__PURE__ */ r.createElement(Me.Screen, { id: ge.closedConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
+  pn,
   {
     onNavigateToConversationList: () => n.pop(),
     closedChannelUrl: t,
     onClearClosedChannelUrl: () => e(void 0)
   }
-)), /* @__PURE__ */ r.createElement(Me.Screen, { id: pe.convList, lazy: !0 }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
-  Gc,
+)), /* @__PURE__ */ r.createElement(Me.Screen, { id: ge.convList, lazy: !0 }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
+  Qc,
   {
     onOpenConversationView: (o, i) => {
-      i === "closed" ? (e(o), n.navigate(pe.closedConv, { reset: !0 })) : n.navigate(pe.activeConv);
+      i === "closed" ? (e(o), n.navigate(ge.closedConv, { reset: !0 })) : n.navigate(ge.activeConv);
     }
   }
 )));
-function yd({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
-  const { dir: i } = P();
-  return /* @__PURE__ */ r.createElement(_d, null, /* @__PURE__ */ r.createElement(Sd, { dir: i, id: oe.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
+function $d({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
+  const { dir: i } = B();
+  return /* @__PURE__ */ r.createElement(Md, null, /* @__PURE__ */ r.createElement(Od, { dir: i, id: oe.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
-const _d = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Sd = 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 && wd};${({ $isExpanded: e }) => e && Td};`, Td = $`width:743px;height:723px;`, wd = $`z-index:${be.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;`, Xd = Re(function({ children: e, ...t }, n) {
-  const o = Pe(), [i, a] = S(), s = o ? hr : yd;
-  return /* @__PURE__ */ r.createElement(mr, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(Pn, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(s, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(fr, null) }, /* @__PURE__ */ r.createElement(
-    Er,
+const Md = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Od = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && Rd};${({ $isExpanded: e }) => e && Ld};`, Ld = $`width:743px;height:723px;`, Rd = $`z-index:${be.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;`, su = Re(function({ children: e, ...t }, n) {
+  const o = Pe(), [i, a] = S(), s = o ? gr : $d;
+  return /* @__PURE__ */ r.createElement(hr, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(Bn, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(s, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(br, null) }, /* @__PURE__ */ r.createElement(
+    Cr,
     {
       closedChannelUrl: i,
       setClosedChannelUrl: a
     }
   )), e)));
 }), {
-  Provider: kd,
-  useContext: Pt
-} = j("FixedMessengerStyle");
-function Cr(e, t, n, o = 0) {
+  Provider: Dd,
+  useContext: Ut
+} = Z("FixedMessengerStyle");
+function vr(e, t, n, o = 0) {
   const { top: i, bottom: a, start: s, end: l } = n;
   let c = "", d = "";
   switch (e) {
     case "start":
-      d = `inset-inline-start: ${Y(s)}`;
+      d = `inset-inline-start: ${q(s)}`;
       break;
     case "end":
-      d = `inset-inline-end: ${Y(l)}`;
+      d = `inset-inline-end: ${q(l)}`;
       break;
   }
   switch (t) {
     case "top":
-      c = `top: calc(${Y(i)} + ${o}px)`;
+      c = `top: calc(${q(i)} + ${o}px)`;
       break;
     case "bottom":
-      c = `bottom: calc(${Y(a)} + ${o}px)`;
+      c = `bottom: calc(${q(a)} + ${o}px)`;
       break;
   }
   return $`${c};${d};`;
 }
-function Ad(e) {
-  const { horizontal: t, vertical: n, margin: o, launcherSize: i } = Pt();
-  return /* @__PURE__ */ r.createElement(Id, { ...e, size: i, $horizontal: t, $vertical: n, $margin: o });
+function Nd(e) {
+  const { horizontal: t, vertical: n, margin: o, launcherSize: i } = Ut();
+  return /* @__PURE__ */ r.createElement(Pd, { ...e, size: i, $horizontal: t, $vertical: n, $margin: o });
 }
-const Id = u(fr)`position:fixed;z-index:${be.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => Cr(e, t, n)};`;
-function $d({ isExpanded: e, isOpened: t, children: n }) {
-  const { dir: o } = P(), { horizontal: i, vertical: a, margin: s, launcherSize: l } = Pt();
+const Pd = u(br)`position:fixed;z-index:${be.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => vr(e, t, n)};`;
+function Fd({ isExpanded: e, isOpened: t, children: n }) {
+  const { dir: o } = B(), { horizontal: i, vertical: a, margin: s, launcherSize: l } = Ut();
   return /* @__PURE__ */ r.createElement(
-    Md,
+    Bd,
     {
       dir: o,
       id: oe.WINDOW,
@@ -4047,39 +4087,39 @@ function $d({ isExpanded: e, isOpened: t, children: n }) {
     n
   );
 }
-const Md = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({ $horizontal: e, $vertical: t, $margin: n, $launcherSize: o }) => Cr(e, t, n, o + 12)};height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "left" : "right"} ${t}`};
+const Bd = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({ $horizontal: e, $vertical: t, $margin: n, $launcherSize: o }) => vr(e, t, n, o + 12)};height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "left" : "right"} ${t}`};
   [dir='rtl'] &:not([dir='ltr']),
   &[dir='rtl'] {
     transform-origin: ${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "right" : "left"} ${t}`};
   }
 
-  ${({ $isOpened: e }) => e && Ld};
-  ${({ $isExpanded: e }) => e && Od};
-`, Od = $`width:743px;height:723px;`, Ld = $`z-index:${be.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;`, vr = { top: 24, bottom: 24, start: 24, end: 24 }, Rd = Re(function({ children: e, ...t }, n) {
-  const [o, i] = S(), [a, s] = S("end-bottom"), [l, c] = S(vr), [d, m] = S(48), g = Pe(), p = g ? hr : $d, { horizontal: x, vertical: f } = ye(() => {
-    const [E, b] = a.split("-");
-    return { horizontal: E === "start" ? "start" : "end", vertical: b === "top" ? "top" : "bottom" };
+  ${({ $isOpened: e }) => e && Hd};
+  ${({ $isExpanded: e }) => e && Ud};
+`, Ud = $`width:743px;height:723px;`, Hd = $`z-index:${be.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;`, yr = { top: 24, bottom: 24, start: 24, end: 24 }, zd = Re(function({ children: e, ...t }, n) {
+  const [o, i] = S(), [a, s] = S("end-bottom"), [l, c] = S(yr), [d, h] = S(48), g = Pe(), p = g ? gr : Fd, { horizontal: x, vertical: b } = pe(() => {
+    const [E, f] = a.split("-");
+    return { horizontal: E === "start" ? "start" : "end", vertical: f === "top" ? "top" : "bottom" };
   }, [a]);
-  return /* @__PURE__ */ r.createElement(mr, { enableExpandButton: !g, ref: n, ...t }, /* @__PURE__ */ r.createElement(Pn, null, ({ state: E }) => /* @__PURE__ */ r.createElement(
-    kd,
+  return /* @__PURE__ */ r.createElement(hr, { enableExpandButton: !g, ref: n, ...t }, /* @__PURE__ */ r.createElement(Bn, null, ({ state: E }) => /* @__PURE__ */ r.createElement(
+    Dd,
     {
-      value: { horizontal: x, vertical: f, margin: l, launcherSize: d, setPosition: s, setMargin: c, setLauncherSize: m }
+      value: { horizontal: x, vertical: b, margin: l, launcherSize: d, setPosition: s, setMargin: c, setLauncherSize: h }
     },
     /* @__PURE__ */ r.createElement(p, { isExpanded: E.expanded, isOpened: E.opened }, /* @__PURE__ */ r.createElement(
-      Er,
+      Cr,
       {
         closedChannelUrl: o,
         setClosedChannelUrl: i
       }
     )),
-    /* @__PURE__ */ r.createElement(Ad, null),
+    /* @__PURE__ */ r.createElement(Nd, null),
     e
   )));
-}), Dd = (e) => {
+}), Vd = (e) => {
   var i, a, s, l;
-  const { setPosition: t, setMargin: n, setLauncherSize: o } = Pt();
-  return ce(() => {
-    e.position && t(e.position), e.margin && n({ ...vr, ...e.margin }), e.launcherSize && o(e.launcherSize);
+  const { setPosition: t, setMargin: n, setLauncherSize: o } = Ut();
+  return de(() => {
+    e.position && t(e.position), e.margin && n({ ...yr, ...e.margin }), e.launcherSize && o(e.launcherSize);
   }, [
     e.position,
     (i = e.margin) == null ? void 0 : i.top,
@@ -4088,35 +4128,36 @@ const Md = u.div`background:${({ theme: e }) => e.colors.base.background};displa
     (l = e.margin) == null ? void 0 : l.end,
     e.launcherSize
   ]), null;
-}, Qd = Object.assign(Rd, {
-  Style: Dd
+}, au = Object.assign(zd, {
+  Style: Vd
 });
 export {
-  _t as A,
-  ao as C,
-  Xd as D,
-  Qd as F,
+  Tt as A,
+  lo as C,
+  su as D,
+  au as F,
   O as I,
-  Kn as L,
-  ka as M,
-  $t as O,
-  Jd as P,
-  Mt as S,
-  k as a,
-  mr as b,
-  h as c,
-  Qc as d,
+  Zn as L,
+  Da as M,
+  Lt as O,
+  iu as P,
+  Rt as S,
+  w as a,
+  hr as b,
+  m as c,
+  ad as d,
   z as e,
   R as f,
-  id as g,
-  _e as h,
-  ne as i,
-  ur as j,
-  mn as k,
-  Rt as l,
-  ed as m,
-  Gc as n,
-  Dt as o,
-  Tn as p,
-  P as u
+  hd as g,
+  ye as h,
+  te as i,
+  mr as j,
+  pn as k,
+  Pt as l,
+  ld as m,
+  Qc as n,
+  Ft as o,
+  An as p,
+  re as q,
+  B as u
 };