@_solaris/messenger-widget 0.5.25 → 0.5.26

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as q, normalizeClass as O, toDisplayString as v, resolveComponent as E, createVNode as V, Transition as Ue, withCtx as Pe, Fragment as R, renderList as j, withKeys as ue, withModifiers as J, createElementVNode as o, createCommentVNode as b, createBlock as U, withDirectives as K, vModelText as X, createTextVNode as pe, resolveDynamicComponent as je, renderSlot as De, vModelCheckbox as ze, vModelSelect as He, markRaw as ke } from "vue";
+import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as q, normalizeClass as O, toDisplayString as v, resolveComponent as R, createVNode as V, Transition as Ue, withCtx as Pe, Fragment as I, renderList as j, withKeys as ue, withModifiers as J, createElementVNode as o, createCommentVNode as b, createBlock as U, withDirectives as K, vModelText as X, createTextVNode as pe, resolveDynamicComponent as je, renderSlot as De, vModelCheckbox as He, vModelSelect as ze, markRaw as ke } from "vue";
 const qe = [
   "connected",
   "message",
@@ -132,7 +132,7 @@ function We(e) {
   }
   async function k() {
     try {
-      const d = await I();
+      const d = await E();
       t.lastActivityAt = d.reduce((f, _) => {
         const y = _ == null ? void 0 : _.last_message_at;
         return y && (!f || y > f) ? y : f;
@@ -149,14 +149,14 @@ function We(e) {
     const f = await a("PATCH", "/customers/me", d);
     return (f == null ? void 0 : f.customer) ?? null;
   }
-  async function I() {
+  async function E() {
     const d = await a("GET", "/conversations");
     return (d == null ? void 0 : d.conversations) ?? [];
   }
   async function A(d = {}) {
     return (await a("POST", "/conversations", d)).conversation;
   }
-  async function z(d) {
+  async function H(d) {
     return (await a(
       "GET",
       `/conversations/${encodeURIComponent(d)}`
@@ -271,7 +271,7 @@ function We(e) {
   }
   async function me() {
     try {
-      const d = await I(), f = d.reduce((y, C) => {
+      const d = await E(), f = d.reduce((y, C) => {
         const S = C == null ? void 0 : C.last_message_at;
         return S && (!y || S > y) ? S : y;
       }, null);
@@ -313,9 +313,9 @@ function We(e) {
     // REST
     getCustomer: w,
     patchCustomer: T,
-    listConversations: I,
+    listConversations: E,
     createConversation: A,
-    getConversation: z,
+    getConversation: H,
     patchConversation: M,
     markConversationRead: F,
     listMessages: N,
@@ -525,7 +525,7 @@ function Qe(e) {
     const g = await e.patchConversation(h, m), d = t.conversations.findIndex((f) => f.id === h);
     d !== -1 && (t.conversations[d] = g);
   }
-  async function I(h) {
+  async function E(h) {
     if (!h) return [];
     const m = t.messagesByConv[h] || [];
     let g = "";
@@ -562,7 +562,7 @@ function Qe(e) {
         console.error("[store] markConversationRead failed", g);
       }
   }
-  async function z(h, m, { attachments: g, metadata: d } = {}) {
+  async function H(h, m, { attachments: g, metadata: d } = {}) {
     var L;
     const f = (m || "").trim(), _ = Array.isArray(g) && g.length > 0;
     if (!h || !f && !_) return;
@@ -757,10 +757,10 @@ function Qe(e) {
     createConversation: a,
     openConversation: p,
     loadMore: k,
-    fetchSinceLast: I,
+    fetchSinceLast: E,
     patchConversation: T,
     markConversationRead: A,
-    send: z,
+    send: H,
     clickCallback: M,
     signAttachment: N,
     submitFeedback: P,
@@ -772,7 +772,7 @@ function Qe(e) {
     setPanelOpen: e.setPanelOpen
   };
 }
-const H = {
+const z = {
   w: "#ffffff",
   g50: "#F9F9F7",
   g100: "#F2F1EE",
@@ -811,21 +811,21 @@ const Xe = `
 .wm-root {
     --wm-f: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     --wm-fm: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
-    --wm-w: ${H.w};
-    --wm-g50: ${H.g50};
-    --wm-g100: ${H.g100};
-    --wm-g150: ${H.g150};
-    --wm-g200: ${H.g200};
-    --wm-g300: ${H.g300};
-    --wm-g400: ${H.g400};
-    --wm-g500: ${H.g500};
-    --wm-g700: ${H.g700};
-    --wm-g900: ${H.g900};
-    --wm-a: ${H.accent};
-    --wm-al: ${H.accentLight};
-    --wm-green: ${H.green};
-    --wm-red: ${H.red};
-    --wm-redBg: ${H.redBg};
+    --wm-w: ${z.w};
+    --wm-g50: ${z.g50};
+    --wm-g100: ${z.g100};
+    --wm-g150: ${z.g150};
+    --wm-g200: ${z.g200};
+    --wm-g300: ${z.g300};
+    --wm-g400: ${z.g400};
+    --wm-g500: ${z.g500};
+    --wm-g700: ${z.g700};
+    --wm-g900: ${z.g900};
+    --wm-a: ${z.accent};
+    --wm-al: ${z.accentLight};
+    --wm-green: ${z.green};
+    --wm-red: ${z.red};
+    --wm-redBg: ${z.redBg};
     --wm-sh1: 0 1px 3px rgba(0,0,0,.06);
     --wm-sh2: 0 4px 24px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05);
     --wm-shPanel: 0 12px 40px rgba(0,0,0,.13), 0 2px 8px rgba(0,0,0,.06);
@@ -1116,7 +1116,7 @@ function Ae(e, t) {
   const n = e.options.find((i) => (i == null ? void 0 : i.value) === t);
   return (n == null ? void 0 : n.label) || t;
 }
-function Ie(e, t, n) {
+function Ee(e, t, n) {
   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 = D()) {
@@ -1126,7 +1126,7 @@ function tt(e, t, n = D()) {
     if (!(s != null && s.key) || !(s != null && s.label)) continue;
     const a = t[s.key];
     if (a == null || a === "") continue;
-    const l = Ie(s, a, n);
+    const l = Ee(s, a, n);
     l && r.push(`${s.label} :
 ${l}`);
   }
@@ -1140,7 +1140,7 @@ function nt(e, t, n = D()) {
     if (!(s != null && s.key) || !(s != null && s.label)) continue;
     const a = t == null ? void 0 : t[s.key];
     if (a == null || a === "") continue;
-    const l = Ie(s, a, n);
+    const l = Ee(s, a, n);
     if (!l) continue;
     const p = s.type === "textarea" || typeof l == "string" && (l.length > 60 || l.includes(`
 `));
@@ -1675,9 +1675,9 @@ function wt(e, t, n, i, r, s) {
     }, v(s.initials), 5))
   ], 6);
 }
-const Re = /* @__PURE__ */ B(vt, [["render", wt], ["__scopeId", "data-v-14e10c0d"]]), bt = 3, kt = {
+const Ie = /* @__PURE__ */ B(vt, [["render", wt], ["__scopeId", "data-v-14e10c0d"]]), bt = 3, kt = {
   name: "WmLauncher",
-  components: { HumanAvatar: Re },
+  components: { HumanAvatar: Ie },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
@@ -1701,9 +1701,9 @@ const Re = /* @__PURE__ */ B(vt, [["render", wt], ["__scopeId", "data-v-14e10c0d
       return this.peeks.slice(0, bt).reverse();
     }
   }
-}, Ct = ["aria-label", "onClick", "onKeydown"], At = ["aria-label", "onClick"], St = { class: "wm-peek__avatar" }, Mt = ["aria-label"], Tt = { class: "wm-peek__body" }, xt = { class: "wm-peek__head" }, Ot = { class: "wm-peek__name" }, Lt = { class: "wm-peek__action" }, It = { class: "wm-peek__text" }, Rt = ["onClick"], Et = ["aria-label"], Bt = ["aria-label"];
+}, Ct = ["aria-label", "onClick", "onKeydown"], At = ["aria-label", "onClick"], St = { class: "wm-peek__avatar" }, Mt = ["aria-label"], Tt = { class: "wm-peek__body" }, xt = { class: "wm-peek__head" }, Ot = { class: "wm-peek__name" }, Lt = { class: "wm-peek__action" }, Et = { class: "wm-peek__text" }, It = ["onClick"], Rt = ["aria-label"], Bt = ["aria-label"];
 function Nt(e, t, n, i, r, s) {
-  const a = E("HumanAvatar");
+  const a = R("HumanAvatar");
   return c(), u("div", {
     class: "wm-launcherWrap",
     onMouseenter: t[1] || (t[1] = (l) => e.$emit("hover", !0)),
@@ -1717,7 +1717,7 @@ function Nt(e, t, n, i, r, s) {
           key: 0,
           class: O(["wm-peekStack", { "wm-peekStack--multi": s.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), u(R, null, j(s.visiblePeeks, (l, p) => (c(), u("div", {
+          (c(!0), u(I, null, j(s.visiblePeeks, (l, p) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
             style: q({
@@ -1772,13 +1772,13 @@ function Nt(e, t, n, i, r, s) {
                 o("span", Ot, v(l.senderName || s.t("common.agent")), 1),
                 o("span", Lt, v(s.t("launcher.repliedToYou")), 1)
               ]),
-              o("p", It, v(l.preview), 1)
+              o("p", Et, v(l.preview), 1)
             ]),
             o("button", {
               type: "button",
               class: "wm-peek__open",
               onClick: J((k) => e.$emit("open", l.convId), ["stop"])
-            }, v(s.t("common.open")), 9, Rt)
+            }, v(s.t("common.open")), 9, It)
           ], 44, Ct))), 128))
         ], 2)) : b("", !0)
       ]),
@@ -1812,7 +1812,7 @@ function Nt(e, t, n, i, r, s) {
           count: n.unreadCount
         })
       }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Bt)) : b("", !0)
-    ], 8, Et)
+    ], 8, Rt)
   ], 32);
 }
 const Ft = /* @__PURE__ */ B(kt, [["render", Nt], ["__scopeId", "data-v-44ddf1a1"]]), Ut = {
@@ -1848,7 +1848,7 @@ const Ft = /* @__PURE__ */ B(kt, [["render", Nt], ["__scopeId", "data-v-44ddf1a1
   key: 0,
   class: "wm-aiav__pulse"
 }, jt = ["src", "alt"], Dt = ["width", "height"];
-function zt(e, t, n, i, r, s) {
+function Ht(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-aiav", { "wm-aiav--tail": n.tail }]),
     style: q({
@@ -1906,7 +1906,7 @@ function zt(e, t, n, i, r, s) {
     ], 6)
   ], 6);
 }
-const le = /* @__PURE__ */ B(Ut, [["render", zt], ["__scopeId", "data-v-6f7f685d"]]), Ht = {
+const le = /* @__PURE__ */ B(Ut, [["render", Ht], ["__scopeId", "data-v-6f7f685d"]]), zt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -1941,7 +1941,7 @@ function Wt(e, t, n, i, r, s) {
       class: "wm-team__stack",
       style: q({ width: s.stackWidth + "px" })
     }, [
-      (c(!0), u(R, null, j(n.members.slice(0, 3), (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, j(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
         style: q({
@@ -1960,7 +1960,7 @@ function Wt(e, t, n, i, r, s) {
     n.responseLabel ? (c(), u("span", Kt, v(n.responseLabel), 1)) : b("", !0)
   ])) : b("", !0);
 }
-const Gt = /* @__PURE__ */ B(Ht, [["render", Wt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
+const Gt = /* @__PURE__ */ B(zt, [["render", Wt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
   name: "WmHeader",
   components: { AIAvatar: le, TeamAvatars: Gt },
   inject: {
@@ -2007,7 +2007,7 @@ const Gt = /* @__PURE__ */ B(Ht, [["render", Wt], ["__scopeId", "data-v-e49a9063
   class: "wm-header__fill"
 }, sn = { class: "wm-header__actions" }, rn = ["aria-label", "title"], an = ["aria-label", "title"];
 function on(e, t, n, i, r, s) {
-  const a = E("AIAvatar"), l = E("TeamAvatars");
+  const a = R("AIAvatar"), l = R("TeamAvatars");
   return c(), u("div", Jt, [
     n.showBack ? (c(), u("button", {
       key: 0,
@@ -2030,7 +2030,7 @@ function on(e, t, n, i, r, s) {
         o("path", { d: "M19 12H5M12 5l-7 7 7 7" })
       ], -1)
     ])], 8, Qt)) : (c(), u("div", Xt)),
-    n.showIdentity ? (c(), u(R, { key: 2 }, [
+    n.showIdentity ? (c(), u(I, { key: 2 }, [
       o("div", Zt, [
         V(a, {
           size: 30,
@@ -2106,7 +2106,7 @@ function on(e, t, n, i, r, s) {
   ]);
 }
 const ln = /* @__PURE__ */ B(Yt, [["render", on], ["__scopeId", "data-v-925c9e94"]]);
-function Ee(e) {
+function Re(e) {
   return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function cn(e) {
@@ -2124,11 +2124,11 @@ function re(e) {
 function dn(e) {
   if (!e) return "";
   const t = String(e).replace(/\[([^\]\n]+)\]\([^)\s]+\)/g, "$1");
-  return re(Ee(t));
+  return re(Re(t));
 }
 function un(e) {
   if (!e) return "";
-  const t = Ee(e).split(`
+  const t = Re(e).split(`
 `), n = [];
   let i = 0;
   for (; i < t.length; ) {
@@ -2167,10 +2167,10 @@ function un(e) {
         if (!A) break;
         w.push(A[1]), i++;
       }
-      const T = w.map((A) => `<li>${re(A)}</li>`).join(""), I = k !== 1 ? ` start="${k}"` : "";
+      const T = w.map((A) => `<li>${re(A)}</li>`).join(""), E = k !== 1 ? ` start="${k}"` : "";
       n.push({
         type: "block",
-        html: `<ol class="wm-md-ol"${I}>${T}</ol>`
+        html: `<ol class="wm-md-ol"${E}>${T}</ol>`
       });
       continue;
     }
@@ -2289,15 +2289,15 @@ const Te = {
 }, On = {
   key: 1,
   class: "wm-onb__section"
-}, Ln = { class: "wm-onb__section-title" }, In = { class: "wm-onb__search" }, Rn = ["placeholder", "aria-label"], En = { class: "wm-onb__list" }, Bn = ["onClick"], Nn = ["aria-label"], Fn = { class: "wm-onb__thread-body" }, Un = { class: "wm-onb__thread-title" }, Pn = ["innerHTML"], jn = { class: "wm-onb__thread-meta" }, Dn = {
+}, Ln = { class: "wm-onb__section-title" }, En = { class: "wm-onb__search" }, In = ["placeholder", "aria-label"], Rn = { class: "wm-onb__list" }, Bn = ["onClick"], Nn = ["aria-label"], Fn = { class: "wm-onb__thread-body" }, Un = { class: "wm-onb__thread-title" }, Pn = ["innerHTML"], jn = { class: "wm-onb__thread-meta" }, Dn = {
   key: 0,
   class: "wm-onb__thread-time"
-}, zn = {
+}, Hn = {
   key: 0,
   class: "wm-onb__empty"
 };
-function Hn(e, t, n, i, r, s) {
-  const a = E("AIAvatar");
+function zn(e, t, n, i, r, s) {
+  const a = R("AIAvatar");
   return c(), u("div", mn, [
     o("div", fn, [
       t[2] || (t[2] = o("svg", {
@@ -2373,7 +2373,7 @@ function Hn(e, t, n, i, r, s) {
       o("div", {
         class: O(s.quickLinksLayout)
       }, [
-        (c(!0), u(R, null, j(n.quickLinks, (l, p) => (c(), u("button", {
+        (c(!0), u(I, null, j(n.quickLinks, (l, p) => (c(), u("button", {
           key: p,
           type: "button",
           class: O(["wm-onb__card", { "wm-onb__card--row": s.isOddQuickLinks }]),
@@ -2395,7 +2395,7 @@ function Hn(e, t, n, i, r, s) {
     ])) : b("", !0),
     n.openThreads.length ? (c(), u("div", On, [
       o("div", Ln, v(s.t("onboarding.recentConversations")), 1),
-      o("div", In, [
+      o("div", En, [
         t[4] || (t[4] = o("span", { class: "wm-onb__searchIcon" }, [
           o("svg", {
             width: "12",
@@ -2416,12 +2416,12 @@ function Hn(e, t, n, i, r, s) {
           type: "text",
           placeholder: s.t("onboarding.search"),
           "aria-label": s.t("onboarding.search")
-        }, null, 8, Rn), [
+        }, null, 8, In), [
           [X, r.query]
         ])
       ]),
-      o("div", En, [
-        (c(!0), u(R, null, j(s.filteredThreads, (l) => (c(), u("button", {
+      o("div", Rn, [
+        (c(!0), u(I, null, j(s.filteredThreads, (l) => (c(), u("button", {
           key: l.id,
           type: "button",
           class: "wm-onb__thread",
@@ -2474,12 +2474,12 @@ function Hn(e, t, n, i, r, s) {
             ], -1))
           ])
         ], 8, Bn))), 128)),
-        s.filteredThreads.length ? b("", !0) : (c(), u("div", zn, 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-28c0780b"]]);
+const qn = /* @__PURE__ */ B(hn, [["render", zn], ["__scopeId", "data-v-28c0780b"]]);
 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();
 }
@@ -2574,7 +2574,7 @@ function es(e, t, n, i, r, s) {
     ]),
     o("span", Qn, [
       o("span", Xn, v(n.label), 1),
-      s.detailText ? (c(), u(R, { key: 0 }, [
+      s.detailText ? (c(), u(I, { key: 0 }, [
         t[4] || (t[4] = o("span", {
           class: "wm-result__sep",
           "aria-hidden": "true"
@@ -2623,7 +2623,7 @@ function cs(e, t, n, i, r, s) {
       ])
     ]),
     o("div", os, [
-      (c(!0), u(R, null, j(s.fields, (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, j(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2690,7 +2690,7 @@ function ks(e, t, n, i, r, s) {
     ]),
     s.hasBody ? (c(), u("div", ys, [
       n.data.body ? (c(), u("div", ws, v(n.data.body), 1)) : b("", !0),
-      s.fields.length ? (c(!0), u(R, { key: 1 }, j(s.fields, (a, l) => (c(), u("div", {
+      s.fields.length ? (c(!0), u(I, { key: 1 }, j(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2766,13 +2766,13 @@ const Ss = {
       return /high|haute|élev|elev|critic|critiq|urgent/.test(t) ? 3 : /low|basse|faible|minor/.test(t) ? 1 : 2;
     }
   }
-}, Ms = { class: "wm-art wm-art--ticket" }, Ts = { class: "wm-art__head wm-tk__head" }, xs = { class: "wm-art__title wm-tk__title" }, Os = { class: "wm-tk__sub" }, Ls = { class: "wm-tk__ref" }, Is = {
+}, Ms = { class: "wm-art wm-art--ticket" }, Ts = { class: "wm-art__head wm-tk__head" }, xs = { class: "wm-art__title wm-tk__title" }, Os = { class: "wm-tk__sub" }, Ls = { class: "wm-tk__ref" }, Es = {
   key: 0,
   class: "wm-tk__text"
-}, Rs = {
+}, Is = {
   key: 0,
   class: "wm-art__body"
-}, Es = { class: "wm-art__fieldLabel" }, Bs = ["data-level"], Ns = {
+}, Rs = { class: "wm-art__fieldLabel" }, Bs = ["data-level"], Ns = {
   key: 1,
   class: "wm-tk__date",
   width: "12",
@@ -2824,14 +2824,14 @@ function Us(e, t, n, i, r, s) {
           pe(" " + v(n.data.status.label), 1)
         ], 2)
       ]),
-      n.data.body ? (c(), u("div", Is, v(n.data.body), 1)) : b("", !0)
+      n.data.body ? (c(), u("div", Es, v(n.data.body), 1)) : b("", !0)
     ]),
-    s.fields.length ? (c(), u("div", Rs, [
-      (c(!0), u(R, null, j(s.fields, (a, l) => (c(), u("div", {
+    s.fields.length ? (c(), u("div", Is, [
+      (c(!0), u(I, null, j(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", Es, v(a.label), 1),
+        o("div", Rs, v(a.label), 1),
         o("div", {
           class: O([
             "wm-art__fieldValue",
@@ -2926,13 +2926,13 @@ const Ps = /* @__PURE__ */ B(Ss, [["render", Us], ["__scopeId", "data-v-5f30c914
     }
   }
 };
-function zs(e, t, n, i, r, s) {
+function Hs(e, t, n, i, r, s) {
   return s.component ? (c(), U(je(s.component), {
     key: 0,
     data: n.artifact.data
   }, null, 8, ["data"])) : b("", !0);
 }
-const Hs = /* @__PURE__ */ B(Ds, [["render", zs]]), qs = {
+const zs = /* @__PURE__ */ B(Ds, [["render", Hs]]), qs = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null },
@@ -3112,12 +3112,12 @@ const cr = {
   name: "WmMessageList",
   components: {
     AIAvatar: le,
-    HumanAvatar: Re,
+    HumanAvatar: Ie,
     Bubble: rr,
     Typing: lr,
     ActionResult: ts,
     AttachmentPreview: er,
-    ArtifactRenderer: Hs
+    ArtifactRenderer: zs
   },
   inject: {
     // Translator + resolved-language getter shared by the Messenger
@@ -3502,9 +3502,9 @@ const cr = {
     //   doit garder son arrondi.
     cornersFor(e, t) {
       var Z, ee, te;
-      const n = e.items, i = (Z = n[t]) == null ? void 0 : Z.kind, r = (ee = n[t - 1]) == null ? void 0 : ee.kind, s = (te = n[t + 1]) == null ? void 0 : te.kind, a = e.role === "user", l = 14, p = 4, k = r == null ? void 0 : r.bottom, w = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], I = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], z = 0.5, M = ($, ne, Y) => $ != null && T != null ? $ + z >= T : ne === Y || ne === "card" && Y === "bubble";
+      const n = e.items, i = (Z = n[t]) == null ? void 0 : Z.kind, r = (ee = n[t - 1]) == null ? void 0 : ee.kind, s = (te = n[t + 1]) == null ? void 0 : te.kind, a = e.role === "user", l = 14, p = 4, k = r == null ? void 0 : r.bottom, w = 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 = ($, ne, Y) => $ != null && T != null ? $ + H >= T : ne === Y || ne === "card" && Y === "bubble";
       let F = l, N = l, P = l, G = l;
-      return a ? (k && (N = p), (w || !s) && (P = p), k && M(I, k, i == null ? void 0 : i.top) && (F = p), w && M(A, w, i == null ? void 0 : i.bottom) && (G = p)) : (k && (F = p), (w || !s) && (G = p), k && M(I, k, i == null ? void 0 : i.top) && (N = p), w && M(A, w, i == null ? void 0 : i.bottom) && (P = p)), { tl: F, tr: N, br: P, bl: G };
+      return a ? (k && (N = p), (w || !s) && (P = p), k && M(E, k, i == null ? void 0 : i.top) && (F = p), w && M(A, w, i == null ? void 0 : i.bottom) && (G = p)) : (k && (F = p), (w || !s) && (G = p), k && M(E, k, i == null ? void 0 : i.top) && (N = p), w && M(A, w, i == null ? void 0 : i.bottom) && (P = p)), { tl: F, tr: N, br: P, bl: G };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3656,7 +3656,7 @@ const cr = {
   class: "wm-list__row wm-list__row--ai fade-up"
 }, Or = { class: "wm-list__avatarSlot" };
 function Lr(e, t, n, i, r, s) {
-  const a = E("AIAvatar"), l = E("HumanAvatar"), p = E("ActionResult"), k = E("ArtifactRenderer"), w = E("Bubble"), T = E("AttachmentPreview"), I = E("Typing");
+  const a = R("AIAvatar"), l = R("HumanAvatar"), p = R("ActionResult"), k = R("ArtifactRenderer"), w = R("Bubble"), T = R("AttachmentPreview"), E = R("Typing");
   return c(), u("div", {
     ref: "scrollEl",
     class: O(["wm-list", { "wm-list--silent": r.silentFades }]),
@@ -3674,7 +3674,7 @@ function Lr(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(R, null, j(s.groups, (A, z) => (c(), u(R, {
+    (c(!0), u(I, null, j(s.groups, (A, H) => (c(), u(I, {
       key: A.key
     }, [
       A.key === s.unreadGroupKey ? (c(), u("div", vr, [
@@ -3690,8 +3690,8 @@ function Lr(e, t, n, i, r, s) {
           t[6] || (t[6] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
           o("span", br, v(A.systemLabel), 1),
           t[7] || (t[7] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
-        ])) : (c(), u(R, { key: 1 }, [
-          (c(!0), u(R, null, j(A.items, (M, F) => (c(), u("div", {
+        ])) : (c(), u(I, { key: 1 }, [
+          (c(!0), u(I, null, j(A.items, (M, F) => (c(), u("div", {
             key: `${s.messageKey(M.message)}-${M.partKey}`,
             "data-row-key": `${s.messageKey(M.message)}-${M.partKey}`,
             class: O(["wm-list__row fade-up", [
@@ -3704,7 +3704,7 @@ function Lr(e, t, n, i, r, s) {
             style: q(s.cornersStyle(A, F))
           }, [
             A.role !== "user" ? (c(), u("div", Cr, [
-              F === A.items.length - 1 ? (c(), u(R, { key: 0 }, [
+              F === A.items.length - 1 ? (c(), u(I, { key: 0 }, [
                 A.role === "ai" ? (c(), U(a, {
                   key: 0,
                   size: 26,
@@ -3748,7 +3748,7 @@ function Lr(e, t, n, i, r, s) {
                   "wm-list__atts--align-end": A.role === "user"
                 }])
               }, [
-                (c(!0), u(R, null, j(s.attachmentsOf(
+                (c(!0), u(I, null, j(s.attachmentsOf(
                   M.message
                 ), (N, P) => (c(), U(T, {
                   key: `${s.messageKey(M.message)}-att-${P}`,
@@ -3762,7 +3762,7 @@ function Lr(e, t, n, i, r, s) {
             class: O(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
           }, [
             A.role !== "user" ? (c(), u("span", Sr, v(s.roleLabel(A)), 1)) : b("", !0),
-            A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Mr, "·")) : b("", !0),
+            A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Mr, "•")) : b("", !0),
             s.lastTimeOf(A) ? (c(), u("span", Tr, v(s.lastTimeOf(A)), 1)) : b("", !0)
           ], 2)) : b("", !0)
         ], 64))
@@ -3777,12 +3777,12 @@ function Lr(e, t, n, i, r, s) {
           "image-url": n.aiAgentAvatarUrl
         }, null, 8, ["name", "image-url"])
       ]),
-      V(I)
+      V(E)
     ])) : b("", !0)
   ], 34);
 }
-const Ir = /* @__PURE__ */ B(hr, [["render", Lr], ["__scopeId", "data-v-d769b193"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", be = typeof window < "u" && typeof window.MediaRecorder < "u";
-function Rr() {
+const Er = /* @__PURE__ */ B(hr, [["render", Lr], ["__scopeId", "data-v-6d5eab41"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", be = typeof window < "u" && typeof window.MediaRecorder < "u";
+function Ir() {
   return be && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -3802,10 +3802,10 @@ function Be({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function za(e) {
+function Da(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
-async function Er() {
+async function Rr() {
   if (!he) return null;
   let e;
   try {
@@ -3849,7 +3849,7 @@ async function Nr(e = {}) {
   } catch (w) {
     return (w == null ? void 0 : w.name) !== "NotAllowedError" && console.error("[media] record picker", w), null;
   }
-  const n = Rr();
+  const n = Ir();
   let i;
   try {
     i = n ? new window.MediaRecorder(t, { mimeType: n }) : new window.MediaRecorder(t);
@@ -3864,11 +3864,11 @@ async function Nr(e = {}) {
     w.data && w.data.size > 0 && r.push(w.data);
   }), i.addEventListener("stop", () => {
     var w, T;
-    if (s && clearInterval(s), t.getTracks().forEach((I) => {
-      I.stop();
+    if (s && clearInterval(s), t.getTracks().forEach((E) => {
+      E.stop();
     }), r.length) {
-      const I = i.mimeType || n || "video/webm", A = new Blob(r, { type: I }), z = /mp4/.test(I) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), F = new File([A], `ecran-${M}.${z}`, {
-        type: I
+      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), F = new File([A], `ecran-${M}.${H}`, {
+        type: E
       });
       (w = e.onfinalize) == null || w.call(e, F);
     } else
@@ -3930,7 +3930,10 @@ const Fr = [
     modelValue: { type: String, default: "" },
     placeholder: { type: String, default: "Écrivez votre message…" },
     disabled: { type: Boolean, default: !1 },
-    attachLabel: { type: String, default: "Joindre" }
+    attachLabel: { type: String, default: "Joindre" },
+    // 'floating' | 'sheet' | 'embedded' — only 'sheet' enables the
+    // visualViewport-based keyboard tracking (mobile fullscreen mode).
+    displayMode: { type: String, default: "floating" }
   },
   emits: ["update:modelValue", "send", "attach"],
   data() {
@@ -3939,7 +3942,10 @@ const Fr = [
       attachOpen: !1,
       recording: !1,
       recordingElapsed: 0,
-      recorder: null
+      recorder: null,
+      // Pixels the composer is lifted to stay above the soft keyboard.
+      // Driven by visualViewport — 0 when no keyboard.
+      kbOffset: 0
     };
   },
   computed: {
@@ -3967,7 +3973,7 @@ const Fr = [
     }
   },
   mounted() {
-    this.autosize();
+    this.autosize(), this.displayMode === "sheet" && this.setupKeyboardTracking();
   },
   beforeUnmount() {
     if (this.recorder)
@@ -3975,6 +3981,7 @@ const Fr = [
         this.recorder.stop();
       } catch {
       }
+    this.teardownKeyboardTracking();
   },
   methods: {
     // Imperatively move the caret into the textarea — called by the
@@ -4020,7 +4027,7 @@ const Fr = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const e = await Er();
+      const e = await Rr();
       e && this.$emit("attach", e);
     },
     async startRecording() {
@@ -4049,29 +4056,49 @@ const Fr = [
         } catch (e) {
           console.error("[composer] stop recording", e);
         }
+    },
+    // Track the soft keyboard via visualViewport so we can lift only the
+    // composer above it — the message list stays put behind. Works inside
+    // the iframe because each frame has its own visualViewport.
+    setupKeyboardTracking() {
+      const e = window.visualViewport;
+      e && (this._vvHandler = () => {
+        const t = Math.max(
+          0,
+          window.innerHeight - e.height - e.offsetTop
+        );
+        this.kbOffset = t;
+      }, e.addEventListener("resize", this._vvHandler), e.addEventListener("scroll", this._vvHandler));
+    },
+    teardownKeyboardTracking() {
+      const e = window.visualViewport;
+      !e || !this._vvHandler || (e.removeEventListener("resize", this._vvHandler), e.removeEventListener("scroll", this._vvHandler), this._vvHandler = null);
     }
   }
-}, Pr = { class: "wm-compose-wrap" }, jr = {
+}, Pr = {
   key: 0,
   class: "wm-rec"
-}, Dr = { class: "wm-rec__lbl" }, zr = {
+}, jr = { class: "wm-rec__lbl" }, Dr = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, Hr = ["disabled", "onClick"], qr = { class: "wm-compose__menuIcon" }, $r = {
+}, Hr = ["disabled", "onClick"], zr = { class: "wm-compose__menuIcon" }, qr = {
   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 Jr(e, t, n, i, r, s) {
-  return c(), u("div", Pr, [
-    r.recording ? (c(), u("div", jr, [
+}, $r = ["d"], Vr = ["placeholder", "disabled"], Kr = { class: "wm-compose__actions" }, Wr = ["title", "aria-label", "disabled"], Gr = ["disabled", "aria-label"];
+function Yr(e, t, n, i, r, s) {
+  return c(), u("div", {
+    class: O(["wm-compose-wrap", { "wm-compose-wrap--sheet": n.displayMode === "sheet" }]),
+    style: q(r.kbOffset ? { transform: `translateY(-${r.kbOffset}px)` } : null)
+  }, [
+    r.recording ? (c(), u("div", Pr, [
       t[8] || (t[8] = o("span", {
         class: "wm-rec__dot",
         "aria-hidden": "true"
       }, null, -1)),
-      o("span", Dr, v(s.t("composer.recording", { time: s.recordingElapsedLabel })), 1),
+      o("span", jr, v(s.t("composer.recording", { time: s.recordingElapsedLabel })), 1),
       o("button", {
         type: "button",
         class: "wm-rec__stop",
@@ -4094,16 +4121,16 @@ function Jr(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", zr, [
-        (c(!0), u(R, null, j(s.attachItems, (a) => (c(), u("button", {
+      r.attachOpen ? (c(), u("div", Dr, [
+        (c(!0), u(I, null, j(s.attachItems, (a) => (c(), u("button", {
           key: a.action,
           type: "button",
           class: "wm-compose__menuItem",
           disabled: a.disabled,
           onClick: (l) => s.onAttachAction(a.action)
         }, [
-          o("span", qr, [
-            (c(), u("svg", $r, [
+          o("span", zr, [
+            (c(), u("svg", qr, [
               o("path", {
                 d: a.path,
                 stroke: "currentColor",
@@ -4111,7 +4138,7 @@ function Jr(e, t, n, i, r, s) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Vr)
+              }, null, 8, $r)
             ]))
           ]),
           o("span", null, v(a.label), 1)
@@ -4126,10 +4153,10 @@ function Jr(e, t, n, i, r, s) {
         disabled: n.disabled,
         onKeydown: t[4] || (t[4] = (...a) => s.onKeydown && s.onKeydown(...a)),
         onInput: t[5] || (t[5] = (...a) => s.autosize && s.autosize(...a))
-      }, null, 40, Kr), [
+      }, null, 40, Vr), [
         [X, r.local]
       ]),
-      o("div", Wr, [
+      o("div", Kr, [
         o("button", {
           type: "button",
           class: O(["wm-compose__icon", { "is-open": r.attachOpen }]),
@@ -4151,7 +4178,7 @@ function Jr(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
           ], -1)
-        ])], 10, Gr),
+        ])], 10, Wr),
         o("button", {
           type: "submit",
           class: O(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -4171,12 +4198,12 @@ function Jr(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
           ], -1)
-        ])], 10, Yr)
+        ])], 10, Gr)
       ])
     ], 34)
-  ]);
+  ], 6);
 }
-const Qr = /* @__PURE__ */ B(Ur, [["render", Jr], ["__scopeId", "data-v-b88b1cbb"]]), Xr = {
+const Jr = /* @__PURE__ */ B(Ur, [["render", Yr], ["__scopeId", "data-v-d6c1e5e7"]]), Qr = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4193,22 +4220,22 @@ const Qr = /* @__PURE__ */ B(Ur, [["render", Jr], ["__scopeId", "data-v-b88b1cbb
       return this.items.map((e) => (e == null ? void 0 : e.label) || (e == null ? void 0 : e.text) || "").join("§");
     }
   }
-}, Zr = ["onClick"];
-function ei(e, t, n, i, r, s) {
+}, Xr = ["onClick"];
+function Zr(e, t, n, i, r, s) {
   return n.items.length ? (c(), u("div", {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (c(!0), u(R, null, j(n.items, (a, l) => (c(), u("button", {
+    (c(!0), u(I, null, j(n.items, (a, l) => (c(), u("button", {
       key: l,
       type: "button",
       class: "wm-chip",
       style: q({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
       onClick: (p) => e.$emit("select", a)
-    }, v(a.label), 13, Zr))), 128))
+    }, v(a.label), 13, Xr))), 128))
   ])) : b("", !0);
 }
-const ti = /* @__PURE__ */ B(Xr, [["render", ei], ["__scopeId", "data-v-47ad8085"]]), ni = {
+const ei = /* @__PURE__ */ B(Qr, [["render", Zr], ["__scopeId", "data-v-47ad8085"]]), ti = {
   name: "WmApprovalCard",
   components: { AIAvatar: le },
   inject: {
@@ -4252,27 +4279,27 @@ const ti = /* @__PURE__ */ B(Xr, [["render", ei], ["__scopeId", "data-v-47ad8085
       return ((e = this.rejectCallback) == null ? void 0 : e.label) || this.t("approval.reject");
     }
   }
-}, si = { class: "wm-approval" }, ri = { class: "wm-approval__head" }, ii = { class: "wm-approval__icon" }, ai = { class: "wm-approval__main" }, oi = { class: "wm-approval__title" }, li = {
+}, ni = { class: "wm-approval" }, si = { class: "wm-approval__head" }, ri = { class: "wm-approval__icon" }, ii = { class: "wm-approval__main" }, ai = { class: "wm-approval__title" }, oi = {
   key: 0,
   class: "wm-approval__detail"
-}, ci = { class: "wm-approval__actions" };
-function di(e, t, n, i, r, s) {
-  const a = E("AIAvatar");
-  return c(), u("div", si, [
-    o("div", ri, [
-      o("div", ii, [
+}, li = { class: "wm-approval__actions" };
+function ci(e, t, n, i, r, s) {
+  const a = R("AIAvatar");
+  return c(), u("div", ni, [
+    o("div", si, [
+      o("div", ri, [
         V(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),
-        n.detail ? (c(), u("div", li, v(n.detail), 1)) : b("", !0)
+      o("div", ii, [
+        o("div", ai, v(n.action), 1),
+        n.detail ? (c(), u("div", oi, v(n.detail), 1)) : b("", !0)
       ])
     ]),
-    o("div", ci, [
+    o("div", li, [
       s.rejectId ? (c(), u("button", {
         key: 0,
         type: "button",
@@ -4288,9 +4315,9 @@ function di(e, t, n, i, r, s) {
     ])
   ]);
 }
-const ui = /* @__PURE__ */ B(ni, [["render", di], ["__scopeId", "data-v-a2bed37e"]]);
+const di = /* @__PURE__ */ B(ti, [["render", ci], ["__scopeId", "data-v-a2bed37e"]]);
 let xe = 0;
-const hi = /* @__PURE__ */ new Set([
+const ui = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4298,7 +4325,7 @@ const hi = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), mi = {
+]), hi = {
   name: "WmFormCard",
   components: { AIAvatar: le },
   inject: {
@@ -4328,7 +4355,7 @@ const hi = /* @__PURE__ */ new Set([
     // douteux.
     normalizedFields() {
       var t;
-      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !hi.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
+      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !ui.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
     }
   },
   created() {
@@ -4381,54 +4408,54 @@ const hi = /* @__PURE__ */ new Set([
       }
     }
   }
-}, fi = { class: "wm-form" }, gi = { class: "wm-form__head" }, _i = { class: "wm-form__icon" }, pi = { class: "wm-form__main" }, vi = { class: "wm-form__title" }, yi = {
+}, mi = { class: "wm-form" }, fi = { class: "wm-form__head" }, gi = { class: "wm-form__icon" }, _i = { class: "wm-form__main" }, pi = { class: "wm-form__title" }, vi = {
   key: 0,
   class: "wm-form__detail"
-}, wi = ["for"], bi = {
+}, yi = ["for"], wi = {
   key: 0,
   class: "wm-form__req",
   "aria-hidden": "true"
-}, ki = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ci = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ai = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Si = ["id", "onUpdate:modelValue", "required", "disabled"], Mi = {
+}, bi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], ki = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ci = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ai = ["id", "onUpdate:modelValue", "required", "disabled"], Si = {
   key: 4,
   class: "wm-form__bool"
-}, Ti = ["id", "onUpdate:modelValue", "disabled"], xi = ["id", "onUpdate:modelValue", "required", "disabled"], Oi = {
+}, Mi = ["id", "onUpdate:modelValue", "disabled"], Ti = ["id", "onUpdate:modelValue", "required", "disabled"], xi = {
   value: "",
   disabled: ""
-}, Li = ["value"], Ii = {
+}, Oi = ["value"], Li = {
   key: 6,
   class: "wm-form__multi"
-}, Ri = ["value", "checked", "disabled", "onChange"], Ei = {
+}, Ei = ["value", "checked", "disabled", "onChange"], Ii = {
   key: 0,
   class: "wm-form__err"
-}, Bi = ["disabled"], Ni = {
+}, Ri = ["disabled"], Bi = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Fi = {
+}, Ni = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function Ui(e, t, n, i, r, s) {
-  const a = E("AIAvatar");
-  return c(), u("div", fi, [
-    o("div", gi, [
-      o("div", _i, [
+function Fi(e, t, n, i, r, s) {
+  const a = R("AIAvatar");
+  return c(), u("div", mi, [
+    o("div", fi, [
+      o("div", gi, [
         V(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),
-        n.form.description ? (c(), u("div", yi, v(n.form.description), 1)) : b("", !0)
+      o("div", _i, [
+        o("div", pi, v(n.form.title || s.t("form.title")), 1),
+        n.form.description ? (c(), u("div", vi, v(n.form.description), 1)) : b("", !0)
       ])
     ]),
     o("form", {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = J((...l) => s.onSubmit && s.onSubmit(...l), ["prevent"]))
     }, [
-      (c(!0), u(R, null, j(s.normalizedFields, (l) => (c(), u("div", {
+      (c(!0), u(I, null, j(s.normalizedFields, (l) => (c(), u("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4437,8 +4464,8 @@ function Ui(e, t, n, i, r, s) {
           class: "wm-form__label"
         }, [
           pe(v(l.label), 1),
-          l.required ? (c(), u("span", bi, "*")) : b("", !0)
-        ], 8, wi),
+          l.required ? (c(), u("span", wi, "*")) : b("", !0)
+        ], 8, yi),
         l.type === "text" ? K((c(), u("input", {
           key: 0,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4448,7 +4475,7 @@ function Ui(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, ki)), [
+        }, null, 8, bi)), [
           [X, r.values[l.key]]
         ]) : l.type === "textarea" ? K((c(), u("textarea", {
           key: 1,
@@ -4459,7 +4486,7 @@ function Ui(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Ci)), [
+        }, null, 8, ki)), [
           [X, r.values[l.key]]
         ]) : l.type === "number" ? K((c(), u("input", {
           key: 2,
@@ -4470,7 +4497,7 @@ function Ui(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Ai)), [
+        }, null, 8, Ci)), [
           [
             X,
             r.values[l.key],
@@ -4485,16 +4512,16 @@ function Ui(e, t, n, i, r, s) {
           class: "wm-form__input",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Si)), [
+        }, null, 8, Ai)), [
           [X, r.values[l.key]]
-        ]) : l.type === "boolean" ? (c(), u("label", Mi, [
+        ]) : l.type === "boolean" ? (c(), u("label", Si, [
           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), [
-            [ze, r.values[l.key]]
+          }, null, 8, Mi), [
+            [He, r.values[l.key]]
           ]),
           o("span", null, v(l.placeholder || s.t("common.yes")), 1)
         ])) : l.type === "select" ? K((c(), u("select", {
@@ -4505,15 +4532,15 @@ function Ui(e, t, n, i, r, s) {
           required: l.required,
           disabled: n.readOnly || r.busy
         }, [
-          o("option", Oi, v(l.placeholder || s.t("form.choose")), 1),
-          (c(!0), u(R, null, j(l.options, (p) => (c(), u("option", {
+          o("option", xi, v(l.placeholder || s.t("form.choose")), 1),
+          (c(!0), u(I, null, j(l.options, (p) => (c(), u("option", {
             key: p.value,
             value: p.value
-          }, v(p.label), 9, Li))), 128))
-        ], 8, xi)), [
-          [He, r.values[l.key]]
-        ]) : l.type === "multiselect" ? (c(), u("div", Ii, [
-          (c(!0), u(R, null, j(l.options, (p) => (c(), u("label", {
+          }, v(p.label), 9, Oi))), 128))
+        ], 8, Ti)), [
+          [ze, r.values[l.key]]
+        ]) : l.type === "multiselect" ? (c(), u("div", Li, [
+          (c(!0), u(I, null, j(l.options, (p) => (c(), u("label", {
             key: p.value,
             class: "wm-form__multiItem"
           }, [
@@ -4527,25 +4554,25 @@ function Ui(e, t, n, i, r, s) {
                 p.value,
                 k.target.checked
               )
-            }, null, 40, Ri),
+            }, null, 40, Ei),
             o("span", null, v(p.label), 1)
           ]))), 128))
         ])) : 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", {
+      r.error ? (c(), u("div", Ii, v(r.error), 1)) : b("", !0),
+      n.readOnly ? (c(), u("div", Ni, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
         key: 1,
         type: "submit",
         class: "wm-form__submit",
         disabled: r.busy
       }, [
-        r.busy ? (c(), u("span", Ni)) : b("", !0),
+        r.busy ? (c(), u("span", Bi)) : b("", !0),
         o("span", null, v(r.busy ? s.t("common.sending") : n.form.submit_label || s.t("common.send")), 1)
-      ], 8, Bi))
+      ], 8, Ri))
     ], 32)
   ]);
 }
-const Pi = /* @__PURE__ */ B(mi, [["render", Ui], ["__scopeId", "data-v-fe65cc56"]]), ji = {
+const Ui = /* @__PURE__ */ B(hi, [["render", Fi], ["__scopeId", "data-v-fe65cc56"]]), Pi = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4579,13 +4606,13 @@ const Pi = /* @__PURE__ */ B(mi, [["render", Ui], ["__scopeId", "data-v-fe65cc56
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Di = { class: "wm-fb" }, zi = { class: "wm-fb__title" }, Hi = { class: "wm-fb__sub" }, qi = { class: "wm-fb__row" }, $i = ["onClick"], Vi = { class: "wm-fb__emoji" }, Ki = { class: "wm-fb__label" }, Wi = ["disabled"], Gi = {
+}, ji = { class: "wm-fb" }, Di = { class: "wm-fb__title" }, Hi = { class: "wm-fb__sub" }, zi = { class: "wm-fb__row" }, qi = ["onClick"], $i = { class: "wm-fb__emoji" }, Vi = { class: "wm-fb__label" }, Ki = ["disabled"], Wi = {
   key: 1,
   class: "wm-fb__done"
-}, Yi = { class: "wm-fb__doneTitle" }, Ji = { class: "wm-fb__doneSub" };
-function Qi(e, t, n, i, r, s) {
-  return c(), u("div", Di, [
-    n.done ? (c(), u("div", Gi, [
+}, Gi = { class: "wm-fb__doneTitle" }, Yi = { class: "wm-fb__doneSub" };
+function Ji(e, t, n, i, r, s) {
+  return c(), u("div", ji, [
+    n.done ? (c(), u("div", Wi, [
       t[1] || (t[1] = o("div", { class: "wm-fb__check" }, [
         o("svg", {
           width: "16",
@@ -4601,32 +4628,32 @@ function Qi(e, t, n, i, r, s) {
           o("path", { d: "M20 6L9 17l-5-5" })
         ])
       ], -1)),
-      o("div", Yi, v(s.t("feedback.doneTitle")), 1),
-      o("div", Ji, v(s.t("feedback.doneSubtitle")), 1)
-    ])) : (c(), u(R, { key: 0 }, [
-      o("div", zi, v(s.t("feedback.question")), 1),
+      o("div", Gi, v(s.t("feedback.doneTitle")), 1),
+      o("div", Yi, v(s.t("feedback.doneSubtitle")), 1)
+    ])) : (c(), u(I, { key: 0 }, [
+      o("div", Di, v(s.t("feedback.question")), 1),
       o("div", Hi, v(s.t("feedback.subtitle")), 1),
-      o("div", qi, [
-        (c(!0), u(R, null, j(s.options, (a) => (c(), u("button", {
+      o("div", zi, [
+        (c(!0), u(I, null, j(s.options, (a) => (c(), u("button", {
           key: a.v,
           type: "button",
           class: O(["wm-fb__opt", { "is-selected": r.sel === a.v }]),
           onClick: (l) => r.sel = a.v
         }, [
-          o("span", Vi, v(a.e), 1),
-          o("span", Ki, v(a.l), 1)
-        ], 10, $i))), 128))
+          o("span", $i, v(a.e), 1),
+          o("span", Vi, v(a.l), 1)
+        ], 10, qi))), 128))
       ]),
       o("button", {
         type: "button",
         class: "wm-fb__send",
         disabled: !r.sel || n.busy,
         onClick: t[0] || (t[0] = (...a) => s.onSend && s.onSend(...a))
-      }, v(n.busy ? s.t("common.sending") : s.t("feedback.submit")), 9, Wi)
+      }, v(n.busy ? s.t("common.sending") : s.t("feedback.submit")), 9, Ki)
     ], 64))
   ]);
 }
-const Xi = /* @__PURE__ */ B(ji, [["render", Qi], ["__scopeId", "data-v-9b630564"]]), Zi = {
+const Qi = /* @__PURE__ */ B(Pi, [["render", Ji], ["__scopeId", "data-v-9b630564"]]), Xi = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4669,24 +4696,24 @@ const Xi = /* @__PURE__ */ B(ji, [["render", Qi], ["__scopeId", "data-v-9b630564
       this.browserNotifOn = !this.browserNotifOn, this.$emit("browser-notif-toggle", this.browserNotifOn);
     }
   }
-}, ea = { class: "wm-mm" }, ta = {
+}, Zi = { class: "wm-mm" }, ea = {
   class: "wm-mm__pop",
   role: "menu"
-}, na = {
+}, ta = {
   key: 0,
   class: "wm-mm__section"
-}, sa = { class: "wm-mm__label" }, ra = { class: "wm-mm__label" }, ia = {
+}, na = { class: "wm-mm__label" }, sa = { class: "wm-mm__label" }, ra = {
   key: 1,
   class: "wm-mm__sep"
-}, aa = { class: "wm-mm__section" }, oa = { class: "wm-mm__label" }, la = { class: "wm-mm__label" }, ca = { class: "wm-mm__section" }, da = { class: "wm-mm__label" }, ua = { class: "wm-mm__label" };
-function ha(e, t, n, i, r, s) {
-  return c(), u("div", ea, [
+}, ia = { class: "wm-mm__section" }, aa = { class: "wm-mm__label" }, oa = { class: "wm-mm__label" }, la = { class: "wm-mm__section" }, ca = { class: "wm-mm__label" }, da = { class: "wm-mm__label" };
+function ua(e, t, n, i, r, s) {
+  return c(), u("div", Zi, [
     o("div", {
       class: "wm-mm__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    o("div", ta, [
-      n.canRename || n.canExport ? (c(), u("div", na, [
+    o("div", ea, [
+      n.canRename || n.canExport ? (c(), u("div", ta, [
         n.canRename ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4709,7 +4736,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z" })
             ])
           ], -1)),
-          o("span", sa, v(s.t("moreMenu.editTitle")), 1)
+          o("span", na, v(s.t("moreMenu.editTitle")), 1)
         ])) : b("", !0),
         n.canExport ? (c(), u("button", {
           key: 1,
@@ -4732,12 +4759,12 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8M16 6l-4-4-4 4M12 2v13" })
             ])
           ], -1)),
-          o("span", ra, v(s.t("moreMenu.exportTranscript")), 1),
+          o("span", sa, v(s.t("moreMenu.exportTranscript")), 1),
           t[9] || (t[9] = o("span", { class: "wm-mm__hint" }, ".txt", -1))
         ])) : b("", !0)
       ])) : b("", !0),
-      n.canRename || n.canExport ? (c(), u("div", ia)) : b("", !0),
-      o("div", aa, [
+      n.canRename || n.canExport ? (c(), u("div", ra)) : b("", !0),
+      o("div", ia, [
         o("button", {
           type: "button",
           class: "wm-mm__item",
@@ -4759,7 +4786,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M15.54 8.46a5 5 0 010 7.07M19.07 4.93a10 10 0 010 14.14" })
             ])
           ], -1)),
-          o("span", oa, v(s.t("moreMenu.sound")), 1),
+          o("span", aa, v(s.t("moreMenu.sound")), 1),
           o("span", {
             class: O(["wm-mm__toggle", { "wm-mm__toggle--on": r.soundOn }])
           }, [...t[10] || (t[10] = [
@@ -4786,7 +4813,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M15 17h5l-1.4-1.4A2 2 0 0118 14.2V11a6 6 0 10-12 0v3.2c0 .5-.2 1-.6 1.4L4 17h5m6 0a3 3 0 11-6 0" })
             ])
           ], -1)),
-          o("span", la, v(s.t("moreMenu.browserNotifications")), 1),
+          o("span", oa, v(s.t("moreMenu.browserNotifications")), 1),
           o("span", {
             class: O(["wm-mm__toggle", { "wm-mm__toggle--on": r.browserNotifOn }])
           }, [...t[12] || (t[12] = [
@@ -4795,7 +4822,7 @@ function ha(e, t, n, i, r, s) {
         ])
       ]),
       t[16] || (t[16] = o("div", { class: "wm-mm__sep" }, null, -1)),
-      o("div", ca, [
+      o("div", la, [
         n.statusUrl ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4817,7 +4844,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 6v4l3 2" })
             ])
           ], -1)),
-          o("span", da, v(s.t("moreMenu.serviceStatus")), 1)
+          o("span", ca, v(s.t("moreMenu.serviceStatus")), 1)
         ])) : b("", !0),
         n.helpUrl ? (c(), u("button", {
           key: 1,
@@ -4840,13 +4867,13 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M9 11a3 3 0 116 0c0 2-3 2-3 5M12 19h.01M12 22a10 10 0 110-20 10 10 0 010 20z" })
             ])
           ], -1)),
-          o("span", ua, v(s.t("moreMenu.helpCenter")), 1)
+          o("span", da, v(s.t("moreMenu.helpCenter")), 1)
         ])) : b("", !0)
       ])
     ])
   ]);
 }
-const ma = /* @__PURE__ */ B(Zi, [["render", ha], ["__scopeId", "data-v-76281e95"]]), fa = {
+const ha = /* @__PURE__ */ B(Xi, [["render", ua], ["__scopeId", "data-v-76281e95"]]), ma = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4888,20 +4915,20 @@ const ma = /* @__PURE__ */ B(Zi, [["render", ha], ["__scopeId", "data-v-76281e95
       this.canSubmit && this.$emit("submit", this.value.trim());
     }
   }
-}, ga = { class: "wm-dialog" }, _a = {
+}, fa = { class: "wm-dialog" }, ga = {
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
-}, pa = { class: "wm-dialog__head" }, va = { class: "wm-dialog__title" }, ya = ["aria-label"], wa = { class: "wm-dialog__body" }, ba = ["placeholder"], ka = { class: "wm-dialog__actions" }, Ca = ["disabled"];
-function Aa(e, t, n, i, r, s) {
-  return c(), u("div", ga, [
+}, _a = { class: "wm-dialog__head" }, pa = { class: "wm-dialog__title" }, va = ["aria-label"], ya = { class: "wm-dialog__body" }, wa = ["placeholder"], ba = { class: "wm-dialog__actions" }, ka = ["disabled"];
+function Ca(e, t, n, i, r, s) {
+  return c(), u("div", fa, [
     o("div", {
       class: "wm-dialog__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    o("div", _a, [
-      o("div", pa, [
-        o("div", va, v(n.title || s.t("rename.title")), 1),
+    o("div", ga, [
+      o("div", _a, [
+        o("div", pa, v(n.title || s.t("rename.title")), 1),
         o("button", {
           type: "button",
           class: "wm-dialog__close",
@@ -4921,9 +4948,9 @@ function Aa(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, ya)
+        ])], 8, va)
       ]),
-      o("div", wa, [
+      o("div", ya, [
         K(o("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => r.value = a),
@@ -4935,11 +4962,11 @@ function Aa(e, t, n, i, r, s) {
             t[3] || (t[3] = ue(J((...a) => s.onSubmit && s.onSubmit(...a), ["prevent"]), ["enter"])),
             t[4] || (t[4] = ue(J((a) => e.$emit("close"), ["prevent"]), ["esc"]))
           ]
-        }, null, 40, ba), [
+        }, null, 40, wa), [
           [X, r.value]
         ])
       ]),
-      o("div", ka, [
+      o("div", ba, [
         o("button", {
           type: "button",
           class: "wm-dialog__btn",
@@ -4950,25 +4977,25 @@ function Aa(e, t, n, i, r, s) {
           class: "wm-dialog__btn wm-dialog__btn--primary",
           disabled: !s.canSubmit,
           onClick: t[6] || (t[6] = (...a) => s.onSubmit && s.onSubmit(...a))
-        }, v(s.t("common.save")), 9, Ca)
+        }, v(s.t("common.save")), 9, ka)
       ])
     ])
   ]);
 }
-const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8"]]), Oe = "ww-messenger-tokens", Ma = {
+const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8"]]), Oe = "ww-messenger-tokens", Sa = {
   name: "Messenger",
   components: {
     Launcher: Ft,
     Header: ln,
     Onboarding: qn,
-    MessageList: Ir,
-    Composer: Qr,
-    SuggestionChips: ti,
-    ApprovalCard: ui,
-    FormCard: Pi,
-    Feedback: Xi,
-    MoreMenu: ma,
-    RenameDialog: Sa
+    MessageList: Er,
+    Composer: Jr,
+    SuggestionChips: ei,
+    ApprovalCard: di,
+    FormCard: Ui,
+    Feedback: Qi,
+    MoreMenu: ha,
+    RenameDialog: Aa
   },
   mixins: [
     ot,
@@ -5157,9 +5184,9 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
           const T = r[w];
           if (!T) continue;
           if (((k = T.author) == null ? void 0 : k.type) === "user") break;
-          const I = W(T.id);
-          if (I != null) {
-            if (s != null && I <= s) break;
+          const E = W(T.id);
+          if (E != null) {
+            if (s != null && E <= s) break;
             t[T.id] !== 0 && (!l && T.author && (l = T.author), a++);
           }
         }
@@ -5694,13 +5721,13 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
       this.launcherHovered = e, this.sendCurrentLauncherSize();
     },
     sendCurrentLauncherSize() {
-      var T, I, A, z, M, F, N;
+      var T, E, A, H, M, F, N;
       if (this.isOpen) return;
-      const e = (I = (T = this.$el) == null ? void 0 : T.querySelector) == null ? void 0 : I.call(T, ".wm-launcherWrap");
+      const e = (E = (T = this.$el) == null ? void 0 : T.querySelector) == null ? void 0 : E.call(T, ".wm-launcherWrap");
       if (!e) return;
       const t = e.getBoundingClientRect();
       if (!t.width || !t.height) return;
-      const n = (((A = this.launcherPeeks) == null ? void 0 : A.length) ?? 0) > 0, i = this.launcherHovered ? 28 : 16, r = Math.ceil(t.width), s = Math.ceil(t.height), a = (M = (z = this.$el) == null ? void 0 : z.querySelector) == null ? void 0 : M.call(z, ".wm-launcher"), l = a == null ? void 0 : a.getBoundingClientRect(), p = (N = (F = this.$el) == null ? void 0 : F.querySelectorAll) == null ? void 0 : N.call(F, ".wm-peek"), k = p && p.length ? p[p.length - 1] : null;
+      const n = (((A = this.launcherPeeks) == null ? void 0 : A.length) ?? 0) > 0, i = this.launcherHovered ? 28 : 16, r = Math.ceil(t.width), s = Math.ceil(t.height), a = (M = (H = this.$el) == null ? void 0 : H.querySelector) == null ? void 0 : M.call(H, ".wm-launcher"), l = a == null ? void 0 : a.getBoundingClientRect(), p = (N = (F = this.$el) == null ? void 0 : F.querySelectorAll) == null ? void 0 : N.call(F, ".wm-peek"), k = p && p.length ? p[p.length - 1] : null;
       let w = null;
       if (k) {
         const P = k.getBoundingClientRect();
@@ -5931,29 +5958,29 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
       }
     }
   }
-}, Ta = {
+}, Ma = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, xa = ["aria-label"], Oa = {
+}, Ta = ["aria-label"], xa = {
   key: 0,
   class: "wm-state"
-}, La = { class: "wm-state__err" }, Ia = { class: "wm-state__errTitle" }, Ra = { class: "wm-state__errSub" }, Ea = { class: "wm-bottom" }, Ba = {
+}, Oa = { class: "wm-state__err" }, La = { class: "wm-state__errTitle" }, Ea = { class: "wm-state__errSub" }, Ia = { class: "wm-bottom" }, Ra = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, Na = {
+}, Ba = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Fa = { class: "wm-actionWait__lbl" }, Ua = {
+}, Na = { class: "wm-actionWait__lbl" }, Fa = {
   key: 2,
   class: "wm-attached"
-}, Pa = ["aria-label", "onClick"];
-function ja(e, t, n, i, r, s) {
-  const a = E("Launcher"), l = E("Header"), p = E("Onboarding"), k = E("MessageList"), w = E("ApprovalCard"), T = E("FormCard"), I = E("Feedback"), A = E("SuggestionChips"), z = E("Composer"), M = E("MoreMenu"), F = E("RenameDialog");
+}, Ua = ["aria-label", "onClick"];
+function Pa(e, t, n, i, r, s) {
+  const a = R("Launcher"), l = R("Header"), p = R("Onboarding"), k = R("MessageList"), w = R("ApprovalCard"), T = R("FormCard"), E = R("Feedback"), A = R("SuggestionChips"), H = R("Composer"), M = R("MoreMenu"), F = R("RenameDialog");
   return c(), u("div", {
     class: O(["wm-root", `wm-root--${n.displayMode}`])
   }, [
@@ -5976,7 +6003,7 @@ function ja(e, t, n, i, r, s) {
       role: "dialog",
       "aria-label": "Messenger"
     }, [
-      !s.ready && !s.error ? (c(), u("div", Ta, [
+      !s.ready && !s.error ? (c(), u("div", Ma, [
         s.isEmbedded ? b("", !0) : (c(), u("button", {
           key: 0,
           type: "button",
@@ -5997,12 +6024,12 @@ function ja(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, xa)),
+        ])], 8, Ta)),
         t[6] || (t[6] = o("div", {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : (c(), u(R, { key: 1 }, [
+      ])) : (c(), u(I, { key: 1 }, [
         V(l, {
           title: s.headerTitle,
           "team-members": s.teamMembers,
@@ -6017,8 +6044,8 @@ function ja(e, t, n, i, r, s) {
           onMore: s.toggleMore,
           onClose: s.close
         }, 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", La, [
+        s.error ? (c(), u("div", xa, [
+          o("div", Oa, [
             t[7] || (t[7] = o("div", { class: "wm-state__errIcon" }, [
               o("svg", {
                 width: "14",
@@ -6035,11 +6062,11 @@ function ja(e, t, n, i, r, s) {
               ])
             ], -1)),
             o("div", null, [
-              o("div", Ia, v(s.t("error.connectionFailed")), 1),
-              o("div", Ra, v(s.error), 1)
+              o("div", La, v(s.t("error.connectionFailed")), 1),
+              o("div", Ea, v(s.error), 1)
             ])
           ])
-        ])) : s.currentConv ? (c(), u(R, { key: 2 }, [
+        ])) : s.currentConv ? (c(), u(I, { key: 2 }, [
           V(k, {
             ref: "messageList",
             messages: s.displayedMessages,
@@ -6054,8 +6081,8 @@ function ja(e, t, n, i, r, s) {
             "ai-agent-avatar-url": s.agentAvatarUrl,
             onLoadMore: s.onLoadMore
           }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "unread-anchor-id", "unread-boundary-ts", "ai-agent-name", "ai-agent-avatar-url", "onLoadMore"]),
-          o("div", Ea, [
-            s.floatVisible ? (c(), u("div", Ba, [
+          o("div", Ia, [
+            s.floatVisible ? (c(), u("div", Ra, [
               s.approvalReady ? (c(), U(w, {
                 key: 0,
                 action: s.approvalTitle,
@@ -6070,7 +6097,7 @@ function ja(e, t, n, i, r, s) {
                 "agent-name": s.agentName,
                 "agent-avatar-url": s.agentAvatarUrl,
                 onSubmit: s.onFormSubmit
-              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), U(I, {
+              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), U(E, {
                 key: 2,
                 busy: r.feedbackBusy,
                 done: r.feedbackDone,
@@ -6081,15 +6108,15 @@ function ja(e, t, n, i, r, s) {
                 onSelect: s.onSuggestion
               }, null, 8, ["items", "onSelect"]))
             ], 512)) : b("", !0),
-            s.actionInFlight ? (c(), u("div", Na, [
+            s.actionInFlight ? (c(), u("div", Ba, [
               t[8] || (t[8] = o("span", {
                 class: "wm-actionWait__spinner",
                 "aria-hidden": "true"
               }, null, -1)),
-              o("span", Fa, v(s.t("action.inProgress", {
+              o("span", Na, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
-            ])) : (c(), U(z, {
+            ])) : (c(), U(H, {
               key: 2,
               ref: "composer",
               modelValue: r.draft,
@@ -6097,9 +6124,10 @@ function ja(e, t, n, i, r, s) {
               placeholder: s.composerPlaceholder,
               disabled: !!s.pendingApproval,
               "attach-label": s.t("composer.attachFile"),
+              "display-mode": n.displayMode,
               onSend: s.onSend,
               onAttach: s.onAttach
-            }, null, 8, ["modelValue", "placeholder", "disabled", "attach-label", "onSend", "onAttach"]))
+            }, null, 8, ["modelValue", "placeholder", "disabled", "attach-label", "display-mode", "onSend", "onAttach"]))
           ]),
           r.moreOpen ? (c(), U(M, {
             key: 0,
@@ -6121,8 +6149,8 @@ function ja(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", Ua, [
-            (c(!0), u(R, null, j(r.pendingAttachments, (N, P) => (c(), u("div", {
+          r.pendingAttachments.length ? (c(), u("div", Fa, [
+            (c(!0), u(I, null, j(r.pendingAttachments, (N, P) => (c(), u("div", {
               key: P,
               class: "wm-attached__chip"
             }, [
@@ -6158,7 +6186,7 @@ function ja(e, t, n, i, r, s) {
                 }, [
                   o("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, Pa)
+              ])], 8, Ua)
             ]))), 128))
           ])) : b("", !0)
         ], 64)) : (c(), U(p, {
@@ -6191,49 +6219,49 @@ function ja(e, t, n, i, r, s) {
     ], 6)) : b("", !0)
   ], 2);
 }
-const Ha = /* @__PURE__ */ B(Ma, [["render", ja], ["__scopeId", "data-v-608c117b"]]), qa = "0.5.25";
+const Ha = /* @__PURE__ */ B(Sa, [["render", Pa], ["__scopeId", "data-v-f55cad6a"]]), za = "0.5.26";
 export {
   le as AIAvatar,
   ge as AVATAR_COLORS,
   ts as ActionResult,
-  ui as ApprovalCard,
+  di as ApprovalCard,
   ds as ArtifactFormResponse,
   Cs as ArtifactInfoCard,
-  Hs as ArtifactRenderer,
+  zs as ArtifactRenderer,
   Ps as ArtifactTicket,
   er as AttachmentPreview,
   rr as Bubble,
-  Qr as Composer,
+  Jr as Composer,
   Ze as DEFAULT_BASE_URL,
   ie as DEFAULT_LANGUAGE,
-  Xi as Feedback,
-  Pi as FormCard,
+  Qi as Feedback,
+  Ui as FormCard,
   ln as Header,
-  Re as HumanAvatar,
+  Ie as HumanAvatar,
   Ft as Launcher,
   be as MEDIA_RECORDER_SUPPORTED,
-  Ir as MessageList,
+  Er as MessageList,
   Ha as Messenger,
-  ma as MoreMenu,
+  ha as MoreMenu,
   qn as Onboarding,
   he as SCREEN_CAPTURE_SUPPORTED,
   et as SUPPORTED_LANGUAGES,
-  ti as SuggestionChips,
+  ei as SuggestionChips,
   Gt as TeamAvatars,
   lr as Typing,
-  qa as VERSION,
+  za as VERSION,
   ve as avatarColor,
   ye as avatarInitials,
-  Er as captureScreenshotFile,
-  H as colors,
+  Rr as captureScreenshotFile,
+  z as colors,
   Qe as createStore,
   D as createTranslator,
   We as createTransport,
   oe as dateLocale,
   Ha as default,
   Le as formatTime,
-  za as guessAttachmentKind,
-  Rr as pickRecorderMime,
+  Da as guessAttachmentKind,
+  Ir as pickRecorderMime,
   dn as renderInlineMarkdown,
   un as renderMarkdown,
   we as resolveLanguage,