@_solaris/messenger-widget 0.4.5 → 0.4.7

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as K, normalizeClass as x, toDisplayString as v, resolveComponent as L, createVNode as q, Transition as je, withCtx as Ue, Fragment as I, renderList as j, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as V, vModelText as ee, createTextVNode as ge, resolveDynamicComponent as Pe, renderSlot as De, vModelCheckbox as $e, vModelSelect as He, markRaw as ye } from "vue";
+import { reactive as Ue, openBlock as c, createElementBlock as u, normalizeStyle as z, normalizeClass as x, toDisplayString as v, resolveComponent as L, createVNode as $, Transition as Fe, withCtx as je, Fragment as I, renderList as F, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as K, vModelText as ee, createTextVNode as ge, resolveDynamicComponent as Pe, renderSlot as De, vModelCheckbox as He, vModelSelect as ze, markRaw as we } from "vue";
 const qe = [
   "connected",
   "message",
@@ -6,7 +6,7 @@ const qe = [
   "conversation_updated",
   "config_updated",
   "action_status"
-], be = "/client", ze = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, Ke = 5 * 60 * 1e3;
+], ke = "/client", $e = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, Ke = 5 * 60 * 1e3;
 function We(e) {
   const t = {
     baseUrl: Ge(e.baseUrl || ""),
@@ -55,7 +55,7 @@ function We(e) {
     };
   }
   async function a(d, f, _) {
-    const y = await fetch(`${t.baseUrl}${be}${f}`, {
+    const y = await fetch(`${t.baseUrl}${ke}${f}`, {
       method: d,
       headers: { "Content-Type": "application/json", ...s() },
       body: _ !== void 0 ? JSON.stringify(_) : void 0
@@ -121,7 +121,7 @@ function We(e) {
       `/conversations/${encodeURIComponent(d)}`
     )).conversation;
   }
-  async function H(d, f) {
+  async function q(d, f) {
     return (await a(
       "PATCH",
       `/conversations/${encodeURIComponent(d)}`,
@@ -145,7 +145,7 @@ function We(e) {
     );
   }
   async function N(d, f) {
-    z();
+    V();
     const _ = {
       client_msg_id: f.client_msg_id,
       type: "content",
@@ -159,8 +159,8 @@ function We(e) {
       _
     );
   }
-  async function $(d, f, _) {
-    return z(), a(
+  async function H(d, f, _) {
+    return V(), a(
       "POST",
       `/messages/${encodeURIComponent(d)}/callbacks/${encodeURIComponent(f)}`,
       _ ? { inputs: _ } : {}
@@ -203,7 +203,7 @@ function We(e) {
       userHash: t.userHash,
       widgetId: t.widgetId
     }).toString();
-    return `${t.baseUrl}${be}/stream?${d}`;
+    return `${t.baseUrl}${ke}/stream?${d}`;
   }
   function G() {
     if (!t.eventSource && !(typeof document < "u" && document.hidden))
@@ -230,13 +230,13 @@ function We(e) {
   function Q() {
     t.eventSource && (t.eventSource.close(), t.eventSource = null), t.connection !== "paused" && r("idle");
   }
-  function z() {
+  function V() {
     clearTimeout(t.burstTimer), G(), t.panelOpen || (t.burstTimer = setTimeout(() => {
       t.panelOpen || Q();
     }, Ve));
   }
   function he(d) {
-    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), G()) : z();
+    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), G()) : V();
   }
   async function ce() {
     try {
@@ -244,13 +244,13 @@ function We(e) {
         const S = w == null ? void 0 : w.last_message_at;
         return S && (!y || S > y) ? S : y;
       }, null);
-      f && (!t.lastActivityAt || f > t.lastActivityAt) && (t.lastActivityAt = f, i("activity", { conversations: d, latestAt: f }), z());
+      f && (!t.lastActivityAt || f > t.lastActivityAt) && (t.lastActivityAt = f, i("activity", { conversations: d, latestAt: f }), V());
     } catch (d) {
       console.error("[transport] poll failed", d);
     }
   }
   function de() {
-    se(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, ze));
+    se(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, $e));
   }
   function se() {
     t.pollTimer && (clearInterval(t.pollTimer), t.pollTimer = null);
@@ -305,11 +305,11 @@ function We(e) {
     listConversations: T,
     createConversation: E,
     getConversation: A,
-    patchConversation: H,
+    patchConversation: q,
     markConversationRead: M,
     listMessages: P,
     postMessage: N,
-    postCallback: $,
+    postCallback: H,
     uploadAttachment: W,
     signAttachment: te,
     // Read-only state
@@ -337,7 +337,7 @@ function Qe() {
   return t.slice(0, 4).join("") + "-" + t.slice(4, 6).join("") + "-" + t.slice(6, 8).join("") + "-" + t.slice(8, 10).join("") + "-" + t.slice(10, 16).join("");
 }
 function Xe(e) {
-  const t = Fe({
+  const t = Ue({
     ready: !1,
     error: null,
     config: null,
@@ -493,8 +493,8 @@ function Xe(e) {
         }), y = (_ == null ? void 0 : _.messages) ?? [], w = t.messagesByConv[m] || [], S = /* @__PURE__ */ new Set();
         for (const O of w)
           (O == null ? void 0 : O.id) != null && S.add(`id:${String(O.id)}`), O != null && O.client_msg_id && S.add(`c:${O.client_msg_id}`);
-        const F = y.filter((O) => !((O == null ? void 0 : O.id) != null && S.has(`id:${String(O.id)}`) || O != null && O.client_msg_id && S.has(`c:${O.client_msg_id}`)));
-        t.messagesByConv[m] = [...F, ...w], k(m, {
+        const U = y.filter((O) => !((O == null ? void 0 : O.id) != null && S.has(`id:${String(O.id)}`) || O != null && O.client_msg_id && S.has(`c:${O.client_msg_id}`)));
+        t.messagesByConv[m] = [...U, ...w], k(m, {
           nextCursor: (_ == null ? void 0 : _.next_cursor) ?? null,
           loading: !1,
           loaded: !0
@@ -528,8 +528,8 @@ function Xe(e) {
         (S == null ? void 0 : S.id) != null && _.add(String(S.id)), S != null && S.client_msg_id && y.add(S.client_msg_id);
       const w = [];
       for (const S of f) {
-        const F = (S == null ? void 0 : S.id) != null && _.has(String(S.id)) || (S == null ? void 0 : S.client_msg_id) && y.has(S.client_msg_id);
-        Y(m, S), F || w.push(S);
+        const U = (S == null ? void 0 : S.id) != null && _.has(String(S.id)) || (S == null ? void 0 : S.client_msg_id) && y.has(S.client_msg_id);
+        Y(m, S), U || w.push(S);
       }
       return w;
     } catch (d) {
@@ -548,8 +548,8 @@ function Xe(e) {
         console.error("[store] markConversationRead failed", g);
       }
   }
-  async function H(m, h, { attachments: g, metadata: d } = {}) {
-    var F;
+  async function q(m, h, { attachments: g, metadata: d } = {}) {
+    var U;
     const f = (h || "").trim(), _ = Array.isArray(g) && g.length > 0;
     if (!m || !f && !_) return;
     const y = Qe(), w = se(m), S = {
@@ -560,7 +560,7 @@ function Xe(e) {
       text_md: f,
       author: {
         type: "user",
-        id: ((F = t.customer) == null ? void 0 : F.external_id) || null
+        id: ((U = t.customer) == null ? void 0 : U.external_id) || null
       },
       created_at: w,
       // Local-only flag — UI may render dimmed until the SSE echo lands.
@@ -578,7 +578,7 @@ function Xe(e) {
         ...d && typeof d == "object" ? { metadata: d } : {}
       });
     } catch (O) {
-      console.error("[store] send failed", O), z(m, y, {
+      console.error("[store] send failed", O), V(m, y, {
         _failed: !0,
         _pending: !1
       });
@@ -612,7 +612,7 @@ function Xe(e) {
     }
     return null;
   }
-  async function $(m, { rating: h, comment: g } = {}) {
+  async function H(m, { rating: h, comment: g } = {}) {
     const d = t.conversations.find((y) => y.id === m), _ = {
       ...(d == null ? void 0 : d.metadata) || {},
       feedback: {
@@ -664,15 +664,15 @@ function Xe(e) {
         return [];
       if (((f = w == null ? void 0 : w.author) == null ? void 0 : f.type) !== "agent_ia") continue;
       const S = (_ = w == null ? void 0 : w.metadata) == null ? void 0 : _.suggested_replies;
-      return Array.isArray(S) && S.length ? S.map((F) => {
-        if (typeof F == "string") {
-          const O = F.trim();
+      return Array.isArray(S) && S.length ? S.map((U) => {
+        if (typeof U == "string") {
+          const O = U.trim();
           return O ? { label: O, kind: null } : null;
         }
-        if (F && typeof F == "object" && typeof F.label == "string") {
-          const O = F.label.trim();
+        if (U && typeof U == "object" && typeof U.label == "string") {
+          const O = U.label.trim();
           if (!O) return null;
-          const Ne = F.kind === "cta" || F.kind === "choice" || F.kind === "followup" ? F.kind : null;
+          const Ne = U.kind === "cta" || U.kind === "choice" || U.kind === "followup" ? U.kind : null;
           return { label: O, kind: Ne };
         }
         return null;
@@ -698,7 +698,7 @@ function Xe(e) {
   function Q(m, h) {
     return m === h ? !0 : m == null || h == null ? !1 : String(m) === String(h);
   }
-  function z(m, h, g) {
+  function V(m, h, g) {
     const d = t.messagesByConv[m];
     if (!d) return;
     const f = d.findIndex((y) => y.id === h);
@@ -746,10 +746,10 @@ function Xe(e) {
     fetchSinceLast: E,
     patchConversation: T,
     markConversationRead: A,
-    send: H,
+    send: q,
     clickCallback: M,
     signAttachment: N,
-    submitFeedback: $,
+    submitFeedback: H,
     getPendingApproval: W,
     getActionInFlight: ne,
     getLatestSuggestions: G,
@@ -782,10 +782,10 @@ const D = {
   "#D97706",
   "#059669"
 ];
-function xe(e = "") {
+function pe(e = "") {
   return e ? fe[e.charCodeAt(0) % fe.length] : fe[0];
 }
-function Oe(e = "") {
+function ve(e = "") {
   return e.split(" ").map((t) => t[0] || "").join("").toUpperCase().slice(0, 2);
 }
 function Ie(e = /* @__PURE__ */ new Date(), t = "fr-FR") {
@@ -837,7 +837,7 @@ const Je = `
     0%   { transform: translateX(110%); opacity: 0; }
     100% { transform: translateX(0); opacity: 1; }
 }
-`, Ze = "https://api.messenger.victorc.fr", ie = "fr", et = ["fr", "en"], we = { fr: "fr-FR", en: "en-US" }, _e = {
+`, Ze = "https://api.messenger.victorc.fr", ie = "fr", et = ["fr", "en"], Ce = { fr: "fr-FR", en: "en-US" }, _e = {
   fr: {
     // ── Common ───────────────────────────────────────────────────────
     "common.newConversation": "Nouvelle conversation",
@@ -1079,16 +1079,16 @@ I reply within seconds.`,
     "export.createdOn": "Created on: {date}"
   }
 };
-function pe(e) {
+function ye(e) {
   if (typeof e != "string") return ie;
   const t = e.trim().toLowerCase().slice(0, 2);
   return et.includes(t) ? t : ie;
 }
 function oe(e) {
-  return we[pe(e)] || we[ie];
+  return Ce[ye(e)] || Ce[ie];
 }
-function U(e) {
-  const t = pe(e), n = _e[t] || _e[ie], i = _e[ie];
+function j(e) {
+  const t = ye(e), n = _e[t] || _e[ie], i = _e[ie];
   return function(s, a) {
     let l = n[s];
     return l == null && (l = i[s]), l == null ? s : (a && (l = l.replace(
@@ -1097,15 +1097,15 @@ function U(e) {
     )), l);
   };
 }
-function ke(e, t) {
+function Ae(e, t) {
   if (!Array.isArray(e == null ? void 0 : e.options)) return t;
   const n = e.options.find((i) => (i == null ? void 0 : i.value) === t);
   return (n == null ? void 0 : n.label) || t;
 }
 function Le(e, t, n) {
-  return Array.isArray(t) ? t.map((i) => ke(e, String(i))).join(", ") : typeof t == "boolean" ? n(t ? "common.yes" : "common.no") : ke(e, String(t));
+  return Array.isArray(t) ? t.map((i) => Ae(e, String(i))).join(", ") : typeof t == "boolean" ? n(t ? "common.yes" : "common.no") : Ae(e, String(t));
 }
-function tt(e, t, n = U()) {
+function tt(e, t, n = j()) {
   if (!e || !t) return "";
   const i = Array.isArray(e.fields) ? e.fields : [], r = [];
   for (const s of i) {
@@ -1120,7 +1120,7 @@ ${l}`);
 
 `);
 }
-function nt(e, t, n = U()) {
+function nt(e, t, n = j()) {
   const i = [], r = Array.isArray(e == null ? void 0 : e.fields) ? e.fields : [];
   for (const s of r) {
     if (!(s != null && s.key) || !(s != null && s.label)) continue;
@@ -1150,7 +1150,7 @@ function J(e) {
   const t = typeof e == "number" ? e : Number(e);
   return Number.isFinite(t) ? t : null;
 }
-function Ce(e, t) {
+function Se(e, t) {
   let n = (e == null ? void 0 : e.last_message_at) || (e == null ? void 0 : e.updated_at) || (e == null ? void 0 : e.created_at) || "";
   for (const i of t)
     i != null && i.created_at && i.created_at > n && (n = i.created_at);
@@ -1190,7 +1190,7 @@ function it(e, t, n, i) {
   return r.join(`
 `);
 }
-function at(e, t, n = U(), i) {
+function at(e, t, n = j(), i) {
   if (!e) return;
   const r = it(e, t || [], n, oe(i)), s = new Blob([r], { type: "text/plain;charset=utf-8" });
   try {
@@ -1634,17 +1634,17 @@ const B = (e, t) => {
   },
   computed: {
     bg() {
-      return this.avatarUrl ? "transparent" : xe(this.name);
+      return this.avatarUrl ? "transparent" : pe(this.name);
     },
     initials() {
-      return Oe(this.name);
+      return ve(this.name);
     }
   }
 }, yt = ["src", "alt"];
 function bt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-huav", { "wm-huav--tail": n.tail }]),
-    style: K({
+    style: z({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": Math.round(n.size * 0.32) + "px",
@@ -1657,7 +1657,7 @@ function bt(e, t, n, i, r, s) {
       alt: n.name || ""
     }, null, 8, yt)) : (c(), u("span", {
       key: 1,
-      style: K({ fontSize: n.size * 0.36 + "px" })
+      style: z({ fontSize: n.size * 0.36 + "px" })
     }, v(s.initials), 5))
   ], 6);
 }
@@ -1667,7 +1667,7 @@ const Be = /* @__PURE__ */ B(vt, [["render", bt], ["__scopeId", "data-v-14e10c0d
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     // Nombre de conversations non lues — pilote la pastille.
@@ -1688,19 +1688,19 @@ const Be = /* @__PURE__ */ B(vt, [["render", bt], ["__scopeId", "data-v-14e10c0d
     }
   }
 }, Ct = { class: "wm-launcherWrap" }, At = ["aria-label", "onClick", "onKeydown"], St = ["aria-label", "onClick"], Mt = { class: "wm-peek__avatar" }, Tt = ["aria-label"], xt = { class: "wm-peek__body" }, Ot = { class: "wm-peek__head" }, It = { class: "wm-peek__name" }, Lt = { class: "wm-peek__action" }, Bt = { class: "wm-peek__text" }, Et = ["onClick"], Rt = ["aria-label"], Nt = ["aria-label"];
-function Ft(e, t, n, i, r, s) {
+function Ut(e, t, n, i, r, s) {
   const a = L("HumanAvatar");
   return c(), u("div", Ct, [
-    q(je, { name: "wm-peek" }, {
-      default: Ue(() => [
+    $(Fe, { name: "wm-peek" }, {
+      default: je(() => [
         s.visiblePeeks.length ? (c(), u("div", {
           key: 0,
           class: x(["wm-peekStack", { "wm-peekStack--multi": s.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), u(I, null, j(s.visiblePeeks, (l, p) => (c(), u("div", {
+          (c(!0), u(I, null, F(s.visiblePeeks, (l, p) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
-            style: K({
+            style: z({
               "--depth": s.visiblePeeks.length - 1 - p,
               zIndex: p + 1
             }),
@@ -1736,7 +1736,7 @@ function Ft(e, t, n, i, r, s) {
               ], -1)
             ])], 8, St),
             o("div", Mt, [
-              q(a, {
+              $(a, {
                 name: l.senderName,
                 "avatar-url": l.senderAvatarUrl,
                 size: 34
@@ -1795,7 +1795,7 @@ function Ft(e, t, n, i, r, s) {
     ], 8, Rt)
   ]);
 }
-const jt = /* @__PURE__ */ B(kt, [["render", Ft], ["__scopeId", "data-v-5193a529"]]), Ut = {
+const Ft = /* @__PURE__ */ B(kt, [["render", Ut], ["__scopeId", "data-v-5193a529"]]), jt = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -1806,19 +1806,32 @@ const jt = /* @__PURE__ */ B(kt, [["render", Ft], ["__scopeId", "data-v-5193a529
     // (Header, Onboarding, ApprovalCard, FormCard…) → laissé à false
     // pour garder l'avatar pleinement arrondi.
     tail: { type: Boolean, default: !1 },
+    // Nom de l'agent IA. Quand renseigné (et sans `imageUrl`), rend
+    // les initiales sur fond déterministe à partir du nom — même
+    // logique que `HumanAvatar` pour les agents humains. L'étoile SVG
+    // ne reste que comme fallback si ni `imageUrl` ni `name`.
+    name: { type: String, default: "" },
     // Image distante (avatar de l'agent ou `default_icon_url` du
-    // widget). Quand renseignée, remplace l'étoile par l'image dans
-    // le même container arrondi.
+    // widget). Quand renseignée, remplace les initiales / l'étoile
+    // par l'image dans le même container arrondi.
     imageUrl: { type: String, default: null }
+  },
+  computed: {
+    initials() {
+      return ve(this.name);
+    },
+    bgColor() {
+      return pe(this.name);
+    }
   }
 }, Pt = {
   key: 0,
   class: "wm-aiav__pulse"
-}, Dt = ["src"], $t = ["width", "height"];
-function Ht(e, t, n, i, r, s) {
+}, Dt = ["src", "alt"], Ht = ["width", "height"];
+function zt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-aiav", { "wm-aiav--tail": n.tail }]),
-    style: K({
+    style: z({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": n.size * 0.32 + "px"
@@ -1828,15 +1841,22 @@ function Ht(e, t, n, i, r, s) {
     o("div", {
       class: x(["wm-aiav__inner", {
         "wm-aiav__inner--glow": n.pulse,
-        "wm-aiav__inner--img": !!n.imageUrl
-      }])
+        "wm-aiav__inner--img": !!n.imageUrl,
+        "wm-aiav__inner--initials": !n.imageUrl && !!s.initials
+      }]),
+      style: z(
+        !n.imageUrl && s.initials ? { background: s.bgColor } : null
+      )
     }, [
       n.imageUrl ? (c(), u("img", {
         key: 0,
         src: n.imageUrl,
-        alt: ""
-      }, null, 8, Dt)) : (c(), u("svg", {
+        alt: n.name || ""
+      }, null, 8, Dt)) : s.initials ? (c(), u("span", {
         key: 1,
+        style: z({ fontSize: n.size * 0.36 + "px" })
+      }, v(s.initials), 5)) : (c(), u("svg", {
+        key: 2,
         width: n.size * 0.5,
         height: n.size * 0.5,
         viewBox: "0 0 24 24",
@@ -1862,11 +1882,11 @@ function Ht(e, t, n, i, r, s) {
           fill: "white",
           opacity: "0.38"
         }, null, -1)
-      ])], 8, $t))
-    ], 2)
+      ])], 8, Ht))
+    ], 6)
   ], 6);
 }
-const le = /* @__PURE__ */ B(Ut, [["render", Ht], ["__scopeId", "data-v-99d8093a"]]), qt = {
+const le = /* @__PURE__ */ B(jt, [["render", zt], ["__scopeId", "data-v-a91a2925"]]), qt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -1882,13 +1902,13 @@ const le = /* @__PURE__ */ B(Ut, [["render", Ht], ["__scopeId", "data-v-99d8093a
   },
   methods: {
     colorFor(e) {
-      return e.avatar_url ? "transparent" : xe(e.name || "");
+      return e.avatar_url ? "transparent" : pe(e.name || "");
     },
     initialsFor(e) {
-      return Oe(e.name || "");
+      return ve(e.name || "");
     }
   }
-}, zt = {
+}, $t = {
   key: 0,
   class: "wm-team"
 }, Vt = ["src", "alt"], Kt = { key: 1 }, Wt = {
@@ -1896,15 +1916,15 @@ const le = /* @__PURE__ */ B(Ut, [["render", Ht], ["__scopeId", "data-v-99d8093a
   class: "wm-team__label"
 };
 function Gt(e, t, n, i, r, s) {
-  return s.visible ? (c(), u("div", zt, [
+  return s.visible ? (c(), u("div", $t, [
     o("div", {
       class: "wm-team__stack",
-      style: K({ width: s.stackWidth + "px" })
+      style: z({ width: s.stackWidth + "px" })
     }, [
-      (c(!0), u(I, null, j(n.members.slice(0, 3), (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, F(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
-        style: K({
+        style: z({
           left: l * 13 + "px",
           zIndex: 3 - l,
           background: s.colorFor(a)
@@ -1926,7 +1946,7 @@ const Yt = /* @__PURE__ */ B(qt, [["render", Gt], ["__scopeId", "data-v-e49a9063
   inject: {
     // Translator shared by the Messenger shell. Falls back to a French
     // translator when the component is used standalone (no provider).
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     title: { type: String, default: "Nouvelle conversation" },
@@ -1939,6 +1959,7 @@ const Yt = /* @__PURE__ */ B(qt, [["render", Gt], ["__scopeId", "data-v-e49a9063
     // When false (welcome / no conversation) the avatar + title + status
     // block is hidden so the header stays a minimal action bar.
     showIdentity: { type: Boolean, default: !0 },
+    agentName: { type: String, default: "" },
     agentAvatarUrl: { type: String, default: null }
   },
   emits: ["back", "close", "more"],
@@ -1991,10 +2012,11 @@ function ln(e, t, n, i, r, s) {
     ])], 8, Jt)) : (c(), u("div", Zt)),
     n.showIdentity ? (c(), u(I, { key: 2 }, [
       o("div", en, [
-        q(a, {
+        $(a, {
           size: 30,
+          name: n.agentName,
           "image-url": n.agentAvatarUrl
-        }, null, 8, ["image-url"])
+        }, null, 8, ["name", "image-url"])
       ]),
       o("div", tn, [
         o("div", nn, v(n.title), 1)
@@ -2063,20 +2085,20 @@ function ln(e, t, n, i, r, s) {
     ])
   ]);
 }
-const cn = /* @__PURE__ */ B(Qt, [["render", ln], ["__scopeId", "data-v-a94f9284"]]);
+const cn = /* @__PURE__ */ B(Qt, [["render", ln], ["__scopeId", "data-v-925c9e94"]]);
 function Ee(e) {
   return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function dn(e) {
   return /^(https?:\/\/|mailto:|tel:)/i.test(String(e).trim());
 }
-const Ae = "";
+const Me = "";
 function re(e) {
   let t = e;
   const n = [];
   return t = t.replace(/`([^`\n]+)`/g, (i, r) => {
     const s = n.length;
-    return n.push(r), `${Ae}CODE${s}${Ae}`;
+    return n.push(r), `${Me}CODE${s}${Me}`;
   }), t = t.replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g, (i, r, s) => dn(s) ? `<a href="${s}" target="_blank" rel="noopener noreferrer">${r}</a>` : r), t = t.replace(/\*\*([^\n*][^\n]*?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__([^\n_][^\n]*?)__/g, "<u>$1</u>"), t = t.replace(/~~([^\n~][^\n]*?)~~/g, "<s>$1</s>"), t = t.replace(/(^|[^\w*])\*([^\n*]+?)\*(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/(^|[^\w_])_([^\n_]+?)_(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/CODE(\d+)/g, (i, r) => `<code class="wm-md-code">${n[+r]}</code>`), t;
 }
 function un(e) {
@@ -2153,7 +2175,7 @@ function mn(e) {
   }
   return r;
 }
-const Se = {
+const Te = {
   book: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",
   changelog: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2",
   status: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
@@ -2165,7 +2187,7 @@ const Se = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => U() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2203,7 +2225,7 @@ const Se = {
   },
   methods: {
     iconPath(e) {
-      return Se[e] || Se.link;
+      return Te[e] || Te.link;
     },
     renderPreview(e) {
       return un(e);
@@ -2247,18 +2269,18 @@ const Se = {
 }, On = {
   key: 1,
   class: "wm-onb__section"
-}, In = { class: "wm-onb__section-title" }, Ln = { class: "wm-onb__search" }, Bn = ["placeholder", "aria-label"], En = { class: "wm-onb__list" }, Rn = ["onClick"], Nn = ["aria-label"], Fn = { class: "wm-onb__thread-body" }, jn = { class: "wm-onb__thread-title" }, Un = ["innerHTML"], Pn = { class: "wm-onb__thread-meta" }, Dn = {
+}, In = { class: "wm-onb__section-title" }, Ln = { class: "wm-onb__search" }, Bn = ["placeholder", "aria-label"], En = { class: "wm-onb__list" }, Rn = ["onClick"], Nn = ["aria-label"], Un = { class: "wm-onb__thread-body" }, Fn = { class: "wm-onb__thread-title" }, jn = ["innerHTML"], Pn = { class: "wm-onb__thread-meta" }, Dn = {
   key: 0,
   class: "wm-onb__thread-time"
-}, $n = {
+}, Hn = {
   key: 0,
   class: "wm-onb__empty"
 };
-function Hn(e, t, n, i, r, s) {
+function zn(e, t, n, i, r, s) {
   const a = L("AIAvatar");
   return c(), u("div", fn, [
     o("div", _n, [
-      q(a, {
+      $(a, {
         size: 56,
         pulse: !0,
         "image-url": n.defaultIconUrl
@@ -2296,7 +2318,7 @@ function Hn(e, t, n, i, r, s) {
       o("div", {
         class: x(s.quickLinksLayout)
       }, [
-        (c(!0), u(I, null, j(n.quickLinks, (l, p) => (c(), u("button", {
+        (c(!0), u(I, null, F(n.quickLinks, (l, p) => (c(), u("button", {
           key: p,
           type: "button",
           class: x(["wm-onb__card", { "wm-onb__card--row": s.isOddQuickLinks }]),
@@ -2334,7 +2356,7 @@ function Hn(e, t, n, i, r, s) {
             o("path", { d: "M21 21l-4.35-4.35M11 17a6 6 0 100-12 6 6 0 000 12z" })
           ])
         ], -1)),
-        V(o("input", {
+        K(o("input", {
           "onUpdate:modelValue": t[1] || (t[1] = (l) => r.query = l),
           type: "text",
           placeholder: s.t("onboarding.search"),
@@ -2344,7 +2366,7 @@ function Hn(e, t, n, i, r, s) {
         ])
       ]),
       o("div", En, [
-        (c(!0), u(I, null, j(s.filteredThreads, (l) => (c(), u("button", {
+        (c(!0), u(I, null, F(s.filteredThreads, (l) => (c(), u("button", {
           key: l.id,
           type: "button",
           class: "wm-onb__thread",
@@ -2372,12 +2394,12 @@ function Hn(e, t, n, i, r, s) {
               "aria-label": s.t("onboarding.unread")
             }, null, 8, Nn)) : b("", !0)
           ], 2),
-          o("span", Fn, [
-            o("span", jn, v(l.title), 1),
+          o("span", Un, [
+            o("span", Fn, v(l.title), 1),
             o("span", {
               class: "wm-onb__thread-preview",
               innerHTML: s.renderPreview(l.preview)
-            }, null, 8, Un)
+            }, null, 8, jn)
           ]),
           o("span", Pn, [
             s.formatTs(l._ts) ? (c(), u("span", Dn, v(s.formatTs(l._ts)), 1)) : b("", !0),
@@ -2397,13 +2419,13 @@ function Hn(e, t, n, i, r, s) {
             ], -1))
           ])
         ], 8, Rn))), 128)),
-        s.filteredThreads.length ? b("", !0) : (c(), u("div", $n, v(s.t("onboarding.noResults", { query: r.query })), 1))
+        s.filteredThreads.length ? b("", !0) : (c(), u("div", Hn, v(s.t("onboarding.noResults", { query: r.query })), 1))
       ])
     ])) : b("", !0)
   ]);
 }
-const qn = /* @__PURE__ */ B(hn, [["render", Hn], ["__scopeId", "data-v-286413a5"]]);
-function zn(e) {
+const qn = /* @__PURE__ */ B(hn, [["render", zn], ["__scopeId", "data-v-900e5f91"]]);
+function $n(e) {
   return typeof e != "string" ? "" : e.replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), "$1").replace(/__([^_]+)__/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\s+/g, " ").trim();
 }
 const Vn = {
@@ -2416,7 +2438,7 @@ const Vn = {
   },
   computed: {
     detailText() {
-      return zn(this.detail);
+      return $n(this.detail);
     }
   }
 }, Kn = {
@@ -2512,7 +2534,7 @@ const ts = /* @__PURE__ */ B(Vn, [["render", es], ["__scopeId", "data-v-7284acd0
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     data: { type: Object, required: !0 }
@@ -2546,7 +2568,7 @@ function cs(e, t, n, i, r, s) {
       ])
     ]),
     o("div", os, [
-      (c(!0), u(I, null, j(s.fields, (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2613,7 +2635,7 @@ function ks(e, t, n, i, r, s) {
     ]),
     s.hasBody ? (c(), u("div", ys, [
       n.data.body ? (c(), u("div", bs, v(n.data.body), 1)) : b("", !0),
-      s.fields.length ? (c(!0), u(I, { key: 1 }, j(s.fields, (a, l) => (c(), u("div", {
+      s.fields.length ? (c(!0), u(I, { key: 1 }, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2648,7 +2670,7 @@ const Ss = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => U() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2707,11 +2729,11 @@ const Ss = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Fs = {
+}, Us = {
   key: 1,
   class: "wm-art__footer wm-tk__footer"
 };
-function js(e, t, n, i, r, s) {
+function Fs(e, t, n, i, r, s) {
   return c(), u("div", Ms, [
     o("div", Ts, [
       o("div", xs, v(n.data.title), 1),
@@ -2750,7 +2772,7 @@ function js(e, t, n, i, r, s) {
       n.data.body ? (c(), u("div", Ls, v(n.data.body), 1)) : b("", !0)
     ]),
     s.fields.length ? (c(), u("div", Bs, [
-      (c(!0), u(I, null, j(s.fields, (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2805,7 +2827,7 @@ function js(e, t, n, i, r, s) {
         ], 2)
       ]))), 128))
     ])) : b("", !0),
-    n.data.created_at ? (c(), u("div", Fs, [
+    n.data.created_at ? (c(), u("div", Us, [
       t[4] || (t[4] = o("svg", {
         width: "11",
         height: "11",
@@ -2830,10 +2852,10 @@ function js(e, t, n, i, r, s) {
     ])) : b("", !0)
   ]);
 }
-const Us = /* @__PURE__ */ B(Ss, [["render", js], ["__scopeId", "data-v-5f30c914"]]), Ps = {
+const js = /* @__PURE__ */ B(Ss, [["render", Fs], ["__scopeId", "data-v-5f30c914"]]), Ps = {
   form_response: ds,
   info_card: Cs,
-  ticket: Us
+  ticket: js
 }, Ds = {
   name: "WmArtifactRenderer",
   props: {
@@ -2849,19 +2871,19 @@ const Us = /* @__PURE__ */ B(Ss, [["render", js], ["__scopeId", "data-v-5f30c914
     }
   }
 };
-function $s(e, t, n, i, r, s) {
+function Hs(e, t, n, i, r, s) {
   return s.component ? (c(), R(Pe(s.component), {
     key: 0,
     data: n.artifact.data
   }, null, 8, ["data"])) : b("", !0);
 }
-const Hs = /* @__PURE__ */ B(Ds, [["render", $s]]), qs = {
+const zs = /* @__PURE__ */ B(Ds, [["render", Hs]]), qs = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null },
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     attachment: { type: Object, required: !0 }
@@ -2919,7 +2941,7 @@ const Hs = /* @__PURE__ */ B(Ds, [["render", $s]]), qs = {
       this.url || e.preventDefault();
     }
   }
-}, zs = ["href"], Vs = ["src", "alt"], Ks = ["src"], Ws = ["src"], Gs = ["href", "download"], Ys = { class: "wm-att__main" }, Qs = { class: "wm-att__name" }, Xs = {
+}, $s = ["href"], Vs = ["src", "alt"], Ks = ["src"], Ws = ["src"], Gs = ["href", "download"], Ys = { class: "wm-att__main" }, Qs = { class: "wm-att__name" }, Xs = {
   key: 0,
   class: "wm-att__meta"
 }, Js = {
@@ -2943,7 +2965,7 @@ function Zs(e, t, n, i, r, s) {
         alt: s.displayName,
         loading: "lazy"
       }, null, 8, Vs)
-    ], 8, zs)) : s.kind === "audio" && r.url ? (c(), u("audio", {
+    ], 8, $s)) : s.kind === "audio" && r.url ? (c(), u("audio", {
       key: 1,
       src: r.url,
       controls: "",
@@ -3036,12 +3058,12 @@ const cr = {
     Typing: lr,
     ActionResult: ts,
     AttachmentPreview: er,
-    ArtifactRenderer: Hs
+    ArtifactRenderer: zs
   },
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => U() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -3421,9 +3443,9 @@ const cr = {
     //   doit garder son arrondi.
     cornersFor(e, t) {
       var te, ne, G;
-      const n = e.items, i = (te = n[t]) == null ? void 0 : te.kind, r = (ne = n[t - 1]) == null ? void 0 : ne.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, p = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, M = (Y, Q, z) => Y != null && T != null ? Y + H >= T : Q === z || Q === "card" && z === "bubble";
-      let P = l, N = l, $ = l, W = l;
-      return a ? (C && (N = p), (k || !s) && ($ = p), C && M(E, C, i == null ? void 0 : i.top) && (P = p), k && M(A, k, i == null ? void 0 : i.bottom) && (W = p)) : (C && (P = p), (k || !s) && (W = p), C && M(E, C, i == null ? void 0 : i.top) && (N = p), k && M(A, k, i == null ? void 0 : i.bottom) && ($ = p)), { tl: P, tr: N, br: $, bl: W };
+      const n = e.items, i = (te = n[t]) == null ? void 0 : te.kind, r = (ne = n[t - 1]) == null ? void 0 : ne.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, p = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], q = 0.5, M = (Y, Q, V) => Y != null && T != null ? Y + q >= T : Q === V || Q === "card" && V === "bubble";
+      let P = l, N = l, H = l, W = l;
+      return a ? (C && (N = p), (k || !s) && (H = p), C && M(E, C, i == null ? void 0 : i.top) && (P = p), k && M(A, k, i == null ? void 0 : i.bottom) && (W = p)) : (C && (P = p), (k || !s) && (W = p), C && M(E, C, i == null ? void 0 : i.top) && (N = p), k && M(A, k, i == null ? void 0 : i.bottom) && (H = p)), { tl: P, tr: N, br: H, bl: W };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3593,7 +3615,7 @@ function Ir(e, t, n, i, r, s) {
       o("span", pr, v(n.dateLabel), 1),
       t[3] || (t[3] = o("div", { class: "wm-list__line" }, null, -1))
     ])) : b("", !0),
-    (c(!0), u(I, null, j(s.groups, (A, H) => (c(), u(I, {
+    (c(!0), u(I, null, F(s.groups, (A, q) => (c(), u(I, {
       key: A.key
     }, [
       A.key === s.unreadGroupKey ? (c(), u("div", vr, [
@@ -3610,7 +3632,7 @@ function Ir(e, t, n, i, r, s) {
           o("span", wr, v(A.systemLabel), 1),
           t[7] || (t[7] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
         ])) : (c(), u(I, { key: 1 }, [
-          (c(!0), u(I, null, j(A.items, (M, P) => (c(), u("div", {
+          (c(!0), u(I, null, F(A.items, (M, P) => (c(), u("div", {
             key: `${s.messageKey(M.message)}-${M.partKey}`,
             "data-row-key": `${s.messageKey(M.message)}-${M.partKey}`,
             class: x(["wm-list__row fade-up", [
@@ -3620,7 +3642,7 @@ function Ir(e, t, n, i, r, s) {
                 "is-failed": M.message._failed
               }
             ]]),
-            style: K(s.cornersStyle(A, P))
+            style: z(s.cornersStyle(A, P))
           }, [
             A.role !== "user" ? (c(), u("div", Cr, [
               P === A.items.length - 1 ? (c(), u(I, { key: 0 }, [
@@ -3628,8 +3650,9 @@ function Ir(e, t, n, i, r, s) {
                   key: 0,
                   size: 26,
                   tail: !0,
+                  name: n.aiAgentName,
                   "image-url": n.aiAgentAvatarUrl
-                }, null, 8, ["image-url"])) : (c(), R(l, {
+                }, null, 8, ["name", "image-url"])) : (c(), R(l, {
                   key: 1,
                   name: A.agentName,
                   "avatar-url": A.agentAvatarUrl,
@@ -3666,10 +3689,10 @@ function Ir(e, t, n, i, r, s) {
                   "wm-list__atts--align-end": A.role === "user"
                 }])
               }, [
-                (c(!0), u(I, null, j(s.attachmentsOf(
+                (c(!0), u(I, null, F(s.attachmentsOf(
                   M.message
-                ), (N, $) => (c(), R(T, {
-                  key: `${s.messageKey(M.message)}-att-${$}`,
+                ), (N, H) => (c(), R(T, {
+                  key: `${s.messageKey(M.message)}-att-${H}`,
                   attachment: N
                 }, null, 8, ["attachment"]))), 128))
               ], 2)) : b("", !0)
@@ -3688,19 +3711,20 @@ function Ir(e, t, n, i, r, s) {
     ], 64))), 128)),
     n.streamingActive ? (c(), u("div", xr, [
       o("div", Or, [
-        q(a, {
+        $(a, {
           size: 26,
           tail: !0,
+          name: n.aiAgentName,
           "image-url": n.aiAgentAvatarUrl
-        }, null, 8, ["image-url"])
+        }, null, 8, ["name", "image-url"])
       ]),
-      q(E)
+      $(E)
     ])) : b("", !0)
   ], 34);
 }
-const Lr = /* @__PURE__ */ B(mr, [["render", Ir], ["__scopeId", "data-v-fc7e23b9"]]), me = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ve = typeof window < "u" && typeof window.MediaRecorder < "u";
+const Lr = /* @__PURE__ */ B(mr, [["render", Ir], ["__scopeId", "data-v-d769b193"]]), me = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", be = typeof window < "u" && typeof window.MediaRecorder < "u";
 function Br() {
-  return ve && [
+  return be && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
     "video/webm",
@@ -3719,7 +3743,7 @@ function Re({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function $a(e) {
+function Ha(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
 async function Er() {
@@ -3757,7 +3781,7 @@ async function Rr(e) {
 }
 async function Nr(e = {}) {
   var C;
-  if (!me || !ve) return null;
+  if (!me || !be) return null;
   let t;
   try {
     t = await navigator.mediaDevices.getDisplayMedia(
@@ -3784,7 +3808,7 @@ async function Nr(e = {}) {
     if (s && clearInterval(s), t.getTracks().forEach((E) => {
       E.stop();
     }), r.length) {
-      const E = i.mimeType || n || "video/webm", A = new Blob(r, { type: E }), H = /mp4/.test(E) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), P = new File([A], `ecran-${M}.${H}`, {
+      const E = i.mimeType || n || "video/webm", A = new Blob(r, { type: E }), q = /mp4/.test(E) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), P = new File([A], `ecran-${M}.${q}`, {
         type: E
       });
       (k = e.onfinalize) == null || k.call(e, P);
@@ -3820,7 +3844,7 @@ async function Nr(e = {}) {
     }
   };
 }
-const Fr = [
+const Ur = [
   {
     action: "file",
     labelKey: "composer.attachFile",
@@ -3836,12 +3860,12 @@ const Fr = [
     labelKey: "composer.recordScreen",
     path: "M23 7l-7 5 7 5V7z M1 5a2 2 0 012-2h12a2 2 0 012 2v14a2 2 0 01-2 2H3a2 2 0 01-2-2V5z"
   }
-], jr = {
+], Fr = {
   name: "WmComposer",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     modelValue: { type: String, default: "" },
@@ -3864,10 +3888,10 @@ const Fr = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Fr.map((e) => ({
+      return Ur.map((e) => ({
         ...e,
         label: this.t(e.labelKey),
-        disabled: e.action === "screenshot" && !me || e.action === "record" && (!me || !ve)
+        disabled: e.action === "screenshot" && !me || e.action === "record" && (!me || !be)
       }));
     },
     recordingElapsedLabel() {
@@ -3968,21 +3992,21 @@ const Fr = [
         }
     }
   }
-}, Ur = { class: "wm-compose-wrap" }, Pr = {
+}, jr = { class: "wm-compose-wrap" }, Pr = {
   key: 0,
   class: "wm-rec"
-}, Dr = { class: "wm-rec__lbl" }, $r = {
+}, Dr = { class: "wm-rec__lbl" }, Hr = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, Hr = ["disabled", "onClick"], qr = { class: "wm-compose__menuIcon" }, zr = {
+}, zr = ["disabled", "onClick"], qr = { class: "wm-compose__menuIcon" }, $r = {
   viewBox: "0 0 24 24",
   width: "14",
   height: "14",
   "aria-hidden": "true"
 }, Vr = ["d"], Kr = ["placeholder", "disabled"], Wr = { class: "wm-compose__actions" }, Gr = ["title", "aria-label", "disabled"], Yr = ["disabled", "aria-label"];
 function Qr(e, t, n, i, r, s) {
-  return c(), u("div", Ur, [
+  return c(), u("div", jr, [
     r.recording ? (c(), u("div", Pr, [
       t[8] || (t[8] = o("span", {
         class: "wm-rec__dot",
@@ -4011,8 +4035,8 @@ function Qr(e, t, n, i, r, s) {
         class: "wm-compose__overlay",
         onClick: t[2] || (t[2] = (a) => r.attachOpen = !1)
       })) : b("", !0),
-      r.attachOpen ? (c(), u("div", $r, [
-        (c(!0), u(I, null, j(s.attachItems, (a) => (c(), u("button", {
+      r.attachOpen ? (c(), u("div", Hr, [
+        (c(!0), u(I, null, F(s.attachItems, (a) => (c(), u("button", {
           key: a.action,
           type: "button",
           class: "wm-compose__menuItem",
@@ -4020,7 +4044,7 @@ function Qr(e, t, n, i, r, s) {
           onClick: (l) => s.onAttachAction(a.action)
         }, [
           o("span", qr, [
-            (c(), u("svg", zr, [
+            (c(), u("svg", $r, [
               o("path", {
                 d: a.path,
                 stroke: "currentColor",
@@ -4032,9 +4056,9 @@ function Qr(e, t, n, i, r, s) {
             ]))
           ]),
           o("span", null, v(a.label), 1)
-        ], 8, Hr))), 128))
+        ], 8, zr))), 128))
       ])) : b("", !0),
-      V(o("textarea", {
+      K(o("textarea", {
         ref: "inputEl",
         "onUpdate:modelValue": t[3] || (t[3] = (a) => r.local = a),
         class: "wm-compose__input",
@@ -4093,7 +4117,7 @@ function Qr(e, t, n, i, r, s) {
     ], 34)
   ]);
 }
-const Xr = /* @__PURE__ */ B(jr, [["render", Qr], ["__scopeId", "data-v-aa81dbb8"]]), Jr = {
+const Xr = /* @__PURE__ */ B(Fr, [["render", Qr], ["__scopeId", "data-v-aa81dbb8"]]), Jr = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4116,11 +4140,11 @@ function ei(e, t, n, i, r, s) {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (c(!0), u(I, null, j(n.items, (a, l) => (c(), u("button", {
+    (c(!0), u(I, null, F(n.items, (a, l) => (c(), u("button", {
       key: l,
       type: "button",
       class: "wm-chip",
-      style: K({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
+      style: z({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
       onClick: (p) => e.$emit("select", a)
     }, v(a.label), 13, Zr))), 128))
   ])) : b("", !0);
@@ -4131,12 +4155,14 @@ const ti = /* @__PURE__ */ B(Jr, [["render", ei], ["__scopeId", "data-v-47ad8085
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     action: { type: String, required: !0 },
     detail: { type: String, default: "" },
-    callbacks: { type: Array, default: () => [] }
+    callbacks: { type: Array, default: () => [] },
+    agentName: { type: String, default: "" },
+    agentAvatarUrl: { type: String, default: null }
   },
   emits: ["callback"],
   computed: {
@@ -4176,7 +4202,11 @@ function di(e, t, n, i, r, s) {
   return c(), u("div", si, [
     o("div", ri, [
       o("div", ii, [
-        q(a, { size: 24 })
+        $(a, {
+          size: 24,
+          name: n.agentName,
+          "image-url": n.agentAvatarUrl
+        }, null, 8, ["name", "image-url"])
       ]),
       o("div", ai, [
         o("div", oi, v(n.action), 1),
@@ -4199,8 +4229,8 @@ function di(e, t, n, i, r, s) {
     ])
   ]);
 }
-const ui = /* @__PURE__ */ B(ni, [["render", di], ["__scopeId", "data-v-53ddf2b2"]]);
-let Me = 0;
+const ui = /* @__PURE__ */ B(ni, [["render", di], ["__scopeId", "data-v-a2bed37e"]]);
+let xe = 0;
 const mi = /* @__PURE__ */ new Set([
   "text",
   "textarea",
@@ -4215,17 +4245,19 @@ const mi = /* @__PURE__ */ new Set([
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     form: { type: Object, required: !0 },
     readOnly: { type: Boolean, default: !1 },
-    initialValues: { type: Object, default: null }
+    initialValues: { type: Object, default: null },
+    agentName: { type: String, default: "" },
+    agentAvatarUrl: { type: String, default: null }
   },
   emits: ["submit"],
   data() {
-    return Me += 1, {
-      _uid: Me,
+    return xe += 1, {
+      _uid: xe,
       values: {},
       busy: !1,
       error: ""
@@ -4313,16 +4345,20 @@ const mi = /* @__PURE__ */ new Set([
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Fi = {
+}, Ui = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function ji(e, t, n, i, r, s) {
+function Fi(e, t, n, i, r, s) {
   const a = L("AIAvatar");
   return c(), u("div", fi, [
     o("div", _i, [
       o("div", gi, [
-        q(a, { size: 24 })
+        $(a, {
+          size: 24,
+          name: n.agentName,
+          "image-url": n.agentAvatarUrl
+        }, null, 8, ["name", "image-url"])
       ]),
       o("div", pi, [
         o("div", vi, v(n.form.title || s.t("form.title")), 1),
@@ -4333,7 +4369,7 @@ function ji(e, t, n, i, r, s) {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = X((...l) => s.onSubmit && s.onSubmit(...l), ["prevent"]))
     }, [
-      (c(!0), u(I, null, j(s.normalizedFields, (l) => (c(), u("div", {
+      (c(!0), u(I, null, F(s.normalizedFields, (l) => (c(), u("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4344,7 +4380,7 @@ function ji(e, t, n, i, r, s) {
           ge(v(l.label), 1),
           l.required ? (c(), u("span", wi, "*")) : b("", !0)
         ], 8, bi),
-        l.type === "text" ? V((c(), u("input", {
+        l.type === "text" ? K((c(), u("input", {
           key: 0,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4355,7 +4391,7 @@ function ji(e, t, n, i, r, s) {
           disabled: n.readOnly || r.busy
         }, null, 8, ki)), [
           [ee, r.values[l.key]]
-        ]) : l.type === "textarea" ? V((c(), u("textarea", {
+        ]) : l.type === "textarea" ? K((c(), u("textarea", {
           key: 1,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4366,7 +4402,7 @@ function ji(e, t, n, i, r, s) {
           disabled: n.readOnly || r.busy
         }, null, 8, Ci)), [
           [ee, r.values[l.key]]
-        ]) : l.type === "number" ? V((c(), u("input", {
+        ]) : l.type === "number" ? K((c(), u("input", {
           key: 2,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4382,7 +4418,7 @@ function ji(e, t, n, i, r, s) {
             void 0,
             { number: !0 }
           ]
-        ]) : l.type === "date" ? V((c(), u("input", {
+        ]) : l.type === "date" ? K((c(), u("input", {
           key: 3,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4393,16 +4429,16 @@ function ji(e, t, n, i, r, s) {
         }, null, 8, Si)), [
           [ee, r.values[l.key]]
         ]) : l.type === "boolean" ? (c(), u("label", Mi, [
-          V(o("input", {
+          K(o("input", {
             id: `wm-f-${r._uid}-${l.key}`,
             "onUpdate:modelValue": (p) => r.values[l.key] = p,
             type: "checkbox",
             disabled: n.readOnly || r.busy
           }, null, 8, Ti), [
-            [$e, r.values[l.key]]
+            [He, r.values[l.key]]
           ]),
           o("span", null, v(l.placeholder || s.t("common.yes")), 1)
-        ])) : l.type === "select" ? V((c(), u("select", {
+        ])) : l.type === "select" ? K((c(), u("select", {
           key: 5,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4411,14 +4447,14 @@ function ji(e, t, n, i, r, s) {
           disabled: n.readOnly || r.busy
         }, [
           o("option", Oi, v(l.placeholder || s.t("form.choose")), 1),
-          (c(!0), u(I, null, j(l.options, (p) => (c(), u("option", {
+          (c(!0), u(I, null, F(l.options, (p) => (c(), u("option", {
             key: p.value,
             value: p.value
           }, v(p.label), 9, Ii))), 128))
         ], 8, xi)), [
-          [He, r.values[l.key]]
+          [ze, r.values[l.key]]
         ]) : l.type === "multiselect" ? (c(), u("div", Li, [
-          (c(!0), u(I, null, j(l.options, (p) => (c(), u("label", {
+          (c(!0), u(I, null, F(l.options, (p) => (c(), u("label", {
             key: p.value,
             class: "wm-form__multiItem"
           }, [
@@ -4438,7 +4474,7 @@ function ji(e, t, n, i, r, s) {
         ])) : b("", !0)
       ]))), 128)),
       r.error ? (c(), u("div", Ei, v(r.error), 1)) : b("", !0),
-      n.readOnly ? (c(), u("div", Fi, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
+      n.readOnly ? (c(), u("div", Ui, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
         key: 1,
         type: "submit",
         class: "wm-form__submit",
@@ -4450,12 +4486,12 @@ function ji(e, t, n, i, r, s) {
     ], 32)
   ]);
 }
-const Ui = /* @__PURE__ */ B(hi, [["render", ji], ["__scopeId", "data-v-75332dad"]]), Pi = {
+const ji = /* @__PURE__ */ B(hi, [["render", Fi], ["__scopeId", "data-v-fe65cc56"]]), Pi = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     busy: { type: Boolean, default: !1 },
@@ -4484,7 +4520,7 @@ const Ui = /* @__PURE__ */ B(hi, [["render", ji], ["__scopeId", "data-v-75332dad
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Di = { class: "wm-fb" }, $i = { class: "wm-fb__title" }, Hi = { class: "wm-fb__sub" }, qi = { class: "wm-fb__row" }, zi = ["onClick"], Vi = { class: "wm-fb__emoji" }, Ki = { class: "wm-fb__label" }, Wi = ["disabled"], Gi = {
+}, Di = { class: "wm-fb" }, Hi = { class: "wm-fb__title" }, zi = { class: "wm-fb__sub" }, qi = { class: "wm-fb__row" }, $i = ["onClick"], Vi = { class: "wm-fb__emoji" }, Ki = { class: "wm-fb__label" }, Wi = ["disabled"], Gi = {
   key: 1,
   class: "wm-fb__done"
 }, Yi = { class: "wm-fb__doneTitle" }, Qi = { class: "wm-fb__doneSub" };
@@ -4509,10 +4545,10 @@ function Xi(e, t, n, i, r, s) {
       o("div", Yi, v(s.t("feedback.doneTitle")), 1),
       o("div", Qi, v(s.t("feedback.doneSubtitle")), 1)
     ])) : (c(), u(I, { key: 0 }, [
-      o("div", $i, v(s.t("feedback.question")), 1),
-      o("div", Hi, v(s.t("feedback.subtitle")), 1),
+      o("div", Hi, v(s.t("feedback.question")), 1),
+      o("div", zi, v(s.t("feedback.subtitle")), 1),
       o("div", qi, [
-        (c(!0), u(I, null, j(s.options, (a) => (c(), u("button", {
+        (c(!0), u(I, null, F(s.options, (a) => (c(), u("button", {
           key: a.v,
           type: "button",
           class: x(["wm-fb__opt", { "is-selected": r.sel === a.v }]),
@@ -4520,7 +4556,7 @@ function Xi(e, t, n, i, r, s) {
         }, [
           o("span", Vi, v(a.e), 1),
           o("span", Ki, v(a.l), 1)
-        ], 10, zi))), 128))
+        ], 10, $i))), 128))
       ]),
       o("button", {
         type: "button",
@@ -4536,7 +4572,7 @@ const Ji = /* @__PURE__ */ B(Pi, [["render", Xi], ["__scopeId", "data-v-9b630564
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -4756,7 +4792,7 @@ const ha = /* @__PURE__ */ B(Zi, [["render", ma], ["__scopeId", "data-v-76281e95
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => U() }
+    t: { default: () => j() }
   },
   props: {
     // Empty defaults: the resolved fallback comes from the translator
@@ -4829,7 +4865,7 @@ function Aa(e, t, n, i, r, s) {
         ])], 8, ya)
       ]),
       o("div", ba, [
-        V(o("input", {
+        K(o("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => r.value = a),
           type: "text",
@@ -4860,17 +4896,17 @@ function Aa(e, t, n, i, r, s) {
     ])
   ]);
 }
-const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8"]]), Te = "ww-messenger-tokens", Ma = {
+const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8"]]), Oe = "ww-messenger-tokens", Ma = {
   name: "Messenger",
   components: {
-    Launcher: jt,
+    Launcher: Ft,
     Header: cn,
     Onboarding: qn,
     MessageList: Lr,
     Composer: Xr,
     SuggestionChips: ti,
     ApprovalCard: ui,
-    FormCard: Ui,
+    FormCard: ji,
     Feedback: Ji,
     MoreMenu: ha,
     RenameDialog: Sa
@@ -4994,7 +5030,7 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
     //   4. French.
     locale() {
       var e;
-      return pe(
+      return ye(
         this.language || this.customerLanguage || ((e = this.widget) == null ? void 0 : e.default_language) || ""
       );
     },
@@ -5002,7 +5038,7 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
     // `locale` changes. `t()` below (and the provided closure) delegate
     // to it so every string resolves against the current language.
     translator() {
-      return U(this.locale);
+      return j(this.locale);
     },
     error() {
       var e;
@@ -5074,7 +5110,7 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
         title: n.name || this.t("common.newConversation"),
         preview: n._preview || this.t("onboarding.newMessage"),
         unread: !!n._unread,
-        _ts: Ce(n, e[n.id] || [])
+        _ts: Se(n, e[n.id] || [])
       })).sort((n, i) => n._ts < i._ts ? 1 : n._ts > i._ts ? -1 : 0);
     },
     // Unread threads (one entry per conv with unseen agent/human
@@ -5086,7 +5122,7 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
       const e = ((n = this.s) == null ? void 0 : n.messagesByConv) || {}, t = [];
       for (const i of this.drawerConversations) {
         if (!i._unread) continue;
-        const r = Ce(i, e[i.id] || []), s = i._lastAuthor, a = !s || s.type === "agent_ia", l = (s == null ? void 0 : s.name) || (a ? this.agentName : "") || "", p = (s == null ? void 0 : s.avatar_url) || (a ? this.agentAvatarUrl : null);
+        const r = Se(i, e[i.id] || []), s = i._lastAuthor, a = !s || s.type === "agent_ia", l = (s == null ? void 0 : s.name) || (a ? this.agentName : "") || "", p = (s == null ? void 0 : s.avatar_url) || (a ? this.agentAvatarUrl : null);
         t.push({
           convId: i.id,
           preview: i._preview || this.t("notification.youHaveNewMessage"),
@@ -5423,9 +5459,9 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
     }
   },
   async mounted() {
-    if (typeof document < "u" && !document.getElementById(Te)) {
+    if (typeof document < "u" && !document.getElementById(Oe)) {
       const e = document.createElement("style");
-      e.id = Te, e.textContent = Je, document.head.appendChild(e);
+      e.id = Oe, e.textContent = Je, document.head.appendChild(e);
     }
     await this.boot(), this.isEmbedded && this.store && await this.open();
   },
@@ -5447,14 +5483,14 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
         return;
       }
       try {
-        this.transport = ye(
+        this.transport = we(
           We({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId,
             userId: this.userId,
             userHash: this.userHash
           })
-        ), this.store = ye(Xe(this.transport)), this.hydrateNotifPref(), await this.store.start(), this.setupLiveReveal();
+        ), this.store = we(Xe(this.transport)), this.hydrateNotifPref(), await this.store.start(), this.setupLiveReveal();
         const t = (e = this.context) == null ? void 0 : e.customer;
         t && typeof t == "object" && await this.store.applyCustomer(t);
       } catch (t) {
@@ -5731,12 +5767,12 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Fa = { class: "wm-actionWait__lbl" }, ja = {
+}, Ua = { class: "wm-actionWait__lbl" }, Fa = {
   key: 2,
   class: "wm-attached"
-}, Ua = ["aria-label", "onClick"];
+}, ja = ["aria-label", "onClick"];
 function Pa(e, t, n, i, r, s) {
-  const a = L("Launcher"), l = L("Header"), p = L("Onboarding"), C = L("MessageList"), k = L("ApprovalCard"), T = L("FormCard"), E = L("Feedback"), A = L("SuggestionChips"), H = L("Composer"), M = L("MoreMenu"), P = L("RenameDialog");
+  const a = L("Launcher"), l = L("Header"), p = L("Onboarding"), C = L("MessageList"), k = L("ApprovalCard"), T = L("FormCard"), E = L("Feedback"), A = L("SuggestionChips"), q = L("Composer"), M = L("MoreMenu"), P = L("RenameDialog");
   return c(), u("div", {
     class: x(["wm-root", `wm-root--${n.displayMode}`])
   }, [
@@ -5750,7 +5786,7 @@ function Pa(e, t, n, i, r, s) {
     r.isOpen || s.isEmbedded ? (c(), u("section", {
       key: 1,
       class: x(["wm-panel", `wm-panel--${n.displayMode}`]),
-      style: K(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
+      style: z(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger"
     }, [
@@ -5781,7 +5817,7 @@ function Pa(e, t, n, i, r, s) {
           "aria-hidden": "true"
         }, null, -1))
       ])) : (c(), u(I, { key: 1 }, [
-        q(l, {
+        $(l, {
           title: s.headerTitle,
           "team-members": s.teamMembers,
           "response-label": s.responseLabel,
@@ -5789,11 +5825,12 @@ function Pa(e, t, n, i, r, s) {
           "show-back": s.canBack,
           "show-close": !s.isEmbedded,
           "more-active": r.moreOpen,
+          "agent-name": s.agentName,
           "agent-avatar-url": s.agentAvatarUrl,
           onBack: s.goHome,
           onMore: s.toggleMore,
           onClose: s.close
-        }, null, 8, ["title", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "agent-avatar-url", "onBack", "onMore", "onClose"]),
+        }, null, 8, ["title", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "agent-name", "agent-avatar-url", "onBack", "onMore", "onClose"]),
         s.error ? (c(), u("div", Oa, [
           o("div", Ia, [
             t[7] || (t[7] = o("div", { class: "wm-state__errIcon" }, [
@@ -5817,7 +5854,7 @@ function Pa(e, t, n, i, r, s) {
             ])
           ])
         ])) : s.currentConv ? (c(), u(I, { key: 2 }, [
-          q(C, {
+          $(C, {
             ref: "messageList",
             messages: s.displayedMessages,
             "streaming-active": s.streamingActive,
@@ -5838,12 +5875,16 @@ function Pa(e, t, n, i, r, s) {
                 action: s.approvalTitle,
                 detail: s.approvalDetail,
                 callbacks: s.pendingApproval.callbacks,
+                "agent-name": s.agentName,
+                "agent-avatar-url": s.agentAvatarUrl,
                 onCallback: s.onApprovalCallback
-              }, null, 8, ["action", "detail", "callbacks", "onCallback"])) : s.pendingForm ? (c(), R(T, {
+              }, null, 8, ["action", "detail", "callbacks", "agent-name", "agent-avatar-url", "onCallback"])) : s.pendingForm ? (c(), R(T, {
                 key: s.pendingForm.message && s.pendingForm.message.id,
                 form: s.pendingForm.form,
+                "agent-name": s.agentName,
+                "agent-avatar-url": s.agentAvatarUrl,
                 onSubmit: s.onFormSubmit
-              }, null, 8, ["form", "onSubmit"])) : s.showFeedback ? (c(), R(E, {
+              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), R(E, {
                 key: 2,
                 busy: r.feedbackBusy,
                 done: r.feedbackDone,
@@ -5859,10 +5900,10 @@ function Pa(e, t, n, i, r, s) {
                 class: "wm-actionWait__spinner",
                 "aria-hidden": "true"
               }, null, -1)),
-              o("span", Fa, v(s.t("action.inProgress", {
+              o("span", Ua, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
-            ])) : (c(), R(H, {
+            ])) : (c(), R(q, {
               key: 2,
               ref: "composer",
               modelValue: r.draft,
@@ -5894,9 +5935,9 @@ function Pa(e, t, n, i, r, s) {
             onClose: t[3] || (t[3] = (N) => r.renameDialogOpen = !1),
             onSubmit: s.onRenameSubmit
           }, null, 8, ["initial-value", "title", "onSubmit"])) : b("", !0),
-          r.pendingAttachments.length ? (c(), u("div", ja, [
-            (c(!0), u(I, null, j(r.pendingAttachments, (N, $) => (c(), u("div", {
-              key: $,
+          r.pendingAttachments.length ? (c(), u("div", Fa, [
+            (c(!0), u(I, null, F(r.pendingAttachments, (N, H) => (c(), u("div", {
+              key: H,
               class: "wm-attached__chip"
             }, [
               t[10] || (t[10] = o("svg", {
@@ -5916,7 +5957,7 @@ function Pa(e, t, n, i, r, s) {
               o("button", {
                 type: "button",
                 "aria-label": s.t("attachment.remove"),
-                onClick: (W) => r.pendingAttachments.splice($, 1)
+                onClick: (W) => r.pendingAttachments.splice(H, 1)
               }, [...t[9] || (t[9] = [
                 o("svg", {
                   width: "10",
@@ -5931,7 +5972,7 @@ function Pa(e, t, n, i, r, s) {
                 }, [
                   o("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, Ua)
+              ])], 8, ja)
             ]))), 128))
           ])) : b("", !0)
         ], 64)) : (c(), R(p, {
@@ -5964,7 +6005,7 @@ function Pa(e, t, n, i, r, s) {
     ], 6)) : b("", !0)
   ], 2);
 }
-const Ha = /* @__PURE__ */ B(Ma, [["render", Pa], ["__scopeId", "data-v-7abab363"]]), qa = "0.4.5";
+const za = /* @__PURE__ */ B(Ma, [["render", Pa], ["__scopeId", "data-v-0bf94dbd"]]), qa = "0.4.7";
 export {
   le as AIAvatar,
   fe as AVATAR_COLORS,
@@ -5972,21 +6013,21 @@ export {
   ui as ApprovalCard,
   ds as ArtifactFormResponse,
   Cs as ArtifactInfoCard,
-  Hs as ArtifactRenderer,
-  Us as ArtifactTicket,
+  zs as ArtifactRenderer,
+  js as ArtifactTicket,
   er as AttachmentPreview,
   rr as Bubble,
   Xr as Composer,
   Ze as DEFAULT_BASE_URL,
   ie as DEFAULT_LANGUAGE,
   Ji as Feedback,
-  Ui as FormCard,
+  ji as FormCard,
   cn as Header,
   Be as HumanAvatar,
-  jt as Launcher,
-  ve as MEDIA_RECORDER_SUPPORTED,
+  Ft as Launcher,
+  be as MEDIA_RECORDER_SUPPORTED,
   Lr as MessageList,
-  Ha as Messenger,
+  za as Messenger,
   ha as MoreMenu,
   qn as Onboarding,
   me as SCREEN_CAPTURE_SUPPORTED,
@@ -5995,21 +6036,21 @@ export {
   Yt as TeamAvatars,
   lr as Typing,
   qa as VERSION,
-  xe as avatarColor,
-  Oe as avatarInitials,
+  pe as avatarColor,
+  ve as avatarInitials,
   Er as captureScreenshotFile,
   D as colors,
   Xe as createStore,
-  U as createTranslator,
+  j as createTranslator,
   We as createTransport,
   oe as dateLocale,
-  Ha as default,
+  za as default,
   Ie as formatTime,
-  $a as guessAttachmentKind,
+  Ha as guessAttachmentKind,
   Br as pickRecorderMime,
   un as renderInlineMarkdown,
   mn as renderMarkdown,
-  pe as resolveLanguage,
+  ye as resolveLanguage,
   Nr as startScreenRecording,
   Je as tokensCss,
   Qe as uuid,