@_solaris/messenger-widget 0.4.4 → 0.4.6

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as K, normalizeClass as x, toDisplayString as v, resolveComponent as I, createVNode as q, Transition as je, withCtx as Pe, Fragment as L, renderList as j, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as V, vModelText as ee, createTextVNode as pe, resolveDynamicComponent as De, renderSlot as Ue, vModelCheckbox as $e, vModelSelect as He, markRaw as ye } from "vue";
+import { reactive as Ue, openBlock as c, createElementBlock as u, normalizeStyle as z, normalizeClass as x, toDisplayString as v, resolveComponent as L, createVNode as $, Transition as Fe, withCtx as je, Fragment as I, renderList as F, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as K, vModelText as ee, createTextVNode as ge, resolveDynamicComponent as Pe, renderSlot as De, vModelCheckbox as He, vModelSelect as ze, markRaw as we } from "vue";
 const qe = [
   "connected",
   "message",
@@ -6,7 +6,7 @@ const qe = [
   "conversation_updated",
   "config_updated",
   "action_status"
-], be = "/client", ze = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, Ke = 5 * 60 * 1e3;
+], ke = "/client", $e = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, Ke = 5 * 60 * 1e3;
 function We(e) {
   const t = {
     baseUrl: Ge(e.baseUrl || ""),
@@ -55,7 +55,7 @@ function We(e) {
     };
   }
   async function a(d, f, _) {
-    const y = await fetch(`${t.baseUrl}${be}${f}`, {
+    const y = await fetch(`${t.baseUrl}${ke}${f}`, {
       method: d,
       headers: { "Content-Type": "application/json", ...s() },
       body: _ !== void 0 ? JSON.stringify(_) : void 0
@@ -75,7 +75,7 @@ function We(e) {
       return null;
     }
   }
-  async function g() {
+  async function p() {
     const [d, f] = await Promise.all([
       // Public — no HMAC required.
       fetch(
@@ -121,7 +121,7 @@ function We(e) {
       `/conversations/${encodeURIComponent(d)}`
     )).conversation;
   }
-  async function H(d, f) {
+  async function q(d, f) {
     return (await a(
       "PATCH",
       `/conversations/${encodeURIComponent(d)}`,
@@ -135,7 +135,7 @@ function We(e) {
       { message_id: f }
     );
   }
-  async function D(d, f = {}) {
+  async function P(d, f = {}) {
     const _ = new URLSearchParams();
     f.before && _.set("before", f.before), f.since && _.set("since", f.since), f.limit && _.set("limit", String(f.limit));
     const y = _.toString() ? `?${_.toString()}` : "";
@@ -145,7 +145,7 @@ function We(e) {
     );
   }
   async function N(d, f) {
-    z();
+    V();
     const _ = {
       client_msg_id: f.client_msg_id,
       type: "content",
@@ -159,8 +159,8 @@ function We(e) {
       _
     );
   }
-  async function $(d, f, _) {
-    return z(), a(
+  async function H(d, f, _) {
+    return V(), a(
       "POST",
       `/messages/${encodeURIComponent(d)}/callbacks/${encodeURIComponent(f)}`,
       _ ? { inputs: _ } : {}
@@ -203,7 +203,7 @@ function We(e) {
       userHash: t.userHash,
       widgetId: t.widgetId
     }).toString();
-    return `${t.baseUrl}${be}/stream?${d}`;
+    return `${t.baseUrl}${ke}/stream?${d}`;
   }
   function G() {
     if (!t.eventSource && !(typeof document < "u" && document.hidden))
@@ -230,13 +230,13 @@ function We(e) {
   function Q() {
     t.eventSource && (t.eventSource.close(), t.eventSource = null), t.connection !== "paused" && r("idle");
   }
-  function z() {
+  function V() {
     clearTimeout(t.burstTimer), G(), t.panelOpen || (t.burstTimer = setTimeout(() => {
       t.panelOpen || Q();
     }, Ve));
   }
-  function me(d) {
-    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), G()) : z();
+  function he(d) {
+    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), G()) : V();
   }
   async function ce() {
     try {
@@ -244,18 +244,18 @@ function We(e) {
         const S = w == null ? void 0 : w.last_message_at;
         return S && (!y || S > y) ? S : y;
       }, null);
-      f && (!t.lastActivityAt || f > t.lastActivityAt) && (t.lastActivityAt = f, i("activity", { conversations: d, latestAt: f }), z());
+      f && (!t.lastActivityAt || f > t.lastActivityAt) && (t.lastActivityAt = f, i("activity", { conversations: d, latestAt: f }), V());
     } catch (d) {
       console.error("[transport] poll failed", d);
     }
   }
   function de() {
-    se(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, ze));
+    se(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, $e));
   }
   function se() {
     t.pollTimer && (clearInterval(t.pollTimer), t.pollTimer = null);
   }
-  function h() {
+  function m() {
     if (document.hidden)
       clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = setTimeout(() => {
         t.hiddenGraceTimer = null, document.hidden && (se(), Q(), r("paused"));
@@ -268,10 +268,10 @@ function We(e) {
       r("idle"), de(), t.panelOpen && G();
     }
   }
-  async function m() {
+  async function h() {
     if (t.started) return t.lastBootstrap;
     t.started = !0;
-    const d = await g();
+    const d = await p();
     t.lastBootstrap = d;
     try {
       const f = await T();
@@ -282,12 +282,12 @@ function We(e) {
     } catch (f) {
       console.error("[transport] initial /conversations failed", f);
     }
-    return typeof document < "u" && (t.visibilityHandler = h, document.addEventListener(
+    return typeof document < "u" && (t.visibilityHandler = m, document.addEventListener(
       "visibilitychange",
       t.visibilityHandler
     )), de(), d;
   }
-  function p() {
+  function g() {
     se(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, Q(), t.visibilityHandler && (document.removeEventListener(
       "visibilitychange",
       t.visibilityHandler
@@ -295,21 +295,21 @@ function We(e) {
   }
   return {
     on: n,
-    start: m,
-    stop: p,
-    setPanelOpen: me,
+    start: h,
+    stop: g,
+    setPanelOpen: he,
     // REST
-    bootstrap: g,
+    bootstrap: p,
     getCustomer: C,
     patchCustomer: k,
     listConversations: T,
     createConversation: E,
     getConversation: A,
-    patchConversation: H,
+    patchConversation: q,
     markConversationRead: M,
-    listMessages: D,
+    listMessages: P,
     postMessage: N,
-    postCallback: $,
+    postCallback: H,
     uploadAttachment: W,
     signAttachment: te,
     // Read-only state
@@ -337,7 +337,7 @@ function Qe() {
   return t.slice(0, 4).join("") + "-" + t.slice(4, 6).join("") + "-" + t.slice(6, 8).join("") + "-" + t.slice(8, 10).join("") + "-" + t.slice(10, 16).join("");
 }
 function Xe(e) {
-  const t = Fe({
+  const t = Ue({
     ready: !1,
     error: null,
     config: null,
@@ -369,49 +369,49 @@ function Xe(e) {
     connection: "idle"
   }), n = [];
   n.push(
-    e.on("connection", (h) => {
-      t.connection = h;
+    e.on("connection", (m) => {
+      t.connection = m;
     })
   ), n.push(
-    e.on("message", (h) => {
-      const m = h == null ? void 0 : h.conversation_id, p = h == null ? void 0 : h.message;
-      !m || !(p != null && p.id) || (Y(m, p), p.client_msg_id && delete t.streamingByMsgId[p.client_msg_id], me(m, p.created_at));
+    e.on("message", (m) => {
+      const h = m == null ? void 0 : m.conversation_id, g = m == null ? void 0 : m.message;
+      !h || !(g != null && g.id) || (Y(h, g), g.client_msg_id && delete t.streamingByMsgId[g.client_msg_id], he(h, g.created_at));
     })
   ), n.push(
-    e.on("message_stream", (h) => {
-      const m = h == null ? void 0 : h.message_id, p = h == null ? void 0 : h.token;
-      !m || typeof p != "string" || (t.streamingByMsgId[m] = (t.streamingByMsgId[m] || "") + p);
+    e.on("message_stream", (m) => {
+      const h = m == null ? void 0 : m.message_id, g = m == null ? void 0 : m.token;
+      !h || typeof g != "string" || (t.streamingByMsgId[h] = (t.streamingByMsgId[h] || "") + g);
     })
   ), n.push(
-    e.on("conversation_updated", (h) => {
-      const m = h == null ? void 0 : h.conversation_id, p = h == null ? void 0 : h.changes;
-      if (!m || !p) return;
-      const d = t.conversations.findIndex((f) => f.id === m);
+    e.on("conversation_updated", (m) => {
+      const h = m == null ? void 0 : m.conversation_id, g = m == null ? void 0 : m.changes;
+      if (!h || !g) return;
+      const d = t.conversations.findIndex((f) => f.id === h);
       d !== -1 && (t.conversations[d] = {
         ...t.conversations[d],
-        ...p
+        ...g
       });
     })
   ), n.push(
-    e.on("config_updated", (h) => {
-      h != null && h.config && (t.config = h.config);
+    e.on("config_updated", (m) => {
+      m != null && m.config && (t.config = m.config);
     })
   ), n.push(
-    e.on("action_status", (h) => {
-      const m = h == null ? void 0 : h.conversation_id, p = h == null ? void 0 : h.action_id, d = h == null ? void 0 : h.action_name;
-      if (!m || !p) return;
-      const f = t.runningActionsByConv[m] || {};
-      h.state === "running" ? (f[p] = d || p, t.runningActionsByConv[m] = { ...f }) : h.state === "done" && (delete f[p], t.runningActionsByConv[m] = { ...f });
+    e.on("action_status", (m) => {
+      const h = m == null ? void 0 : m.conversation_id, g = m == null ? void 0 : m.action_id, d = m == null ? void 0 : m.action_name;
+      if (!h || !g) return;
+      const f = t.runningActionsByConv[h] || {};
+      m.state === "running" ? (f[g] = d || g, t.runningActionsByConv[h] = { ...f }) : m.state === "done" && (delete f[g], t.runningActionsByConv[h] = { ...f });
     })
   ), n.push(
-    e.on("activity", (h) => {
-      Array.isArray(h == null ? void 0 : h.conversations) && (t.conversations = h.conversations);
+    e.on("activity", (m) => {
+      Array.isArray(m == null ? void 0 : m.conversations) && (t.conversations = m.conversations);
     })
   );
   async function i() {
     try {
-      const h = new Promise(
-        (p, d) => setTimeout(
+      const m = new Promise(
+        (g, d) => setTimeout(
           () => d(
             new Error(
               "bootstrap timeout (15s) — check baseUrl, CORS, and network"
@@ -419,59 +419,59 @@ function Xe(e) {
           ),
           15e3
         )
-      ), m = await Promise.race([e.start(), h]);
-      t.config = m.config, t.customer = m.customer, t.conversations = await Promise.race([
+      ), h = await Promise.race([e.start(), m]);
+      t.config = h.config, t.customer = h.customer, t.conversations = await Promise.race([
         e.listConversations(),
-        h
+        m
       ]), t.ready = !0;
-    } catch (h) {
-      console.error("[store] start failed", h), t.error = (h == null ? void 0 : h.message) || String(h);
+    } catch (m) {
+      console.error("[store] start failed", m), t.error = (m == null ? void 0 : m.message) || String(m);
     }
   }
   function r() {
-    for (const h of n)
+    for (const m of n)
       try {
-        h();
+        m();
       } catch {
       }
     e.stop();
   }
-  async function s(h) {
-    const m = de(h);
-    if (!m) return t.customer;
+  async function s(m) {
+    const h = de(m);
+    if (!h) return t.customer;
     try {
-      const p = await e.patchCustomer(m);
-      p && (t.customer = p);
-    } catch (p) {
-      console.error("[store] applyCustomer failed", p);
+      const g = await e.patchCustomer(h);
+      g && (t.customer = g);
+    } catch (g) {
+      console.error("[store] applyCustomer failed", g);
     }
     return t.customer;
   }
-  async function a(h = {}) {
-    const m = await e.createConversation(h), p = t.conversations.findIndex((d) => d.id === m.id);
-    return p === -1 ? t.conversations = [m, ...t.conversations] : t.conversations[p] = m, m;
+  async function a(m = {}) {
+    const h = await e.createConversation(m), g = t.conversations.findIndex((d) => d.id === h.id);
+    return g === -1 ? t.conversations = [h, ...t.conversations] : t.conversations[g] = h, h;
   }
   const l = 50;
-  async function g(h) {
-    const m = t.paginationByConv[h];
-    if (!(m != null && m.loaded || m != null && m.loading)) {
-      k(h, { nextCursor: null, loading: !0, loaded: !1 });
+  async function p(m) {
+    const h = t.paginationByConv[m];
+    if (!(h != null && h.loaded || h != null && h.loading)) {
+      k(m, { nextCursor: null, loading: !0, loaded: !1 });
       try {
-        const p = await e.listMessages(h, {
+        const g = await e.listMessages(m, {
           limit: l
-        }), d = (p == null ? void 0 : p.messages) ?? [], f = t.messagesByConv[h] || [], _ = /* @__PURE__ */ new Set();
+        }), d = (g == null ? void 0 : g.messages) ?? [], f = t.messagesByConv[m] || [], _ = /* @__PURE__ */ new Set();
         for (const w of d)
           (w == null ? void 0 : w.id) != null && _.add(`id:${String(w.id)}`), w != null && w.client_msg_id && _.add(`c:${w.client_msg_id}`);
         const y = f.filter((w) => !((w == null ? void 0 : w.id) != null && _.has(`id:${String(w.id)}`) || w != null && w.client_msg_id && _.has(`c:${w.client_msg_id}`)));
-        t.messagesByConv[h] = [...d, ...y].sort(
+        t.messagesByConv[m] = [...d, ...y].sort(
           ce
-        ), k(h, {
-          nextCursor: (p == null ? void 0 : p.next_cursor) ?? null,
+        ), k(m, {
+          nextCursor: (g == null ? void 0 : g.next_cursor) ?? null,
           loading: !1,
           loaded: !0
         });
-      } catch (p) {
-        console.error("[store] openConversation failed", p), k(h, {
+      } catch (g) {
+        console.error("[store] openConversation failed", g), k(m, {
           nextCursor: null,
           loading: !1,
           loaded: !1
@@ -479,166 +479,166 @@ function Xe(e) {
       }
     }
   }
-  async function C(h) {
+  async function C(m) {
     var f;
-    const m = t.paginationByConv[h];
-    if (!m || m.loading || !m.nextCursor) return;
-    const d = (f = (t.messagesByConv[h] || []).find((_) => _ == null ? void 0 : _.created_at)) == null ? void 0 : f.created_at;
+    const h = t.paginationByConv[m];
+    if (!h || h.loading || !h.nextCursor) return;
+    const d = (f = (t.messagesByConv[m] || []).find((_) => _ == null ? void 0 : _.created_at)) == null ? void 0 : f.created_at;
     if (d) {
-      k(h, { ...m, loading: !0 });
+      k(m, { ...h, loading: !0 });
       try {
-        const _ = await e.listMessages(h, {
+        const _ = await e.listMessages(m, {
           before: d,
           limit: l
-        }), y = (_ == null ? void 0 : _.messages) ?? [], w = t.messagesByConv[h] || [], S = /* @__PURE__ */ new Set();
+        }), y = (_ == null ? void 0 : _.messages) ?? [], w = t.messagesByConv[m] || [], S = /* @__PURE__ */ new Set();
         for (const O of w)
           (O == null ? void 0 : O.id) != null && S.add(`id:${String(O.id)}`), O != null && O.client_msg_id && S.add(`c:${O.client_msg_id}`);
-        const F = y.filter((O) => !((O == null ? void 0 : O.id) != null && S.has(`id:${String(O.id)}`) || O != null && O.client_msg_id && S.has(`c:${O.client_msg_id}`)));
-        t.messagesByConv[h] = [...F, ...w], k(h, {
+        const U = y.filter((O) => !((O == null ? void 0 : O.id) != null && S.has(`id:${String(O.id)}`) || O != null && O.client_msg_id && S.has(`c:${O.client_msg_id}`)));
+        t.messagesByConv[m] = [...U, ...w], k(m, {
           nextCursor: (_ == null ? void 0 : _.next_cursor) ?? null,
           loading: !1,
           loaded: !0
         });
       } catch (_) {
-        console.error("[store] loadMore failed", _), k(h, { ...m, loading: !1 });
+        console.error("[store] loadMore failed", _), k(m, { ...h, loading: !1 });
       }
     }
   }
-  function k(h, m) {
-    t.paginationByConv = { ...t.paginationByConv, [h]: m };
+  function k(m, h) {
+    t.paginationByConv = { ...t.paginationByConv, [m]: h };
   }
-  async function T(h, m) {
-    const p = await e.patchConversation(h, m), d = t.conversations.findIndex((f) => f.id === h);
-    d !== -1 && (t.conversations[d] = p);
+  async function T(m, h) {
+    const g = await e.patchConversation(m, h), d = t.conversations.findIndex((f) => f.id === m);
+    d !== -1 && (t.conversations[d] = g);
   }
-  async function E(h) {
-    if (!h) return [];
-    const m = t.messagesByConv[h] || [];
-    let p = "";
-    for (const d of m)
-      d != null && d.created_at && d.created_at > p && (p = d.created_at);
+  async function E(m) {
+    if (!m) return [];
+    const h = t.messagesByConv[m] || [];
+    let g = "";
+    for (const d of h)
+      d != null && d.created_at && d.created_at > g && (g = d.created_at);
     try {
       const d = await e.listMessages(
-        h,
-        p ? { since: p } : {}
+        m,
+        g ? { since: g } : {}
       ), f = (d == null ? void 0 : d.messages) || [];
       if (!f.length) return [];
       const _ = /* @__PURE__ */ new Set(), y = /* @__PURE__ */ new Set();
-      for (const S of m)
+      for (const S of h)
         (S == null ? void 0 : S.id) != null && _.add(String(S.id)), S != null && S.client_msg_id && y.add(S.client_msg_id);
       const w = [];
       for (const S of f) {
-        const F = (S == null ? void 0 : S.id) != null && _.has(String(S.id)) || (S == null ? void 0 : S.client_msg_id) && y.has(S.client_msg_id);
-        Y(h, S), F || w.push(S);
+        const U = (S == null ? void 0 : S.id) != null && _.has(String(S.id)) || (S == null ? void 0 : S.client_msg_id) && y.has(S.client_msg_id);
+        Y(m, S), U || w.push(S);
       }
       return w;
     } catch (d) {
       return console.error("[store] fetchSinceLast failed", d), [];
     }
   }
-  async function A(h, m) {
-    if (!(!h || m == null))
+  async function A(m, h) {
+    if (!(!m || h == null))
       try {
-        const p = await e.markConversationRead(h, m), d = (p == null ? void 0 : p.last_read_message_id) ?? m, f = t.conversations.findIndex((_) => (_ == null ? void 0 : _.id) === h);
+        const g = await e.markConversationRead(m, h), d = (g == null ? void 0 : g.last_read_message_id) ?? h, f = t.conversations.findIndex((_) => (_ == null ? void 0 : _.id) === m);
         f !== -1 && (t.conversations[f] = {
           ...t.conversations[f],
           last_read_message_id: d
         });
-      } catch (p) {
-        console.error("[store] markConversationRead failed", p);
+      } catch (g) {
+        console.error("[store] markConversationRead failed", g);
       }
   }
-  async function H(h, m, { attachments: p, metadata: d } = {}) {
-    var F;
-    const f = (m || "").trim(), _ = Array.isArray(p) && p.length > 0;
-    if (!h || !f && !_) return;
-    const y = Qe(), w = se(h), S = {
+  async function q(m, h, { attachments: g, metadata: d } = {}) {
+    var U;
+    const f = (h || "").trim(), _ = Array.isArray(g) && g.length > 0;
+    if (!m || !f && !_) return;
+    const y = Qe(), w = se(m), S = {
       id: y,
       client_msg_id: y,
-      conversation_id: h,
+      conversation_id: m,
       type: "content",
       text_md: f,
       author: {
         type: "user",
-        id: ((F = t.customer) == null ? void 0 : F.external_id) || null
+        id: ((U = t.customer) == null ? void 0 : U.external_id) || null
       },
       created_at: w,
       // Local-only flag — UI may render dimmed until the SSE echo lands.
       _pending: !0,
-      ..._ ? { payload: { type: "content", attachments: p } } : {},
+      ..._ ? { payload: { type: "content", attachments: g } } : {},
       ...d && typeof d == "object" ? { metadata: d } : {}
     };
-    Y(h, S);
+    Y(m, S);
     try {
-      await e.postMessage(h, {
+      await e.postMessage(m, {
         client_msg_id: y,
         text_md: f,
         created_at: w,
-        ..._ ? { attachments: p } : {},
+        ..._ ? { attachments: g } : {},
         ...d && typeof d == "object" ? { metadata: d } : {}
       });
     } catch (O) {
-      console.error("[store] send failed", O), z(h, y, {
+      console.error("[store] send failed", O), V(m, y, {
         _failed: !0,
         _pending: !1
       });
     }
   }
-  async function M(h, m, p) {
-    h != null && (t.awaitingCallback[h] = !0);
+  async function M(m, h, g) {
+    m != null && (t.awaitingCallback[m] = !0);
     try {
-      await e.postCallback(h, m, p);
+      await e.postCallback(m, h, g);
     } catch (d) {
-      console.error("[store] callback failed", d), h != null && delete t.awaitingCallback[h];
+      console.error("[store] callback failed", d), m != null && delete t.awaitingCallback[m];
     }
   }
-  const D = /* @__PURE__ */ new Map();
-  async function N(h) {
-    if (!h) return null;
-    const m = D.get(h);
-    if (m != null && m.url) {
-      const p = m.expires_at ? Date.parse(m.expires_at) : 0;
-      if (!p || p - Date.now() > 6e4) return m.url;
+  const P = /* @__PURE__ */ new Map();
+  async function N(m) {
+    if (!m) return null;
+    const h = P.get(m);
+    if (h != null && h.url) {
+      const g = h.expires_at ? Date.parse(h.expires_at) : 0;
+      if (!g || g - Date.now() > 6e4) return h.url;
     }
     try {
-      const p = await e.signAttachment(h);
-      if (p != null && p.signed_url)
-        return D.set(h, {
-          url: p.signed_url,
-          expires_at: p.expires_at
-        }), p.signed_url;
-    } catch (p) {
-      console.error("[store] sign attachment failed", p);
+      const g = await e.signAttachment(m);
+      if (g != null && g.signed_url)
+        return P.set(m, {
+          url: g.signed_url,
+          expires_at: g.expires_at
+        }), g.signed_url;
+    } catch (g) {
+      console.error("[store] sign attachment failed", g);
     }
     return null;
   }
-  async function $(h, { rating: m, comment: p } = {}) {
-    const d = t.conversations.find((y) => y.id === h), _ = {
+  async function H(m, { rating: h, comment: g } = {}) {
+    const d = t.conversations.find((y) => y.id === m), _ = {
       ...(d == null ? void 0 : d.metadata) || {},
       feedback: {
-        rating: m,
-        comment: p || null,
+        rating: h,
+        comment: g || null,
         submitted_at: (/* @__PURE__ */ new Date()).toISOString()
       }
     };
-    await T(h, { metadata: _ });
+    await T(m, { metadata: _ });
   }
-  function W(h) {
-    var p, d;
-    const m = t.messagesByConv[h] || [];
-    for (let f = m.length - 1; f >= 0; f--) {
-      const _ = m[f];
-      if ((_ == null ? void 0 : _.type) === "action" && ((p = _ == null ? void 0 : _.payload) == null ? void 0 : p.type) === "action" && ((d = _ == null ? void 0 : _.payload) == null ? void 0 : d.state) === "pending" && Array.isArray(_ == null ? void 0 : _.callbacks) && _.callbacks.length > 0 && !t.awaitingCallback[_.id])
+  function W(m) {
+    var g, d;
+    const h = t.messagesByConv[m] || [];
+    for (let f = h.length - 1; f >= 0; f--) {
+      const _ = h[f];
+      if ((_ == null ? void 0 : _.type) === "action" && ((g = _ == null ? void 0 : _.payload) == null ? void 0 : g.type) === "action" && ((d = _ == null ? void 0 : _.payload) == null ? void 0 : d.state) === "pending" && Array.isArray(_ == null ? void 0 : _.callbacks) && _.callbacks.length > 0 && !t.awaitingCallback[_.id])
         return _;
     }
     return null;
   }
-  function te(h) {
-    var p, d, f;
-    const m = t.messagesByConv[h] || [];
-    for (let _ = m.length - 1; _ >= 0; _--) {
-      const y = m[_];
-      if (((p = y == null ? void 0 : y.author) == null ? void 0 : p.type) === "user" || (y == null ? void 0 : y.type) === "action" && ((d = y == null ? void 0 : y.payload) == null ? void 0 : d.state) === "pending")
+  function te(m) {
+    var g, d, f;
+    const h = t.messagesByConv[m] || [];
+    for (let _ = h.length - 1; _ >= 0; _--) {
+      const y = h[_];
+      if (((g = y == null ? void 0 : y.author) == null ? void 0 : g.type) === "user" || (y == null ? void 0 : y.type) === "action" && ((d = y == null ? void 0 : y.payload) == null ? void 0 : d.state) === "pending")
         return null;
       const w = (f = y == null ? void 0 : y.metadata) == null ? void 0 : f.form;
       if (w && Array.isArray(w.fields) && w.fields.length > 0)
@@ -646,33 +646,33 @@ function Xe(e) {
     }
     return null;
   }
-  function ne(h) {
-    const m = t.runningActionsByConv[h];
-    if (!m) return null;
-    const p = Object.keys(m);
-    if (p.length === 0) return null;
-    const d = p[0];
-    return { id: d, payload: { name: m[d] } };
+  function ne(m) {
+    const h = t.runningActionsByConv[m];
+    if (!h) return null;
+    const g = Object.keys(h);
+    if (g.length === 0) return null;
+    const d = g[0];
+    return { id: d, payload: { name: h[d] } };
   }
-  function G(h) {
-    var p, d, f, _;
-    const m = t.messagesByConv[h] || [];
-    for (let y = m.length - 1; y >= 0; y--) {
-      const w = m[y];
-      if (((p = w == null ? void 0 : w.author) == null ? void 0 : p.type) === "user") return [];
+  function G(m) {
+    var g, d, f, _;
+    const h = t.messagesByConv[m] || [];
+    for (let y = h.length - 1; y >= 0; y--) {
+      const w = h[y];
+      if (((g = w == null ? void 0 : w.author) == null ? void 0 : g.type) === "user") return [];
       if ((w == null ? void 0 : w.type) === "action" && ((d = w == null ? void 0 : w.payload) == null ? void 0 : d.state) === "pending")
         return [];
       if (((f = w == null ? void 0 : w.author) == null ? void 0 : f.type) !== "agent_ia") continue;
       const S = (_ = w == null ? void 0 : w.metadata) == null ? void 0 : _.suggested_replies;
-      return Array.isArray(S) && S.length ? S.map((F) => {
-        if (typeof F == "string") {
-          const O = F.trim();
+      return Array.isArray(S) && S.length ? S.map((U) => {
+        if (typeof U == "string") {
+          const O = U.trim();
           return O ? { label: O, kind: null } : null;
         }
-        if (F && typeof F == "object" && typeof F.label == "string") {
-          const O = F.label.trim();
+        if (U && typeof U == "object" && typeof U.label == "string") {
+          const O = U.label.trim();
           if (!O) return null;
-          const Ne = F.kind === "cta" || F.kind === "choice" || F.kind === "followup" ? F.kind : null;
+          const Ne = U.kind === "cta" || U.kind === "choice" || U.kind === "followup" ? U.kind : null;
           return { label: O, kind: Ne };
         }
         return null;
@@ -680,60 +680,60 @@ function Xe(e) {
     }
     return [];
   }
-  function Y(h, m) {
+  function Y(m, h) {
     var _;
-    const p = t.messagesByConv[h] || [];
+    const g = t.messagesByConv[m] || [];
     let d = -1;
-    m != null && m.client_msg_id && (d = p.findIndex(
-      (y) => (y == null ? void 0 : y.client_msg_id) && y.client_msg_id === m.client_msg_id
-    )), d === -1 && (m == null ? void 0 : m.id) !== void 0 && (m == null ? void 0 : m.id) !== null && (d = p.findIndex((y) => Q(y == null ? void 0 : y.id, m.id)));
+    h != null && h.client_msg_id && (d = g.findIndex(
+      (y) => (y == null ? void 0 : y.client_msg_id) && y.client_msg_id === h.client_msg_id
+    )), d === -1 && (h == null ? void 0 : h.id) !== void 0 && (h == null ? void 0 : h.id) !== null && (d = g.findIndex((y) => Q(y == null ? void 0 : y.id, h.id)));
     let f;
-    d === -1 ? f = [...p, m].sort(ce) : (f = p.slice(), f[d] = {
-      ...p[d],
-      ...m,
+    d === -1 ? f = [...g, h].sort(ce) : (f = g.slice(), f[d] = {
+      ...g[d],
+      ...h,
       _pending: !1,
       _failed: !1
-    }), t.messagesByConv[h] = f, (m == null ? void 0 : m.type) === "action" && ((_ = m == null ? void 0 : m.payload) != null && _.state) && m.payload.state !== "pending" && (m == null ? void 0 : m.id) != null && t.awaitingCallback[m.id] && delete t.awaitingCallback[m.id];
+    }), t.messagesByConv[m] = f, (h == null ? void 0 : h.type) === "action" && ((_ = h == null ? void 0 : h.payload) != null && _.state) && h.payload.state !== "pending" && (h == null ? void 0 : h.id) != null && t.awaitingCallback[h.id] && delete t.awaitingCallback[h.id];
   }
-  function Q(h, m) {
-    return h === m ? !0 : h == null || m == null ? !1 : String(h) === String(m);
+  function Q(m, h) {
+    return m === h ? !0 : m == null || h == null ? !1 : String(m) === String(h);
   }
-  function z(h, m, p) {
-    const d = t.messagesByConv[h];
+  function V(m, h, g) {
+    const d = t.messagesByConv[m];
     if (!d) return;
-    const f = d.findIndex((y) => y.id === m);
+    const f = d.findIndex((y) => y.id === h);
     if (f === -1) return;
     const _ = d.slice();
-    _[f] = { ...d[f], ...p }, t.messagesByConv[h] = _;
+    _[f] = { ...d[f], ...g }, t.messagesByConv[m] = _;
   }
-  function me(h, m) {
-    const p = t.conversations.findIndex((f) => f.id === h);
-    if (p === -1) return;
-    const d = t.conversations[p];
-    if (m && (!d.last_message_at || m > d.last_message_at)) {
+  function he(m, h) {
+    const g = t.conversations.findIndex((f) => f.id === m);
+    if (g === -1) return;
+    const d = t.conversations[g];
+    if (h && (!d.last_message_at || h > d.last_message_at)) {
       const f = t.conversations.slice();
-      f[p] = { ...d, last_message_at: m }, f.sort(
+      f[g] = { ...d, last_message_at: h }, f.sort(
         (_, y) => (y.last_message_at || "").localeCompare(_.last_message_at || "")
       ), t.conversations = f;
     }
   }
-  function ce(h, m) {
-    return (h.created_at || "").localeCompare(m.created_at || "");
+  function ce(m, h) {
+    return (m.created_at || "").localeCompare(h.created_at || "");
   }
-  function de(h) {
-    if (!h || typeof h != "object") return null;
-    const m = {}, p = {};
-    for (const [d, f] of Object.entries(h))
-      f !== void 0 && (d === "name" || d === "email" ? f != null && String(f).trim() !== "" && (m[d] = f) : (d === "values" || d === "metadata") && f && typeof f == "object" ? Object.assign(p, f) : p[d] = f);
-    return Object.keys(p).length && (m.values = p), Object.keys(m).length ? m : null;
+  function de(m) {
+    if (!m || typeof m != "object") return null;
+    const h = {}, g = {};
+    for (const [d, f] of Object.entries(m))
+      f !== void 0 && (d === "name" || d === "email" ? f != null && String(f).trim() !== "" && (h[d] = f) : (d === "values" || d === "metadata") && f && typeof f == "object" ? Object.assign(g, f) : g[d] = f);
+    return Object.keys(g).length && (h.values = g), Object.keys(h).length ? h : null;
   }
-  function se(h) {
-    const m = t.messagesByConv[h] || [];
-    let p = "";
-    for (const _ of m)
-      _ != null && _.created_at && _.created_at > p && (p = _.created_at);
+  function se(m) {
+    const h = t.messagesByConv[m] || [];
+    let g = "";
+    for (const _ of h)
+      _ != null && _.created_at && _.created_at > g && (g = _.created_at);
     const d = (/* @__PURE__ */ new Date()).toISOString();
-    return !p || d > p ? d : new Date(Date.parse(p) + 1).toISOString();
+    return !g || d > g ? d : new Date(Date.parse(g) + 1).toISOString();
   }
   return {
     state: t,
@@ -741,15 +741,15 @@ function Xe(e) {
     destroy: r,
     applyCustomer: s,
     createConversation: a,
-    openConversation: g,
+    openConversation: p,
     loadMore: C,
     fetchSinceLast: E,
     patchConversation: T,
     markConversationRead: A,
-    send: H,
+    send: q,
     clickCallback: M,
     signAttachment: N,
-    submitFeedback: $,
+    submitFeedback: H,
     getPendingApproval: W,
     getActionInFlight: ne,
     getLatestSuggestions: G,
@@ -758,7 +758,7 @@ function Xe(e) {
     setPanelOpen: e.setPanelOpen
   };
 }
-const U = {
+const D = {
   w: "#ffffff",
   g50: "#F9F9F7",
   g100: "#F2F1EE",
@@ -782,13 +782,13 @@ const U = {
   "#D97706",
   "#059669"
 ];
-function xe(e = "") {
+function pe(e = "") {
   return e ? fe[e.charCodeAt(0) % fe.length] : fe[0];
 }
-function Oe(e = "") {
+function ve(e = "") {
   return e.split(" ").map((t) => t[0] || "").join("").toUpperCase().slice(0, 2);
 }
-function Le(e = /* @__PURE__ */ new Date(), t = "fr-FR") {
+function Ie(e = /* @__PURE__ */ new Date(), t = "fr-FR") {
   return e.toLocaleTimeString(t, { hour: "2-digit", minute: "2-digit" });
 }
 const Je = `
@@ -797,21 +797,21 @@ const Je = `
 .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: ${U.w};
-    --wm-g50: ${U.g50};
-    --wm-g100: ${U.g100};
-    --wm-g150: ${U.g150};
-    --wm-g200: ${U.g200};
-    --wm-g300: ${U.g300};
-    --wm-g400: ${U.g400};
-    --wm-g500: ${U.g500};
-    --wm-g700: ${U.g700};
-    --wm-g900: ${U.g900};
-    --wm-a: ${U.accent};
-    --wm-al: ${U.accentLight};
-    --wm-green: ${U.green};
-    --wm-red: ${U.red};
-    --wm-redBg: ${U.redBg};
+    --wm-w: ${D.w};
+    --wm-g50: ${D.g50};
+    --wm-g100: ${D.g100};
+    --wm-g150: ${D.g150};
+    --wm-g200: ${D.g200};
+    --wm-g300: ${D.g300};
+    --wm-g400: ${D.g400};
+    --wm-g500: ${D.g500};
+    --wm-g700: ${D.g700};
+    --wm-g900: ${D.g900};
+    --wm-a: ${D.accent};
+    --wm-al: ${D.accentLight};
+    --wm-green: ${D.green};
+    --wm-red: ${D.red};
+    --wm-redBg: ${D.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);
@@ -837,7 +837,7 @@ const Je = `
     0%   { transform: translateX(110%); opacity: 0; }
     100% { transform: translateX(0); opacity: 1; }
 }
-`, Ze = "https://api.messenger.victorc.fr", ie = "fr", et = ["fr", "en"], we = { fr: "fr-FR", en: "en-US" }, _e = {
+`, Ze = "https://api.messenger.victorc.fr", ie = "fr", et = ["fr", "en"], Ce = { fr: "fr-FR", en: "en-US" }, _e = {
   fr: {
     // ── Common ───────────────────────────────────────────────────────
     "common.newConversation": "Nouvelle conversation",
@@ -1079,40 +1079,40 @@ I reply within seconds.`,
     "export.createdOn": "Created on: {date}"
   }
 };
-function ge(e) {
+function ye(e) {
   if (typeof e != "string") return ie;
   const t = e.trim().toLowerCase().slice(0, 2);
   return et.includes(t) ? t : ie;
 }
 function oe(e) {
-  return we[ge(e)] || we[ie];
+  return Ce[ye(e)] || Ce[ie];
 }
-function P(e) {
-  const t = ge(e), n = _e[t] || _e[ie], i = _e[ie];
+function j(e) {
+  const t = ye(e), n = _e[t] || _e[ie], i = _e[ie];
   return function(s, a) {
     let l = n[s];
     return l == null && (l = i[s]), l == null ? s : (a && (l = l.replace(
       /\{(\w+)\}/g,
-      (g, C) => a[C] != null ? String(a[C]) : g
+      (p, C) => a[C] != null ? String(a[C]) : p
     )), l);
   };
 }
-function ke(e, t) {
+function Ae(e, t) {
   if (!Array.isArray(e == null ? void 0 : e.options)) return t;
   const n = e.options.find((i) => (i == null ? void 0 : i.value) === t);
   return (n == null ? void 0 : n.label) || t;
 }
-function Ie(e, t, n) {
-  return Array.isArray(t) ? t.map((i) => ke(e, String(i))).join(", ") : typeof t == "boolean" ? n(t ? "common.yes" : "common.no") : ke(e, String(t));
+function Le(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 = P()) {
+function tt(e, t, n = j()) {
   if (!e || !t) return "";
   const i = Array.isArray(e.fields) ? e.fields : [], r = [];
   for (const s of i) {
     if (!(s != null && s.key) || !(s != null && s.label)) continue;
     const a = t[s.key];
     if (a == null || a === "") continue;
-    const l = Ie(s, a, n);
+    const l = Le(s, a, n);
     l && r.push(`${s.label} :
 ${l}`);
   }
@@ -1120,17 +1120,17 @@ ${l}`);
 
 `);
 }
-function nt(e, t, n = P()) {
+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;
     const a = t == null ? void 0 : t[s.key];
     if (a == null || a === "") continue;
-    const l = Ie(s, a, n);
+    const l = Le(s, a, n);
     if (!l) continue;
-    const g = s.type === "textarea" || typeof l == "string" && (l.length > 60 || l.includes(`
+    const p = s.type === "textarea" || typeof l == "string" && (l.length > 60 || l.includes(`
 `));
-    i.push({ label: s.label, value: l, multiline: g });
+    i.push({ label: s.label, value: l, multiline: p });
   }
   return {
     kind: "form_response",
@@ -1150,7 +1150,7 @@ function J(e) {
   const t = typeof e == "number" ? e : Number(e);
   return Number.isFinite(t) ? t : null;
 }
-function Ce(e, t) {
+function Se(e, t) {
   let n = (e == null ? void 0 : e.last_message_at) || (e == null ? void 0 : e.updated_at) || (e == null ? void 0 : e.created_at) || "";
   for (const i of t)
     i != null && i.created_at && i.created_at > n && (n = i.created_at);
@@ -1164,8 +1164,8 @@ function st(e, t) {
     const l = typeof a.text_md == "string" ? a.text_md.trim() : "";
     if (l)
       return (((n = a.author) == null ? void 0 : n.type) === "user" ? "Vous : " : "") + l.replace(/\s+/g, " ");
-    const g = (i = a.payload) == null ? void 0 : i.attachments;
-    if (Array.isArray(g) && g.length) return "📎 Pièce jointe";
+    const p = (i = a.payload) == null ? void 0 : i.attachments;
+    if (Array.isArray(p) && p.length) return "📎 Pièce jointe";
   }
   return (e == null ? void 0 : e.last_message_preview) || (e == null ? void 0 : e.preview) || ((r = e == null ? void 0 : e.metadata) == null ? void 0 : r.last_preview) || "";
 }
@@ -1184,13 +1184,13 @@ function it(e, t, n, i) {
     if (!s) continue;
     const a = (s.text_md || "").trim();
     if (!a) continue;
-    const l = rt(s.author, n), g = s.created_at ? new Date(s.created_at).toLocaleString(i) : "";
-    r.push(`[${g}] ${l} :`), r.push(a), r.push("");
+    const l = rt(s.author, n), p = s.created_at ? new Date(s.created_at).toLocaleString(i) : "";
+    r.push(`[${p}] ${l} :`), r.push(a), r.push("");
   }
   return r.join(`
 `);
 }
-function at(e, t, n = P(), 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 {
@@ -1336,29 +1336,29 @@ const ot = {
       if (typeof Notification > "u" || Notification.permission !== "granted") return;
       const n = t == null ? void 0 : t.author, i = !n || n.type === "agent_ia", s = ((n == null ? void 0 : n.name) || (i ? this.agentName : "") || this.t("launcher.theAgent")) + this.t("launcher.repliedToYou"), a = typeof (t == null ? void 0 : t.text_md) == "string" ? t.text_md.trim() : "", l = a ? a.slice(0, 140) : this.t("notification.youHaveNewMessage");
       try {
-        const g = new Notification(s, {
+        const p = new Notification(s, {
           body: l,
           tag: `wm-${e}`,
           renotify: !1,
           silent: !0
         });
-        g.onclick = () => {
+        p.onclick = () => {
           try {
             window.focus();
           } catch {
           }
           this.draftConv = null, this.showOnboarding = !1, this.activeConvId = e, this.isOpen = !0, this.store && this.store.setPanelOpen(!0);
           try {
-            g.close();
+            p.close();
           } catch {
           }
         };
-      } catch (g) {
-        console.warn("[ww-messenger] notification failed", g);
+      } catch (p) {
+        console.warn("[ww-messenger] notification failed", p);
       }
     }
   }
-}, lt = 450, ct = 50, dt = 900, ut = 12e3, ht = 300, mt = {
+}, lt = 450, ct = 50, dt = 900, ut = 12e3, mt = 300, ht = {
   data() {
     return {
       // Map: messageId → ms timestamp once shown.
@@ -1442,8 +1442,8 @@ const ot = {
         if (!(a != null && a.id)) continue;
         const l = a.last_message_at || "";
         if (!l) continue;
-        const g = n.get(a.id) || "";
-        l > g && i.push(a.id);
+        const p = n.get(a.id) || "";
+        l > p && i.push(a.id);
       }
       this._liveRevealConvSnapshot = new Map(
         t.map((a) => [a.id, (a == null ? void 0 : a.last_message_at) || ""])
@@ -1452,7 +1452,7 @@ const ot = {
         try {
           const l = await ((s = (r = this.store).fetchSinceLast) == null ? void 0 : s.call(r, a));
           if (!Array.isArray(l)) continue;
-          for (const g of l) this.paceLiveMessage(g, a);
+          for (const p of l) this.paceLiveMessage(p, a);
         } catch (l) {
           console.error(
             "[ww-messenger] activity delta fetch failed",
@@ -1471,11 +1471,11 @@ const ot = {
         Math.max(dt, i * ct)
       ), a = Math.max(
         n + lt,
-        this.nextRevealAt + ht
+        this.nextRevealAt + mt
       ) + r;
       this.nextRevealAt = a;
-      const l = Math.max(0, a - n), g = e.id, C = setTimeout(() => {
-        this.revealedAt = { ...this.revealedAt, [g]: Date.now() }, this.revealTimers = this.revealTimers.filter((k) => k !== C), typeof this.onMessageRevealed == "function" && this.onMessageRevealed(e, t);
+      const l = Math.max(0, a - n), p = e.id, C = setTimeout(() => {
+        this.revealedAt = { ...this.revealedAt, [p]: Date.now() }, this.revealTimers = this.revealTimers.filter((k) => k !== C), typeof this.onMessageRevealed == "function" && this.onMessageRevealed(e, t);
       }, l);
       this.revealTimers.push(C);
     },
@@ -1499,8 +1499,8 @@ const ot = {
           i[s.id] = n;
           continue;
         }
-        const l = typeof (s == null ? void 0 : s.text_md) == "string" && s.text_md.trim().length > 0, g = Array.isArray((r = s == null ? void 0 : s.payload) == null ? void 0 : r.attachments) && s.payload.attachments.length > 0;
-        if (!l && !g) {
+        const l = typeof (s == null ? void 0 : s.text_md) == "string" && s.text_md.trim().length > 0, p = Array.isArray((r = s == null ? void 0 : s.payload) == null ? void 0 : r.attachments) && s.payload.attachments.length > 0;
+        if (!l && !p) {
           i[s.id] = n;
           continue;
         }
@@ -1563,7 +1563,7 @@ const ot = {
       }, e);
     }
   }
-}, _t = 300, pt = {
+}, _t = 300, gt = {
   data() {
     return {
       // Numeric message id snapshot frozen the moment the user
@@ -1594,7 +1594,7 @@ const ot = {
     markConvRead(e) {
       var s, a;
       if (!(e != null && e.id) || e._draft || !this.store) return;
-      const t = ((a = (s = this.s) == null ? void 0 : s.messagesByConv) == null ? void 0 : a[e.id]) || [], n = gt(t);
+      const t = ((a = (s = this.s) == null ? void 0 : s.messagesByConv) == null ? void 0 : a[e.id]) || [], n = pt(t);
       if (n == null) return;
       const i = J(e.last_read_message_id), r = J(n);
       r != null && (i != null && r <= i || (this._readMarkerPending = { convId: e.id, messageId: n }, !this._readMarkerTimer && (this._readMarkerTimer = setTimeout(() => {
@@ -1607,7 +1607,7 @@ const ot = {
     }
   }
 };
-function gt(e) {
+function pt(e) {
   for (let t = e.length - 1; t >= 0; t--) {
     const n = e[t];
     if (!(!n || n._pending) && J(n.id) != null)
@@ -1634,17 +1634,17 @@ const B = (e, t) => {
   },
   computed: {
     bg() {
-      return this.avatarUrl ? "transparent" : xe(this.name);
+      return this.avatarUrl ? "transparent" : pe(this.name);
     },
     initials() {
-      return Oe(this.name);
+      return ve(this.name);
     }
   }
 }, yt = ["src", "alt"];
 function bt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-huav", { "wm-huav--tail": n.tail }]),
-    style: K({
+    style: z({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": Math.round(n.size * 0.32) + "px",
@@ -1657,7 +1657,7 @@ function bt(e, t, n, i, r, s) {
       alt: n.name || ""
     }, null, 8, yt)) : (c(), u("span", {
       key: 1,
-      style: K({ fontSize: n.size * 0.36 + "px" })
+      style: z({ fontSize: n.size * 0.36 + "px" })
     }, v(s.initials), 5))
   ], 6);
 }
@@ -1667,7 +1667,7 @@ const Be = /* @__PURE__ */ B(vt, [["render", bt], ["__scopeId", "data-v-14e10c0d
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     // Nombre de conversations non lues — pilote la pastille.
@@ -1687,22 +1687,22 @@ const Be = /* @__PURE__ */ B(vt, [["render", bt], ["__scopeId", "data-v-14e10c0d
       return this.peeks.slice(0, wt).reverse();
     }
   }
-}, Ct = { class: "wm-launcherWrap" }, At = ["aria-label", "onClick", "onKeydown"], St = ["aria-label", "onClick"], Mt = { class: "wm-peek__avatar" }, Tt = ["aria-label"], xt = { class: "wm-peek__body" }, Ot = { class: "wm-peek__head" }, Lt = { class: "wm-peek__name" }, It = { class: "wm-peek__action" }, Bt = { class: "wm-peek__text" }, Et = ["onClick"], Rt = ["aria-label"], Nt = ["aria-label"];
-function Ft(e, t, n, i, r, s) {
-  const a = I("HumanAvatar");
+}, Ct = { class: "wm-launcherWrap" }, At = ["aria-label", "onClick", "onKeydown"], St = ["aria-label", "onClick"], Mt = { class: "wm-peek__avatar" }, Tt = ["aria-label"], xt = { class: "wm-peek__body" }, Ot = { class: "wm-peek__head" }, It = { class: "wm-peek__name" }, Lt = { class: "wm-peek__action" }, Bt = { class: "wm-peek__text" }, Et = ["onClick"], Rt = ["aria-label"], Nt = ["aria-label"];
+function Ut(e, t, n, i, r, s) {
+  const a = L("HumanAvatar");
   return c(), u("div", Ct, [
-    q(je, { name: "wm-peek" }, {
-      default: Pe(() => [
+    $(Fe, { name: "wm-peek" }, {
+      default: je(() => [
         s.visiblePeeks.length ? (c(), u("div", {
           key: 0,
           class: x(["wm-peekStack", { "wm-peekStack--multi": s.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), u(L, null, j(s.visiblePeeks, (l, g) => (c(), u("div", {
+          (c(!0), u(I, null, F(s.visiblePeeks, (l, p) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
-            style: K({
-              "--depth": s.visiblePeeks.length - 1 - g,
-              zIndex: g + 1
+            style: z({
+              "--depth": s.visiblePeeks.length - 1 - p,
+              zIndex: p + 1
             }),
             role: "button",
             tabindex: "0",
@@ -1736,7 +1736,7 @@ function Ft(e, t, n, i, r, s) {
               ], -1)
             ])], 8, St),
             o("div", Mt, [
-              q(a, {
+              $(a, {
                 name: l.senderName,
                 "avatar-url": l.senderAvatarUrl,
                 size: 34
@@ -1749,8 +1749,8 @@ function Ft(e, t, n, i, r, s) {
             ]),
             o("div", xt, [
               o("div", Ot, [
-                o("span", Lt, v(l.senderName || s.t("common.agent")), 1),
-                o("span", It, v(s.t("launcher.repliedToYou")), 1)
+                o("span", It, v(l.senderName || s.t("common.agent")), 1),
+                o("span", Lt, v(s.t("launcher.repliedToYou")), 1)
               ]),
               o("p", Bt, v(l.preview), 1)
             ]),
@@ -1795,7 +1795,7 @@ function Ft(e, t, n, i, r, s) {
     ], 8, Rt)
   ]);
 }
-const jt = /* @__PURE__ */ B(kt, [["render", Ft], ["__scopeId", "data-v-5193a529"]]), Pt = {
+const Ft = /* @__PURE__ */ B(kt, [["render", Ut], ["__scopeId", "data-v-5193a529"]]), jt = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -1805,26 +1805,58 @@ const jt = /* @__PURE__ */ B(kt, [["render", Ft], ["__scopeId", "data-v-5193a529
     // l'avatar est posé à côté de messages dans le fil. Ailleurs
     // (Header, Onboarding, ApprovalCard, FormCard…) → laissé à false
     // pour garder l'avatar pleinement arrondi.
-    tail: { type: Boolean, default: !1 }
+    tail: { type: Boolean, default: !1 },
+    // Nom de l'agent IA. Quand renseigné (et sans `imageUrl`), rend
+    // les initiales sur fond déterministe à partir du nom — même
+    // logique que `HumanAvatar` pour les agents humains. L'étoile SVG
+    // ne reste que comme fallback si ni `imageUrl` ni `name`.
+    name: { type: String, default: "" },
+    // Image distante (avatar de l'agent ou `default_icon_url` du
+    // widget). Quand renseignée, remplace les initiales / l'étoile
+    // par l'image dans le même container arrondi.
+    imageUrl: { type: String, default: null }
+  },
+  computed: {
+    initials() {
+      return ve(this.name);
+    },
+    bgColor() {
+      return pe(this.name);
+    }
   }
-}, Dt = {
+}, Pt = {
   key: 0,
   class: "wm-aiav__pulse"
-}, Ut = ["width", "height"];
-function $t(e, t, n, i, r, s) {
+}, Dt = ["src", "alt"], Ht = ["width", "height"];
+function zt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-aiav", { "wm-aiav--tail": n.tail }]),
-    style: K({
+    style: z({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": n.size * 0.32 + "px"
     })
   }, [
-    n.pulse ? (c(), u("div", Dt)) : b("", !0),
+    n.pulse ? (c(), u("div", Pt)) : b("", !0),
     o("div", {
-      class: x(["wm-aiav__inner", { "wm-aiav__inner--glow": n.pulse }])
+      class: x(["wm-aiav__inner", {
+        "wm-aiav__inner--glow": n.pulse,
+        "wm-aiav__inner--img": !!n.imageUrl,
+        "wm-aiav__inner--initials": !n.imageUrl && !!s.initials
+      }]),
+      style: z(
+        !n.imageUrl && s.initials ? { background: s.bgColor } : null
+      )
     }, [
-      (c(), u("svg", {
+      n.imageUrl ? (c(), u("img", {
+        key: 0,
+        src: n.imageUrl,
+        alt: n.name || ""
+      }, null, 8, Dt)) : s.initials ? (c(), u("span", {
+        key: 1,
+        style: z({ fontSize: n.size * 0.36 + "px" })
+      }, v(s.initials), 5)) : (c(), u("svg", {
+        key: 2,
         width: n.size * 0.5,
         height: n.size * 0.5,
         viewBox: "0 0 24 24",
@@ -1850,11 +1882,11 @@ function $t(e, t, n, i, r, s) {
           fill: "white",
           opacity: "0.38"
         }, null, -1)
-      ])], 8, Ut))
-    ], 2)
+      ])], 8, Ht))
+    ], 6)
   ], 6);
 }
-const le = /* @__PURE__ */ B(Pt, [["render", $t], ["__scopeId", "data-v-d621a129"]]), Ht = {
+const le = /* @__PURE__ */ B(jt, [["render", zt], ["__scopeId", "data-v-a91a2925"]]), qt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -1870,29 +1902,29 @@ const le = /* @__PURE__ */ B(Pt, [["render", $t], ["__scopeId", "data-v-d621a129
   },
   methods: {
     colorFor(e) {
-      return e.avatar_url ? "transparent" : xe(e.name || "");
+      return e.avatar_url ? "transparent" : pe(e.name || "");
     },
     initialsFor(e) {
-      return Oe(e.name || "");
+      return ve(e.name || "");
     }
   }
-}, qt = {
+}, $t = {
   key: 0,
   class: "wm-team"
-}, zt = ["src", "alt"], Vt = { key: 1 }, Kt = {
+}, Vt = ["src", "alt"], Kt = { key: 1 }, Wt = {
   key: 0,
   class: "wm-team__label"
 };
-function Wt(e, t, n, i, r, s) {
-  return s.visible ? (c(), u("div", qt, [
+function Gt(e, t, n, i, r, s) {
+  return s.visible ? (c(), u("div", $t, [
     o("div", {
       class: "wm-team__stack",
-      style: K({ width: s.stackWidth + "px" })
+      style: z({ width: s.stackWidth + "px" })
     }, [
-      (c(!0), u(L, null, j(n.members.slice(0, 3), (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, F(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
-        style: K({
+        style: z({
           left: l * 13 + "px",
           zIndex: 3 - l,
           background: s.colorFor(a)
@@ -1902,19 +1934,19 @@ function Wt(e, t, n, i, r, s) {
           key: 0,
           src: a.avatar_url,
           alt: a.name || ""
-        }, null, 8, zt)) : (c(), u("span", Vt, v(s.initialsFor(a)), 1))
+        }, null, 8, Vt)) : (c(), u("span", Kt, v(s.initialsFor(a)), 1))
       ], 4))), 128))
     ], 4),
-    n.responseLabel ? (c(), u("span", Kt, v(n.responseLabel), 1)) : b("", !0)
+    n.responseLabel ? (c(), u("span", Wt, v(n.responseLabel), 1)) : b("", !0)
   ])) : b("", !0);
 }
-const Gt = /* @__PURE__ */ B(Ht, [["render", Wt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
+const Yt = /* @__PURE__ */ B(qt, [["render", Gt], ["__scopeId", "data-v-e49a9063"]]), Qt = {
   name: "WmHeader",
-  components: { AIAvatar: le, TeamAvatars: Gt },
+  components: { AIAvatar: le, TeamAvatars: Yt },
   inject: {
     // Translator shared by the Messenger shell. Falls back to a French
     // translator when the component is used standalone (no provider).
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     title: { type: String, default: "Nouvelle conversation" },
@@ -1926,7 +1958,9 @@ const Gt = /* @__PURE__ */ B(Ht, [["render", Wt], ["__scopeId", "data-v-e49a9063
     moreActive: { type: Boolean, default: !1 },
     // When false (welcome / no conversation) the avatar + title + status
     // block is hidden so the header stays a minimal action bar.
-    showIdentity: { type: Boolean, default: !0 }
+    showIdentity: { type: Boolean, default: !0 },
+    agentName: { type: String, default: "" },
+    agentAvatarUrl: { type: String, default: null }
   },
   emits: ["back", "close", "more"],
   computed: {
@@ -1945,22 +1979,22 @@ const Gt = /* @__PURE__ */ B(Ht, [["render", Wt], ["__scopeId", "data-v-e49a9063
       return n;
     }
   }
-}, Qt = { class: "wm-header" }, Xt = ["aria-label"], Jt = {
+}, Xt = { class: "wm-header" }, Jt = ["aria-label"], Zt = {
   key: 1,
   style: { width: "30px", height: "30px", "flex-shrink": "0" }
-}, Zt = { class: "wm-header__avatar" }, en = { class: "wm-header__main" }, tn = { class: "wm-header__title" }, nn = {
+}, en = { class: "wm-header__avatar" }, tn = { class: "wm-header__main" }, nn = { class: "wm-header__title" }, sn = {
   key: 3,
   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 = I("AIAvatar"), l = I("TeamAvatars");
-  return c(), u("div", Qt, [
+}, rn = { class: "wm-header__actions" }, an = ["aria-label", "title"], on = ["aria-label", "title"];
+function ln(e, t, n, i, r, s) {
+  const a = L("AIAvatar"), l = L("TeamAvatars");
+  return c(), u("div", Xt, [
     n.showBack ? (c(), u("button", {
       key: 0,
       type: "button",
       class: "wm-header__icon",
       "aria-label": s.t("header.backToHome"),
-      onClick: t[0] || (t[0] = (g) => e.$emit("back"))
+      onClick: t[0] || (t[0] = (p) => e.$emit("back"))
     }, [...t[3] || (t[3] = [
       o("svg", {
         width: "13",
@@ -1975,28 +2009,32 @@ function on(e, t, n, i, r, s) {
       }, [
         o("path", { d: "M19 12H5M12 5l-7 7 7 7" })
       ], -1)
-    ])], 8, Xt)) : (c(), u("div", Jt)),
-    n.showIdentity ? (c(), u(L, { key: 2 }, [
-      o("div", Zt, [
-        q(a, { size: 30 })
-      ]),
+    ])], 8, Jt)) : (c(), u("div", Zt)),
+    n.showIdentity ? (c(), u(I, { key: 2 }, [
       o("div", en, [
-        o("div", tn, v(n.title), 1)
+        $(a, {
+          size: 30,
+          name: n.agentName,
+          "image-url": n.agentAvatarUrl
+        }, null, 8, ["name", "image-url"])
+      ]),
+      o("div", tn, [
+        o("div", nn, v(n.title), 1)
       ]),
       s.hasTeam ? (c(), R(l, {
         key: 0,
         members: s.displayedTeamMembers,
         "response-label": ""
       }, null, 8, ["members"])) : b("", !0)
-    ], 64)) : (c(), u("div", nn)),
-    o("div", sn, [
+    ], 64)) : (c(), u("div", sn)),
+    o("div", rn, [
       n.showMore ? (c(), u("button", {
         key: 0,
         type: "button",
         class: x(["wm-header__icon", { "wm-header__icon--active": n.moreActive }]),
         "aria-label": s.t("header.moreOptions"),
         title: s.t("header.moreOptions"),
-        onClick: t[1] || (t[1] = (g) => e.$emit("more"))
+        onClick: t[1] || (t[1] = (p) => e.$emit("more"))
       }, [...t[4] || (t[4] = [
         o("svg", {
           width: "13",
@@ -2021,14 +2059,14 @@ function on(e, t, n, i, r, s) {
             r: "1.6"
           })
         ], -1)
-      ])], 10, rn)) : b("", !0),
+      ])], 10, an)) : b("", !0),
       n.showClose ? (c(), u("button", {
         key: 1,
         type: "button",
         class: "wm-header__icon",
         "aria-label": s.t("header.closeWidget"),
         title: s.t("header.closeWidget"),
-        onClick: t[2] || (t[2] = (g) => e.$emit("close"))
+        onClick: t[2] || (t[2] = (p) => e.$emit("close"))
       }, [...t[5] || (t[5] = [
         o("svg", {
           width: "13",
@@ -2043,32 +2081,32 @@ function on(e, t, n, i, r, s) {
         }, [
           o("path", { d: "M18 6L6 18M6 6l12 12" })
         ], -1)
-      ])], 8, an)) : b("", !0)
+      ])], 8, on)) : b("", !0)
     ])
   ]);
 }
-const ln = /* @__PURE__ */ B(Yt, [["render", on], ["__scopeId", "data-v-e5ed4931"]]);
+const cn = /* @__PURE__ */ B(Qt, [["render", ln], ["__scopeId", "data-v-925c9e94"]]);
 function Ee(e) {
   return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function cn(e) {
+function dn(e) {
   return /^(https?:\/\/|mailto:|tel:)/i.test(String(e).trim());
 }
-const Ae = "";
+const Me = "";
 function re(e) {
   let t = e;
   const n = [];
   return t = t.replace(/`([^`\n]+)`/g, (i, r) => {
     const s = n.length;
-    return n.push(r), `${Ae}CODE${s}${Ae}`;
-  }), t = t.replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g, (i, r, s) => cn(s) ? `<a href="${s}" target="_blank" rel="noopener noreferrer">${r}</a>` : r), t = t.replace(/\*\*([^\n*][^\n]*?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__([^\n_][^\n]*?)__/g, "<u>$1</u>"), t = t.replace(/~~([^\n~][^\n]*?)~~/g, "<s>$1</s>"), t = t.replace(/(^|[^\w*])\*([^\n*]+?)\*(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/(^|[^\w_])_([^\n_]+?)_(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/CODE(\d+)/g, (i, r) => `<code class="wm-md-code">${n[+r]}</code>`), t;
+    return n.push(r), `${Me}CODE${s}${Me}`;
+  }), t = t.replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g, (i, r, s) => dn(s) ? `<a href="${s}" target="_blank" rel="noopener noreferrer">${r}</a>` : r), t = t.replace(/\*\*([^\n*][^\n]*?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__([^\n_][^\n]*?)__/g, "<u>$1</u>"), t = t.replace(/~~([^\n~][^\n]*?)~~/g, "<s>$1</s>"), t = t.replace(/(^|[^\w*])\*([^\n*]+?)\*(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/(^|[^\w_])_([^\n_]+?)_(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/CODE(\d+)/g, (i, r) => `<code class="wm-md-code">${n[+r]}</code>`), t;
 }
-function dn(e) {
+function un(e) {
   if (!e) return "";
   const t = String(e).replace(/\[([^\]\n]+)\]\([^)\s]+\)/g, "$1");
   return re(Ee(t));
 }
-function un(e) {
+function mn(e) {
   if (!e) return "";
   const t = Ee(e).split(`
 `), n = [];
@@ -2116,12 +2154,12 @@ function un(e) {
       });
       continue;
     }
-    const g = /^(#{1,6})\s+(.*)$/.exec(s);
-    if (g) {
-      const C = g[1].length;
+    const p = /^(#{1,6})\s+(.*)$/.exec(s);
+    if (p) {
+      const C = p[1].length;
       n.push({
         type: "block",
-        html: `<h${C} class="wm-md-h wm-md-h${C}">${re(g[2])}</h${C}>`
+        html: `<h${C} class="wm-md-h wm-md-h${C}">${re(p[2])}</h${C}>`
       }), i++;
       continue;
     }
@@ -2137,7 +2175,7 @@ function un(e) {
   }
   return r;
 }
-const Se = {
+const Te = {
   book: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",
   changelog: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2",
   status: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
@@ -2149,12 +2187,14 @@ const Se = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => P() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
     welcomeMessage: { type: String, default: "" },
+    subtitle: { type: String, default: "" },
     agentName: { type: String, default: "" },
+    defaultIconUrl: { type: String, default: null },
     quickLinks: { type: Array, default: () => [] },
     openThreads: { type: Array, default: () => [] },
     busy: { type: Boolean, default: !1 }
@@ -2168,7 +2208,7 @@ const Se = {
       return this.welcomeMessage ? this.welcomeMessage : this.agentName ? this.t("onboarding.greetingNamed", { name: this.agentName }) : this.t("onboarding.greeting");
     },
     heroSub() {
-      return this.t("onboarding.heroSub");
+      return this.subtitle || this.t("onboarding.heroSub");
     },
     isOddQuickLinks() {
       return this.quickLinks.length % 2 === 1;
@@ -2185,10 +2225,10 @@ const Se = {
   },
   methods: {
     iconPath(e) {
-      return Se[e] || Se.link;
+      return Te[e] || Te.link;
     },
     renderPreview(e) {
-      return dn(e);
+      return un(e);
     },
     formatTs(e) {
       if (!e) return "";
@@ -2210,10 +2250,10 @@ const Se = {
       });
     }
   }
-}, mn = { class: "wm-onb" }, fn = { class: "wm-onb__hero" }, _n = { class: "wm-onb__title" }, pn = { class: "wm-onb__sub" }, gn = { class: "wm-onb__cta" }, vn = ["disabled"], yn = {
+}, fn = { class: "wm-onb" }, _n = { class: "wm-onb__hero" }, gn = { class: "wm-onb__title" }, pn = { class: "wm-onb__sub" }, vn = { class: "wm-onb__cta" }, yn = ["disabled"], bn = {
   key: 0,
   class: "wm-onb__section"
-}, bn = { class: "wm-onb__section-title" }, wn = ["onClick"], kn = { class: "wm-onb__card-icon" }, Cn = {
+}, wn = { class: "wm-onb__section-title" }, kn = ["onClick"], Cn = { class: "wm-onb__card-icon" }, An = {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -2223,31 +2263,33 @@ const Se = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, An = ["d"], Sn = { class: "wm-onb__card-body" }, Mn = { class: "wm-onb__card-title" }, Tn = {
+}, Sn = ["d"], Mn = { class: "wm-onb__card-body" }, Tn = { class: "wm-onb__card-title" }, xn = {
   key: 0,
   class: "wm-onb__card-sub"
-}, xn = {
+}, On = {
   key: 1,
   class: "wm-onb__section"
-}, On = { class: "wm-onb__section-title" }, Ln = { class: "wm-onb__search" }, In = ["placeholder", "aria-label"], Bn = { class: "wm-onb__list" }, En = ["onClick"], Rn = ["aria-label"], Nn = { class: "wm-onb__thread-body" }, Fn = { class: "wm-onb__thread-title" }, jn = ["innerHTML"], Pn = { class: "wm-onb__thread-meta" }, Dn = {
+}, In = { class: "wm-onb__section-title" }, Ln = { class: "wm-onb__search" }, Bn = ["placeholder", "aria-label"], En = { class: "wm-onb__list" }, Rn = ["onClick"], Nn = ["aria-label"], Un = { class: "wm-onb__thread-body" }, Fn = { class: "wm-onb__thread-title" }, jn = ["innerHTML"], Pn = { class: "wm-onb__thread-meta" }, Dn = {
   key: 0,
   class: "wm-onb__thread-time"
-}, Un = {
+}, Hn = {
   key: 0,
   class: "wm-onb__empty"
 };
-function $n(e, t, n, i, r, s) {
-  const a = I("AIAvatar");
-  return c(), u("div", mn, [
-    o("div", fn, [
-      q(a, {
+function zn(e, t, n, i, r, s) {
+  const a = L("AIAvatar");
+  return c(), u("div", fn, [
+    o("div", _n, [
+      $(a, {
         size: 56,
-        pulse: !0
-      }),
-      o("div", _n, v(s.heroTitle), 1),
+        pulse: !0,
+        name: n.agentName,
+        "image-url": n.defaultIconUrl
+      }, null, 8, ["name", "image-url"]),
+      o("div", gn, v(s.heroTitle), 1),
       o("div", pn, v(s.heroSub), 1)
     ]),
-    o("div", gn, [
+    o("div", vn, [
       o("button", {
         type: "button",
         class: "wm-onb__startBtn",
@@ -2270,35 +2312,35 @@ function $n(e, t, n, i, r, s) {
           ])
         ], -1)),
         o("span", null, v(n.busy ? "…" : s.t("onboarding.start")), 1)
-      ], 8, vn)
+      ], 8, yn)
     ]),
-    n.quickLinks.length ? (c(), u("div", yn, [
-      o("div", bn, v(s.t("onboarding.quickAccess")), 1),
+    n.quickLinks.length ? (c(), u("div", bn, [
+      o("div", wn, v(s.t("onboarding.quickAccess")), 1),
       o("div", {
         class: x(s.quickLinksLayout)
       }, [
-        (c(!0), u(L, null, j(n.quickLinks, (l, g) => (c(), u("button", {
-          key: g,
+        (c(!0), u(I, null, F(n.quickLinks, (l, p) => (c(), u("button", {
+          key: p,
           type: "button",
           class: x(["wm-onb__card", { "wm-onb__card--row": s.isOddQuickLinks }]),
           onClick: (C) => e.$emit("select", l)
         }, [
-          o("span", kn, [
-            (c(), u("svg", Cn, [
+          o("span", Cn, [
+            (c(), u("svg", An, [
               o("path", {
                 d: s.iconPath(l.icon)
-              }, null, 8, An)
+              }, null, 8, Sn)
             ]))
           ]),
-          o("span", Sn, [
-            o("span", Mn, v(l.label), 1),
-            l.description ? (c(), u("span", Tn, v(l.description), 1)) : b("", !0)
+          o("span", Mn, [
+            o("span", Tn, v(l.label), 1),
+            l.description ? (c(), u("span", xn, v(l.description), 1)) : b("", !0)
           ])
-        ], 10, wn))), 128))
+        ], 10, kn))), 128))
       ], 2)
     ])) : b("", !0),
-    n.openThreads.length ? (c(), u("div", xn, [
-      o("div", On, v(s.t("onboarding.recentConversations")), 1),
+    n.openThreads.length ? (c(), u("div", On, [
+      o("div", In, v(s.t("onboarding.recentConversations")), 1),
       o("div", Ln, [
         t[3] || (t[3] = o("span", { class: "wm-onb__searchIcon" }, [
           o("svg", {
@@ -2315,21 +2357,21 @@ function $n(e, t, n, i, r, s) {
             o("path", { d: "M21 21l-4.35-4.35M11 17a6 6 0 100-12 6 6 0 000 12z" })
           ])
         ], -1)),
-        V(o("input", {
+        K(o("input", {
           "onUpdate:modelValue": t[1] || (t[1] = (l) => r.query = l),
           type: "text",
           placeholder: s.t("onboarding.search"),
           "aria-label": s.t("onboarding.search")
-        }, null, 8, In), [
+        }, null, 8, Bn), [
           [ee, r.query]
         ])
       ]),
-      o("div", Bn, [
-        (c(!0), u(L, null, j(s.filteredThreads, (l) => (c(), u("button", {
+      o("div", En, [
+        (c(!0), u(I, null, F(s.filteredThreads, (l) => (c(), u("button", {
           key: l.id,
           type: "button",
           class: "wm-onb__thread",
-          onClick: (g) => e.$emit("resume", l)
+          onClick: (p) => e.$emit("resume", l)
         }, [
           o("span", {
             class: x(["wm-onb__thread-icon", { "wm-onb__thread-icon--inverted": !l.unread }])
@@ -2351,9 +2393,9 @@ function $n(e, t, n, i, r, s) {
               key: 0,
               class: "wm-onb__thread-dot",
               "aria-label": s.t("onboarding.unread")
-            }, null, 8, Rn)) : b("", !0)
+            }, null, 8, Nn)) : b("", !0)
           ], 2),
-          o("span", Nn, [
+          o("span", Un, [
             o("span", Fn, v(l.title), 1),
             o("span", {
               class: "wm-onb__thread-preview",
@@ -2377,17 +2419,17 @@ function $n(e, t, n, i, r, s) {
               o("path", { d: "M5 12h14M13 5l7 7-7 7" })
             ], -1))
           ])
-        ], 8, En))), 128)),
-        s.filteredThreads.length ? b("", !0) : (c(), u("div", Un, 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 Hn = /* @__PURE__ */ B(hn, [["render", $n], ["__scopeId", "data-v-d0d5f5b1"]]);
-function qn(e) {
+const qn = /* @__PURE__ */ B(hn, [["render", zn], ["__scopeId", "data-v-8d8bd2ac"]]);
+function $n(e) {
   return typeof e != "string" ? "" : e.replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), "$1").replace(/__([^_]+)__/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\s+/g, " ").trim();
 }
-const zn = {
+const Vn = {
   name: "WmActionResult",
   props: {
     state: { type: String, default: "success" },
@@ -2397,13 +2439,13 @@ const zn = {
   },
   computed: {
     detailText() {
-      return qn(this.detail);
+      return $n(this.detail);
     }
   }
-}, Vn = {
+}, Kn = {
   class: "wm-result__icon",
   "aria-hidden": "true"
-}, Kn = {
+}, Wn = {
   key: 0,
   width: "11",
   height: "11",
@@ -2413,7 +2455,7 @@ const zn = {
   "stroke-width": "2.8",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Wn = {
+}, Gn = {
   key: 1,
   width: "11",
   height: "11",
@@ -2423,7 +2465,7 @@ const zn = {
   "stroke-width": "2.6",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Gn = {
+}, Yn = {
   key: 2,
   width: "11",
   height: "11",
@@ -2433,7 +2475,7 @@ const zn = {
   "stroke-width": "2.4",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Yn = {
+}, Qn = {
   key: 3,
   width: "12",
   height: "12",
@@ -2443,24 +2485,24 @@ const zn = {
   "stroke-width": "2.2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Qn = { class: "wm-result__body" }, Xn = { class: "wm-result__label" }, Jn = { class: "wm-result__detail" };
-function Zn(e, t, n, i, r, s) {
+}, Xn = { class: "wm-result__body" }, Jn = { class: "wm-result__label" }, Zn = { class: "wm-result__detail" };
+function es(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-result", `wm-result--${n.state}`])
   }, [
-    o("span", Vn, [
-      n.state === "success" ? (c(), u("svg", Kn, [...t[0] || (t[0] = [
+    o("span", Kn, [
+      n.state === "success" ? (c(), u("svg", Wn, [...t[0] || (t[0] = [
         o("path", { d: "M20 6L9 17l-5-5" }, null, -1)
-      ])])) : n.state === "rejected" ? (c(), u("svg", Wn, [...t[1] || (t[1] = [
+      ])])) : n.state === "rejected" ? (c(), u("svg", Gn, [...t[1] || (t[1] = [
         o("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
-      ])])) : n.state === "awaiting" ? (c(), u("svg", Gn, [...t[2] || (t[2] = [
+      ])])) : n.state === "awaiting" ? (c(), u("svg", Yn, [...t[2] || (t[2] = [
         o("circle", {
           cx: "12",
           cy: "12",
           r: "10"
         }, null, -1),
         o("polyline", { points: "12 7 12 12 15 14" }, null, -1)
-      ])])) : (c(), u("svg", Yn, [...t[3] || (t[3] = [
+      ])])) : (c(), u("svg", Qn, [...t[3] || (t[3] = [
         o("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }, null, -1),
         o("line", {
           x1: "12",
@@ -2476,24 +2518,24 @@ function Zn(e, t, n, i, r, s) {
         }, null, -1)
       ])]))
     ]),
-    o("span", Qn, [
-      o("span", Xn, v(n.label), 1),
-      s.detailText ? (c(), u(L, { key: 0 }, [
+    o("span", Xn, [
+      o("span", Jn, v(n.label), 1),
+      s.detailText ? (c(), u(I, { key: 0 }, [
         t[4] || (t[4] = o("span", {
           class: "wm-result__sep",
           "aria-hidden": "true"
         }, " · ", -1)),
-        o("span", Jn, v(s.detailText), 1)
+        o("span", Zn, v(s.detailText), 1)
       ], 64)) : b("", !0)
     ])
   ], 2);
 }
-const es = /* @__PURE__ */ B(zn, [["render", Zn], ["__scopeId", "data-v-7284acd0"]]), ts = {
+const ts = /* @__PURE__ */ B(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: () => P() }
+    t: { default: () => j() }
   },
   props: {
     data: { type: Object, required: !0 }
@@ -2504,12 +2546,12 @@ const es = /* @__PURE__ */ B(zn, [["render", Zn], ["__scopeId", "data-v-7284acd0
       return Array.isArray((e = this.data) == null ? void 0 : e.fields) ? this.data.fields : [];
     }
   }
-}, ns = { class: "wm-art wm-art--formResponse" }, ss = { class: "wm-art__head" }, rs = { class: "wm-art__title" }, is = { class: "wm-art__badge wm-art__badge--success" }, as = { class: "wm-art__body" }, os = { class: "wm-art__fieldLabel" };
-function ls(e, t, n, i, r, s) {
-  return c(), u("div", ns, [
-    o("div", ss, [
-      o("div", rs, v(n.data.title || s.t("form.title")), 1),
-      o("span", is, [
+}, ss = { class: "wm-art wm-art--formResponse" }, rs = { class: "wm-art__head" }, is = { class: "wm-art__title" }, as = { class: "wm-art__badge wm-art__badge--success" }, os = { class: "wm-art__body" }, ls = { class: "wm-art__fieldLabel" };
+function cs(e, t, n, i, r, s) {
+  return c(), u("div", ss, [
+    o("div", rs, [
+      o("div", is, v(n.data.title || s.t("form.title")), 1),
+      o("span", as, [
         t[0] || (t[0] = o("svg", {
           width: "11",
           height: "11",
@@ -2523,15 +2565,15 @@ function ls(e, t, n, i, r, s) {
         }, [
           o("polyline", { points: "20 6 9 17 4 12" })
         ], -1)),
-        pe(" " + v(s.t("form.sent")), 1)
+        ge(" " + v(s.t("form.sent")), 1)
       ])
     ]),
-    o("div", as, [
-      (c(!0), u(L, null, j(s.fields, (a, l) => (c(), u("div", {
+    o("div", os, [
+      (c(!0), u(I, null, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", os, v(a.label), 1),
+        o("div", ls, v(a.label), 1),
         o("div", {
           class: x([
             "wm-art__fieldValue",
@@ -2542,7 +2584,7 @@ function ls(e, t, n, i, r, s) {
     ])
   ]);
 }
-const cs = /* @__PURE__ */ B(ts, [["render", ls], ["__scopeId", "data-v-713aecf1"]]), ds = {
+const ds = /* @__PURE__ */ B(ns, [["render", cs], ["__scopeId", "data-v-713aecf1"]]), us = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -2557,32 +2599,32 @@ const cs = /* @__PURE__ */ B(ts, [["render", ls], ["__scopeId", "data-v-713aecf1
       return !!((e = this.data) != null && e.body) || this.fields.length > 0;
     }
   }
-}, us = { class: "wm-art wm-art--infoCard" }, hs = {
+}, ms = { class: "wm-art wm-art--infoCard" }, hs = {
   key: 0,
   class: "wm-art__image"
-}, ms = ["src", "alt"], fs = { class: "wm-art__head" }, _s = { class: "wm-art__headMain" }, ps = { class: "wm-art__title" }, gs = {
+}, fs = ["src", "alt"], _s = { class: "wm-art__head" }, gs = { class: "wm-art__headMain" }, ps = { class: "wm-art__title" }, vs = {
   key: 0,
   class: "wm-art__subtitle"
-}, vs = {
+}, ys = {
   key: 1,
   class: "wm-art__body"
-}, ys = {
+}, bs = {
   key: 0,
   class: "wm-art__text"
-}, bs = { class: "wm-art__fieldLabel" };
-function ws(e, t, n, i, r, s) {
-  return c(), u("div", us, [
+}, ws = { class: "wm-art__fieldLabel" };
+function ks(e, t, n, i, r, s) {
+  return c(), u("div", ms, [
     n.data.image_url ? (c(), u("figure", hs, [
       o("img", {
         src: n.data.image_url,
         alt: n.data.title || "",
         loading: "lazy"
-      }, null, 8, ms)
+      }, null, 8, fs)
     ])) : b("", !0),
-    o("div", fs, [
-      o("div", _s, [
+    o("div", _s, [
+      o("div", gs, [
         o("div", ps, v(n.data.title), 1),
-        n.data.subtitle ? (c(), u("div", gs, v(n.data.subtitle), 1)) : b("", !0)
+        n.data.subtitle ? (c(), u("div", vs, v(n.data.subtitle), 1)) : b("", !0)
       ]),
       n.data.badge && n.data.badge.label ? (c(), u("span", {
         key: 0,
@@ -2592,13 +2634,13 @@ function ws(e, t, n, i, r, s) {
         ])
       }, v(n.data.badge.label), 3)) : b("", !0)
     ]),
-    s.hasBody ? (c(), u("div", vs, [
-      n.data.body ? (c(), u("div", ys, v(n.data.body), 1)) : b("", !0),
-      s.fields.length ? (c(!0), u(L, { key: 1 }, j(s.fields, (a, l) => (c(), u("div", {
+    s.hasBody ? (c(), u("div", ys, [
+      n.data.body ? (c(), u("div", bs, v(n.data.body), 1)) : b("", !0),
+      s.fields.length ? (c(!0), u(I, { key: 1 }, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", bs, v(a.label), 1),
+        o("div", ws, v(a.label), 1),
         o("div", {
           class: x([
             "wm-art__fieldValue",
@@ -2609,8 +2651,8 @@ function ws(e, t, n, i, r, s) {
     ])) : b("", !0)
   ]);
 }
-const ks = /* @__PURE__ */ B(ds, [["render", ws], ["__scopeId", "data-v-7eae0e4a"]]);
-function Cs(e, t, n) {
+const Cs = /* @__PURE__ */ B(us, [["render", ks], ["__scopeId", "data-v-7eae0e4a"]]);
+function As(e, t, n) {
   if (!e) return "";
   const i = new Date(e);
   if (Number.isNaN(i.getTime())) return e;
@@ -2624,12 +2666,12 @@ function Cs(e, t, n) {
   });
   return `${r}${n}${s}`;
 }
-const As = {
+const Ss = {
   name: "WmArtifactTicket",
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => P() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2642,7 +2684,7 @@ const As = {
     },
     formattedDate() {
       var e;
-      return Cs(
+      return As(
         (e = this.data) == null ? void 0 : e.created_at,
         oe(this.wmLocale()),
         this.t("ticket.dateAt")
@@ -2670,13 +2712,13 @@ const As = {
       return /high|haute|élev|elev|critic|critiq|urgent/.test(t) ? 3 : /low|basse|faible|minor/.test(t) ? 1 : 2;
     }
   }
-}, Ss = { class: "wm-art wm-art--ticket" }, Ms = { class: "wm-art__head wm-tk__head" }, Ts = { class: "wm-art__title wm-tk__title" }, xs = { class: "wm-tk__sub" }, Os = { class: "wm-tk__ref" }, Ls = {
+}, 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" }, Is = { class: "wm-tk__ref" }, Ls = {
   key: 0,
   class: "wm-tk__text"
-}, Is = {
+}, Bs = {
   key: 0,
   class: "wm-art__body"
-}, Bs = { class: "wm-art__fieldLabel" }, Es = ["data-level"], Rs = {
+}, Es = { class: "wm-art__fieldLabel" }, Rs = ["data-level"], Ns = {
   key: 1,
   class: "wm-tk__date",
   width: "12",
@@ -2688,16 +2730,16 @@ const As = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Ns = {
+}, Us = {
   key: 1,
   class: "wm-art__footer wm-tk__footer"
 };
 function Fs(e, t, n, i, r, s) {
-  return c(), u("div", Ss, [
-    o("div", Ms, [
-      o("div", Ts, v(n.data.title), 1),
-      o("div", xs, [
-        o("div", Os, [
+  return c(), u("div", Ms, [
+    o("div", Ts, [
+      o("div", xs, v(n.data.title), 1),
+      o("div", Os, [
+        o("div", Is, [
           t[0] || (t[0] = o("svg", {
             width: "11",
             height: "11",
@@ -2725,17 +2767,17 @@ function Fs(e, t, n, i, r, s) {
             class: "wm-tk__dot",
             "aria-hidden": "true"
           }, null, -1)),
-          pe(" " + v(n.data.status.label), 1)
+          ge(" " + v(n.data.status.label), 1)
         ], 2)
       ]),
       n.data.body ? (c(), u("div", Ls, v(n.data.body), 1)) : b("", !0)
     ]),
-    s.fields.length ? (c(), u("div", Is, [
-      (c(!0), u(L, null, j(s.fields, (a, l) => (c(), u("div", {
+    s.fields.length ? (c(), u("div", Bs, [
+      (c(!0), u(I, null, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", Bs, v(a.label), 1),
+        o("div", Es, v(a.label), 1),
         o("div", {
           class: x([
             "wm-art__fieldValue",
@@ -2772,7 +2814,7 @@ function Fs(e, t, n, i, r, s) {
               height: "9",
               rx: "0.5"
             }, null, -1)
-          ])], 8, Es)) : s.isDate(a.label) ? (c(), u("svg", Rs, [...t[3] || (t[3] = [
+          ])], 8, Rs)) : s.isDate(a.label) ? (c(), u("svg", Ns, [...t[3] || (t[3] = [
             o("rect", {
               x: "3",
               y: "4",
@@ -2786,7 +2828,7 @@ function Fs(e, t, n, i, r, s) {
         ], 2)
       ]))), 128))
     ])) : b("", !0),
-    n.data.created_at ? (c(), u("div", Ns, [
+    n.data.created_at ? (c(), u("div", Us, [
       t[4] || (t[4] = o("svg", {
         width: "11",
         height: "11",
@@ -2811,9 +2853,9 @@ function Fs(e, t, n, i, r, s) {
     ])) : b("", !0)
   ]);
 }
-const js = /* @__PURE__ */ B(As, [["render", Fs], ["__scopeId", "data-v-5f30c914"]]), Ps = {
-  form_response: cs,
-  info_card: ks,
+const js = /* @__PURE__ */ B(Ss, [["render", Fs], ["__scopeId", "data-v-5f30c914"]]), Ps = {
+  form_response: ds,
+  info_card: Cs,
   ticket: js
 }, Ds = {
   name: "WmArtifactRenderer",
@@ -2830,19 +2872,19 @@ const js = /* @__PURE__ */ B(As, [["render", Fs], ["__scopeId", "data-v-5f30c914
     }
   }
 };
-function Us(e, t, n, i, r, s) {
-  return s.component ? (c(), R(De(s.component), {
+function Hs(e, t, n, i, r, s) {
+  return s.component ? (c(), R(Pe(s.component), {
     key: 0,
     data: n.artifact.data
   }, null, 8, ["data"])) : b("", !0);
 }
-const $s = /* @__PURE__ */ B(Ds, [["render", Us]]), Hs = {
+const zs = /* @__PURE__ */ B(Ds, [["render", Hs]]), qs = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null },
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     attachment: { type: Object, required: !0 }
@@ -2900,15 +2942,15 @@ const $s = /* @__PURE__ */ B(Ds, [["render", Us]]), Hs = {
       this.url || e.preventDefault();
     }
   }
-}, qs = ["href"], zs = ["src", "alt"], Vs = ["src"], Ks = ["src"], Ws = ["href", "download"], Gs = { class: "wm-att__main" }, Ys = { class: "wm-att__name" }, Qs = {
+}, $s = ["href"], Vs = ["src", "alt"], Ks = ["src"], Ws = ["src"], Gs = ["href", "download"], Ys = { class: "wm-att__main" }, Qs = { class: "wm-att__name" }, Xs = {
   key: 0,
   class: "wm-att__meta"
-}, Xs = {
+}, Js = {
   key: 0,
   class: "wm-att__spin",
   "aria-hidden": "true"
 };
-function Js(e, t, n, i, r, s) {
+function Zs(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-att", ["wm-att--" + (s.kind || "file")]])
   }, [
@@ -2923,18 +2965,18 @@ function Js(e, t, n, i, r, s) {
         src: r.url,
         alt: s.displayName,
         loading: "lazy"
-      }, null, 8, zs)
-    ], 8, qs)) : s.kind === "audio" && r.url ? (c(), u("audio", {
+      }, null, 8, Vs)
+    ], 8, $s)) : s.kind === "audio" && r.url ? (c(), u("audio", {
       key: 1,
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, Vs)) : s.kind === "video" && r.url ? (c(), u("video", {
+    }, null, 8, Ks)) : s.kind === "video" && r.url ? (c(), u("video", {
       key: 2,
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, Ks)) : (c(), u("a", {
+    }, null, 8, Ws)) : (c(), u("a", {
       key: 3,
       class: "wm-att__file",
       href: r.url || "#",
@@ -2959,15 +3001,15 @@ function Js(e, t, n, i, r, s) {
           o("path", { d: "M14 2v6h6" })
         ])
       ], -1)),
-      o("span", Gs, [
-        o("span", Ys, v(s.displayName), 1),
-        s.sizeLabel ? (c(), u("span", Qs, v(s.sizeLabel), 1)) : b("", !0)
+      o("span", Ys, [
+        o("span", Qs, v(s.displayName), 1),
+        s.sizeLabel ? (c(), u("span", Xs, v(s.sizeLabel), 1)) : b("", !0)
       ]),
-      r.loading ? (c(), u("span", Xs)) : b("", !0)
-    ], 8, Ws))
+      r.loading ? (c(), u("span", Js)) : b("", !0)
+    ], 8, Gs))
   ], 2);
 }
-const Zs = /* @__PURE__ */ B(Hs, [["render", Js], ["__scopeId", "data-v-afc7b0d3"]]), er = {
+const er = /* @__PURE__ */ B(qs, [["render", Zs], ["__scopeId", "data-v-afc7b0d3"]]), tr = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -2976,53 +3018,53 @@ const Zs = /* @__PURE__ */ B(Hs, [["render", Js], ["__scopeId", "data-v-afc7b0d3
   },
   computed: {
     rendered() {
-      return un(this.text);
+      return mn(this.text);
     }
   }
-}, tr = ["innerHTML"];
-function nr(e, t, n, i, r, s) {
+}, nr = ["innerHTML"];
+function sr(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-bubble", "wm-bubble--" + n.role])
   }, [
-    Ue(e.$slots, "default", {}, () => [
-      o("span", { innerHTML: s.rendered }, null, 8, tr)
+    De(e.$slots, "default", {}, () => [
+      o("span", { innerHTML: s.rendered }, null, 8, nr)
     ], !0)
   ], 2);
 }
-const sr = /* @__PURE__ */ B(er, [["render", nr], ["__scopeId", "data-v-7ab13147"]]), rr = { name: "WmTyping" }, ir = { class: "wm-typing" };
-function ar(e, t, n, i, r, s) {
-  return c(), u("div", ir, [...t[0] || (t[0] = [
+const rr = /* @__PURE__ */ B(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),
     o("span", { style: { "animation-delay": "0.2s" } }, null, -1),
     o("span", { style: { "animation-delay": "0.4s" } }, null, -1)
   ])]);
 }
-const or = /* @__PURE__ */ B(rr, [["render", ar], ["__scopeId", "data-v-df2447fd"]]);
+const lr = /* @__PURE__ */ B(ir, [["render", or], ["__scopeId", "data-v-df2447fd"]]);
 function Z(e) {
   return e ? e.client_msg_id || e.id : "";
 }
-const lr = {
+const cr = {
   transferred_to_human: "system.transferredToHuman",
   assigned: "system.assigned",
   unassigned: "system.unassigned",
   resolved: "system.resolved",
   reopened: "system.reopened",
   idle: "system.idle"
-}, cr = 80, dr = 200, ur = {
+}, dr = 80, ur = 200, mr = {
   name: "WmMessageList",
   components: {
     AIAvatar: le,
     HumanAvatar: Be,
-    Bubble: sr,
-    Typing: or,
-    ActionResult: es,
-    AttachmentPreview: Zs,
-    ArtifactRenderer: $s
+    Bubble: rr,
+    Typing: lr,
+    ActionResult: ts,
+    AttachmentPreview: er,
+    ArtifactRenderer: zs
   },
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => P() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -3047,7 +3089,12 @@ const lr = {
     // `created_at` la dépasse sont arrivés EN DIRECT pendant que
     // l'utilisateur regardait — ils n'entrent pas dans le batch "Non lus".
     // Vide ⇒ pas de borne haute (rétrocompatible).
-    unreadBoundaryTs: { type: String, default: "" }
+    unreadBoundaryTs: { type: String, default: "" },
+    // Identité de l'agent IA configuré côté widget. Affichée à gauche
+    // de "Assistant IA" dans le pied du cluster IA, et utilisée comme
+    // image de l'avatar IA quand renseignée.
+    aiAgentName: { type: String, default: "" },
+    aiAgentAvatarUrl: { type: String, default: null }
   },
   emits: ["load-more"],
   data() {
@@ -3097,8 +3144,8 @@ const lr = {
           });
           continue;
         }
-        const g = e[e.length - 1];
-        g && g.role === l && (l === "ai" || g.agentName === (((i = a == null ? void 0 : a.author) == null ? void 0 : i.name) || "")) ? g.messages.push(a) : e.push({
+        const p = e[e.length - 1];
+        p && p.role === l && (l === "ai" || p.agentName === (((i = a == null ? void 0 : a.author) == null ? void 0 : i.name) || "")) ? p.messages.push(a) : e.push({
           key: `g-${Z(a)}`,
           role: l,
           agentName: ((r = a == null ? void 0 : a.author) == null ? void 0 : r.name) || "",
@@ -3110,8 +3157,8 @@ const lr = {
       for (const a of e) {
         if (a.role === "system") continue;
         const l = [];
-        for (const g of a.messages)
-          for (const C of this.itemsOf(g)) l.push(C);
+        for (const p of a.messages)
+          for (const C of this.itemsOf(p)) l.push(C);
         a.items = l;
       }
       const t = [];
@@ -3192,11 +3239,11 @@ const lr = {
       return `g-${n}`;
     },
     isAtBottom(e) {
-      return e.scrollHeight - e.scrollTop - e.clientHeight <= cr;
+      return e.scrollHeight - e.scrollTop - e.clientHeight <= dr;
     },
     onScroll() {
       const e = this.$refs.scrollEl;
-      e && (this.loadingMore || !this.hasMore || this._pendingLoadMore || e.scrollTop <= dr && (this._pendingLoadMore = !0, this.$emit("load-more")));
+      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.
     //
@@ -3302,7 +3349,10 @@ const lr = {
       return t === "user" ? "user" : t === "agent_human" ? "human" : "ai";
     },
     roleLabel(e) {
-      return e.role === "human" ? e.agentName || this.t("common.agent") : this.t("common.aiAssistant");
+      if (e.role === "human")
+        return e.agentName || this.t("common.agent");
+      const t = this.t("common.aiAssistant");
+      return this.aiAgentName ? `${this.aiAgentName} • ${t}` : t;
     },
     // Expand a message into atomic visual items, each one a row in
     // the smart-corner cluster. Most messages = 1 item. An
@@ -3394,9 +3444,9 @@ const lr = {
     //   doit garder son arrondi.
     cornersFor(e, t) {
       var te, ne, G;
-      const n = e.items, i = (te = n[t]) == null ? void 0 : te.kind, r = (ne = n[t - 1]) == null ? void 0 : ne.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, g = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, M = (Y, Q, z) => Y != null && T != null ? Y + H >= T : Q === z || Q === "card" && z === "bubble";
-      let D = l, N = l, $ = l, W = l;
-      return a ? (C && (N = g), (k || !s) && ($ = g), C && M(E, C, i == null ? void 0 : i.top) && (D = g), k && M(A, k, i == null ? void 0 : i.bottom) && (W = g)) : (C && (D = g), (k || !s) && (W = g), C && M(E, C, i == null ? void 0 : i.top) && (N = g), k && M(A, k, i == null ? void 0 : i.bottom) && ($ = g)), { tl: D, tr: N, br: $, bl: W };
+      const n = e.items, i = (te = n[t]) == null ? void 0 : te.kind, r = (ne = n[t - 1]) == null ? void 0 : ne.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, p = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], q = 0.5, M = (Y, Q, V) => Y != null && T != null ? Y + q >= T : Q === V || Q === "card" && V === "bubble";
+      let P = l, N = l, H = l, W = l;
+      return a ? (C && (N = p), (k || !s) && (H = p), C && M(E, C, i == null ? void 0 : i.top) && (P = p), k && M(A, k, i == null ? void 0 : i.bottom) && (W = p)) : (C && (P = p), (k || !s) && (W = p), C && M(E, C, i == null ? void 0 : i.top) && (N = p), k && M(A, k, i == null ? void 0 : i.bottom) && (H = p)), { tl: P, tr: N, br: H, bl: W };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3443,8 +3493,8 @@ const lr = {
           ".wm-bubble, .wm-result, .wm-art, .wm-list__body"
         );
         if (!l) continue;
-        const g = l.getBoundingClientRect().width;
-        g > 0 && (t[a] = g);
+        const p = l.getBoundingClientRect().width;
+        p > 0 && (t[a] = p);
       }
       const n = this.widthByKey, i = Object.keys(n), r = Object.keys(t);
       if (i.length === r.length) {
@@ -3462,7 +3512,7 @@ const lr = {
       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 Ie(
           new Date(n.created_at),
           oe(this.wmLocale())
         );
@@ -3509,7 +3559,7 @@ const lr = {
     },
     systemLabel(e) {
       var r, s, a;
-      const t = (r = e == null ? void 0 : e.payload) == null ? void 0 : r.event, n = lr[t], i = ((s = e == null ? void 0 : e.metadata) == null ? void 0 : s.agent_name) || ((a = e == null ? void 0 : e.author) == null ? void 0 : a.name) || this.t("messageList.anAgent");
+      const t = (r = e == null ? void 0 : e.payload) == null ? void 0 : r.event, n = cr[t], i = ((s = e == null ? void 0 : e.metadata) == null ? void 0 : s.agent_name) || ((a = e == null ? void 0 : e.author) == null ? void 0 : a.name) || this.t("messageList.anAgent");
       return n ? this.t(n, { name: i }) : (e == null ? void 0 : e.text_md) || this.t("messageList.conversationUpdate");
     },
     scrollToBottom() {
@@ -3522,33 +3572,33 @@ const lr = {
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, mr = { class: "wm-list__loadMore-lbl" }, fr = {
+}, fr = { class: "wm-list__loadMore-lbl" }, _r = {
   key: 1,
   class: "wm-list__historyEnd"
-}, _r = {
+}, gr = {
   key: 2,
   class: "wm-list__sep"
-}, pr = { class: "wm-list__sep-label" }, gr = {
+}, pr = { class: "wm-list__sep-label" }, vr = {
   key: 0,
   class: "wm-list__sep wm-list__sep--unread"
-}, vr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, yr = {
+}, yr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, br = {
   key: 0,
   class: "wm-list__sysep"
-}, br = { class: "wm-list__sysep-label" }, wr = ["data-row-key"], kr = {
+}, wr = { class: "wm-list__sysep-label" }, kr = ["data-row-key"], Cr = {
   key: 0,
   class: "wm-list__avatarSlot"
-}, Cr = {
+}, Ar = {
   key: 5,
   class: "wm-list__body"
-}, Ar = { key: 0 }, Sr = {
+}, Sr = { key: 0 }, Mr = {
   key: 1,
   "aria-hidden": "true"
-}, Mr = { key: 2 }, Tr = {
+}, Tr = { key: 2 }, xr = {
   key: 3,
   class: "wm-list__row wm-list__row--ai fade-up"
-}, xr = { class: "wm-list__avatarSlot" };
-function Or(e, t, n, i, r, s) {
-  const a = I("AIAvatar"), l = I("HumanAvatar"), g = I("ActionResult"), C = I("ArtifactRenderer"), k = I("Bubble"), T = I("AttachmentPreview"), E = I("Typing");
+}, Or = { class: "wm-list__avatarSlot" };
+function Ir(e, t, n, i, r, s) {
+  const a = L("AIAvatar"), l = L("HumanAvatar"), p = L("ActionResult"), C = L("ArtifactRenderer"), k = L("Bubble"), T = L("AttachmentPreview"), E = L("Typing");
   return c(), u("div", {
     ref: "scrollEl",
     class: x(["wm-list", { "wm-list--silent": r.silentFades }]),
@@ -3559,31 +3609,31 @@ function Or(e, t, n, i, r, s) {
         class: "wm-list__loadMore-spinner",
         "aria-hidden": "true"
       }, null, -1)),
-      o("span", mr, v(s.t("messageList.loadingHistory")), 1)
-    ])) : s.historyExhausted ? (c(), u("div", fr, v(s.t("messageList.conversationStart")), 1)) : b("", !0),
-    n.dateLabel ? (c(), u("div", _r, [
+      o("span", fr, 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", gr, [
       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(L, null, j(s.groups, (A, H) => (c(), u(L, {
+    (c(!0), u(I, null, F(s.groups, (A, q) => (c(), u(I, {
       key: A.key
     }, [
-      A.key === s.unreadGroupKey ? (c(), u("div", gr, [
+      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", vr, v(s.t("messageList.unread")), 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))
       ])) : b("", !0),
       A.role === "system" || A.items.length ? (c(), u("div", {
         key: 1,
         class: x(["wm-list__group", "wm-list__group--" + A.role])
       }, [
-        A.role === "system" ? (c(), u("div", yr, [
+        A.role === "system" ? (c(), u("div", br, [
           t[6] || (t[6] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
-          o("span", br, v(A.systemLabel), 1),
+          o("span", wr, v(A.systemLabel), 1),
           t[7] || (t[7] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
-        ])) : (c(), u(L, { key: 1 }, [
-          (c(!0), u(L, null, j(A.items, (M, D) => (c(), u("div", {
+        ])) : (c(), u(I, { key: 1 }, [
+          (c(!0), u(I, null, F(A.items, (M, P) => (c(), u("div", {
             key: `${s.messageKey(M.message)}-${M.partKey}`,
             "data-row-key": `${s.messageKey(M.message)}-${M.partKey}`,
             class: x(["wm-list__row fade-up", [
@@ -3593,15 +3643,17 @@ function Or(e, t, n, i, r, s) {
                 "is-failed": M.message._failed
               }
             ]]),
-            style: K(s.cornersStyle(A, D))
+            style: z(s.cornersStyle(A, P))
           }, [
-            A.role !== "user" ? (c(), u("div", kr, [
-              D === A.items.length - 1 ? (c(), u(L, { key: 0 }, [
+            A.role !== "user" ? (c(), u("div", Cr, [
+              P === A.items.length - 1 ? (c(), u(I, { key: 0 }, [
                 A.role === "ai" ? (c(), R(a, {
                   key: 0,
                   size: 26,
-                  tail: !0
-                })) : (c(), R(l, {
+                  tail: !0,
+                  name: n.aiAgentName,
+                  "image-url": n.aiAgentAvatarUrl
+                }, null, 8, ["name", "image-url"])) : (c(), R(l, {
                   key: 1,
                   name: A.agentName,
                   "avatar-url": A.agentAvatarUrl,
@@ -3610,12 +3662,12 @@ function Or(e, t, n, i, r, s) {
                 }, null, 8, ["name", "avatar-url"]))
               ], 64)) : b("", !0)
             ])) : b("", !0),
-            M.renderAs === "action" ? (c(), R(g, {
+            M.renderAs === "action" ? (c(), R(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(), R(g, {
+            }, null, 8, ["state", "label", "detail"])) : M.renderAs === "admin-pending" ? (c(), R(p, {
               key: 2,
               state: "awaiting",
               label: s.t("messageList.approvalRequestSent"),
@@ -3626,7 +3678,7 @@ function Or(e, t, n, i, r, s) {
             }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), R(C, {
               key: 4,
               artifact: s.artifactOf(M.message)
-            }, null, 8, ["artifact"])) : (c(), u("div", Cr, [
+            }, null, 8, ["artifact"])) : (c(), u("div", Ar, [
               M.message.text_md ? (c(), R(k, {
                 key: 0,
                 role: A.role,
@@ -3638,40 +3690,42 @@ function Or(e, t, n, i, r, s) {
                   "wm-list__atts--align-end": A.role === "user"
                 }])
               }, [
-                (c(!0), u(L, null, j(s.attachmentsOf(
+                (c(!0), u(I, null, F(s.attachmentsOf(
                   M.message
-                ), (N, $) => (c(), R(T, {
-                  key: `${s.messageKey(M.message)}-att-${$}`,
+                ), (N, H) => (c(), R(T, {
+                  key: `${s.messageKey(M.message)}-att-${H}`,
                   attachment: N
                 }, null, 8, ["attachment"]))), 128))
               ], 2)) : b("", !0)
             ]))
-          ], 14, wr))), 128)),
+          ], 14, kr))), 128)),
           (A.role !== "user" || s.lastTimeOf(A)) && !s.hasTrailingOverlay(A) ? (c(), u("div", {
             key: 0,
             class: x(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
           }, [
-            A.role !== "user" ? (c(), u("span", Ar, v(s.roleLabel(A)), 1)) : b("", !0),
-            A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Sr, "·")) : b("", !0),
-            s.lastTimeOf(A) ? (c(), u("span", Mr, v(s.lastTimeOf(A)), 1)) : b("", !0)
+            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", Tr, [
-      o("div", xr, [
-        q(a, {
+    n.streamingActive ? (c(), u("div", xr, [
+      o("div", Or, [
+        $(a, {
           size: 26,
-          tail: !0
-        })
+          tail: !0,
+          name: n.aiAgentName,
+          "image-url": n.aiAgentAvatarUrl
+        }, null, 8, ["name", "image-url"])
       ]),
-      q(E)
+      $(E)
     ])) : b("", !0)
   ], 34);
 }
-const Lr = /* @__PURE__ */ B(ur, [["render", Or], ["__scopeId", "data-v-8b3763d3"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ve = typeof window < "u" && typeof window.MediaRecorder < "u";
-function Ir() {
-  return ve && [
+const Lr = /* @__PURE__ */ B(mr, [["render", Ir], ["__scopeId", "data-v-d769b193"]]), me = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", be = typeof window < "u" && typeof window.MediaRecorder < "u";
+function Br() {
+  return be && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
     "video/webm",
@@ -3690,11 +3744,11 @@ function Re({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function Ua(e) {
+function Ha(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
-async function Br() {
-  if (!he) return null;
+async function Er() {
+  if (!me) return null;
   let e;
   try {
     e = await navigator.mediaDevices.getDisplayMedia(
@@ -3704,7 +3758,7 @@ async function Br() {
     return (t == null ? void 0 : t.name) !== "NotAllowedError" && console.error("[media] screenshot picker", t), null;
   }
   try {
-    return await Er(e);
+    return await Rr(e);
   } catch (t) {
     return console.error("[media] screenshot capture", t), null;
   } finally {
@@ -3713,22 +3767,22 @@ async function Br() {
     });
   }
 }
-async function Er(e) {
+async function Rr(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");
   r.width = n, r.height = i, r.getContext("2d").drawImage(t, 0, 0, n, i);
-  const s = await new Promise((l, g) => {
+  const s = await new Promise((l, p) => {
     r.toBlob(
-      (C) => C ? l(C) : g(new Error("toBlob failed")),
+      (C) => C ? l(C) : p(new Error("toBlob failed")),
       "image/png"
     );
   }), a = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return new File([s], `capture-${a}.png`, { type: "image/png" });
 }
-async function Rr(e = {}) {
+async function Nr(e = {}) {
   var C;
-  if (!he || !ve) return null;
+  if (!me || !be) return null;
   let t;
   try {
     t = await navigator.mediaDevices.getDisplayMedia(
@@ -3737,7 +3791,7 @@ async function Rr(e = {}) {
   } catch (k) {
     return (k == null ? void 0 : k.name) !== "NotAllowedError" && console.error("[media] record picker", k), null;
   }
-  const n = Ir();
+  const n = Br();
   let i;
   try {
     i = n ? new window.MediaRecorder(t, { mimeType: n }) : new window.MediaRecorder(t);
@@ -3755,10 +3809,10 @@ async function Rr(e = {}) {
     if (s && clearInterval(s), t.getTracks().forEach((E) => {
       E.stop();
     }), r.length) {
-      const E = i.mimeType || n || "video/webm", A = new Blob(r, { type: E }), H = /mp4/.test(E) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), D = new File([A], `ecran-${M}.${H}`, {
+      const E = i.mimeType || n || "video/webm", A = new Blob(r, { type: E }), q = /mp4/.test(E) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), P = new File([A], `ecran-${M}.${q}`, {
         type: E
       });
-      (k = e.onfinalize) == null || k.call(e, D);
+      (k = e.onfinalize) == null || k.call(e, P);
     } else
       (T = e.oncancel) == null || T.call(e);
   }), t.getVideoTracks().forEach((k) => {
@@ -3780,10 +3834,10 @@ async function Rr(e = {}) {
     }), null;
   }
   (C = e.onstart) == null || C.call(e);
-  const g = Date.now();
+  const p = Date.now();
   return s = setInterval(() => {
     var k;
-    (k = e.ontick) == null || k.call(e, Date.now() - g);
+    (k = e.ontick) == null || k.call(e, Date.now() - p);
   }, 500), {
     stop: l,
     get state() {
@@ -3791,7 +3845,7 @@ async function Rr(e = {}) {
     }
   };
 }
-const Nr = [
+const Ur = [
   {
     action: "file",
     labelKey: "composer.attachFile",
@@ -3812,7 +3866,7 @@ const Nr = [
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     modelValue: { type: String, default: "" },
@@ -3835,10 +3889,10 @@ const Nr = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Nr.map((e) => ({
+      return Ur.map((e) => ({
         ...e,
         label: this.t(e.labelKey),
-        disabled: e.action === "screenshot" && !he || e.action === "record" && (!he || !ve)
+        disabled: e.action === "screenshot" && !me || e.action === "record" && (!me || !be)
       }));
     },
     recordingElapsedLabel() {
@@ -3908,13 +3962,13 @@ const Nr = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const e = await Br();
+      const e = await Er();
       e && this.$emit("attach", e);
     },
     async startRecording() {
       if (this.recording || this.disabled) return;
       this.recordingElapsed = 0;
-      const e = await Rr({
+      const e = await Nr({
         onstart: () => {
           this.recording = !0;
         },
@@ -3942,17 +3996,17 @@ const Nr = [
 }, jr = { class: "wm-compose-wrap" }, Pr = {
   key: 0,
   class: "wm-rec"
-}, Dr = { class: "wm-rec__lbl" }, Ur = {
+}, Dr = { class: "wm-rec__lbl" }, Hr = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, $r = ["disabled", "onClick"], Hr = { class: "wm-compose__menuIcon" }, qr = {
+}, zr = ["disabled", "onClick"], qr = { class: "wm-compose__menuIcon" }, $r = {
   viewBox: "0 0 24 24",
   width: "14",
   height: "14",
   "aria-hidden": "true"
-}, zr = ["d"], Vr = ["placeholder", "disabled"], Kr = { class: "wm-compose__actions" }, Wr = ["title", "aria-label", "disabled"], Gr = ["disabled", "aria-label"];
-function Yr(e, t, n, i, r, s) {
+}, Vr = ["d"], Kr = ["placeholder", "disabled"], Wr = { class: "wm-compose__actions" }, Gr = ["title", "aria-label", "disabled"], Yr = ["disabled", "aria-label"];
+function Qr(e, t, n, i, r, s) {
   return c(), u("div", jr, [
     r.recording ? (c(), u("div", Pr, [
       t[8] || (t[8] = o("span", {
@@ -3982,16 +4036,16 @@ function Yr(e, t, n, i, r, s) {
         class: "wm-compose__overlay",
         onClick: t[2] || (t[2] = (a) => r.attachOpen = !1)
       })) : b("", !0),
-      r.attachOpen ? (c(), u("div", Ur, [
-        (c(!0), u(L, null, j(s.attachItems, (a) => (c(), u("button", {
+      r.attachOpen ? (c(), u("div", Hr, [
+        (c(!0), u(I, null, F(s.attachItems, (a) => (c(), u("button", {
           key: a.action,
           type: "button",
           class: "wm-compose__menuItem",
           disabled: a.disabled,
           onClick: (l) => s.onAttachAction(a.action)
         }, [
-          o("span", Hr, [
-            (c(), u("svg", qr, [
+          o("span", qr, [
+            (c(), u("svg", $r, [
               o("path", {
                 d: a.path,
                 stroke: "currentColor",
@@ -3999,13 +4053,13 @@ function Yr(e, t, n, i, r, s) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, zr)
+              }, null, 8, Vr)
             ]))
           ]),
           o("span", null, v(a.label), 1)
-        ], 8, $r))), 128))
+        ], 8, zr))), 128))
       ])) : b("", !0),
-      V(o("textarea", {
+      K(o("textarea", {
         ref: "inputEl",
         "onUpdate:modelValue": t[3] || (t[3] = (a) => r.local = a),
         class: "wm-compose__input",
@@ -4014,10 +4068,10 @@ function Yr(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, Vr), [
+      }, null, 40, Kr), [
         [ee, r.local]
       ]),
-      o("div", Kr, [
+      o("div", Wr, [
         o("button", {
           type: "button",
           class: x(["wm-compose__icon", { "is-open": r.attachOpen }]),
@@ -4039,7 +4093,7 @@ function Yr(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, Wr),
+        ])], 10, Gr),
         o("button", {
           type: "submit",
           class: x(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -4059,12 +4113,12 @@ function Yr(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
           ], -1)
-        ])], 10, Gr)
+        ])], 10, Yr)
       ])
     ], 34)
   ]);
 }
-const Qr = /* @__PURE__ */ B(Fr, [["render", Yr], ["__scopeId", "data-v-aa81dbb8"]]), Xr = {
+const Xr = /* @__PURE__ */ B(Fr, [["render", Qr], ["__scopeId", "data-v-aa81dbb8"]]), Jr = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4081,33 +4135,35 @@ const Qr = /* @__PURE__ */ B(Fr, [["render", Yr], ["__scopeId", "data-v-aa81dbb8
       return this.items.map((e) => (e == null ? void 0 : e.label) || (e == null ? void 0 : e.text) || "").join("§");
     }
   }
-}, Jr = ["onClick"];
-function Zr(e, t, n, i, r, s) {
+}, Zr = ["onClick"];
+function ei(e, t, n, i, r, s) {
   return n.items.length ? (c(), u("div", {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (c(!0), u(L, null, j(n.items, (a, l) => (c(), u("button", {
+    (c(!0), u(I, null, F(n.items, (a, l) => (c(), u("button", {
       key: l,
       type: "button",
       class: "wm-chip",
-      style: K({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
-      onClick: (g) => e.$emit("select", a)
-    }, v(a.label), 13, Jr))), 128))
+      style: z({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
+      onClick: (p) => e.$emit("select", a)
+    }, v(a.label), 13, Zr))), 128))
   ])) : b("", !0);
 }
-const ei = /* @__PURE__ */ B(Xr, [["render", Zr], ["__scopeId", "data-v-47ad8085"]]), ti = {
+const ti = /* @__PURE__ */ B(Jr, [["render", ei], ["__scopeId", "data-v-47ad8085"]]), ni = {
   name: "WmApprovalCard",
   components: { AIAvatar: le },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     action: { type: String, required: !0 },
     detail: { type: String, default: "" },
-    callbacks: { type: Array, default: () => [] }
+    callbacks: { type: Array, default: () => [] },
+    agentName: { type: String, default: "" },
+    agentAvatarUrl: { type: String, default: null }
   },
   emits: ["callback"],
   computed: {
@@ -4138,23 +4194,27 @@ const ei = /* @__PURE__ */ B(Xr, [["render", Zr], ["__scopeId", "data-v-47ad8085
       return ((e = this.rejectCallback) == null ? void 0 : e.label) || this.t("approval.reject");
     }
   }
-}, ni = { class: "wm-approval" }, si = { class: "wm-approval__head" }, ri = { class: "wm-approval__icon" }, ii = { class: "wm-approval__main" }, ai = { class: "wm-approval__title" }, oi = {
+}, 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 = {
   key: 0,
   class: "wm-approval__detail"
-}, li = { class: "wm-approval__actions" };
-function ci(e, t, n, i, r, s) {
-  const a = I("AIAvatar");
-  return c(), u("div", ni, [
-    o("div", si, [
-      o("div", ri, [
-        q(a, { size: 24 })
-      ]),
+}, ci = { class: "wm-approval__actions" };
+function di(e, t, n, i, r, s) {
+  const a = L("AIAvatar");
+  return c(), u("div", si, [
+    o("div", ri, [
       o("div", ii, [
-        o("div", ai, v(n.action), 1),
-        n.detail ? (c(), u("div", oi, v(n.detail), 1)) : b("", !0)
+        $(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", li, [
+    o("div", ci, [
       s.rejectId ? (c(), u("button", {
         key: 0,
         type: "button",
@@ -4170,9 +4230,9 @@ function ci(e, t, n, i, r, s) {
     ])
   ]);
 }
-const di = /* @__PURE__ */ B(ti, [["render", ci], ["__scopeId", "data-v-53ddf2b2"]]);
-let Me = 0;
-const ui = /* @__PURE__ */ new Set([
+const ui = /* @__PURE__ */ B(ni, [["render", di], ["__scopeId", "data-v-a2bed37e"]]);
+let xe = 0;
+const mi = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4186,17 +4246,19 @@ const ui = /* @__PURE__ */ new Set([
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     form: { type: Object, required: !0 },
     readOnly: { type: Boolean, default: !1 },
-    initialValues: { type: Object, default: null }
+    initialValues: { type: Object, default: null },
+    agentName: { type: String, default: "" },
+    agentAvatarUrl: { type: String, default: null }
   },
   emits: ["submit"],
   data() {
-    return Me += 1, {
-      _uid: Me,
+    return xe += 1, {
+      _uid: xe,
       values: {},
       busy: !1,
       error: ""
@@ -4208,7 +4270,7 @@ const ui = /* @__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) || !ui.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() {
@@ -4261,50 +4323,54 @@ const ui = /* @__PURE__ */ new Set([
       }
     }
   }
-}, mi = { class: "wm-form" }, fi = { class: "wm-form__head" }, _i = { class: "wm-form__icon" }, pi = { class: "wm-form__main" }, gi = { class: "wm-form__title" }, vi = {
+}, fi = { class: "wm-form" }, _i = { class: "wm-form__head" }, gi = { class: "wm-form__icon" }, pi = { class: "wm-form__main" }, vi = { class: "wm-form__title" }, yi = {
   key: 0,
   class: "wm-form__detail"
-}, yi = ["for"], bi = {
+}, bi = ["for"], wi = {
   key: 0,
   class: "wm-form__req",
   "aria-hidden": "true"
-}, wi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], ki = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ci = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ai = ["id", "onUpdate:modelValue", "required", "disabled"], Si = {
+}, 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 = {
   key: 4,
   class: "wm-form__bool"
-}, Mi = ["id", "onUpdate:modelValue", "disabled"], Ti = ["id", "onUpdate:modelValue", "required", "disabled"], xi = {
+}, Ti = ["id", "onUpdate:modelValue", "disabled"], xi = ["id", "onUpdate:modelValue", "required", "disabled"], Oi = {
   value: "",
   disabled: ""
-}, Oi = ["value"], Li = {
+}, Ii = ["value"], Li = {
   key: 6,
   class: "wm-form__multi"
-}, Ii = ["value", "checked", "disabled", "onChange"], Bi = {
+}, Bi = ["value", "checked", "disabled", "onChange"], Ei = {
   key: 0,
   class: "wm-form__err"
-}, Ei = ["disabled"], Ri = {
+}, Ri = ["disabled"], Ni = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Ni = {
+}, Ui = {
   key: 2,
   class: "wm-form__doneLbl"
 };
 function Fi(e, t, n, i, r, s) {
-  const a = I("AIAvatar");
-  return c(), u("div", mi, [
-    o("div", fi, [
-      o("div", _i, [
-        q(a, { size: 24 })
+  const a = L("AIAvatar");
+  return c(), u("div", fi, [
+    o("div", _i, [
+      o("div", gi, [
+        $(a, {
+          size: 24,
+          name: n.agentName,
+          "image-url": n.agentAvatarUrl
+        }, null, 8, ["name", "image-url"])
       ]),
       o("div", pi, [
-        o("div", gi, v(n.form.title || s.t("form.title")), 1),
-        n.form.description ? (c(), u("div", vi, v(n.form.description), 1)) : b("", !0)
+        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("form", {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = X((...l) => s.onSubmit && s.onSubmit(...l), ["prevent"]))
     }, [
-      (c(!0), u(L, null, j(s.normalizedFields, (l) => (c(), u("div", {
+      (c(!0), u(I, null, F(s.normalizedFields, (l) => (c(), u("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4312,121 +4378,121 @@ function Fi(e, t, n, i, r, s) {
           for: `wm-f-${r._uid}-${l.key}`,
           class: "wm-form__label"
         }, [
-          pe(v(l.label), 1),
-          l.required ? (c(), u("span", bi, "*")) : b("", !0)
-        ], 8, yi),
-        l.type === "text" ? V((c(), u("input", {
+          ge(v(l.label), 1),
+          l.required ? (c(), u("span", wi, "*")) : b("", !0)
+        ], 8, bi),
+        l.type === "text" ? K((c(), u("input", {
           key: 0,
           id: `wm-f-${r._uid}-${l.key}`,
-          "onUpdate:modelValue": (g) => r.values[l.key] = g,
+          "onUpdate:modelValue": (p) => r.values[l.key] = p,
           type: "text",
           class: "wm-form__input",
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, wi)), [
+        }, null, 8, ki)), [
           [ee, r.values[l.key]]
-        ]) : l.type === "textarea" ? V((c(), u("textarea", {
+        ]) : l.type === "textarea" ? K((c(), u("textarea", {
           key: 1,
           id: `wm-f-${r._uid}-${l.key}`,
-          "onUpdate:modelValue": (g) => r.values[l.key] = g,
+          "onUpdate:modelValue": (p) => r.values[l.key] = p,
           class: "wm-form__textarea",
           rows: "3",
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, ki)), [
+        }, null, 8, Ci)), [
           [ee, r.values[l.key]]
-        ]) : l.type === "number" ? V((c(), u("input", {
+        ]) : l.type === "number" ? K((c(), u("input", {
           key: 2,
           id: `wm-f-${r._uid}-${l.key}`,
-          "onUpdate:modelValue": (g) => r.values[l.key] = g,
+          "onUpdate:modelValue": (p) => r.values[l.key] = p,
           type: "number",
           class: "wm-form__input",
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Ci)), [
+        }, null, 8, Ai)), [
           [
             ee,
             r.values[l.key],
             void 0,
             { number: !0 }
           ]
-        ]) : l.type === "date" ? V((c(), u("input", {
+        ]) : l.type === "date" ? K((c(), u("input", {
           key: 3,
           id: `wm-f-${r._uid}-${l.key}`,
-          "onUpdate:modelValue": (g) => r.values[l.key] = g,
+          "onUpdate:modelValue": (p) => r.values[l.key] = p,
           type: "date",
           class: "wm-form__input",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Ai)), [
+        }, null, 8, Si)), [
           [ee, r.values[l.key]]
-        ]) : l.type === "boolean" ? (c(), u("label", Si, [
-          V(o("input", {
+        ]) : l.type === "boolean" ? (c(), u("label", Mi, [
+          K(o("input", {
             id: `wm-f-${r._uid}-${l.key}`,
-            "onUpdate:modelValue": (g) => r.values[l.key] = g,
+            "onUpdate:modelValue": (p) => r.values[l.key] = p,
             type: "checkbox",
             disabled: n.readOnly || r.busy
-          }, null, 8, Mi), [
-            [$e, r.values[l.key]]
+          }, null, 8, Ti), [
+            [He, r.values[l.key]]
           ]),
           o("span", null, v(l.placeholder || s.t("common.yes")), 1)
-        ])) : l.type === "select" ? V((c(), u("select", {
+        ])) : l.type === "select" ? K((c(), u("select", {
           key: 5,
           id: `wm-f-${r._uid}-${l.key}`,
-          "onUpdate:modelValue": (g) => r.values[l.key] = g,
+          "onUpdate:modelValue": (p) => r.values[l.key] = p,
           class: "wm-form__select",
           required: l.required,
           disabled: n.readOnly || r.busy
         }, [
-          o("option", xi, v(l.placeholder || s.t("form.choose")), 1),
-          (c(!0), u(L, null, j(l.options, (g) => (c(), u("option", {
-            key: g.value,
-            value: g.value
-          }, v(g.label), 9, Oi))), 128))
-        ], 8, Ti)), [
-          [He, r.values[l.key]]
+          o("option", Oi, v(l.placeholder || s.t("form.choose")), 1),
+          (c(!0), u(I, null, F(l.options, (p) => (c(), u("option", {
+            key: p.value,
+            value: p.value
+          }, v(p.label), 9, Ii))), 128))
+        ], 8, xi)), [
+          [ze, r.values[l.key]]
         ]) : l.type === "multiselect" ? (c(), u("div", Li, [
-          (c(!0), u(L, null, j(l.options, (g) => (c(), u("label", {
-            key: g.value,
+          (c(!0), u(I, null, F(l.options, (p) => (c(), u("label", {
+            key: p.value,
             class: "wm-form__multiItem"
           }, [
             o("input", {
               type: "checkbox",
-              value: g.value,
-              checked: Array.isArray(r.values[l.key]) && r.values[l.key].includes(g.value),
+              value: p.value,
+              checked: Array.isArray(r.values[l.key]) && r.values[l.key].includes(p.value),
               disabled: n.readOnly || r.busy,
               onChange: (C) => s.toggleMulti(
                 l.key,
-                g.value,
+                p.value,
                 C.target.checked
               )
-            }, null, 40, Ii),
-            o("span", null, v(g.label), 1)
+            }, null, 40, Bi),
+            o("span", null, v(p.label), 1)
           ]))), 128))
         ])) : b("", !0)
       ]))), 128)),
-      r.error ? (c(), u("div", Bi, v(r.error), 1)) : b("", !0),
-      n.readOnly ? (c(), u("div", Ni, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
+      r.error ? (c(), u("div", Ei, 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", Ri)) : b("", !0),
+        r.busy ? (c(), u("span", Ni)) : b("", !0),
         o("span", null, v(r.busy ? s.t("common.sending") : n.form.submit_label || s.t("common.send")), 1)
-      ], 8, Ei))
+      ], 8, Ri))
     ], 32)
   ]);
 }
-const ji = /* @__PURE__ */ B(hi, [["render", Fi], ["__scopeId", "data-v-75332dad"]]), Pi = {
+const ji = /* @__PURE__ */ B(hi, [["render", Fi], ["__scopeId", "data-v-fe65cc56"]]), Pi = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     busy: { type: Boolean, default: !1 },
@@ -4455,13 +4521,13 @@ const ji = /* @__PURE__ */ B(hi, [["render", Fi], ["__scopeId", "data-v-75332dad
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Di = { class: "wm-fb" }, Ui = { class: "wm-fb__title" }, $i = { class: "wm-fb__sub" }, Hi = { class: "wm-fb__row" }, qi = ["onClick"], zi = { class: "wm-fb__emoji" }, Vi = { class: "wm-fb__label" }, Ki = ["disabled"], Wi = {
+}, Di = { class: "wm-fb" }, Hi = { class: "wm-fb__title" }, zi = { class: "wm-fb__sub" }, qi = { class: "wm-fb__row" }, $i = ["onClick"], Vi = { class: "wm-fb__emoji" }, Ki = { class: "wm-fb__label" }, Wi = ["disabled"], Gi = {
   key: 1,
   class: "wm-fb__done"
-}, Gi = { class: "wm-fb__doneTitle" }, Yi = { class: "wm-fb__doneSub" };
-function Qi(e, t, n, i, r, s) {
+}, Yi = { class: "wm-fb__doneTitle" }, Qi = { class: "wm-fb__doneSub" };
+function Xi(e, t, n, i, r, s) {
   return c(), u("div", Di, [
-    n.done ? (c(), u("div", Wi, [
+    n.done ? (c(), u("div", Gi, [
       t[1] || (t[1] = o("div", { class: "wm-fb__check" }, [
         o("svg", {
           width: "16",
@@ -4477,37 +4543,37 @@ function Qi(e, t, n, i, r, s) {
           o("path", { d: "M20 6L9 17l-5-5" })
         ])
       ], -1)),
-      o("div", Gi, v(s.t("feedback.doneTitle")), 1),
-      o("div", Yi, v(s.t("feedback.doneSubtitle")), 1)
-    ])) : (c(), u(L, { key: 0 }, [
-      o("div", Ui, v(s.t("feedback.question")), 1),
-      o("div", $i, v(s.t("feedback.subtitle")), 1),
-      o("div", Hi, [
-        (c(!0), u(L, null, j(s.options, (a) => (c(), u("button", {
+      o("div", Yi, v(s.t("feedback.doneTitle")), 1),
+      o("div", Qi, v(s.t("feedback.doneSubtitle")), 1)
+    ])) : (c(), u(I, { key: 0 }, [
+      o("div", Hi, v(s.t("feedback.question")), 1),
+      o("div", zi, v(s.t("feedback.subtitle")), 1),
+      o("div", qi, [
+        (c(!0), u(I, null, F(s.options, (a) => (c(), u("button", {
           key: a.v,
           type: "button",
           class: x(["wm-fb__opt", { "is-selected": r.sel === a.v }]),
           onClick: (l) => r.sel = a.v
         }, [
-          o("span", zi, v(a.e), 1),
-          o("span", Vi, v(a.l), 1)
-        ], 10, qi))), 128))
+          o("span", Vi, v(a.e), 1),
+          o("span", Ki, v(a.l), 1)
+        ], 10, $i))), 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, Ki)
+      }, v(n.busy ? s.t("common.sending") : s.t("feedback.submit")), 9, Wi)
     ], 64))
   ]);
 }
-const Xi = /* @__PURE__ */ B(Pi, [["render", Qi], ["__scopeId", "data-v-9b630564"]]), Ji = {
+const Ji = /* @__PURE__ */ B(Pi, [["render", Xi], ["__scopeId", "data-v-9b630564"]]), Zi = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -4545,24 +4611,24 @@ const Xi = /* @__PURE__ */ B(Pi, [["render", Qi], ["__scopeId", "data-v-9b630564
       this.browserNotifOn = !this.browserNotifOn, this.$emit("browser-notif-toggle", this.browserNotifOn);
     }
   }
-}, Zi = { class: "wm-mm" }, ea = {
+}, ea = { class: "wm-mm" }, ta = {
   class: "wm-mm__pop",
   role: "menu"
-}, ta = {
+}, na = {
   key: 0,
   class: "wm-mm__section"
-}, na = { class: "wm-mm__label" }, sa = { class: "wm-mm__label" }, ra = {
+}, sa = { class: "wm-mm__label" }, ra = { class: "wm-mm__label" }, ia = {
   key: 1,
   class: "wm-mm__sep"
-}, ia = { class: "wm-mm__section" }, aa = { class: "wm-mm__label" }, oa = { class: "wm-mm__label" }, la = { class: "wm-mm__section" }, ca = { class: "wm-mm__label" }, da = { class: "wm-mm__label" };
-function ua(e, t, n, i, r, s) {
-  return c(), u("div", Zi, [
+}, 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 ma(e, t, n, i, r, s) {
+  return c(), u("div", ea, [
     o("div", {
       class: "wm-mm__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    o("div", ea, [
-      n.canRename || n.canExport ? (c(), u("div", ta, [
+    o("div", ta, [
+      n.canRename || n.canExport ? (c(), u("div", na, [
         n.canRename ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4585,7 +4651,7 @@ function ua(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", na, v(s.t("moreMenu.editTitle")), 1)
+          o("span", sa, v(s.t("moreMenu.editTitle")), 1)
         ])) : b("", !0),
         n.canExport ? (c(), u("button", {
           key: 1,
@@ -4608,12 +4674,12 @@ function ua(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", sa, v(s.t("moreMenu.exportTranscript")), 1),
+          o("span", ra, 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", ra)) : b("", !0),
-      o("div", ia, [
+      n.canRename || n.canExport ? (c(), u("div", ia)) : b("", !0),
+      o("div", aa, [
         o("button", {
           type: "button",
           class: "wm-mm__item",
@@ -4635,7 +4701,7 @@ function ua(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", aa, v(s.t("moreMenu.sound")), 1),
+          o("span", oa, v(s.t("moreMenu.sound")), 1),
           o("span", {
             class: x(["wm-mm__toggle", { "wm-mm__toggle--on": r.soundOn }])
           }, [...t[10] || (t[10] = [
@@ -4662,7 +4728,7 @@ function ua(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", oa, v(s.t("moreMenu.browserNotifications")), 1),
+          o("span", la, v(s.t("moreMenu.browserNotifications")), 1),
           o("span", {
             class: x(["wm-mm__toggle", { "wm-mm__toggle--on": r.browserNotifOn }])
           }, [...t[12] || (t[12] = [
@@ -4671,7 +4737,7 @@ function ua(e, t, n, i, r, s) {
         ])
       ]),
       t[16] || (t[16] = o("div", { class: "wm-mm__sep" }, null, -1)),
-      o("div", la, [
+      o("div", ca, [
         n.statusUrl ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4693,7 +4759,7 @@ function ua(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", ca, v(s.t("moreMenu.serviceStatus")), 1)
+          o("span", da, v(s.t("moreMenu.serviceStatus")), 1)
         ])) : b("", !0),
         n.helpUrl ? (c(), u("button", {
           key: 1,
@@ -4716,18 +4782,18 @@ function ua(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", da, v(s.t("moreMenu.helpCenter")), 1)
+          o("span", ua, v(s.t("moreMenu.helpCenter")), 1)
         ])) : b("", !0)
       ])
     ])
   ]);
 }
-const ha = /* @__PURE__ */ B(Ji, [["render", ua], ["__scopeId", "data-v-76281e95"]]), ma = {
+const ha = /* @__PURE__ */ B(Zi, [["render", ma], ["__scopeId", "data-v-76281e95"]]), fa = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => P() }
+    t: { default: () => j() }
   },
   props: {
     // Empty defaults: the resolved fallback comes from the translator
@@ -4764,20 +4830,20 @@ const ha = /* @__PURE__ */ B(Ji, [["render", ua], ["__scopeId", "data-v-76281e95
       this.canSubmit && this.$emit("submit", this.value.trim());
     }
   }
-}, fa = { class: "wm-dialog" }, _a = {
+}, _a = { class: "wm-dialog" }, ga = {
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
-}, pa = { class: "wm-dialog__head" }, ga = { class: "wm-dialog__title" }, va = ["aria-label"], ya = { class: "wm-dialog__body" }, ba = ["placeholder"], wa = { class: "wm-dialog__actions" }, ka = ["disabled"];
-function Ca(e, t, n, i, r, s) {
-  return c(), u("div", fa, [
+}, pa = { class: "wm-dialog__head" }, va = { class: "wm-dialog__title" }, ya = ["aria-label"], ba = { class: "wm-dialog__body" }, wa = ["placeholder"], ka = { class: "wm-dialog__actions" }, Ca = ["disabled"];
+function Aa(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", ga, [
       o("div", pa, [
-        o("div", ga, v(n.title || s.t("rename.title")), 1),
+        o("div", va, v(n.title || s.t("rename.title")), 1),
         o("button", {
           type: "button",
           class: "wm-dialog__close",
@@ -4797,10 +4863,10 @@ function Ca(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, va)
+        ])], 8, ya)
       ]),
-      o("div", ya, [
-        V(o("input", {
+      o("div", ba, [
+        K(o("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => r.value = a),
           type: "text",
@@ -4811,11 +4877,11 @@ function Ca(e, t, n, i, r, s) {
             t[3] || (t[3] = ue(X((...a) => s.onSubmit && s.onSubmit(...a), ["prevent"]), ["enter"])),
             t[4] || (t[4] = ue(X((a) => e.$emit("close"), ["prevent"]), ["esc"]))
           ]
-        }, null, 40, ba), [
+        }, null, 40, wa), [
           [ee, r.value]
         ])
       ]),
-      o("div", wa, [
+      o("div", ka, [
         o("button", {
           type: "button",
           class: "wm-dialog__btn",
@@ -4826,31 +4892,31 @@ function Ca(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, ka)
+        }, v(s.t("common.save")), 9, Ca)
       ])
     ])
   ]);
 }
-const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8"]]), Te = "ww-messenger-tokens", Sa = {
+const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8"]]), Oe = "ww-messenger-tokens", Ma = {
   name: "Messenger",
   components: {
-    Launcher: jt,
-    Header: ln,
-    Onboarding: Hn,
+    Launcher: Ft,
+    Header: cn,
+    Onboarding: qn,
     MessageList: Lr,
-    Composer: Qr,
-    SuggestionChips: ei,
-    ApprovalCard: di,
+    Composer: Xr,
+    SuggestionChips: ti,
+    ApprovalCard: ui,
     FormCard: ji,
-    Feedback: Xi,
+    Feedback: Ji,
     MoreMenu: ha,
-    RenameDialog: Aa
+    RenameDialog: Sa
   },
   mixins: [
     ot,
-    mt,
+    ht,
     ft,
-    pt
+    gt
   ],
   // Make signAttachment available to deep children (AttachmentPreview)
   // without prop drilling. The store may not exist yet at provide-time
@@ -4965,7 +5031,7 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
     //   4. French.
     locale() {
       var e;
-      return ge(
+      return ye(
         this.language || this.customerLanguage || ((e = this.widget) == null ? void 0 : e.default_language) || ""
       );
     },
@@ -4973,7 +5039,7 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__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 P(this.locale);
+      return j(this.locale);
     },
     error() {
       var e;
@@ -5017,12 +5083,12 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
             t[T.id] !== 0 && (!l && T.author && (l = T.author), a++);
           }
         }
-        const g = r.filter(
+        const p = r.filter(
           (k) => !((k == null ? void 0 : k.id) != null && t[k.id] === 0)
         );
         return {
           ...i,
-          _preview: st(i, g),
+          _preview: st(i, p),
           _unread: a > 0,
           _unreadCount: a,
           _lastAuthor: l
@@ -5045,7 +5111,7 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
         title: n.name || this.t("common.newConversation"),
         preview: n._preview || this.t("onboarding.newMessage"),
         unread: !!n._unread,
-        _ts: Ce(n, e[n.id] || [])
+        _ts: Se(n, e[n.id] || [])
       })).sort((n, i) => n._ts < i._ts ? 1 : n._ts > i._ts ? -1 : 0);
     },
     // Unread threads (one entry per conv with unseen agent/human
@@ -5057,14 +5123,14 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
       const e = ((n = this.s) == null ? void 0 : n.messagesByConv) || {}, t = [];
       for (const i of this.drawerConversations) {
         if (!i._unread) continue;
-        const r = Ce(i, e[i.id] || []), s = i._lastAuthor, a = !s || s.type === "agent_ia", l = (s == null ? void 0 : s.name) || (a ? this.agentName : "") || "", g = (s == null ? void 0 : s.avatar_url) || (a ? this.agentAvatarUrl : null);
+        const r = Se(i, e[i.id] || []), s = i._lastAuthor, a = !s || s.type === "agent_ia", l = (s == null ? void 0 : s.name) || (a ? this.agentName : "") || "", p = (s == null ? void 0 : s.avatar_url) || (a ? this.agentAvatarUrl : null);
         t.push({
           convId: i.id,
           preview: i._preview || this.t("notification.youHaveNewMessage"),
           ts: r,
           count: i._unreadCount || 1,
           senderName: l,
-          senderAvatarUrl: g
+          senderAvatarUrl: p
         });
       }
       return t.sort((i, r) => i.ts < r.ts ? 1 : i.ts > r.ts ? -1 : 0), t;
@@ -5123,6 +5189,14 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
       var e;
       return ((e = this.widget) == null ? void 0 : e.welcome_message) || "";
     },
+    widgetSubtitle() {
+      var e;
+      return ((e = this.widget) == null ? void 0 : e.subtitle) || "";
+    },
+    defaultIconUrl() {
+      var e;
+      return ((e = this.widget) == null ? void 0 : e.default_icon_url) || null;
+    },
     agentName() {
       var e, t, n;
       return ((n = (t = (e = this.s) == null ? void 0 : e.config) == null ? void 0 : t.agent) == null ? void 0 : n.name) || "";
@@ -5194,8 +5268,8 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
       }
       const t = this.revealedAt;
       return (this.s.messagesByConv[e.id] || []).filter((r) => {
-        var s, a, l, g, C;
-        return (r == null ? void 0 : r.type) === "action" && ((s = r == null ? void 0 : r.payload) == null ? void 0 : s.state) === "pending" || ae(r) && !(t[r.id] > 0) ? !1 : (r == null ? void 0 : r.type) === "action" || (r == null ? void 0 : r.type) === "system" || ((a = r == null ? void 0 : r.payload) == null ? void 0 : a.type) === "system" || Array.isArray((l = r == null ? void 0 : r.payload) == null ? void 0 : l.attachments) && r.payload.attachments.length || (g = r == null ? void 0 : r.metadata) != null && g.artifact || (C = r == null ? void 0 : r.metadata) != null && C.form ? !0 : typeof (r == null ? void 0 : r.text_md) == "string" && r.text_md.trim().length > 0;
+        var s, a, l, p, C;
+        return (r == null ? void 0 : r.type) === "action" && ((s = r == null ? void 0 : r.payload) == null ? void 0 : s.state) === "pending" || ae(r) && !(t[r.id] > 0) ? !1 : (r == null ? void 0 : r.type) === "action" || (r == null ? void 0 : r.type) === "system" || ((a = r == null ? void 0 : r.payload) == null ? void 0 : a.type) === "system" || Array.isArray((l = r == null ? void 0 : r.payload) == null ? void 0 : l.attachments) && r.payload.attachments.length || (p = r == null ? void 0 : r.metadata) != null && p.artifact || (C = r == null ? void 0 : r.metadata) != null && C.form ? !0 : typeof (r == null ? void 0 : r.text_md) == "string" && r.text_md.trim().length > 0;
       });
     },
     // True whenever we should show the "typing" indicator at the bottom
@@ -5231,11 +5305,11 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
       return ((t = (e = this.pendingApproval) == null ? void 0 : e.payload) == null ? void 0 : t.name) || ((n = this.pendingApproval) == null ? void 0 : n.text_md) || this.t("action.title");
     },
     approvalDetail() {
-      var i, r, s, a, l, g;
+      var i, r, s, a, l, p;
       const e = (s = (r = (i = this.pendingApproval) == null ? void 0 : i.payload) == null ? void 0 : r.pending) == null ? void 0 : s.user_explanation;
       if (typeof e == "string" && e.trim())
         return e.trim();
-      const t = (g = (l = (a = this.pendingApproval) == null ? void 0 : a.payload) == null ? void 0 : l.pending) == null ? void 0 : g.prepared_params;
+      const t = (p = (l = (a = this.pendingApproval) == null ? void 0 : a.payload) == null ? void 0 : l.pending) == null ? void 0 : p.prepared_params;
       if (!t || typeof t != "object") return "";
       const n = Object.entries(t);
       return n.length ? n.slice(0, 2).map(([C, k]) => `${C}: ${k}`).join(" · ") : "";
@@ -5281,7 +5355,7 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
         }
       }
       return this.t("messageList.today", {
-        time: Le(t, oe(this.locale))
+        time: Ie(t, oe(this.locale))
       });
     },
     // Pagination state for the active conversation. Drives the
@@ -5386,9 +5460,9 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
     }
   },
   async mounted() {
-    if (typeof document < "u" && !document.getElementById(Te)) {
+    if (typeof document < "u" && !document.getElementById(Oe)) {
       const e = document.createElement("style");
-      e.id = Te, e.textContent = Je, document.head.appendChild(e);
+      e.id = Oe, e.textContent = Je, document.head.appendChild(e);
     }
     await this.boot(), this.isEmbedded && this.store && await this.open();
   },
@@ -5410,14 +5484,14 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
         return;
       }
       try {
-        this.transport = ye(
+        this.transport = we(
           We({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId,
             userId: this.userId,
             userHash: this.userHash
           })
-        ), this.store = ye(Xe(this.transport)), this.hydrateNotifPref(), await this.store.start(), this.setupLiveReveal();
+        ), this.store = we(Xe(this.transport)), this.hydrateNotifPref(), await this.store.start(), this.setupLiveReveal();
         const t = (e = this.context) == null ? void 0 : e.customer;
         t && typeof t == "object" && await this.store.applyCustomer(t);
       } catch (t) {
@@ -5677,29 +5751,29 @@ const Aa = /* @__PURE__ */ B(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
       }
     }
   }
-}, Ma = {
+}, Ta = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, Ta = ["aria-label"], xa = {
+}, xa = ["aria-label"], Oa = {
   key: 0,
   class: "wm-state"
-}, Oa = { class: "wm-state__err" }, La = { class: "wm-state__errTitle" }, Ia = { class: "wm-state__errSub" }, Ba = { class: "wm-bottom" }, Ea = {
+}, Ia = { class: "wm-state__err" }, La = { class: "wm-state__errTitle" }, Ba = { class: "wm-state__errSub" }, Ea = { class: "wm-bottom" }, Ra = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, Ra = {
+}, Na = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Na = { class: "wm-actionWait__lbl" }, Fa = {
+}, Ua = { class: "wm-actionWait__lbl" }, Fa = {
   key: 2,
   class: "wm-attached"
 }, ja = ["aria-label", "onClick"];
 function Pa(e, t, n, i, r, s) {
-  const a = I("Launcher"), l = I("Header"), g = I("Onboarding"), C = I("MessageList"), k = I("ApprovalCard"), T = I("FormCard"), E = I("Feedback"), A = I("SuggestionChips"), H = I("Composer"), M = I("MoreMenu"), D = I("RenameDialog");
+  const a = L("Launcher"), l = L("Header"), p = L("Onboarding"), C = L("MessageList"), k = L("ApprovalCard"), T = L("FormCard"), E = L("Feedback"), A = L("SuggestionChips"), q = L("Composer"), M = L("MoreMenu"), P = L("RenameDialog");
   return c(), u("div", {
     class: x(["wm-root", `wm-root--${n.displayMode}`])
   }, [
@@ -5713,11 +5787,11 @@ function Pa(e, t, n, i, r, s) {
     r.isOpen || s.isEmbedded ? (c(), u("section", {
       key: 1,
       class: x(["wm-panel", `wm-panel--${n.displayMode}`]),
-      style: K(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
+      style: z(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger"
     }, [
-      !s.ready && !s.error ? (c(), u("div", Ma, [
+      !s.ready && !s.error ? (c(), u("div", Ta, [
         s.isEmbedded ? b("", !0) : (c(), u("button", {
           key: 0,
           type: "button",
@@ -5738,13 +5812,13 @@ function Pa(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, Ta)),
+        ])], 8, xa)),
         t[6] || (t[6] = o("div", {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : (c(), u(L, { key: 1 }, [
-        q(l, {
+      ])) : (c(), u(I, { key: 1 }, [
+        $(l, {
           title: s.headerTitle,
           "team-members": s.teamMembers,
           "response-label": s.responseLabel,
@@ -5752,12 +5826,14 @@ function Pa(e, t, n, i, r, s) {
           "show-back": s.canBack,
           "show-close": !s.isEmbedded,
           "more-active": r.moreOpen,
+          "agent-name": s.agentName,
+          "agent-avatar-url": s.agentAvatarUrl,
           onBack: s.goHome,
           onMore: s.toggleMore,
           onClose: s.close
-        }, null, 8, ["title", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "onBack", "onMore", "onClose"]),
-        s.error ? (c(), u("div", xa, [
-          o("div", Oa, [
+        }, null, 8, ["title", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "agent-name", "agent-avatar-url", "onBack", "onMore", "onClose"]),
+        s.error ? (c(), u("div", Oa, [
+          o("div", Ia, [
             t[7] || (t[7] = o("div", { class: "wm-state__errIcon" }, [
               o("svg", {
                 width: "14",
@@ -5775,11 +5851,11 @@ function Pa(e, t, n, i, r, s) {
             ], -1)),
             o("div", null, [
               o("div", La, v(s.t("error.connectionFailed")), 1),
-              o("div", Ia, v(s.error), 1)
+              o("div", Ba, v(s.error), 1)
             ])
           ])
-        ])) : s.currentConv ? (c(), u(L, { key: 2 }, [
-          q(C, {
+        ])) : s.currentConv ? (c(), u(I, { key: 2 }, [
+          $(C, {
             ref: "messageList",
             messages: s.displayedMessages,
             "streaming-active": s.streamingActive,
@@ -5789,21 +5865,27 @@ function Pa(e, t, n, i, r, s) {
             "has-more": s.paginationState.hasMore,
             "unread-anchor-id": e.unreadAnchorId,
             "unread-boundary-ts": e.unreadBoundaryTs,
+            "ai-agent-name": s.agentName,
+            "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", "onLoadMore"]),
-          o("div", Ba, [
-            s.floatVisible ? (c(), u("div", Ea, [
+          }, 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", Ra, [
               s.approvalReady ? (c(), R(k, {
                 key: 0,
                 action: s.approvalTitle,
                 detail: s.approvalDetail,
                 callbacks: s.pendingApproval.callbacks,
+                "agent-name": s.agentName,
+                "agent-avatar-url": s.agentAvatarUrl,
                 onCallback: s.onApprovalCallback
-              }, null, 8, ["action", "detail", "callbacks", "onCallback"])) : s.pendingForm ? (c(), R(T, {
+              }, null, 8, ["action", "detail", "callbacks", "agent-name", "agent-avatar-url", "onCallback"])) : s.pendingForm ? (c(), R(T, {
                 key: s.pendingForm.message && s.pendingForm.message.id,
                 form: s.pendingForm.form,
+                "agent-name": s.agentName,
+                "agent-avatar-url": s.agentAvatarUrl,
                 onSubmit: s.onFormSubmit
-              }, null, 8, ["form", "onSubmit"])) : s.showFeedback ? (c(), R(E, {
+              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), R(E, {
                 key: 2,
                 busy: r.feedbackBusy,
                 done: r.feedbackDone,
@@ -5814,15 +5896,15 @@ function Pa(e, t, n, i, r, s) {
                 onSelect: s.onSuggestion
               }, null, 8, ["items", "onSelect"]))
             ], 512)) : b("", !0),
-            s.actionInFlight ? (c(), u("div", Ra, [
+            s.actionInFlight ? (c(), u("div", Na, [
               t[8] || (t[8] = o("span", {
                 class: "wm-actionWait__spinner",
                 "aria-hidden": "true"
               }, null, -1)),
-              o("span", Na, v(s.t("action.inProgress", {
+              o("span", Ua, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
-            ])) : (c(), R(H, {
+            ])) : (c(), R(q, {
               key: 2,
               ref: "composer",
               modelValue: r.draft,
@@ -5847,7 +5929,7 @@ function Pa(e, t, n, i, r, s) {
             onBrowserNotifToggle: e.onBrowserNotifToggle,
             onAction: s.onMoreAction
           }, null, 8, ["can-rename", "can-export", "sound-enabled", "browser-notif-enabled", "status-url", "help-url", "onSoundToggle", "onBrowserNotifToggle", "onAction"])) : b("", !0),
-          r.renameDialogOpen && s.currentConv && !s.currentConv._draft ? (c(), R(D, {
+          r.renameDialogOpen && s.currentConv && !s.currentConv._draft ? (c(), R(P, {
             key: 1,
             "initial-value": s.currentConv.name || "",
             title: s.t("rename.dialogTitle"),
@@ -5855,8 +5937,8 @@ function Pa(e, t, n, i, r, s) {
             onSubmit: s.onRenameSubmit
           }, null, 8, ["initial-value", "title", "onSubmit"])) : b("", !0),
           r.pendingAttachments.length ? (c(), u("div", Fa, [
-            (c(!0), u(L, null, j(r.pendingAttachments, (N, $) => (c(), u("div", {
-              key: $,
+            (c(!0), u(I, null, F(r.pendingAttachments, (N, H) => (c(), u("div", {
+              key: H,
               class: "wm-attached__chip"
             }, [
               t[10] || (t[10] = o("svg", {
@@ -5876,7 +5958,7 @@ function Pa(e, t, n, i, r, s) {
               o("button", {
                 type: "button",
                 "aria-label": s.t("attachment.remove"),
-                onClick: (W) => r.pendingAttachments.splice($, 1)
+                onClick: (W) => r.pendingAttachments.splice(H, 1)
               }, [...t[9] || (t[9] = [
                 o("svg", {
                   width: "10",
@@ -5894,17 +5976,19 @@ function Pa(e, t, n, i, r, s) {
               ])], 8, ja)
             ]))), 128))
           ])) : b("", !0)
-        ], 64)) : (c(), R(g, {
+        ], 64)) : (c(), R(p, {
           key: 1,
           "welcome-message": s.widgetWelcomeMessage,
+          subtitle: s.widgetSubtitle,
           "agent-name": s.agentName,
+          "default-icon-url": s.defaultIconUrl,
           "quick-links": s.quickLinks,
           "open-threads": s.openThreads,
           busy: r.busy,
           onStart: s.startConv,
           onSelect: s.onQuickLink,
           onResume: s.onDrawerPick
-        }, null, 8, ["welcome-message", "agent-name", "quick-links", "open-threads", "busy", "onStart", "onSelect", "onResume"])),
+        }, null, 8, ["welcome-message", "subtitle", "agent-name", "default-icon-url", "quick-links", "open-threads", "busy", "onStart", "onSelect", "onResume"])),
         r.moreOpen && !s.currentConv ? (c(), R(M, {
           key: 3,
           "can-rename": !1,
@@ -5922,53 +6006,53 @@ function Pa(e, t, n, i, r, s) {
     ], 6)) : b("", !0)
   ], 2);
 }
-const $a = /* @__PURE__ */ B(Sa, [["render", Pa], ["__scopeId", "data-v-d9dce1ad"]]), Ha = "0.4.4";
+const za = /* @__PURE__ */ B(Ma, [["render", Pa], ["__scopeId", "data-v-0bf94dbd"]]), qa = "0.4.6";
 export {
   le as AIAvatar,
   fe as AVATAR_COLORS,
-  es as ActionResult,
-  di as ApprovalCard,
-  cs as ArtifactFormResponse,
-  ks as ArtifactInfoCard,
-  $s as ArtifactRenderer,
+  ts as ActionResult,
+  ui as ApprovalCard,
+  ds as ArtifactFormResponse,
+  Cs as ArtifactInfoCard,
+  zs as ArtifactRenderer,
   js as ArtifactTicket,
-  Zs as AttachmentPreview,
-  sr as Bubble,
-  Qr as Composer,
+  er as AttachmentPreview,
+  rr as Bubble,
+  Xr as Composer,
   Ze as DEFAULT_BASE_URL,
   ie as DEFAULT_LANGUAGE,
-  Xi as Feedback,
+  Ji as Feedback,
   ji as FormCard,
-  ln as Header,
+  cn as Header,
   Be as HumanAvatar,
-  jt as Launcher,
-  ve as MEDIA_RECORDER_SUPPORTED,
+  Ft as Launcher,
+  be as MEDIA_RECORDER_SUPPORTED,
   Lr as MessageList,
-  $a as Messenger,
+  za as Messenger,
   ha as MoreMenu,
-  Hn as Onboarding,
-  he as SCREEN_CAPTURE_SUPPORTED,
+  qn as Onboarding,
+  me as SCREEN_CAPTURE_SUPPORTED,
   et as SUPPORTED_LANGUAGES,
-  ei as SuggestionChips,
-  Gt as TeamAvatars,
-  or as Typing,
-  Ha as VERSION,
-  xe as avatarColor,
-  Oe as avatarInitials,
-  Br as captureScreenshotFile,
-  U as colors,
+  ti as SuggestionChips,
+  Yt as TeamAvatars,
+  lr as Typing,
+  qa as VERSION,
+  pe as avatarColor,
+  ve as avatarInitials,
+  Er as captureScreenshotFile,
+  D as colors,
   Xe as createStore,
-  P as createTranslator,
+  j as createTranslator,
   We as createTransport,
   oe as dateLocale,
-  $a as default,
-  Le as formatTime,
-  Ua as guessAttachmentKind,
-  Ir as pickRecorderMime,
-  dn as renderInlineMarkdown,
-  un as renderMarkdown,
-  ge as resolveLanguage,
-  Rr as startScreenRecording,
+  za as default,
+  Ie as formatTime,
+  Ha as guessAttachmentKind,
+  Br as pickRecorderMime,
+  un as renderInlineMarkdown,
+  mn as renderMarkdown,
+  ye as resolveLanguage,
+  Nr as startScreenRecording,
   Je as tokensCss,
   Qe as uuid,
   Qe as v4