@_solaris/messenger-widget 0.5.25 → 0.5.27

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 De, openBlock as c, createElementBlock as u, normalizeStyle as q, normalizeClass as O, toDisplayString as v, resolveComponent as I, createVNode as $, Transition as Le, withCtx as Be, Fragment as E, renderList as P, 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 Pe, renderSlot as je, vModelCheckbox as He, vModelSelect as ze, markRaw as ke } from "vue";
 const qe = [
   "connected",
   "message",
@@ -98,7 +98,13 @@ function We(e) {
           ...t.token ? { token: t.token } : {},
           // Déclaration de mode du marchand (validée serveur contre
           // widgets.allow_unauthenticated). Le serveur 400 si mismatch.
-          allowUnauthenticated: d.allowUnauthenticated === !0
+          allowUnauthenticated: d.allowUnauthenticated === !0,
+          // Data customer du marchand (`context.customer`). Stockée
+          // sur la session en `pending_customer` jusqu'à création
+          // du row au premier message. Permet aux templates
+          // `{{customer.*}}` du widget config d'être résolus dès
+          // le premier render.
+          ...d.customer && typeof d.customer == "object" ? { customer: d.customer } : {}
         })
       }
     );
@@ -132,7 +138,7 @@ function We(e) {
   }
   async function k() {
     try {
-      const d = await I();
+      const d = await B();
       t.lastActivityAt = d.reduce((f, _) => {
         const y = _ == null ? void 0 : _.last_message_at;
         return y && (!f || y > f) ? y : f;
@@ -149,14 +155,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 B() {
     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)}`
@@ -185,7 +191,7 @@ function We(e) {
       `/conversations/${encodeURIComponent(d)}/messages${y}`
     );
   }
-  async function P(d, f) {
+  async function D(d, f) {
     se();
     const _ = {
       client_msg_id: f.client_msg_id,
@@ -236,7 +242,7 @@ function We(e) {
     const d = new URLSearchParams({ widgetId: t.widgetId }).toString();
     return `${t.baseUrl}${fe}/stream?${d}`;
   }
-  function $() {
+  function V() {
     if (!t.eventSource && !(typeof document < "u" && document.hidden) && t.started)
       try {
         const d = new EventSource(te(), { withCredentials: !0 });
@@ -262,16 +268,16 @@ function We(e) {
     t.eventSource && (t.eventSource.close(), t.eventSource = null), t.connection !== "paused" && r("idle");
   }
   function se() {
-    clearTimeout(t.burstTimer), $(), t.panelOpen || (t.burstTimer = setTimeout(() => {
+    clearTimeout(t.burstTimer), V(), t.panelOpen || (t.burstTimer = setTimeout(() => {
       t.panelOpen || Y();
     }, Ve));
   }
   function ce(d) {
-    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), $()) : se();
+    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), V()) : se();
   }
   async function me() {
     try {
-      const d = await I(), f = d.reduce((y, C) => {
+      const d = await B(), f = d.reduce((y, C) => {
         const S = C == null ? void 0 : C.last_message_at;
         return S && (!y || S > y) ? S : y;
       }, null);
@@ -296,7 +302,7 @@ function We(e) {
         clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null;
         return;
       }
-      r("idle"), de(), t.panelOpen && $();
+      r("idle"), de(), t.panelOpen && V();
     }
   }
   function g() {
@@ -313,13 +319,13 @@ function We(e) {
     // REST
     getCustomer: w,
     patchCustomer: T,
-    listConversations: I,
+    listConversations: B,
     createConversation: A,
-    getConversation: z,
+    getConversation: H,
     patchConversation: M,
     markConversationRead: F,
     listMessages: N,
-    postMessage: P,
+    postMessage: D,
     postCallback: G,
     uploadAttachment: Z,
     signAttachment: ee,
@@ -348,7 +354,7 @@ function Je() {
   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 Qe(e) {
-  const t = Fe({
+  const t = De({
     ready: !1,
     error: null,
     config: null,
@@ -386,7 +392,7 @@ function Qe(e) {
   ), n.push(
     e.on("message", (h) => {
       const m = h == null ? void 0 : h.conversation_id, g = h == null ? void 0 : h.message;
-      !m || !(g != null && g.id) || ($(m, g), g.client_msg_id && delete t.streamingByMsgId[g.client_msg_id], se(m, g.created_at));
+      !m || !(g != null && g.id) || (V(m, g), g.client_msg_id && delete t.streamingByMsgId[g.client_msg_id], se(m, g.created_at));
     })
   ), n.push(
     e.on("message_stream", (h) => {
@@ -525,7 +531,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 B(h) {
     if (!h) return [];
     const m = t.messagesByConv[h] || [];
     let g = "";
@@ -543,7 +549,7 @@ function Qe(e) {
       const C = [];
       for (const S of f) {
         const L = (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);
-        $(h, S), L || C.push(S);
+        V(h, S), L || C.push(S);
       }
       return C;
     } catch (d) {
@@ -562,7 +568,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;
@@ -582,7 +588,7 @@ function Qe(e) {
       ..._ ? { payload: { type: "content", attachments: g } } : {},
       ...d && typeof d == "object" ? { metadata: d } : {}
     };
-    $(h, S);
+    V(h, S);
     try {
       await e.postMessage(h, {
         client_msg_id: y,
@@ -626,7 +632,7 @@ function Qe(e) {
     }
     return null;
   }
-  async function P(h, { rating: m, comment: g } = {}) {
+  async function D(h, { rating: m, comment: g } = {}) {
     const d = t.conversations.find((y) => y.id === h), _ = {
       ...(d == null ? void 0 : d.metadata) || {},
       feedback: {
@@ -686,15 +692,15 @@ function Qe(e) {
         if (L && typeof L == "object" && typeof L.label == "string") {
           const x = L.label.trim();
           if (!x) return null;
-          const Ne = L.kind === "cta" || L.kind === "choice" || L.kind === "followup" ? L.kind : null;
-          return { label: x, kind: Ne };
+          const Ue = L.kind === "cta" || L.kind === "choice" || L.kind === "followup" ? L.kind : null;
+          return { label: x, kind: Ue };
         }
         return null;
       }).filter(Boolean).slice(0, 4) : [];
     }
     return [];
   }
-  function $(h, m) {
+  function V(h, m) {
     var _;
     const g = t.messagesByConv[h] || [];
     let d = -1;
@@ -757,13 +763,13 @@ function Qe(e) {
     createConversation: a,
     openConversation: p,
     loadMore: k,
-    fetchSinceLast: I,
+    fetchSinceLast: B,
     patchConversation: T,
     markConversationRead: A,
-    send: z,
+    send: H,
     clickCallback: M,
     signAttachment: N,
-    submitFeedback: P,
+    submitFeedback: D,
     getPendingApproval: G,
     getActionInFlight: ee,
     getLatestSuggestions: te,
@@ -772,7 +778,7 @@ function Qe(e) {
     setPanelOpen: e.setPanelOpen
   };
 }
-const H = {
+const z = {
   w: "#ffffff",
   g50: "#F9F9F7",
   g100: "#F2F1EE",
@@ -802,7 +808,7 @@ function ve(e = "") {
 function ye(e = "") {
   return e.split(" ").map((t) => t[0] || "").join("").toUpperCase().slice(0, 2);
 }
-function Le(e = /* @__PURE__ */ new Date(), t = "fr-FR") {
+function Ee(e = /* @__PURE__ */ new Date(), t = "fr-FR") {
   return e.toLocaleTimeString(t, { hour: "2-digit", minute: "2-digit" });
 }
 const Xe = `
@@ -811,21 +817,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);
@@ -916,6 +922,7 @@ Je réponds en quelques secondes.`,
     "messageList.approvalRequestSent": "Demande d'approbation envoyée",
     "messageList.conversationUpdate": "Mise à jour de la conversation",
     "messageList.anAgent": "Un agent",
+    "messageList.scrollToBottom": "Aller en bas",
     // ── System events ────────────────────────────────────────────────
     "system.transferredToHuman": "Conversation transférée à un humain",
     "system.assigned": "{name} a rejoint la conversation",
@@ -1036,6 +1043,7 @@ I reply within seconds.`,
     "messageList.approvalRequestSent": "Approval request sent",
     "messageList.conversationUpdate": "Conversation update",
     "messageList.anAgent": "An agent",
+    "messageList.scrollToBottom": "Scroll to bottom",
     // ── System events ────────────────────────────────────────────────
     "system.transferredToHuman": "Conversation transferred to a human",
     "system.assigned": "{name} joined the conversation",
@@ -1101,7 +1109,7 @@ function we(e) {
 function oe(e) {
   return Ce[we(e)] || Ce[ie];
 }
-function D(e) {
+function j(e) {
   const t = we(e), n = _e[t] || _e[ie], i = _e[ie];
   return function(s, a) {
     let l = n[s];
@@ -1119,7 +1127,7 @@ function Ae(e, t) {
 function Ie(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()) {
+function tt(e, t, n = j()) {
   if (!e || !t) return "";
   const i = Array.isArray(e.fields) ? e.fields : [], r = [];
   for (const s of i) {
@@ -1134,7 +1142,7 @@ ${l}`);
 
 `);
 }
-function nt(e, t, n = D()) {
+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;
@@ -1204,7 +1212,7 @@ function it(e, t, n, i) {
   return r.join(`
 `);
 }
-function at(e, t, n = D(), 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 {
@@ -1629,7 +1637,7 @@ function pt(e) {
   }
   return null;
 }
-const B = (e, t) => {
+const R = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, r] of t)
     n[i] = r;
@@ -1675,13 +1683,13 @@ 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 Re = /* @__PURE__ */ R(vt, [["render", wt], ["__scopeId", "data-v-14e10c0d"]]), bt = 3, kt = {
   name: "WmLauncher",
   components: { HumanAvatar: Re },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     // Nombre de conversations non lues — pilote la pastille.
@@ -1701,9 +1709,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" }, Bt = { class: "wm-peek__text" }, Et = ["onClick"], It = ["aria-label"], Rt = ["aria-label"];
 function Nt(e, t, n, i, r, s) {
-  const a = E("HumanAvatar");
+  const a = I("HumanAvatar");
   return c(), u("div", {
     class: "wm-launcherWrap",
     onMouseenter: t[1] || (t[1] = (l) => e.$emit("hover", !0)),
@@ -1711,13 +1719,13 @@ function Nt(e, t, n, i, r, s) {
     onFocusin: t[3] || (t[3] = (l) => e.$emit("hover", !0)),
     onFocusout: t[4] || (t[4] = (l) => e.$emit("hover", !1))
   }, [
-    V(Ue, { name: "wm-peek" }, {
-      default: Pe(() => [
+    $(Le, { name: "wm-peek" }, {
+      default: Be(() => [
         s.visiblePeeks.length ? (c(), u("div", {
           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(E, null, P(s.visiblePeeks, (l, p) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
             style: q({
@@ -1756,7 +1764,7 @@ function Nt(e, t, n, i, r, s) {
               ], -1)
             ])], 8, At),
             o("div", St, [
-              V(a, {
+              $(a, {
                 name: l.senderName,
                 "avatar-url": l.senderAvatarUrl,
                 size: 34
@@ -1772,13 +1780,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", Bt, 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, Et)
           ], 44, Ct))), 128))
         ], 2)) : b("", !0)
       ]),
@@ -1811,11 +1819,11 @@ function Nt(e, t, n, i, r, s) {
         }) : s.t("launcher.unreadConversationsOne", {
           count: n.unreadCount
         })
-      }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Bt)) : b("", !0)
-    ], 8, Et)
+      }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Rt)) : b("", !0)
+    ], 8, It)
   ], 32);
 }
-const Ft = /* @__PURE__ */ B(kt, [["render", Nt], ["__scopeId", "data-v-44ddf1a1"]]), Ut = {
+const Ft = /* @__PURE__ */ R(kt, [["render", Nt], ["__scopeId", "data-v-44ddf1a1"]]), Ut = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -1844,11 +1852,11 @@ const Ft = /* @__PURE__ */ B(kt, [["render", Nt], ["__scopeId", "data-v-44ddf1a1
       return ve(this.name);
     }
   }
-}, Pt = {
+}, Dt = {
   key: 0,
   class: "wm-aiav__pulse"
-}, jt = ["src", "alt"], Dt = ["width", "height"];
-function zt(e, t, n, i, r, s) {
+}, Pt = ["src", "alt"], jt = ["width", "height"];
+function Ht(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-aiav", { "wm-aiav--tail": n.tail }]),
     style: q({
@@ -1857,7 +1865,7 @@ function zt(e, t, n, i, r, s) {
       "--wm-avr": n.size * 0.32 + "px"
     })
   }, [
-    n.pulse ? (c(), u("div", Pt)) : b("", !0),
+    n.pulse ? (c(), u("div", Dt)) : b("", !0),
     o("div", {
       class: O(["wm-aiav__inner", {
         "wm-aiav__inner--glow": n.pulse,
@@ -1872,7 +1880,7 @@ function zt(e, t, n, i, r, s) {
         key: 0,
         src: n.imageUrl,
         alt: n.name || ""
-      }, null, 8, jt)) : s.initials ? (c(), u("span", {
+      }, null, 8, Pt)) : s.initials ? (c(), u("span", {
         key: 1,
         style: q({ fontSize: n.size * 0.36 + "px" })
       }, v(s.initials), 5)) : (c(), u("svg", {
@@ -1902,11 +1910,11 @@ function zt(e, t, n, i, r, s) {
           fill: "white",
           opacity: "0.38"
         }, null, -1)
-      ])], 8, Dt))
+      ])], 8, jt))
     ], 6)
   ], 6);
 }
-const le = /* @__PURE__ */ B(Ut, [["render", zt], ["__scopeId", "data-v-6f7f685d"]]), Ht = {
+const le = /* @__PURE__ */ R(Ut, [["render", Ht], ["__scopeId", "data-v-6f7f685d"]]), zt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -1941,7 +1949,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(E, null, P(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
         style: q({
@@ -1960,13 +1968,13 @@ 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__ */ R(zt, [["render", Wt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
   name: "WmHeader",
   components: { AIAvatar: le, TeamAvatars: Gt },
   inject: {
     // Translator shared by the Messenger shell. Falls back to a French
     // translator when the component is used standalone (no provider).
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     title: { type: String, default: "Nouvelle conversation" },
@@ -2007,7 +2015,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 = I("AIAvatar"), l = I("TeamAvatars");
   return c(), u("div", Jt, [
     n.showBack ? (c(), u("button", {
       key: 0,
@@ -2030,9 +2038,9 @@ 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(E, { key: 2 }, [
       o("div", Zt, [
-        V(a, {
+        $(a, {
           size: 30,
           name: n.agentName,
           "image-url": n.agentAvatarUrl
@@ -2105,8 +2113,8 @@ function on(e, t, n, i, r, s) {
     ])
   ]);
 }
-const ln = /* @__PURE__ */ B(Yt, [["render", on], ["__scopeId", "data-v-925c9e94"]]);
-function Ee(e) {
+const ln = /* @__PURE__ */ R(Yt, [["render", on], ["__scopeId", "data-v-925c9e94"]]);
+function Ne(e) {
   return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function cn(e) {
@@ -2124,11 +2132,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(Ne(t));
 }
 function un(e) {
   if (!e) return "";
-  const t = Ee(e).split(`
+  const t = Ne(e).split(`
 `), n = [];
   let i = 0;
   for (; i < t.length; ) {
@@ -2167,10 +2175,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(""), B = k !== 1 ? ` start="${k}"` : "";
       n.push({
         type: "block",
-        html: `<ol class="wm-md-ol"${I}>${T}</ol>`
+        html: `<ol class="wm-md-ol"${B}>${T}</ol>`
       });
       continue;
     }
@@ -2207,7 +2215,7 @@ const Te = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => D() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2289,15 +2297,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" }, Bn = { class: "wm-onb__search" }, En = ["placeholder", "aria-label"], In = { class: "wm-onb__list" }, Rn = ["onClick"], Nn = ["aria-label"], Fn = { class: "wm-onb__thread-body" }, Un = { class: "wm-onb__thread-title" }, Dn = ["innerHTML"], Pn = { class: "wm-onb__thread-meta" }, jn = {
   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 = I("AIAvatar");
   return c(), u("div", mn, [
     o("div", fn, [
       t[2] || (t[2] = o("svg", {
@@ -2334,7 +2342,7 @@ function Hn(e, t, n, i, r, s) {
           opacity: "0.65"
         })
       ], -1)),
-      V(a, {
+      $(a, {
         size: 52,
         "image-url": n.defaultIconUrl
       }, null, 8, ["image-url"]),
@@ -2373,7 +2381,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(E, null, P(n.quickLinks, (l, p) => (c(), u("button", {
           key: p,
           type: "button",
           class: O(["wm-onb__card", { "wm-onb__card--row": s.isOddQuickLinks }]),
@@ -2395,7 +2403,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", Bn, [
         t[4] || (t[4] = o("span", { class: "wm-onb__searchIcon" }, [
           o("svg", {
             width: "12",
@@ -2416,12 +2424,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, En), [
           [X, r.query]
         ])
       ]),
-      o("div", En, [
-        (c(!0), u(R, null, j(s.filteredThreads, (l) => (c(), u("button", {
+      o("div", In, [
+        (c(!0), u(E, null, P(s.filteredThreads, (l) => (c(), u("button", {
           key: l.id,
           type: "button",
           class: "wm-onb__thread",
@@ -2454,10 +2462,10 @@ function Hn(e, t, n, i, r, s) {
             o("span", {
               class: "wm-onb__thread-preview",
               innerHTML: s.renderPreview(l.preview)
-            }, null, 8, Pn)
+            }, null, 8, Dn)
           ]),
-          o("span", jn, [
-            s.formatTs(l._ts) ? (c(), u("span", Dn, v(s.formatTs(l._ts)), 1)) : b("", !0),
+          o("span", Pn, [
+            s.formatTs(l._ts) ? (c(), u("span", jn, v(s.formatTs(l._ts)), 1)) : b("", !0),
             t[6] || (t[6] = o("svg", {
               width: "14",
               height: "14",
@@ -2473,13 +2481,13 @@ function Hn(e, t, n, i, r, s) {
               o("path", { d: "M5 12h14M13 5l7 7-7 7" })
             ], -1))
           ])
-        ], 8, Bn))), 128)),
-        s.filteredThreads.length ? b("", !0) : (c(), u("div", zn, v(s.t("onboarding.noResults", { query: r.query })), 1))
+        ], 8, Rn))), 128)),
+        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__ */ R(hn, [["render", zn], ["__scopeId", "data-v-a85aae63"]]);
 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 +2582,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(E, { key: 0 }, [
         t[4] || (t[4] = o("span", {
           class: "wm-result__sep",
           "aria-hidden": "true"
@@ -2584,12 +2592,12 @@ function es(e, t, n, i, r, s) {
     ])
   ], 2);
 }
-const ts = /* @__PURE__ */ B(Vn, [["render", es], ["__scopeId", "data-v-7284acd0"]]), ns = {
+const ts = /* @__PURE__ */ R(Vn, [["render", es], ["__scopeId", "data-v-7284acd0"]]), ns = {
   name: "WmArtifactFormResponse",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     data: { type: Object, required: !0 }
@@ -2623,7 +2631,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(E, null, P(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2638,7 +2646,7 @@ function cs(e, t, n, i, r, s) {
     ])
   ]);
 }
-const ds = /* @__PURE__ */ B(ns, [["render", cs], ["__scopeId", "data-v-713aecf1"]]), us = {
+const ds = /* @__PURE__ */ R(ns, [["render", cs], ["__scopeId", "data-v-713aecf1"]]), us = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -2690,7 +2698,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(E, { key: 1 }, P(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2705,7 +2713,7 @@ function ks(e, t, n, i, r, s) {
     ])) : b("", !0)
   ]);
 }
-const Cs = /* @__PURE__ */ B(us, [["render", ks], ["__scopeId", "data-v-7eae0e4a"]]);
+const Cs = /* @__PURE__ */ R(us, [["render", ks], ["__scopeId", "data-v-7eae0e4a"]]);
 function As(e, t, n) {
   if (!e) return "";
   const i = new Date(e);
@@ -2725,7 +2733,7 @@ const Ss = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => D() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2766,13 +2774,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" }, Bs = {
   key: 0,
   class: "wm-tk__text"
-}, Rs = {
+}, Es = {
   key: 0,
   class: "wm-art__body"
-}, Es = { class: "wm-art__fieldLabel" }, Bs = ["data-level"], Ns = {
+}, Is = { class: "wm-art__fieldLabel" }, Rs = ["data-level"], Ns = {
   key: 1,
   class: "wm-tk__date",
   width: "12",
@@ -2824,14 +2832,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", Bs, 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", Es, [
+      (c(!0), u(E, null, P(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", Es, v(a.label), 1),
+        o("div", Is, v(a.label), 1),
         o("div", {
           class: O([
             "wm-art__fieldValue",
@@ -2868,7 +2876,7 @@ function Us(e, t, n, i, r, s) {
               height: "9",
               rx: "0.5"
             }, null, -1)
-          ])], 8, Bs)) : s.isDate(a.label) ? (c(), u("svg", Ns, [...t[3] || (t[3] = [
+          ])], 8, Rs)) : s.isDate(a.label) ? (c(), u("svg", Ns, [...t[3] || (t[3] = [
             o("rect", {
               x: "3",
               y: "4",
@@ -2907,11 +2915,11 @@ function Us(e, t, n, i, r, s) {
     ])) : b("", !0)
   ]);
 }
-const Ps = /* @__PURE__ */ B(Ss, [["render", Us], ["__scopeId", "data-v-5f30c914"]]), js = {
+const Ds = /* @__PURE__ */ R(Ss, [["render", Us], ["__scopeId", "data-v-5f30c914"]]), Ps = {
   form_response: ds,
   info_card: Cs,
-  ticket: Ps
-}, Ds = {
+  ticket: Ds
+}, js = {
   name: "WmArtifactRenderer",
   props: {
     // Forme : { kind: string, data: any } (le `data` est validé
@@ -2922,23 +2930,23 @@ const Ps = /* @__PURE__ */ B(Ss, [["render", Us], ["__scopeId", "data-v-5f30c914
     component() {
       var t;
       const e = (t = this.artifact) == null ? void 0 : t.kind;
-      return e && js[e] || null;
+      return e && Ps[e] || null;
     }
   }
 };
-function zs(e, t, n, i, r, s) {
-  return s.component ? (c(), U(je(s.component), {
+function Hs(e, t, n, i, r, s) {
+  return s.component ? (c(), U(Pe(s.component), {
     key: 0,
     data: n.artifact.data
   }, null, 8, ["data"])) : b("", !0);
 }
-const Hs = /* @__PURE__ */ B(Ds, [["render", zs]]), qs = {
+const zs = /* @__PURE__ */ R(js, [["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: () => D() }
+    t: { default: () => j() }
   },
   props: {
     attachment: { type: Object, required: !0 }
@@ -3067,7 +3075,7 @@ function Zs(e, t, n, i, r, s) {
     ], 8, Gs))
   ], 2);
 }
-const er = /* @__PURE__ */ B(qs, [["render", Zs], ["__scopeId", "data-v-0c877a62"]]), tr = {
+const er = /* @__PURE__ */ R(qs, [["render", Zs], ["__scopeId", "data-v-0c877a62"]]), tr = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -3084,12 +3092,12 @@ function sr(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-bubble", "wm-bubble--" + n.role])
   }, [
-    De(e.$slots, "default", {}, () => [
+    je(e.$slots, "default", {}, () => [
       o("span", { innerHTML: s.rendered }, null, 8, nr)
     ], !0)
   ], 2);
 }
-const rr = /* @__PURE__ */ B(tr, [["render", sr], ["__scopeId", "data-v-7ab13147"]]), ir = { name: "WmTyping" }, ar = { class: "wm-typing" };
+const rr = /* @__PURE__ */ R(tr, [["render", sr], ["__scopeId", "data-v-7ab13147"]]), ir = { name: "WmTyping" }, ar = { class: "wm-typing" };
 function or(e, t, n, i, r, s) {
   return c(), u("div", ar, [...t[0] || (t[0] = [
     o("span", { style: { "animation-delay": "0s" } }, null, -1),
@@ -3097,7 +3105,7 @@ function or(e, t, n, i, r, s) {
     o("span", { style: { "animation-delay": "0.4s" } }, null, -1)
   ])]);
 }
-const lr = /* @__PURE__ */ B(ir, [["render", or], ["__scopeId", "data-v-df2447fd"]]);
+const lr = /* @__PURE__ */ R(ir, [["render", or], ["__scopeId", "data-v-df2447fd"]]);
 function Q(e) {
   return e ? e.client_msg_id || e.id : "";
 }
@@ -3117,12 +3125,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: () => D() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -3168,7 +3176,12 @@ const cr = {
       // par `cornersFor()` pour décider du rétractement des coins
       // intérieurs. Avant la première mesure, `cornersFor` retombe
       // sur la convention kind-based (`card` > `bubble`).
-      widthByKey: Object.freeze({})
+      widthByKey: Object.freeze({}),
+      // True dès que l'utilisateur a remonté l'historique au-delà du
+      // seuil "pinned" — affiche un bouton flottant pour revenir en
+      // bas. Recalculé sur chaque `onScroll` et après chaque restore
+      // de position.
+      showScrollDown: !1
     };
   },
   computed: {
@@ -3301,7 +3314,7 @@ const cr = {
     },
     onScroll() {
       const e = this.$refs.scrollEl;
-      e && (this.loadingMore || !this.hasMore || this._pendingLoadMore || e.scrollTop <= ur && (this._pendingLoadMore = !0, this.$emit("load-more")));
+      e && (this.showScrollDown = !this.isAtBottom(e), !(this.loadingMore || !this.hasMore) && (this._pendingLoadMore || e.scrollTop <= ur && (this._pendingLoadMore = !0, this.$emit("load-more"))));
     },
     // Capture pre-patch scroll state and restore it on the next tick.
     //
@@ -3502,9 +3515,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";
-      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 };
+      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)], B = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, M = (V, ne, Y) => V != null && T != null ? V + H >= T : ne === Y || ne === "card" && Y === "bubble";
+      let F = l, N = l, D = l, G = l;
+      return a ? (k && (N = p), (w || !s) && (D = p), k && M(B, 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(B, k, i == null ? void 0 : i.top) && (N = p), w && M(A, w, i == null ? void 0 : i.bottom) && (D = p)), { tl: F, tr: N, br: D, bl: G };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3570,7 +3583,7 @@ const cr = {
       const t = e.items[e.items.length - 1], n = (t == null ? void 0 : t.message) || e.messages[e.messages.length - 1];
       if (!(n != null && n.created_at)) return "";
       try {
-        return Le(
+        return Ee(
           new Date(n.created_at),
           oe(this.wmLocale())
         );
@@ -3622,166 +3635,202 @@ const cr = {
     },
     scrollToBottom() {
       const e = this.$refs.scrollEl;
-      e && (e.scrollTop = e.scrollHeight);
+      e && (e.scrollTop = e.scrollHeight), this.showScrollDown = !1;
+    },
+    // Variante "user-initiated" du bouton flottant : scroll fluide pour
+    // que le geste se voit, contrairement aux restores automatiques qui
+    // doivent être instantanés.
+    scrollToBottomSmooth() {
+      const e = this.$refs.scrollEl;
+      e && (typeof e.scrollTo == "function" ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight, this.showScrollDown = !1);
     }
   }
-}, mr = {
+}, mr = { class: "wm-list__wrap" }, fr = {
   key: 0,
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, fr = { class: "wm-list__loadMore-lbl" }, gr = {
+}, gr = { class: "wm-list__loadMore-lbl" }, _r = {
   key: 1,
   class: "wm-list__historyEnd"
-}, _r = {
+}, pr = {
   key: 2,
   class: "wm-list__sep"
-}, pr = { class: "wm-list__sep-label" }, vr = {
+}, vr = { class: "wm-list__sep-label" }, yr = {
   key: 0,
   class: "wm-list__sep wm-list__sep--unread"
-}, yr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, wr = {
+}, wr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, br = {
   key: 0,
   class: "wm-list__sysep"
-}, br = { class: "wm-list__sysep-label" }, kr = ["data-row-key"], Cr = {
+}, kr = { class: "wm-list__sysep-label" }, Cr = ["data-row-key"], Ar = {
   key: 0,
   class: "wm-list__avatarSlot"
-}, Ar = {
+}, Sr = {
   key: 5,
   class: "wm-list__body"
-}, Sr = { key: 0 }, Mr = {
+}, Mr = { key: 0 }, Tr = {
   key: 1,
   "aria-hidden": "true"
-}, Tr = { key: 2 }, xr = {
+}, xr = { key: 2 }, Or = {
   key: 3,
   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");
-  return c(), u("div", {
-    ref: "scrollEl",
-    class: O(["wm-list", { "wm-list--silent": r.silentFades }]),
-    onScrollPassive: t[0] || (t[0] = (...A) => s.onScroll && s.onScroll(...A))
-  }, [
-    n.loadingMore ? (c(), u("div", mr, [
-      t[1] || (t[1] = o("span", {
-        class: "wm-list__loadMore-spinner",
-        "aria-hidden": "true"
-      }, null, -1)),
-      o("span", fr, v(s.t("messageList.loadingHistory")), 1)
-    ])) : s.historyExhausted ? (c(), u("div", gr, v(s.t("messageList.conversationStart")), 1)) : b("", !0),
-    n.dateLabel ? (c(), u("div", _r, [
-      t[2] || (t[2] = o("div", { class: "wm-list__line" }, null, -1)),
-      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, {
-      key: A.key
+}, Lr = { class: "wm-list__avatarSlot" }, Br = ["aria-label", "title"];
+function Er(e, t, n, i, r, s) {
+  const a = I("AIAvatar"), l = I("HumanAvatar"), p = I("ActionResult"), k = I("ArtifactRenderer"), w = I("Bubble"), T = I("AttachmentPreview"), B = I("Typing");
+  return c(), u("div", mr, [
+    o("div", {
+      ref: "scrollEl",
+      class: O(["wm-list", { "wm-list--silent": r.silentFades }]),
+      onScrollPassive: t[0] || (t[0] = (...A) => s.onScroll && s.onScroll(...A))
     }, [
-      A.key === s.unreadGroupKey ? (c(), u("div", vr, [
-        t[4] || (t[4] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)),
-        o("span", yr, v(s.t("messageList.unread")), 1),
-        t[5] || (t[5] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1))
+      n.loadingMore ? (c(), u("div", fr, [
+        t[2] || (t[2] = o("span", {
+          class: "wm-list__loadMore-spinner",
+          "aria-hidden": "true"
+        }, null, -1)),
+        o("span", gr, v(s.t("messageList.loadingHistory")), 1)
+      ])) : s.historyExhausted ? (c(), u("div", _r, v(s.t("messageList.conversationStart")), 1)) : b("", !0),
+      n.dateLabel ? (c(), u("div", pr, [
+        t[3] || (t[3] = o("div", { class: "wm-list__line" }, null, -1)),
+        o("span", vr, v(n.dateLabel), 1),
+        t[4] || (t[4] = o("div", { class: "wm-list__line" }, null, -1))
       ])) : b("", !0),
-      A.role === "system" || A.items.length ? (c(), u("div", {
-        key: 1,
-        class: O(["wm-list__group", "wm-list__group--" + A.role])
+      (c(!0), u(E, null, P(s.groups, (A, H) => (c(), u(E, {
+        key: A.key
       }, [
-        A.role === "system" ? (c(), u("div", wr, [
-          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", {
-            key: `${s.messageKey(M.message)}-${M.partKey}`,
-            "data-row-key": `${s.messageKey(M.message)}-${M.partKey}`,
-            class: O(["wm-list__row fade-up", [
-              "wm-list__row--" + A.role,
-              {
-                "is-pending": M.message._pending,
-                "is-failed": M.message._failed
-              }
-            ]]),
-            style: q(s.cornersStyle(A, F))
-          }, [
-            A.role !== "user" ? (c(), u("div", Cr, [
-              F === A.items.length - 1 ? (c(), u(R, { key: 0 }, [
-                A.role === "ai" ? (c(), U(a, {
+        A.key === s.unreadGroupKey ? (c(), u("div", yr, [
+          t[5] || (t[5] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)),
+          o("span", wr, v(s.t("messageList.unread")), 1),
+          t[6] || (t[6] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1))
+        ])) : b("", !0),
+        A.role === "system" || A.items.length ? (c(), u("div", {
+          key: 1,
+          class: O(["wm-list__group", "wm-list__group--" + A.role])
+        }, [
+          A.role === "system" ? (c(), u("div", br, [
+            t[7] || (t[7] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
+            o("span", kr, v(A.systemLabel), 1),
+            t[8] || (t[8] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
+          ])) : (c(), u(E, { key: 1 }, [
+            (c(!0), u(E, null, P(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", [
+                "wm-list__row--" + A.role,
+                {
+                  "is-pending": M.message._pending,
+                  "is-failed": M.message._failed
+                }
+              ]]),
+              style: q(s.cornersStyle(A, F))
+            }, [
+              A.role !== "user" ? (c(), u("div", Ar, [
+                F === A.items.length - 1 ? (c(), u(E, { key: 0 }, [
+                  A.role === "ai" ? (c(), U(a, {
+                    key: 0,
+                    size: 26,
+                    tail: !0,
+                    name: n.aiAgentName,
+                    "image-url": n.aiAgentAvatarUrl
+                  }, null, 8, ["name", "image-url"])) : (c(), U(l, {
+                    key: 1,
+                    name: A.agentName,
+                    "avatar-url": A.agentAvatarUrl,
+                    size: 26,
+                    tail: !0
+                  }, null, 8, ["name", "avatar-url"]))
+                ], 64)) : b("", !0)
+              ])) : b("", !0),
+              M.renderAs === "action" ? (c(), U(p, {
+                key: 1,
+                state: M.message.payload.state,
+                label: s.actionLabel(M.message),
+                detail: s.actionDetail(M.message)
+              }, null, 8, ["state", "label", "detail"])) : M.renderAs === "admin-pending" ? (c(), U(p, {
+                key: 2,
+                state: "awaiting",
+                label: s.t("messageList.approvalRequestSent"),
+                detail: M.message.text_md || ""
+              }, null, 8, ["label", "detail"])) : M.renderAs === "artifact-of-action" ? (c(), U(k, {
+                key: 3,
+                artifact: s.actionArtifact(M.message)
+              }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), U(k, {
+                key: 4,
+                artifact: s.artifactOf(M.message)
+              }, null, 8, ["artifact"])) : (c(), u("div", Sr, [
+                M.message.text_md ? (c(), U(w, {
                   key: 0,
-                  size: 26,
-                  tail: !0,
-                  name: n.aiAgentName,
-                  "image-url": n.aiAgentAvatarUrl
-                }, null, 8, ["name", "image-url"])) : (c(), U(l, {
+                  role: A.role,
+                  text: M.message.text_md
+                }, null, 8, ["role", "text"])) : b("", !0),
+                s.attachmentsOf(M.message).length ? (c(), u("div", {
                   key: 1,
-                  name: A.agentName,
-                  "avatar-url": A.agentAvatarUrl,
-                  size: 26,
-                  tail: !0
-                }, null, 8, ["name", "avatar-url"]))
-              ], 64)) : b("", !0)
-            ])) : b("", !0),
-            M.renderAs === "action" ? (c(), U(p, {
-              key: 1,
-              state: M.message.payload.state,
-              label: s.actionLabel(M.message),
-              detail: s.actionDetail(M.message)
-            }, null, 8, ["state", "label", "detail"])) : M.renderAs === "admin-pending" ? (c(), U(p, {
-              key: 2,
-              state: "awaiting",
-              label: s.t("messageList.approvalRequestSent"),
-              detail: M.message.text_md || ""
-            }, null, 8, ["label", "detail"])) : M.renderAs === "artifact-of-action" ? (c(), U(k, {
-              key: 3,
-              artifact: s.actionArtifact(M.message)
-            }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), U(k, {
-              key: 4,
-              artifact: s.artifactOf(M.message)
-            }, null, 8, ["artifact"])) : (c(), u("div", Ar, [
-              M.message.text_md ? (c(), U(w, {
-                key: 0,
-                role: A.role,
-                text: M.message.text_md
-              }, null, 8, ["role", "text"])) : b("", !0),
-              s.attachmentsOf(M.message).length ? (c(), u("div", {
-                key: 1,
-                class: O(["wm-list__atts", {
-                  "wm-list__atts--align-end": A.role === "user"
-                }])
-              }, [
-                (c(!0), u(R, null, j(s.attachmentsOf(
-                  M.message
-                ), (N, P) => (c(), U(T, {
-                  key: `${s.messageKey(M.message)}-att-${P}`,
-                  attachment: N
-                }, null, 8, ["attachment"]))), 128))
-              ], 2)) : b("", !0)
-            ]))
-          ], 14, kr))), 128)),
-          (A.role !== "user" || s.lastTimeOf(A)) && !s.hasTrailingOverlay(A) ? (c(), u("div", {
-            key: 0,
-            class: O(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
+                  class: O(["wm-list__atts", {
+                    "wm-list__atts--align-end": A.role === "user"
+                  }])
+                }, [
+                  (c(!0), u(E, null, P(s.attachmentsOf(
+                    M.message
+                  ), (N, D) => (c(), U(T, {
+                    key: `${s.messageKey(M.message)}-att-${D}`,
+                    attachment: N
+                  }, null, 8, ["attachment"]))), 128))
+                ], 2)) : b("", !0)
+              ]))
+            ], 14, Cr))), 128)),
+            (A.role !== "user" || s.lastTimeOf(A)) && !s.hasTrailingOverlay(A) ? (c(), u("div", {
+              key: 0,
+              class: O(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
+            }, [
+              A.role !== "user" ? (c(), u("span", Mr, v(s.roleLabel(A)), 1)) : b("", !0),
+              A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Tr, "•")) : b("", !0),
+              s.lastTimeOf(A) ? (c(), u("span", xr, v(s.lastTimeOf(A)), 1)) : b("", !0)
+            ], 2)) : b("", !0)
+          ], 64))
+        ], 2)) : b("", !0)
+      ], 64))), 128)),
+      n.streamingActive ? (c(), u("div", Or, [
+        o("div", Lr, [
+          $(a, {
+            size: 26,
+            tail: !0,
+            name: n.aiAgentName,
+            "image-url": n.aiAgentAvatarUrl
+          }, null, 8, ["name", "image-url"])
+        ]),
+        $(B)
+      ])) : b("", !0)
+    ], 34),
+    $(Le, { name: "wm-scrollDown" }, {
+      default: Be(() => [
+        r.showScrollDown ? (c(), u("button", {
+          key: 0,
+          type: "button",
+          class: "wm-list__scrollDown",
+          "aria-label": s.t("messageList.scrollToBottom"),
+          title: s.t("messageList.scrollToBottom"),
+          onClick: t[1] || (t[1] = (...A) => s.scrollToBottomSmooth && s.scrollToBottomSmooth(...A))
+        }, [...t[9] || (t[9] = [
+          o("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2.2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
           }, [
-            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),
-            s.lastTimeOf(A) ? (c(), u("span", Tr, v(s.lastTimeOf(A)), 1)) : b("", !0)
-          ], 2)) : b("", !0)
-        ], 64))
-      ], 2)) : b("", !0)
-    ], 64))), 128)),
-    n.streamingActive ? (c(), u("div", xr, [
-      o("div", Or, [
-        V(a, {
-          size: 26,
-          tail: !0,
-          name: n.aiAgentName,
-          "image-url": n.aiAgentAvatarUrl
-        }, null, 8, ["name", "image-url"])
+            o("path", { d: "M6 9l6 6 6-6" })
+          ], -1)
+        ])], 8, Br)) : b("", !0)
       ]),
-      V(I)
-    ])) : b("", !0)
-  ], 34);
+      _: 1
+    })
+  ]);
 }
-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";
+const Ir = /* @__PURE__ */ R(hr, [["render", Er], ["__scopeId", "data-v-9590b3b2"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", be = typeof window < "u" && typeof window.MediaRecorder < "u";
 function Rr() {
   return be && [
     "video/webm;codecs=vp9,opus",
@@ -3793,7 +3842,7 @@ function Rr() {
     return (i = (n = window.MediaRecorder).isTypeSupported) == null ? void 0 : i.call(n, t);
   }) || "";
 }
-function Be({ audio: e }) {
+function Fe({ audio: e }) {
   return {
     video: !0,
     audio: !!e,
@@ -3805,18 +3854,18 @@ function Be({ audio: e }) {
 function za(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
-async function Er() {
+async function Nr() {
   if (!he) return null;
   let e;
   try {
     e = await navigator.mediaDevices.getDisplayMedia(
-      Be({ audio: !1 })
+      Fe({ audio: !1 })
     );
   } catch (t) {
     return (t == null ? void 0 : t.name) !== "NotAllowedError" && console.error("[media] screenshot picker", t), null;
   }
   try {
-    return await Br(e);
+    return await Fr(e);
   } catch (t) {
     return console.error("[media] screenshot capture", t), null;
   } finally {
@@ -3825,7 +3874,7 @@ async function Er() {
     });
   }
 }
-async function Br(e) {
+async function Fr(e) {
   const t = document.createElement("video");
   t.muted = !0, t.playsInline = !0, t.srcObject = e, await t.play(), await new Promise((l) => requestAnimationFrame(l));
   const n = t.videoWidth || 1280, i = t.videoHeight || 720, r = document.createElement("canvas");
@@ -3838,13 +3887,13 @@ async function Br(e) {
   }), a = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return new File([s], `capture-${a}.png`, { type: "image/png" });
 }
-async function Nr(e = {}) {
+async function Ur(e = {}) {
   var k;
   if (!he || !be) return null;
   let t;
   try {
     t = await navigator.mediaDevices.getDisplayMedia(
-      Be({ audio: !0 })
+      Fe({ audio: !0 })
     );
   } catch (w) {
     return (w == null ? void 0 : w.name) !== "NotAllowedError" && console.error("[media] record picker", w), null;
@@ -3864,11 +3913,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((B) => {
+      B.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 B = i.mimeType || n || "video/webm", A = new Blob(r, { type: B }), H = /mp4/.test(B) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), F = new File([A], `ecran-${M}.${H}`, {
+        type: B
       });
       (w = e.onfinalize) == null || w.call(e, F);
     } else
@@ -3903,7 +3952,7 @@ async function Nr(e = {}) {
     }
   };
 }
-const Fr = [
+const Dr = [
   {
     action: "file",
     labelKey: "composer.attachFile",
@@ -3919,18 +3968,21 @@ 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"
   }
-], Ur = {
+], Pr = {
   name: "WmComposer",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     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 +3991,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: {
@@ -3947,7 +4002,7 @@ const Fr = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Fr.map((e) => ({
+      return Dr.map((e) => ({
         ...e,
         label: this.t(e.labelKey),
         disabled: e.action === "screenshot" && !he || e.action === "record" && (!he || !be)
@@ -3967,7 +4022,7 @@ const Fr = [
     }
   },
   mounted() {
-    this.autosize();
+    this.autosize(), this.displayMode === "sheet" && this.setupKeyboardTracking();
   },
   beforeUnmount() {
     if (this.recorder)
@@ -3975,6 +4030,7 @@ const Fr = [
         this.recorder.stop();
       } catch {
       }
+    this.teardownKeyboardTracking();
   },
   methods: {
     // Imperatively move the caret into the textarea — called by the
@@ -4020,13 +4076,13 @@ const Fr = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const e = await Er();
+      const e = await Nr();
       e && this.$emit("attach", e);
     },
     async startRecording() {
       if (this.recording || this.disabled) return;
       this.recordingElapsed = 0;
-      const e = await Nr({
+      const e = await Ur({
         onstart: () => {
           this.recording = !0;
         },
@@ -4049,29 +4105,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 = {
+}, jr = {
   key: 0,
   class: "wm-rec"
-}, Dr = { class: "wm-rec__lbl" }, zr = {
+}, Hr = { class: "wm-rec__lbl" }, zr = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, Hr = ["disabled", "onClick"], qr = { class: "wm-compose__menuIcon" }, $r = {
+}, qr = ["disabled", "onClick"], $r = { class: "wm-compose__menuIcon" }, Vr = {
   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, [
+}, Kr = ["d"], Wr = ["placeholder", "disabled"], Gr = { class: "wm-compose__actions" }, Yr = ["title", "aria-label", "disabled"], Jr = ["disabled", "aria-label"];
+function Qr(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", jr, [
       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", Hr, v(s.t("composer.recording", { time: s.recordingElapsedLabel })), 1),
       o("button", {
         type: "button",
         class: "wm-rec__stop",
@@ -4095,15 +4171,15 @@ function Jr(e, t, n, i, r, s) {
         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", {
+        (c(!0), u(E, null, P(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", $r, [
+            (c(), u("svg", Vr, [
               o("path", {
                 d: a.path,
                 stroke: "currentColor",
@@ -4111,11 +4187,11 @@ function Jr(e, t, n, i, r, s) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Vr)
+              }, null, 8, Kr)
             ]))
           ]),
           o("span", null, v(a.label), 1)
-        ], 8, Hr))), 128))
+        ], 8, qr))), 128))
       ])) : b("", !0),
       K(o("textarea", {
         ref: "inputEl",
@@ -4126,10 +4202,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, Wr), [
         [X, r.local]
       ]),
-      o("div", Wr, [
+      o("div", Gr, [
         o("button", {
           type: "button",
           class: O(["wm-compose__icon", { "is-open": r.attachOpen }]),
@@ -4151,7 +4227,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, Yr),
         o("button", {
           type: "submit",
           class: O(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -4171,12 +4247,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, Jr)
       ])
     ], 34)
-  ]);
+  ], 6);
 }
-const Qr = /* @__PURE__ */ B(Ur, [["render", Jr], ["__scopeId", "data-v-b88b1cbb"]]), Xr = {
+const Xr = /* @__PURE__ */ R(Pr, [["render", Qr], ["__scopeId", "data-v-d6c1e5e7"]]), Zr = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4193,28 +4269,28 @@ 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) {
+}, ei = ["onClick"];
+function ti(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(E, null, P(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, ei))), 128))
   ])) : b("", !0);
 }
-const ti = /* @__PURE__ */ B(Xr, [["render", ei], ["__scopeId", "data-v-47ad8085"]]), ni = {
+const ni = /* @__PURE__ */ R(Zr, [["render", ti], ["__scopeId", "data-v-47ad8085"]]), si = {
   name: "WmApprovalCard",
   components: { AIAvatar: le },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     action: { type: String, required: !0 },
@@ -4252,27 +4328,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 = {
+}, ri = { class: "wm-approval" }, ii = { class: "wm-approval__head" }, ai = { class: "wm-approval__icon" }, oi = { class: "wm-approval__main" }, li = { class: "wm-approval__title" }, ci = {
   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, [
-        V(a, {
+}, di = { class: "wm-approval__actions" };
+function ui(e, t, n, i, r, s) {
+  const a = I("AIAvatar");
+  return c(), u("div", ri, [
+    o("div", ii, [
+      o("div", ai, [
+        $(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", oi, [
+        o("div", li, v(n.action), 1),
+        n.detail ? (c(), u("div", ci, v(n.detail), 1)) : b("", !0)
       ])
     ]),
-    o("div", ci, [
+    o("div", di, [
       s.rejectId ? (c(), u("button", {
         key: 0,
         type: "button",
@@ -4288,9 +4364,9 @@ function di(e, t, n, i, r, s) {
     ])
   ]);
 }
-const ui = /* @__PURE__ */ B(ni, [["render", di], ["__scopeId", "data-v-a2bed37e"]]);
+const hi = /* @__PURE__ */ R(si, [["render", ui], ["__scopeId", "data-v-a2bed37e"]]);
 let xe = 0;
-const hi = /* @__PURE__ */ new Set([
+const mi = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4298,13 +4374,13 @@ const hi = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), mi = {
+]), fi = {
   name: "WmFormCard",
   components: { AIAvatar: le },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     form: { type: Object, required: !0 },
@@ -4328,7 +4404,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) || !mi.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
     }
   },
   created() {
@@ -4381,54 +4457,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 = {
+}, gi = { class: "wm-form" }, _i = { class: "wm-form__head" }, pi = { class: "wm-form__icon" }, vi = { class: "wm-form__main" }, yi = { class: "wm-form__title" }, wi = {
   key: 0,
   class: "wm-form__detail"
-}, wi = ["for"], bi = {
+}, bi = ["for"], ki = {
   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 = {
+}, Ci = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ai = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Si = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Mi = ["id", "onUpdate:modelValue", "required", "disabled"], Ti = {
   key: 4,
   class: "wm-form__bool"
-}, Ti = ["id", "onUpdate:modelValue", "disabled"], xi = ["id", "onUpdate:modelValue", "required", "disabled"], Oi = {
+}, xi = ["id", "onUpdate:modelValue", "disabled"], Oi = ["id", "onUpdate:modelValue", "required", "disabled"], Li = {
   value: "",
   disabled: ""
-}, Li = ["value"], Ii = {
+}, Bi = ["value"], Ei = {
   key: 6,
   class: "wm-form__multi"
-}, Ri = ["value", "checked", "disabled", "onChange"], Ei = {
+}, Ii = ["value", "checked", "disabled", "onChange"], Ri = {
   key: 0,
   class: "wm-form__err"
-}, Bi = ["disabled"], Ni = {
+}, Ni = ["disabled"], Fi = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Fi = {
+}, Ui = {
   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, [
-        V(a, {
+function Di(e, t, n, i, r, s) {
+  const a = I("AIAvatar");
+  return c(), u("div", gi, [
+    o("div", _i, [
+      o("div", pi, [
+        $(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", vi, [
+        o("div", yi, v(n.form.title || s.t("form.title")), 1),
+        n.form.description ? (c(), u("div", wi, 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(E, null, P(s.normalizedFields, (l) => (c(), u("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4437,8 +4513,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", ki, "*")) : b("", !0)
+        ], 8, bi),
         l.type === "text" ? K((c(), u("input", {
           key: 0,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4448,7 +4524,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, Ci)), [
           [X, r.values[l.key]]
         ]) : l.type === "textarea" ? K((c(), u("textarea", {
           key: 1,
@@ -4459,7 +4535,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, Ai)), [
           [X, r.values[l.key]]
         ]) : l.type === "number" ? K((c(), u("input", {
           key: 2,
@@ -4470,7 +4546,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, Si)), [
           [
             X,
             r.values[l.key],
@@ -4485,16 +4561,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, Mi)), [
           [X, r.values[l.key]]
-        ]) : l.type === "boolean" ? (c(), u("label", Mi, [
+        ]) : l.type === "boolean" ? (c(), u("label", Ti, [
           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, xi), [
+            [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 +4581,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", Li, v(l.placeholder || s.t("form.choose")), 1),
+          (c(!0), u(E, null, P(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, Bi))), 128))
+        ], 8, Oi)), [
+          [ze, r.values[l.key]]
+        ]) : l.type === "multiselect" ? (c(), u("div", Ei, [
+          (c(!0), u(E, null, P(l.options, (p) => (c(), u("label", {
             key: p.value,
             class: "wm-form__multiItem"
           }, [
@@ -4527,30 +4603,30 @@ function Ui(e, t, n, i, r, s) {
                 p.value,
                 k.target.checked
               )
-            }, null, 40, Ri),
+            }, null, 40, Ii),
             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", Ri, v(r.error), 1)) : b("", !0),
+      n.readOnly ? (c(), u("div", Ui, 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", Fi)) : b("", !0),
         o("span", null, v(r.busy ? s.t("common.sending") : n.form.submit_label || s.t("common.send")), 1)
-      ], 8, Bi))
+      ], 8, Ni))
     ], 32)
   ]);
 }
-const Pi = /* @__PURE__ */ B(mi, [["render", Ui], ["__scopeId", "data-v-fe65cc56"]]), ji = {
+const Pi = /* @__PURE__ */ R(fi, [["render", Di], ["__scopeId", "data-v-fe65cc56"]]), ji = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     busy: { type: Boolean, default: !1 },
@@ -4579,13 +4655,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 = {
+}, Hi = { class: "wm-fb" }, zi = { class: "wm-fb__title" }, qi = { class: "wm-fb__sub" }, $i = { class: "wm-fb__row" }, Vi = ["onClick"], Ki = { class: "wm-fb__emoji" }, Wi = { class: "wm-fb__label" }, Gi = ["disabled"], Yi = {
   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, [
+}, Ji = { class: "wm-fb__doneTitle" }, Qi = { class: "wm-fb__doneSub" };
+function Xi(e, t, n, i, r, s) {
+  return c(), u("div", Hi, [
+    n.done ? (c(), u("div", Yi, [
       t[1] || (t[1] = o("div", { class: "wm-fb__check" }, [
         o("svg", {
           width: "16",
@@ -4601,37 +4677,37 @@ 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", Ji, v(s.t("feedback.doneTitle")), 1),
+      o("div", Qi, v(s.t("feedback.doneSubtitle")), 1)
+    ])) : (c(), u(E, { key: 0 }, [
       o("div", zi, 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", qi, v(s.t("feedback.subtitle")), 1),
+      o("div", $i, [
+        (c(!0), u(E, null, P(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", Ki, v(a.e), 1),
+          o("span", Wi, v(a.l), 1)
+        ], 10, Vi))), 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, Gi)
     ], 64))
   ]);
 }
-const Xi = /* @__PURE__ */ B(ji, [["render", Qi], ["__scopeId", "data-v-9b630564"]]), Zi = {
+const Zi = /* @__PURE__ */ R(ji, [["render", Xi], ["__scopeId", "data-v-9b630564"]]), ea = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -4669,24 +4745,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 = {
+}, ta = { class: "wm-mm" }, na = {
   class: "wm-mm__pop",
   role: "menu"
-}, na = {
+}, sa = {
   key: 0,
   class: "wm-mm__section"
-}, sa = { class: "wm-mm__label" }, ra = { class: "wm-mm__label" }, ia = {
+}, ra = { class: "wm-mm__label" }, ia = { class: "wm-mm__label" }, aa = {
   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, [
+}, oa = { class: "wm-mm__section" }, la = { class: "wm-mm__label" }, ca = { class: "wm-mm__label" }, da = { class: "wm-mm__section" }, ua = { class: "wm-mm__label" }, ha = { class: "wm-mm__label" };
+function ma(e, t, n, i, r, s) {
+  return c(), u("div", ta, [
     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", na, [
+      n.canRename || n.canExport ? (c(), u("div", sa, [
         n.canRename ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4709,7 +4785,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", ra, v(s.t("moreMenu.editTitle")), 1)
         ])) : b("", !0),
         n.canExport ? (c(), u("button", {
           key: 1,
@@ -4732,12 +4808,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", ia, 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", aa)) : b("", !0),
+      o("div", oa, [
         o("button", {
           type: "button",
           class: "wm-mm__item",
@@ -4759,7 +4835,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", la, 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 +4862,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", ca, 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 +4871,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", da, [
         n.statusUrl ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4817,7 +4893,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", ua, v(s.t("moreMenu.serviceStatus")), 1)
         ])) : b("", !0),
         n.helpUrl ? (c(), u("button", {
           key: 1,
@@ -4840,18 +4916,18 @@ 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", ha, v(s.t("moreMenu.helpCenter")), 1)
         ])) : b("", !0)
       ])
     ])
   ]);
 }
-const ma = /* @__PURE__ */ B(Zi, [["render", ha], ["__scopeId", "data-v-76281e95"]]), fa = {
+const fa = /* @__PURE__ */ R(ea, [["render", ma], ["__scopeId", "data-v-76281e95"]]), ga = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => D() }
+    t: { default: () => j() }
   },
   props: {
     // Empty defaults: the resolved fallback comes from the translator
@@ -4888,20 +4964,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 = {
+}, _a = { class: "wm-dialog" }, pa = {
   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, [
+}, va = { class: "wm-dialog__head" }, ya = { class: "wm-dialog__title" }, wa = ["aria-label"], ba = { class: "wm-dialog__body" }, ka = ["placeholder"], Ca = { class: "wm-dialog__actions" }, Aa = ["disabled"];
+function Sa(e, t, n, i, r, s) {
+  return c(), u("div", _a, [
     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", pa, [
+      o("div", va, [
+        o("div", ya, v(n.title || s.t("rename.title")), 1),
         o("button", {
           type: "button",
           class: "wm-dialog__close",
@@ -4921,9 +4997,9 @@ function Aa(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, ya)
+        ])], 8, wa)
       ]),
-      o("div", wa, [
+      o("div", ba, [
         K(o("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => r.value = a),
@@ -4935,11 +5011,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, ka), [
           [X, r.value]
         ])
       ]),
-      o("div", ka, [
+      o("div", Ca, [
         o("button", {
           type: "button",
           class: "wm-dialog__btn",
@@ -4950,25 +5026,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, Aa)
       ])
     ])
   ]);
 }
-const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8"]]), Oe = "ww-messenger-tokens", Ma = {
+const Ma = /* @__PURE__ */ R(ga, [["render", Sa], ["__scopeId", "data-v-6d5f94a8"]]), Oe = "ww-messenger-tokens", Ta = {
   name: "Messenger",
   components: {
     Launcher: Ft,
     Header: ln,
     Onboarding: qn,
     MessageList: Ir,
-    Composer: Qr,
-    SuggestionChips: ti,
-    ApprovalCard: ui,
+    Composer: Xr,
+    SuggestionChips: ni,
+    ApprovalCard: hi,
     FormCard: Pi,
-    Feedback: Xi,
-    MoreMenu: ma,
-    RenameDialog: Sa
+    Feedback: Zi,
+    MoreMenu: fa,
+    RenameDialog: Ma
   },
   mixins: [
     ot,
@@ -5119,7 +5195,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 D(this.locale);
+      return j(this.locale);
     },
     error() {
       var e;
@@ -5157,9 +5233,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 B = W(T.id);
+          if (B != null) {
+            if (s != null && B <= s) break;
             t[T.id] !== 0 && (!l && T.author && (l = T.author), a++);
           }
         }
@@ -5439,7 +5515,7 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
         }
       }
       return this.t("messageList.today", {
-        time: Le(t, oe(this.locale))
+        time: Ee(t, oe(this.locale))
       });
     },
     // Pagination state for the active conversation. Drives the
@@ -5608,10 +5684,11 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
           })
         ), this.store = ke(Qe(this.transport)), this.hydrateNotifPref();
         const n = ((e = this.parentContext) == null ? void 0 : e.customer) || ((t = this.context) == null ? void 0 : t.customer);
-        n && typeof n == "object" && await this.store.applyCustomer(n), await this.store.start({
+        await this.store.start({
           origin: this.parentOrigin,
           token: this.parentToken || void 0,
-          allowUnauthenticated: this.parentAllowUnauthenticated
+          allowUnauthenticated: this.parentAllowUnauthenticated,
+          customer: n && typeof n == "object" ? n : void 0
         }), this.setupLiveReveal();
       } catch (n) {
         console.error("[ww-messenger] bootstrap failed", n), this.bootError = (n == null ? void 0 : n.message) || String(n);
@@ -5694,21 +5771,21 @@ 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, B, 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 = (B = (T = this.$el) == null ? void 0 : T.querySelector) == null ? void 0 : B.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();
+        const D = k.getBoundingClientRect();
         w = {
-          width: Math.ceil(P.width),
-          height: Math.ceil(P.height),
-          rightOffset: Math.max(0, Math.ceil(t.right - P.right)),
-          bottomOffset: Math.max(0, Math.ceil(t.bottom - P.bottom))
+          width: Math.ceil(D.width),
+          height: Math.ceil(D.height),
+          rightOffset: Math.max(0, Math.ceil(t.right - D.right)),
+          bottomOffset: Math.max(0, Math.ceil(t.bottom - D.bottom))
         };
       }
       this.notifyParentResize("closed", {
@@ -5931,29 +6008,29 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
       }
     }
   }
-}, Ta = {
+}, xa = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, xa = ["aria-label"], Oa = {
+}, Oa = ["aria-label"], La = {
   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 = {
+}, Ba = { class: "wm-state__err" }, Ea = { class: "wm-state__errTitle" }, Ia = { class: "wm-state__errSub" }, Ra = { class: "wm-bottom" }, Na = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, Na = {
+}, Fa = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Fa = { class: "wm-actionWait__lbl" }, Ua = {
+}, Ua = { class: "wm-actionWait__lbl" }, Da = {
   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");
+  const a = I("Launcher"), l = I("Header"), p = I("Onboarding"), k = I("MessageList"), w = I("ApprovalCard"), T = I("FormCard"), B = I("Feedback"), A = I("SuggestionChips"), H = I("Composer"), M = I("MoreMenu"), F = I("RenameDialog");
   return c(), u("div", {
     class: O(["wm-root", `wm-root--${n.displayMode}`])
   }, [
@@ -5976,7 +6053,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", xa, [
         s.isEmbedded ? b("", !0) : (c(), u("button", {
           key: 0,
           type: "button",
@@ -5997,13 +6074,13 @@ function ja(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, xa)),
+        ])], 8, Oa)),
         t[6] || (t[6] = o("div", {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : (c(), u(R, { key: 1 }, [
-        V(l, {
+      ])) : (c(), u(E, { key: 1 }, [
+        $(l, {
           title: s.headerTitle,
           "team-members": s.teamMembers,
           "response-label": s.responseLabel,
@@ -6017,8 +6094,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", La, [
+          o("div", Ba, [
             t[7] || (t[7] = o("div", { class: "wm-state__errIcon" }, [
               o("svg", {
                 width: "14",
@@ -6035,12 +6112,12 @@ 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", Ea, v(s.t("error.connectionFailed")), 1),
+              o("div", Ia, v(s.error), 1)
             ])
           ])
-        ])) : s.currentConv ? (c(), u(R, { key: 2 }, [
-          V(k, {
+        ])) : s.currentConv ? (c(), u(E, { key: 2 }, [
+          $(k, {
             ref: "messageList",
             messages: s.displayedMessages,
             "streaming-active": s.streamingActive,
@@ -6054,8 +6131,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", Ra, [
+            s.floatVisible ? (c(), u("div", Na, [
               s.approvalReady ? (c(), U(w, {
                 key: 0,
                 action: s.approvalTitle,
@@ -6070,7 +6147,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(B, {
                 key: 2,
                 busy: r.feedbackBusy,
                 done: r.feedbackDone,
@@ -6081,15 +6158,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", Fa, [
               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", Ua, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
-            ])) : (c(), U(z, {
+            ])) : (c(), U(H, {
               key: 2,
               ref: "composer",
               modelValue: r.draft,
@@ -6097,9 +6174,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,9 +6199,9 @@ 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", {
-              key: P,
+          r.pendingAttachments.length ? (c(), u("div", Da, [
+            (c(!0), u(E, null, P(r.pendingAttachments, (N, D) => (c(), u("div", {
+              key: D,
               class: "wm-attached__chip"
             }, [
               t[10] || (t[10] = o("svg", {
@@ -6143,7 +6221,7 @@ function ja(e, t, n, i, r, s) {
               o("button", {
                 type: "button",
                 "aria-label": s.t("attachment.remove"),
-                onClick: (G) => r.pendingAttachments.splice(P, 1)
+                onClick: (G) => r.pendingAttachments.splice(D, 1)
               }, [...t[9] || (t[9] = [
                 o("svg", {
                   width: "10",
@@ -6191,53 +6269,53 @@ 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 qa = /* @__PURE__ */ R(Ta, [["render", ja], ["__scopeId", "data-v-010fdbd1"]]), $a = "0.5.27";
 export {
   le as AIAvatar,
   ge as AVATAR_COLORS,
   ts as ActionResult,
-  ui as ApprovalCard,
+  hi as ApprovalCard,
   ds as ArtifactFormResponse,
   Cs as ArtifactInfoCard,
-  Hs as ArtifactRenderer,
-  Ps as ArtifactTicket,
+  zs as ArtifactRenderer,
+  Ds as ArtifactTicket,
   er as AttachmentPreview,
   rr as Bubble,
-  Qr as Composer,
+  Xr as Composer,
   Ze as DEFAULT_BASE_URL,
   ie as DEFAULT_LANGUAGE,
-  Xi as Feedback,
+  Zi as Feedback,
   Pi as FormCard,
   ln as Header,
   Re as HumanAvatar,
   Ft as Launcher,
   be as MEDIA_RECORDER_SUPPORTED,
   Ir as MessageList,
-  Ha as Messenger,
-  ma as MoreMenu,
+  qa as Messenger,
+  fa as MoreMenu,
   qn as Onboarding,
   he as SCREEN_CAPTURE_SUPPORTED,
   et as SUPPORTED_LANGUAGES,
-  ti as SuggestionChips,
+  ni as SuggestionChips,
   Gt as TeamAvatars,
   lr as Typing,
-  qa as VERSION,
+  $a as VERSION,
   ve as avatarColor,
   ye as avatarInitials,
-  Er as captureScreenshotFile,
-  H as colors,
+  Nr as captureScreenshotFile,
+  z as colors,
   Qe as createStore,
-  D as createTranslator,
+  j as createTranslator,
   We as createTransport,
   oe as dateLocale,
-  Ha as default,
-  Le as formatTime,
+  qa as default,
+  Ee as formatTime,
   za as guessAttachmentKind,
   Rr as pickRecorderMime,
   dn as renderInlineMarkdown,
   un as renderMarkdown,
   we as resolveLanguage,
-  Nr as startScreenRecording,
+  Ur as startScreenRecording,
   Xe as tokensCss,
   Je as uuid,
   Je as v4