@_solaris/messenger-widget 0.5.35 → 0.5.37

package/dist/messenger.js

@@ -1,15 +1,15 @@
-import { reactive as Ue, openBlock as c, createElementBlock as u, normalizeStyle as q, normalizeClass as O, toDisplayString as v, resolveComponent as R, createVNode as $, Transition as Ie, withCtx as Ee, Fragment as B, renderList as U, withKeys as ue, withModifiers as G, createElementVNode as o, createCommentVNode as y, createBlock as P, withDirectives as V, vModelText as X, createTextVNode as ve, resolveDynamicComponent as De, renderSlot as je, vModelCheckbox as He, vModelSelect as ze, markRaw as Ce } from "vue";
-const qe = [
+import { reactive as je, openBlock as c, createElementBlock as u, normalizeStyle as z, normalizeClass as O, toDisplayString as v, resolveComponent as R, createVNode as K, Transition as Re, withCtx as Ne, Fragment as E, renderList as F, withKeys as ue, withModifiers as G, createElementVNode as o, createCommentVNode as y, createBlock as P, resolveDynamicComponent as pe, mergeProps as Se, withDirectives as $, vModelText as X, createTextVNode as ye, renderSlot as He, vModelCheckbox as ze, vModelSelect as qe, markRaw as Me } from "vue";
+const Ke = [
   "connected",
   "message",
   "message_stream",
   "conversation_updated",
   "config_updated",
   "action_status"
-], fe = "/client", $e = 5 * 60 * 1e3, Ke = 10 * 60 * 1e3, Ve = 5 * 60 * 1e3;
-function We(e) {
+], fe = "/client", Ve = 5 * 60 * 1e3, $e = 10 * 60 * 1e3, We = 5 * 60 * 1e3;
+function Ge(e) {
   const t = {
-    baseUrl: Ge(e.baseUrl || ""),
+    baseUrl: Ye(e.baseUrl || ""),
     widgetId: e.widgetId || "",
     // Posé après `start()` à partir de la response /session.
     userId: "",
@@ -35,8 +35,8 @@ function We(e) {
     return t.listeners.has(d) || t.listeners.set(d, /* @__PURE__ */ new Set()), t.listeners.get(d).add(f), () => t.listeners.get(d).delete(f);
   }
   function i(d, f) {
-    const _ = t.listeners.get(d);
-    _ && _.forEach((b) => {
+    const g = t.listeners.get(d);
+    g && g.forEach((b) => {
       try {
         b(f);
       } catch (C) {
@@ -60,12 +60,12 @@ function We(e) {
       ...t.origin ? { "X-Parent-Origin": t.origin } : {}
     };
   }
-  async function a(d, f, _) {
+  async function a(d, f, g) {
     const b = await fetch(`${t.baseUrl}${fe}${f}`, {
       method: d,
       credentials: "include",
       headers: s(),
-      body: _ !== void 0 ? JSON.stringify(_) : void 0
+      body: g !== void 0 ? JSON.stringify(g) : void 0
     });
     if (!b.ok) {
       const C = await l(b), M = new Error(
@@ -109,25 +109,25 @@ function We(e) {
       }
     );
     if (!f.ok) {
-      const I = await l(f), x = new Error(
-        `Session bootstrap failed: HTTP ${f.status} :: ${(I == null ? void 0 : I.error) || f.statusText}`
+      const L = await l(f), x = new Error(
+        `Session bootstrap failed: HTTP ${f.status} :: ${(L == null ? void 0 : L.error) || f.statusText}`
       );
-      throw x.status = f.status, x.body = I, x;
+      throw x.status = f.status, x.body = L, x;
     }
-    const _ = await f.json();
-    t.userId = _.external_id;
+    const g = await f.json();
+    t.userId = g.external_id;
     const [b, C] = await Promise.all([
       fetch(
         `${t.baseUrl}/widgets/${encodeURIComponent(t.widgetId)}/config`,
         { credentials: "include" }
-      ).then(async (I) => {
-        if (!I.ok) {
-          const x = await l(I);
+      ).then(async (L) => {
+        if (!L.ok) {
+          const x = await l(L);
           throw new Error(
-            `HTTP ${I.status} GET /widgets/:id/config :: ${(x == null ? void 0 : x.error) || I.statusText}`
+            `HTTP ${L.status} GET /widgets/:id/config :: ${(x == null ? void 0 : x.error) || L.statusText}`
           );
         }
-        return I.json();
+        return L.json();
       }),
       a("GET", "/customers/me")
     ]), M = { config: b, customer: (C == null ? void 0 : C.customer) ?? null };
@@ -138,9 +138,9 @@ function We(e) {
   }
   async function k() {
     try {
-      const d = await E();
-      t.lastActivityAt = d.reduce((f, _) => {
-        const b = _ == null ? void 0 : _.last_message_at;
+      const d = await B();
+      t.lastActivityAt = d.reduce((f, g) => {
+        const b = g == null ? void 0 : g.last_message_at;
         return b && (!f || b > f) ? b : f;
       }, null);
     } catch (d) {
@@ -155,7 +155,7 @@ function We(e) {
     const f = await a("PATCH", "/customers/me", d);
     return (f == null ? void 0 : f.customer) ?? null;
   }
-  async function E() {
+  async function B() {
     const d = await a("GET", "/conversations");
     return (d == null ? void 0 : d.conversations) ?? [];
   }
@@ -175,60 +175,60 @@ function We(e) {
       f
     )).conversation;
   }
-  async function F(d, f) {
+  async function U(d, f) {
     return a(
       "PATCH",
       `/conversations/${encodeURIComponent(d)}/read`,
       { message_id: f }
     );
   }
-  async function L(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 b = _.toString() ? `?${_.toString()}` : "";
+  async function I(d, f = {}) {
+    const g = new URLSearchParams();
+    f.before && g.set("before", f.before), f.since && g.set("since", f.since), f.limit && g.set("limit", String(f.limit));
+    const b = g.toString() ? `?${g.toString()}` : "";
     return a(
       "GET",
       `/conversations/${encodeURIComponent(d)}/messages${b}`
     );
   }
-  async function z(d, f) {
+  async function q(d, f) {
     se();
-    const _ = {
+    const g = {
       client_msg_id: f.client_msg_id,
       type: "content",
       text_md: f.text_md,
       author: { id: t.userId, type: "user" },
       created_at: f.created_at || (/* @__PURE__ */ new Date()).toISOString()
     };
-    return Array.isArray(f.attachments) && f.attachments.length && (_.payload = { type: "content", attachments: f.attachments }), f.metadata && typeof f.metadata == "object" && (_.metadata = f.metadata), a(
+    return Array.isArray(f.attachments) && f.attachments.length && (g.payload = { type: "content", attachments: f.attachments }), f.metadata && typeof f.metadata == "object" && (g.metadata = f.metadata), a(
       "POST",
       `/conversations/${encodeURIComponent(d)}/messages`,
-      _
+      g
     );
   }
-  async function Y(d, f, _) {
+  async function Y(d, f, g) {
     return se(), a(
       "POST",
       `/messages/${encodeURIComponent(d)}/callbacks/${encodeURIComponent(f)}`,
-      _ ? { inputs: _ } : {}
+      g ? { inputs: g } : {}
     );
   }
   async function Z(d) {
-    const f = d.name || "attachment", _ = d.type || "application/octet-stream", b = d.size || 0, C = await a("POST", "/attachments", {
-      mime_type: _,
+    const f = d.name || "attachment", g = d.type || "application/octet-stream", b = d.size || 0, C = await a("POST", "/attachments", {
+      mime_type: g,
       size_bytes: b,
       name: f
     }), M = await fetch(C.upload_url, {
       method: "PUT",
-      headers: { "Content-Type": _ },
+      headers: { "Content-Type": g },
       body: d
     });
     if (!M.ok)
       throw new Error(`HTTP ${M.status} PUT signed upload`);
     return {
-      type: Ye(_),
+      type: Je(g),
       path: C.path,
-      mime_type: _,
+      mime_type: g,
       size_bytes: b
     };
   }
@@ -242,12 +242,12 @@ function We(e) {
     const d = new URLSearchParams({ widgetId: t.widgetId }).toString();
     return `${t.baseUrl}${fe}/stream?${d}`;
   }
-  function K() {
+  function V() {
     if (!t.eventSource && !(typeof document < "u" && document.hidden) && t.started)
       try {
         const d = new EventSource(te(), { withCredentials: !0 });
-        for (const f of qe)
-          d.addEventListener(f, (_) => ne(f, _.data));
+        for (const f of Ke)
+          d.addEventListener(f, (g) => ne(f, g.data));
         d.addEventListener(
           "error",
           () => i("error", new Error("SSE error"))
@@ -258,26 +258,26 @@ function We(e) {
   }
   function ne(d, f) {
     try {
-      const _ = JSON.parse(f), b = _ && typeof _ == "object" && "data" in _ ? _.data : _;
+      const g = JSON.parse(f), b = g && typeof g == "object" && "data" in g ? g.data : g;
       i(d, b);
-    } catch (_) {
-      console.error("[transport] bad SSE payload", d, _);
+    } catch (g) {
+      console.error("[transport] bad SSE payload", d, g);
     }
   }
   function J() {
     t.eventSource && (t.eventSource.close(), t.eventSource = null), t.connection !== "paused" && r("idle");
   }
   function se() {
-    clearTimeout(t.burstTimer), K(), t.panelOpen || (t.burstTimer = setTimeout(() => {
+    clearTimeout(t.burstTimer), V(), t.panelOpen || (t.burstTimer = setTimeout(() => {
       t.panelOpen || J();
-    }, Ke));
+    }, $e));
   }
   function ce(d) {
-    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), K()) : se();
+    t.panelOpen = !!d, t.panelOpen ? (clearTimeout(t.burstTimer), V()) : se();
   }
   async function me() {
     try {
-      const d = await E(), f = d.reduce((b, C) => {
+      const d = await B(), f = d.reduce((b, C) => {
         const M = C == null ? void 0 : C.last_message_at;
         return M && (!b || M > b) ? M : b;
       }, null);
@@ -287,7 +287,7 @@ function We(e) {
     }
   }
   function de() {
-    h(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(me, $e));
+    h(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(me, Ve));
   }
   function h() {
     t.pollTimer && (clearInterval(t.pollTimer), t.pollTimer = null);
@@ -296,16 +296,16 @@ function We(e) {
     if (document.hidden)
       clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = setTimeout(() => {
         t.hiddenGraceTimer = null, document.hidden && (h(), J(), r("paused"));
-      }, Ve);
+      }, We);
     else {
       if (t.hiddenGraceTimer) {
         clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null;
         return;
       }
-      r("idle"), de(), t.panelOpen && K();
+      r("idle"), de(), t.panelOpen && V();
     }
   }
-  function g() {
+  function _() {
     h(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, J(), t.visibilityHandler && (document.removeEventListener(
       "visibilitychange",
       t.visibilityHandler
@@ -314,18 +314,18 @@ function We(e) {
   return {
     on: n,
     start: p,
-    stop: g,
+    stop: _,
     setPanelOpen: ce,
     // REST
     getCustomer: w,
     patchCustomer: T,
-    listConversations: E,
+    listConversations: B,
     createConversation: A,
     getConversation: H,
     patchConversation: S,
-    markConversationRead: F,
-    listMessages: L,
-    postMessage: z,
+    markConversationRead: U,
+    listMessages: I,
+    postMessage: q,
     postCallback: Y,
     uploadAttachment: Z,
     signAttachment: ee,
@@ -335,13 +335,13 @@ function We(e) {
     }
   };
 }
-function Ge(e) {
+function Ye(e) {
   return e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function Ye(e) {
+function Je(e) {
   return e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : "file";
 }
-function Je() {
+function Qe() {
   if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
     return crypto.randomUUID();
   const e = new Uint8Array(16);
@@ -353,8 +353,8 @@ function Je() {
   const t = [...e].map((n) => n.toString(16).padStart(2, "0"));
   return t.slice(0, 4).join("") + "-" + t.slice(4, 6).join("") + "-" + t.slice(6, 8).join("") + "-" + t.slice(8, 10).join("") + "-" + t.slice(10, 16).join("");
 }
-function Qe(e) {
-  const t = Ue({
+function Xe(e) {
+  const t = je({
     ready: !1,
     error: null,
     config: null,
@@ -391,22 +391,22 @@ function Qe(e) {
     })
   ), n.push(
     e.on("message", (h) => {
-      const m = h == null ? void 0 : h.conversation_id, g = h == null ? void 0 : h.message;
-      !m || !(g != null && g.id) || (K(m, g), g.client_msg_id && delete t.streamingByMsgId[g.client_msg_id], se(m, g.created_at));
+      const m = h == null ? void 0 : h.conversation_id, _ = h == null ? void 0 : h.message;
+      !m || !(_ != null && _.id) || (V(m, _), _.client_msg_id && delete t.streamingByMsgId[_.client_msg_id], se(m, _.created_at));
     })
   ), n.push(
     e.on("message_stream", (h) => {
-      const m = h == null ? void 0 : h.message_id, g = h == null ? void 0 : h.token;
-      !m || typeof g != "string" || (t.streamingByMsgId[m] = (t.streamingByMsgId[m] || "") + g);
+      const m = h == null ? void 0 : h.message_id, _ = h == null ? void 0 : h.token;
+      !m || typeof _ != "string" || (t.streamingByMsgId[m] = (t.streamingByMsgId[m] || "") + _);
     })
   ), n.push(
     e.on("conversation_updated", (h) => {
-      const m = h == null ? void 0 : h.conversation_id, g = h == null ? void 0 : h.changes;
-      if (!m || !g) return;
+      const m = h == null ? void 0 : h.conversation_id, _ = h == null ? void 0 : h.changes;
+      if (!m || !_) return;
       const d = t.conversations.findIndex((f) => f.id === m);
       d !== -1 && (t.conversations[d] = {
         ...t.conversations[d],
-        ...g
+        ..._
       });
     })
   ), n.push(
@@ -415,10 +415,10 @@ function Qe(e) {
     })
   ), n.push(
     e.on("action_status", (h) => {
-      const m = h == null ? void 0 : h.conversation_id, g = h == null ? void 0 : h.action_id, d = h == null ? void 0 : h.action_name;
-      if (!m || !g) return;
+      const m = h == null ? void 0 : h.conversation_id, _ = h == null ? void 0 : h.action_id, d = h == null ? void 0 : h.action_name;
+      if (!m || !_) return;
       const f = t.runningActionsByConv[m] || {};
-      h.state === "running" ? (f[g] = d || g, t.runningActionsByConv[m] = { ...f }) : h.state === "done" && (delete f[g], t.runningActionsByConv[m] = { ...f });
+      h.state === "running" ? (f[_] = d || _, t.runningActionsByConv[m] = { ...f }) : h.state === "done" && (delete f[_], t.runningActionsByConv[m] = { ...f });
     })
   ), n.push(
     e.on("activity", (h) => {
@@ -436,11 +436,11 @@ function Qe(e) {
           ),
           15e3
         )
-      ), g = await Promise.race([
+      ), _ = await Promise.race([
         e.start(h),
         m
       ]);
-      t.config = g.config, t.customer = g.customer, t.conversations = await Promise.race([
+      t.config = _.config, t.customer = _.customer, t.conversations = await Promise.race([
         e.listConversations(),
         m
       ]), t.ready = !0;
@@ -460,16 +460,16 @@ function Qe(e) {
     const m = me(h);
     if (!m) return t.customer;
     try {
-      const g = await e.patchCustomer(m);
-      g && (t.customer = g);
-    } catch (g) {
-      console.error("[store] applyCustomer failed", g);
+      const _ = await e.patchCustomer(m);
+      _ && (t.customer = _);
+    } catch (_) {
+      console.error("[store] applyCustomer failed", _);
     }
     return t.customer;
   }
   async function a(h = {}) {
-    const m = await e.createConversation(h), g = t.conversations.findIndex((d) => d.id === m.id);
-    return g === -1 ? t.conversations = [m, ...t.conversations] : t.conversations[g] = m, m;
+    const m = await e.createConversation(h), _ = t.conversations.findIndex((d) => d.id === m.id);
+    return _ === -1 ? t.conversations = [m, ...t.conversations] : t.conversations[_] = m, m;
   }
   const l = 50;
   async function p(h) {
@@ -477,21 +477,21 @@ function Qe(e) {
     if (!(m != null && m.loaded || m != null && m.loading)) {
       w(h, { nextCursor: null, loading: !0, loaded: !1 });
       try {
-        const g = await e.listMessages(h, {
+        const _ = await e.listMessages(h, {
           limit: l
-        }), d = (g == null ? void 0 : g.messages) ?? [], f = t.messagesByConv[h] || [], _ = /* @__PURE__ */ new Set();
+        }), d = (_ == null ? void 0 : _.messages) ?? [], f = t.messagesByConv[h] || [], g = /* @__PURE__ */ new Set();
         for (const C of d)
-          (C == null ? void 0 : C.id) != null && _.add(`id:${String(C.id)}`), C != null && C.client_msg_id && _.add(`c:${C.client_msg_id}`);
-        const b = f.filter((C) => !((C == null ? void 0 : C.id) != null && _.has(`id:${String(C.id)}`) || C != null && C.client_msg_id && _.has(`c:${C.client_msg_id}`)));
+          (C == null ? void 0 : C.id) != null && g.add(`id:${String(C.id)}`), C != null && C.client_msg_id && g.add(`c:${C.client_msg_id}`);
+        const b = f.filter((C) => !((C == null ? void 0 : C.id) != null && g.has(`id:${String(C.id)}`) || C != null && C.client_msg_id && g.has(`c:${C.client_msg_id}`)));
         t.messagesByConv[h] = [...d, ...b].sort(
           ce
         ), w(h, {
-          nextCursor: (g == null ? void 0 : g.next_cursor) ?? null,
+          nextCursor: (_ == null ? void 0 : _.next_cursor) ?? null,
           loading: !1,
           loaded: !0
         });
-      } catch (g) {
-        console.error("[store] openConversation failed", g), w(h, {
+      } catch (_) {
+        console.error("[store] openConversation failed", _), w(h, {
           nextCursor: null,
           loading: !1,
           loaded: !1
@@ -503,24 +503,24 @@ function Qe(e) {
     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 d = (f = (t.messagesByConv[h] || []).find((g) => g == null ? void 0 : g.created_at)) == null ? void 0 : f.created_at;
     if (d) {
       w(h, { ...m, loading: !0 });
       try {
-        const _ = await e.listMessages(h, {
+        const g = await e.listMessages(h, {
           before: d,
           limit: l
-        }), b = (_ == null ? void 0 : _.messages) ?? [], C = t.messagesByConv[h] || [], M = /* @__PURE__ */ new Set();
+        }), b = (g == null ? void 0 : g.messages) ?? [], C = t.messagesByConv[h] || [], M = /* @__PURE__ */ new Set();
         for (const x of C)
           (x == null ? void 0 : x.id) != null && M.add(`id:${String(x.id)}`), x != null && x.client_msg_id && M.add(`c:${x.client_msg_id}`);
-        const I = b.filter((x) => !((x == null ? void 0 : x.id) != null && M.has(`id:${String(x.id)}`) || x != null && x.client_msg_id && M.has(`c:${x.client_msg_id}`)));
-        t.messagesByConv[h] = [...I, ...C], w(h, {
-          nextCursor: (_ == null ? void 0 : _.next_cursor) ?? null,
+        const L = b.filter((x) => !((x == null ? void 0 : x.id) != null && M.has(`id:${String(x.id)}`) || x != null && x.client_msg_id && M.has(`c:${x.client_msg_id}`)));
+        t.messagesByConv[h] = [...L, ...C], w(h, {
+          nextCursor: (g == null ? void 0 : g.next_cursor) ?? null,
           loading: !1,
           loaded: !0
         });
-      } catch (_) {
-        console.error("[store] loadMore failed", _), w(h, { ...m, loading: !1 });
+      } catch (g) {
+        console.error("[store] loadMore failed", g), w(h, { ...m, loading: !1 });
       }
     }
   }
@@ -528,28 +528,28 @@ function Qe(e) {
     t.paginationByConv = { ...t.paginationByConv, [h]: m };
   }
   async function T(h, m) {
-    const g = await e.patchConversation(h, m), d = t.conversations.findIndex((f) => f.id === h);
-    d !== -1 && (t.conversations[d] = g);
+    const _ = await e.patchConversation(h, m), d = t.conversations.findIndex((f) => f.id === h);
+    d !== -1 && (t.conversations[d] = _);
   }
-  async function E(h) {
+  async function B(h) {
     if (!h) return [];
     const m = t.messagesByConv[h] || [];
-    let g = "";
+    let _ = "";
     for (const d of m)
-      d != null && d.created_at && d.created_at > g && (g = d.created_at);
+      d != null && d.created_at && d.created_at > _ && (_ = d.created_at);
     try {
       const d = await e.listMessages(
         h,
-        g ? { since: g } : {}
+        _ ? { since: _ } : {}
       ), f = (d == null ? void 0 : d.messages) || [];
       if (!f.length) return [];
-      const _ = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
+      const g = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
       for (const M of m)
-        (M == null ? void 0 : M.id) != null && _.add(String(M.id)), M != null && M.client_msg_id && b.add(M.client_msg_id);
+        (M == null ? void 0 : M.id) != null && g.add(String(M.id)), M != null && M.client_msg_id && b.add(M.client_msg_id);
       const C = [];
       for (const M of f) {
-        const I = (M == null ? void 0 : M.id) != null && _.has(String(M.id)) || (M == null ? void 0 : M.client_msg_id) && b.has(M.client_msg_id);
-        K(h, M), I || C.push(M);
+        const L = (M == null ? void 0 : M.id) != null && g.has(String(M.id)) || (M == null ? void 0 : M.client_msg_id) && b.has(M.client_msg_id);
+        V(h, M), L || C.push(M);
       }
       return C;
     } catch (d) {
@@ -559,20 +559,20 @@ function Qe(e) {
   async function A(h, m) {
     if (!(!h || m == null))
       try {
-        const g = await e.markConversationRead(h, m), d = (g == null ? void 0 : g.last_read_message_id) ?? m, f = t.conversations.findIndex((_) => (_ == null ? void 0 : _.id) === h);
+        const _ = await e.markConversationRead(h, m), d = (_ == null ? void 0 : _.last_read_message_id) ?? m, f = t.conversations.findIndex((g) => (g == null ? void 0 : g.id) === h);
         f !== -1 && (t.conversations[f] = {
           ...t.conversations[f],
           last_read_message_id: d
         });
-      } catch (g) {
-        console.error("[store] markConversationRead failed", g);
+      } catch (_) {
+        console.error("[store] markConversationRead failed", _);
       }
   }
-  async function H(h, m, { attachments: g, metadata: d } = {}) {
-    var I;
-    const f = (m || "").trim(), _ = Array.isArray(g) && g.length > 0;
-    if (!h || !f && !_) return;
-    const b = Je(), C = de(h), M = {
+  async function H(h, m, { attachments: _, metadata: d } = {}) {
+    var L;
+    const f = (m || "").trim(), g = Array.isArray(_) && _.length > 0;
+    if (!h || !f && !g) return;
+    const b = Qe(), C = de(h), M = {
       id: b,
       client_msg_id: b,
       conversation_id: h,
@@ -580,21 +580,21 @@ function Qe(e) {
       text_md: f,
       author: {
         type: "user",
-        id: ((I = t.customer) == null ? void 0 : I.external_id) || null
+        id: ((L = t.customer) == null ? void 0 : L.external_id) || null
       },
       created_at: C,
       // Local-only flag — UI may render dimmed until the SSE echo lands.
       _pending: !0,
-      ..._ ? { payload: { type: "content", attachments: g } } : {},
+      ...g ? { payload: { type: "content", attachments: _ } } : {},
       ...d && typeof d == "object" ? { metadata: d } : {}
     };
-    K(h, M);
+    V(h, M);
     try {
       await e.postMessage(h, {
         client_msg_id: b,
         text_md: f,
         created_at: C,
-        ..._ ? { attachments: g } : {},
+        ...g ? { attachments: _ } : {},
         ...d && typeof d == "object" ? { metadata: d } : {}
       });
     } catch (x) {
@@ -604,61 +604,61 @@ function Qe(e) {
       });
     }
   }
-  async function S(h, m, g) {
+  async function S(h, m, _) {
     h != null && (t.awaitingCallback[h] = !0);
     try {
-      await e.postCallback(h, m, g);
+      await e.postCallback(h, m, _);
     } catch (d) {
       console.error("[store] callback failed", d), h != null && delete t.awaitingCallback[h];
     }
   }
-  const F = /* @__PURE__ */ new Map();
-  async function L(h) {
+  const U = /* @__PURE__ */ new Map();
+  async function I(h) {
     if (!h) return null;
-    const m = F.get(h);
+    const m = U.get(h);
     if (m != null && m.url) {
-      const g = m.expires_at ? Date.parse(m.expires_at) : 0;
-      if (!g || g - Date.now() > 6e4) return m.url;
+      const _ = m.expires_at ? Date.parse(m.expires_at) : 0;
+      if (!_ || _ - Date.now() > 6e4) return m.url;
     }
     try {
-      const g = await e.signAttachment(h);
-      if (g != null && g.signed_url)
-        return F.set(h, {
-          url: g.signed_url,
-          expires_at: g.expires_at
-        }), g.signed_url;
-    } catch (g) {
-      console.error("[store] sign attachment failed", g);
+      const _ = await e.signAttachment(h);
+      if (_ != null && _.signed_url)
+        return U.set(h, {
+          url: _.signed_url,
+          expires_at: _.expires_at
+        }), _.signed_url;
+    } catch (_) {
+      console.error("[store] sign attachment failed", _);
     }
     return null;
   }
-  async function z(h, { rating: m, comment: g } = {}) {
-    const d = t.conversations.find((b) => b.id === h), _ = {
+  async function q(h, { rating: m, comment: _ } = {}) {
+    const d = t.conversations.find((b) => b.id === h), g = {
       ...(d == null ? void 0 : d.metadata) || {},
       feedback: {
         rating: m,
-        comment: g || null,
+        comment: _ || null,
         submitted_at: (/* @__PURE__ */ new Date()).toISOString()
       }
     };
-    await T(h, { metadata: _ });
+    await T(h, { metadata: g });
   }
   function Y(h) {
-    var g, d;
+    var _, d;
     const m = t.messagesByConv[h] || [];
     for (let f = m.length - 1; f >= 0; f--) {
-      const _ = m[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 _;
+      const g = m[f];
+      if ((g == null ? void 0 : g.type) === "action" && ((_ = g == null ? void 0 : g.payload) == null ? void 0 : _.type) === "action" && ((d = g == null ? void 0 : g.payload) == null ? void 0 : d.state) === "pending" && Array.isArray(g == null ? void 0 : g.callbacks) && g.callbacks.length > 0 && !t.awaitingCallback[g.id])
+        return g;
     }
     return null;
   }
   function Z(h) {
-    var g, d, f;
+    var _, d, f;
     const m = t.messagesByConv[h] || [];
-    for (let _ = m.length - 1; _ >= 0; _--) {
-      const b = m[_];
-      if (((g = b == null ? void 0 : b.author) == null ? void 0 : g.type) === "user" || (b == null ? void 0 : b.type) === "action" && ((d = b == null ? void 0 : b.payload) == null ? void 0 : d.state) === "pending")
+    for (let g = m.length - 1; g >= 0; g--) {
+      const b = m[g];
+      if (((_ = b == null ? void 0 : b.author) == null ? void 0 : _.type) === "user" || (b == null ? void 0 : b.type) === "action" && ((d = b == null ? void 0 : b.payload) == null ? void 0 : d.state) === "pending")
         return null;
       const C = (f = b == null ? void 0 : b.metadata) == null ? void 0 : f.form;
       if (C && Array.isArray(C.fields) && C.fields.length > 0)
@@ -669,71 +669,71 @@ function Qe(e) {
   function ee(h) {
     const m = t.runningActionsByConv[h];
     if (!m) return null;
-    const g = Object.keys(m);
-    if (g.length === 0) return null;
-    const d = g[0];
+    const _ = Object.keys(m);
+    if (_.length === 0) return null;
+    const d = _[0];
     return { id: d, payload: { name: m[d] } };
   }
   function te(h) {
-    var g, d, f, _;
+    var _, d, f, g;
     const m = t.messagesByConv[h] || [];
     for (let b = m.length - 1; b >= 0; b--) {
       const C = m[b];
-      if (((g = C == null ? void 0 : C.author) == null ? void 0 : g.type) === "user") return [];
+      if (((_ = C == null ? void 0 : C.author) == null ? void 0 : _.type) === "user") return [];
       if ((C == null ? void 0 : C.type) === "action" && ((d = C == null ? void 0 : C.payload) == null ? void 0 : d.state) === "pending")
         return [];
       if (((f = C == null ? void 0 : C.author) == null ? void 0 : f.type) !== "agent_ia") continue;
-      const M = (_ = C == null ? void 0 : C.metadata) == null ? void 0 : _.suggested_replies;
-      return Array.isArray(M) && M.length ? M.map((I) => {
-        if (typeof I == "string") {
-          const x = I.trim();
+      const M = (g = C == null ? void 0 : C.metadata) == null ? void 0 : g.suggested_replies;
+      return Array.isArray(M) && M.length ? M.map((L) => {
+        if (typeof L == "string") {
+          const x = L.trim();
           return x ? { label: x, kind: null } : null;
         }
-        if (I && typeof I == "object" && typeof I.label == "string") {
-          const x = I.label.trim();
+        if (L && typeof L == "object" && typeof L.label == "string") {
+          const x = L.label.trim();
           if (!x) return null;
-          const Fe = I.kind === "cta" || I.kind === "choice" || I.kind === "followup" ? I.kind : null;
-          return { label: x, kind: Fe };
+          const De = L.kind === "cta" || L.kind === "choice" || L.kind === "followup" ? L.kind : null;
+          return { label: x, kind: De };
         }
         return null;
       }).filter(Boolean).slice(0, 4) : [];
     }
     return [];
   }
-  function K(h, m) {
-    var _;
-    const g = t.messagesByConv[h] || [];
+  function V(h, m) {
+    var g;
+    const _ = t.messagesByConv[h] || [];
     let d = -1;
-    m != null && m.client_msg_id && (d = g.findIndex(
+    m != null && m.client_msg_id && (d = _.findIndex(
       (b) => (b == null ? void 0 : b.client_msg_id) && b.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 = g.findIndex((b) => ne(b == null ? void 0 : b.id, m.id)));
+    )), d === -1 && (m == null ? void 0 : m.id) !== void 0 && (m == null ? void 0 : m.id) !== null && (d = _.findIndex((b) => ne(b == null ? void 0 : b.id, m.id)));
     let f;
-    d === -1 ? f = [...g, m].sort(ce) : (f = g.slice(), f[d] = {
-      ...g[d],
+    d === -1 ? f = [..._, m].sort(ce) : (f = _.slice(), f[d] = {
+      ..._[d],
       ...m,
       _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[h] = f, (m == null ? void 0 : m.type) === "action" && ((g = m == null ? void 0 : m.payload) != null && g.state) && m.payload.state !== "pending" && (m == null ? void 0 : m.id) != null && t.awaitingCallback[m.id] && delete t.awaitingCallback[m.id];
   }
   function ne(h, m) {
     return h === m ? !0 : h == null || m == null ? !1 : String(h) === String(m);
   }
-  function J(h, m, g) {
+  function J(h, m, _) {
     const d = t.messagesByConv[h];
     if (!d) return;
     const f = d.findIndex((b) => b.id === m);
     if (f === -1) return;
-    const _ = d.slice();
-    _[f] = { ...d[f], ...g }, t.messagesByConv[h] = _;
+    const g = d.slice();
+    g[f] = { ...d[f], ..._ }, t.messagesByConv[h] = g;
   }
   function se(h, m) {
-    const g = t.conversations.findIndex((f) => f.id === h);
-    if (g === -1) return;
-    const d = t.conversations[g];
+    const _ = t.conversations.findIndex((f) => f.id === h);
+    if (_ === -1) return;
+    const d = t.conversations[_];
     if (m && (!d.last_message_at || m > d.last_message_at)) {
       const f = t.conversations.slice();
-      f[g] = { ...d, last_message_at: m }, f.sort(
-        (_, b) => (b.last_message_at || "").localeCompare(_.last_message_at || "")
+      f[_] = { ...d, last_message_at: m }, f.sort(
+        (g, b) => (b.last_message_at || "").localeCompare(g.last_message_at || "")
       ), t.conversations = f;
     }
   }
@@ -742,18 +742,18 @@ function Qe(e) {
   }
   function me(h) {
     if (!h || typeof h != "object") return null;
-    const m = {}, g = {};
+    const m = {}, _ = {};
     for (const [d, f] of Object.entries(h))
-      f !== void 0 && (d === "name" || d === "email" || d === "language" ? f != null && String(f).trim() !== "" && (m[d] = f) : (d === "values" || d === "metadata") && f && typeof f == "object" ? Object.assign(g, f) : g[d] = f);
-    return Object.keys(g).length && (m.values = g), Object.keys(m).length ? m : null;
+      f !== void 0 && (d === "name" || d === "email" || d === "language" ? f != null && String(f).trim() !== "" && (m[d] = f) : (d === "values" || d === "metadata") && f && typeof f == "object" ? Object.assign(_, f) : _[d] = f);
+    return Object.keys(_).length && (m.values = _), Object.keys(m).length ? m : null;
   }
   function de(h) {
     const m = t.messagesByConv[h] || [];
-    let g = "";
-    for (const _ of m)
-      _ != null && _.created_at && _.created_at > g && (g = _.created_at);
+    let _ = "";
+    for (const g of m)
+      g != null && g.created_at && g.created_at > _ && (_ = g.created_at);
     const d = (/* @__PURE__ */ new Date()).toISOString();
-    return !g || d > g ? d : new Date(Date.parse(g) + 1).toISOString();
+    return !_ || d > _ ? d : new Date(Date.parse(_) + 1).toISOString();
   }
   return {
     state: t,
@@ -763,13 +763,13 @@ function Qe(e) {
     createConversation: a,
     openConversation: p,
     loadMore: k,
-    fetchSinceLast: E,
+    fetchSinceLast: B,
     patchConversation: T,
     markConversationRead: A,
     send: H,
     clickCallback: S,
-    signAttachment: L,
-    submitFeedback: z,
+    signAttachment: I,
+    submitFeedback: q,
     getPendingApproval: Y,
     getActionInFlight: ee,
     getLatestSuggestions: te,
@@ -794,7 +794,7 @@ const j = {
   green: "#22C55E",
   red: "#B91C1C",
   redBg: "#FDECEC"
-}, ge = [
+}, _e = [
   "#5B5FEF",
   "#7C3AED",
   "#DB2777",
@@ -802,16 +802,16 @@ const j = {
   "#D97706",
   "#059669"
 ];
-function ye(e = "") {
-  return e ? ge[e.charCodeAt(0) % ge.length] : ge[0];
-}
 function we(e = "") {
+  return e ? _e[e.charCodeAt(0) % _e.length] : _e[0];
+}
+function be(e = "") {
   return e.split(" ").map((t) => t[0] || "").join("").toUpperCase().slice(0, 2);
 }
-function pe(e = /* @__PURE__ */ new Date(), t = "fr-FR") {
+function ve(e = /* @__PURE__ */ new Date(), t = "fr-FR") {
   return e.toLocaleTimeString(t, { hour: "2-digit", minute: "2-digit" });
 }
-const Xe = `
+const Ze = `
 @import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');
 
 .wm-root {
@@ -857,7 +857,7 @@ const Xe = `
     0%   { transform: translateX(110%); opacity: 0; }
     100% { transform: translateX(0); opacity: 1; }
 }
-`, Ze = "https://api.messenger.victorc.fr", ae = "fr", et = ["fr", "en"], Ae = { fr: "fr-FR", en: "en-US" }, _e = {
+`, et = "https://api.messenger.victorc.fr", ae = "fr", tt = ["fr", "en"], Te = { fr: "fr-FR", en: "en-US" }, ge = {
   fr: {
     // ── Common ───────────────────────────────────────────────────────
     "common.newConversation": "Nouvelle conversation",
@@ -905,6 +905,7 @@ Je réponds en quelques secondes.`,
     "onboarding.newMessage": "Nouveau message",
     "onboarding.statusInProgress": "En cours",
     "onboarding.resume": "Reprendre",
+    "onboarding.unreadConversations": "Conversations non lues",
     // ── Composer ─────────────────────────────────────────────────────
     "composer.placeholder": "Écrivez votre message…",
     "composer.replyTo": "Répondre à {name}…",
@@ -1028,6 +1029,7 @@ I reply within seconds.`,
     "onboarding.newMessage": "New message",
     "onboarding.statusInProgress": "In progress",
     "onboarding.resume": "Resume",
+    "onboarding.unreadConversations": "Unread conversations",
     // ── Composer ─────────────────────────────────────────────────────
     "composer.placeholder": "Type your message…",
     "composer.replyTo": "Reply to {name}…",
@@ -1105,16 +1107,16 @@ I reply within seconds.`,
     "export.createdOn": "Created on: {date}"
   }
 };
-function be(e) {
+function ke(e) {
   if (typeof e != "string") return ae;
   const t = e.trim().toLowerCase().slice(0, 2);
-  return et.includes(t) ? t : ae;
+  return tt.includes(t) ? t : ae;
 }
 function re(e) {
-  return Ae[be(e)] || Ae[ae];
+  return Te[ke(e)] || Te[ae];
 }
 function D(e) {
-  const t = be(e), n = _e[t] || _e[ae], i = _e[ae];
+  const t = ke(e), n = ge[t] || ge[ae], i = ge[ae];
   return function(s, a) {
     let l = n[s];
     return l == null && (l = i[s]), l == null ? s : (a && (l = l.replace(
@@ -1123,22 +1125,22 @@ function D(e) {
     )), l);
   };
 }
-function Se(e, t) {
+function xe(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 Be(e, t, n) {
-  return Array.isArray(t) ? t.map((i) => Se(e, String(i))).join(", ") : typeof t == "boolean" ? n(t ? "common.yes" : "common.no") : Se(e, String(t));
+function Pe(e, t, n) {
+  return Array.isArray(t) ? t.map((i) => xe(e, String(i))).join(", ") : typeof t == "boolean" ? n(t ? "common.yes" : "common.no") : xe(e, String(t));
 }
-function tt(e, t, n = D()) {
+function nt(e, t, n = D()) {
   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 = Be(s, a, n);
+    const l = Pe(s, a, n);
     l && r.push(`${s.label} :
 ${l}`);
   }
@@ -1146,13 +1148,13 @@ ${l}`);
 
 `);
 }
-function nt(e, t, n = D()) {
+function st(e, t, n = D()) {
   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 = Be(s, a, n);
+    const l = Pe(s, a, n);
     if (!l) continue;
     const p = s.type === "textarea" || typeof l == "string" && (l.length > 60 || l.includes(`
 `));
@@ -1176,13 +1178,13 @@ function W(e) {
   const t = typeof e == "number" ? e : Number(e);
   return Number.isFinite(t) ? t : null;
 }
-function Me(e, t) {
+function Oe(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);
   return n;
 }
-function st(e, t) {
+function rt(e, t) {
   var n, i, r;
   for (let s = t.length - 1; s >= 0; s--) {
     const a = t[s];
@@ -1195,10 +1197,10 @@ function st(e, t) {
   }
   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) || "";
 }
-function rt(e, t) {
+function it(e, t) {
   return (e == null ? void 0 : e.name) || ((e == null ? void 0 : e.type) === "user" ? t("common.you") : (e == null ? void 0 : e.type) === "agent_human" ? t("common.agent") : (e == null ? void 0 : e.type) === "agent_ia" ? t("common.aiAssistant") : t("common.system"));
 }
-function it(e, t, n, i) {
+function at(e, t, n, i) {
   const r = [
     `# ${e.name || n("common.conversation")}`,
     e.created_at ? n("export.createdOn", {
@@ -1210,15 +1212,15 @@ function it(e, t, n, i) {
     if (!s) continue;
     const a = (s.text_md || "").trim();
     if (!a) continue;
-    const l = rt(s.author, n), p = s.created_at ? new Date(s.created_at).toLocaleString(i) : "";
+    const l = it(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 = D(), i) {
+function ot(e, t, n = D(), i) {
   if (!e) return;
-  const r = it(e, t || [], n, re(i)), s = new Blob([r], { type: "text/plain;charset=utf-8" });
+  const r = at(e, t || [], n, re(i)), s = new Blob([r], { type: "text/plain;charset=utf-8" });
   try {
     const a = URL.createObjectURL(s), l = document.createElement("a");
     l.href = a, l.download = `${(e.name || "conversation").replace(/[^a-z0-9-_]+/gi, "_")}.txt`, document.body.appendChild(l), l.click(), document.body.removeChild(l), setTimeout(() => URL.revokeObjectURL(a), 1e3);
@@ -1226,7 +1228,7 @@ function at(e, t, n = D(), i) {
     console.error("[ww-messenger] export failed", a);
   }
 }
-const ot = {
+const lt = {
   data() {
     const e = typeof Notification < "u";
     return {
@@ -1384,7 +1386,7 @@ const ot = {
       }
     }
   }
-}, lt = 450, ct = 50, dt = 900, ut = 12e3, ht = 300, mt = {
+}, ct = 450, dt = 50, ut = 900, ht = 12e3, mt = 300, ft = {
   data() {
     return {
       // Map: messageId → ms timestamp once shown.
@@ -1493,11 +1495,11 @@ const ot = {
     //     bounded by MIN/MAX_TYPING_MS.
     scheduleReveal(e, t) {
       const n = Date.now(), i = ((e == null ? void 0 : e.text_md) || "").length, r = Math.min(
-        ut,
-        Math.max(dt, i * ct)
+        ht,
+        Math.max(ut, i * dt)
       ), a = Math.max(
-        n + lt,
-        this.nextRevealAt + ht
+        n + ct,
+        this.nextRevealAt + mt
       ) + r;
       this.nextRevealAt = a;
       const l = Math.max(0, a - n), p = e.id, k = setTimeout(() => {
@@ -1559,7 +1561,7 @@ const ot = {
       this.revealedAt = { ...this.revealedAt, [e.id]: 0 }, this.scheduleReveal(e, t);
     }
   }
-}, ft = {
+}, _t = {
   data() {
     return {
       approvalSettled: !0,
@@ -1589,7 +1591,7 @@ const ot = {
       }, e);
     }
   }
-}, gt = 300, _t = {
+}, gt = 300, pt = {
   data() {
     return {
       // Numeric message id snapshot frozen the moment the user
@@ -1620,7 +1622,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 = pt(t);
+      const t = ((a = (s = this.s) == null ? void 0 : s.messagesByConv) == null ? void 0 : a[e.id]) || [], n = vt(t);
       if (n == null) return;
       const i = W(e.last_read_message_id), r = W(n);
       r != null && (i != null && r <= i || (this._readMarkerPending = { convId: e.id, messageId: n }, !this._readMarkerTimer && (this._readMarkerTimer = setTimeout(() => {
@@ -1633,7 +1635,7 @@ const ot = {
     }
   }
 };
-function pt(e) {
+function vt(e) {
   for (let t = e.length - 1; t >= 0; t--) {
     const n = e[t];
     if (!(!n || n._pending) && W(n.id) != null)
@@ -1646,7 +1648,7 @@ const N = (e, t) => {
   for (const [i, r] of t)
     n[i] = r;
   return n;
-}, vt = {
+}, yt = {
   name: "WmHumanAvatar",
   props: {
     name: { type: String, default: "" },
@@ -1660,17 +1662,17 @@ const N = (e, t) => {
   },
   computed: {
     bg() {
-      return this.avatarUrl ? "transparent" : ye(this.name);
+      return this.avatarUrl ? "transparent" : we(this.name);
     },
     initials() {
-      return we(this.name);
+      return be(this.name);
     }
   }
-}, yt = ["src", "alt"];
-function wt(e, t, n, i, r, s) {
+}, wt = ["src", "alt"];
+function bt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-huav", { "wm-huav--tail": n.tail }]),
-    style: q({
+    style: z({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": Math.round(n.size * 0.32) + "px",
@@ -1681,15 +1683,15 @@ function wt(e, t, n, i, r, s) {
       key: 0,
       src: n.avatarUrl,
       alt: n.name || ""
-    }, null, 8, yt)) : (c(), u("span", {
+    }, null, 8, wt)) : (c(), u("span", {
       key: 1,
-      style: q({ fontSize: n.size * 0.36 + "px" })
+      style: z({ fontSize: n.size * 0.36 + "px" })
     }, v(s.initials), 5))
   ], 6);
 }
-const Re = /* @__PURE__ */ N(vt, [["render", wt], ["__scopeId", "data-v-14e10c0d"]]), bt = 3, kt = {
+const Ce = /* @__PURE__ */ N(yt, [["render", bt], ["__scopeId", "data-v-14e10c0d"]]), kt = 3, Ct = {
   name: "WmLauncher",
-  components: { HumanAvatar: Re },
+  components: { HumanAvatar: Ce },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
@@ -1710,11 +1712,11 @@ const Re = /* @__PURE__ */ N(vt, [["render", wt], ["__scopeId", "data-v-14e10c0d
     // élément en ordre DOM avec un flex column normal). Les plus
     // anciens remontent dans la pile.
     visiblePeeks() {
-      return this.peeks.slice(0, bt).reverse();
+      return this.peeks.slice(0, kt).reverse();
     }
   }
-}, Ct = ["aria-label", "onClick", "onKeydown"], At = ["aria-label", "onClick"], St = { class: "wm-peek__avatar" }, Mt = ["aria-label"], Tt = { class: "wm-peek__body" }, xt = { class: "wm-peek__head" }, Ot = { class: "wm-peek__name" }, Lt = { class: "wm-peek__action" }, It = { class: "wm-peek__text" }, Et = ["onClick"], Bt = ["aria-label"], Rt = ["aria-label"];
-function Nt(e, t, n, i, r, s) {
+}, 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" }, Et = { class: "wm-peek__text" }, Bt = ["onClick"], Rt = ["aria-label"], Nt = ["aria-label"];
+function Pt(e, t, n, i, r, s) {
   const a = R("HumanAvatar");
   return c(), u("div", {
     class: "wm-launcherWrap",
@@ -1723,16 +1725,16 @@ function Nt(e, t, n, i, r, s) {
     onFocusin: t[3] || (t[3] = (l) => e.$emit("hover", !0)),
     onFocusout: t[4] || (t[4] = (l) => e.$emit("hover", !1))
   }, [
-    $(Ie, { name: "wm-peek" }, {
-      default: Ee(() => [
+    K(Re, { name: "wm-peek" }, {
+      default: Ne(() => [
         s.visiblePeeks.length ? (c(), u("div", {
           key: 0,
           class: O(["wm-peekStack", { "wm-peekStack--multi": s.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), u(B, null, U(s.visiblePeeks, (l, p) => (c(), u("div", {
+          (c(!0), u(E, null, F(s.visiblePeeks, (l, p) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
-            style: q({
+            style: z({
               "--depth": s.visiblePeeks.length - 1 - p,
               zIndex: p + 1
             }),
@@ -1766,9 +1768,9 @@ function Nt(e, t, n, i, r, s) {
               }, [
                 o("path", { d: "M18 6L6 18M6 6l12 12" })
               ], -1)
-            ])], 8, At),
-            o("div", St, [
-              $(a, {
+            ])], 8, St),
+            o("div", Mt, [
+              K(a, {
                 name: l.senderName,
                 "avatar-url": l.senderAvatarUrl,
                 size: 34
@@ -1777,21 +1779,21 @@ function Nt(e, t, n, i, r, s) {
                 key: 0,
                 class: "wm-peek__avatarBadge",
                 "aria-label": s.t("launcher.unreadMessages", { count: l.count })
-              }, v(l.count > 9 ? "9+" : l.count), 9, Mt)) : y("", !0)
+              }, v(l.count > 9 ? "9+" : l.count), 9, Tt)) : y("", !0)
             ]),
-            o("div", Tt, [
-              o("div", xt, [
-                o("span", Ot, v(l.senderName || s.t("common.agent")), 1),
+            o("div", xt, [
+              o("div", Ot, [
+                o("span", It, v(l.senderName || s.t("common.agent")), 1),
                 o("span", Lt, v(s.t("launcher.repliedToYou")), 1)
               ]),
-              o("p", It, v(l.preview), 1)
+              o("p", Et, v(l.preview), 1)
             ]),
             o("button", {
               type: "button",
               class: "wm-peek__open",
               onClick: G((k) => e.$emit("open", l.convId), ["stop"])
-            }, v(s.t("common.open")), 9, Et)
-          ], 44, Ct))), 128))
+            }, v(s.t("common.open")), 9, Bt)
+          ], 44, At))), 128))
         ], 2)) : y("", !0)
       ]),
       _: 1
@@ -1823,11 +1825,11 @@ function Nt(e, t, n, i, r, s) {
         }) : s.t("launcher.unreadConversationsOne", {
           count: n.unreadCount
         })
-      }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Rt)) : y("", !0)
-    ], 8, Bt)
+      }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Nt)) : y("", !0)
+    ], 8, Rt)
   ], 32);
 }
-const Pt = /* @__PURE__ */ N(kt, [["render", Nt], ["__scopeId", "data-v-44ddf1a1"]]), Ft = {
+const Ut = /* @__PURE__ */ N(Ct, [["render", Pt], ["__scopeId", "data-v-44ddf1a1"]]), Ft = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -1850,33 +1852,33 @@ const Pt = /* @__PURE__ */ N(kt, [["render", Nt], ["__scopeId", "data-v-44ddf1a1
   },
   computed: {
     initials() {
-      return we(this.name);
+      return be(this.name);
     },
     bgColor() {
-      return ye(this.name);
+      return we(this.name);
     }
   }
-}, Ut = {
+}, Dt = {
   key: 0,
   class: "wm-aiav__pulse"
-}, Dt = ["src", "alt"], jt = ["width", "height"];
-function Ht(e, t, n, i, r, s) {
+}, jt = ["src", "alt"], Ht = ["width", "height"];
+function zt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-aiav", { "wm-aiav--tail": n.tail }]),
-    style: q({
+    style: z({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": n.size * 0.32 + "px"
     })
   }, [
-    n.pulse ? (c(), u("div", Ut)) : y("", !0),
+    n.pulse ? (c(), u("div", Dt)) : y("", !0),
     o("div", {
       class: O(["wm-aiav__inner", {
         "wm-aiav__inner--glow": n.pulse,
         "wm-aiav__inner--img": !!n.imageUrl,
         "wm-aiav__inner--initials": !n.imageUrl && !!s.initials
       }]),
-      style: q(
+      style: z(
         !n.imageUrl && s.initials ? { background: s.bgColor } : null
       )
     }, [
@@ -1884,9 +1886,9 @@ function Ht(e, t, n, i, r, s) {
         key: 0,
         src: n.imageUrl,
         alt: n.name || ""
-      }, null, 8, Dt)) : s.initials ? (c(), u("span", {
+      }, null, 8, jt)) : s.initials ? (c(), u("span", {
         key: 1,
-        style: q({ fontSize: n.size * 0.36 + "px" })
+        style: z({ fontSize: n.size * 0.36 + "px" })
       }, v(s.initials), 5)) : (c(), u("svg", {
         key: 2,
         width: n.size * 0.5,
@@ -1914,11 +1916,11 @@ function Ht(e, t, n, i, r, s) {
           fill: "white",
           opacity: "0.38"
         }, null, -1)
-      ])], 8, jt))
+      ])], 8, Ht))
     ], 6)
   ], 6);
 }
-const le = /* @__PURE__ */ N(Ft, [["render", Ht], ["__scopeId", "data-v-6f7f685d"]]), zt = {
+const le = /* @__PURE__ */ N(Ft, [["render", zt], ["__scopeId", "data-v-6f7f685d"]]), qt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -1934,29 +1936,29 @@ const le = /* @__PURE__ */ N(Ft, [["render", Ht], ["__scopeId", "data-v-6f7f685d
   },
   methods: {
     colorFor(e) {
-      return e.avatar_url ? "transparent" : ye(e.name || "");
+      return e.avatar_url ? "transparent" : we(e.name || "");
     },
     initialsFor(e) {
-      return we(e.name || "");
+      return be(e.name || "");
     }
   }
-}, qt = {
+}, Kt = {
   key: 0,
   class: "wm-team"
-}, $t = ["src", "alt"], Kt = { key: 1 }, Vt = {
+}, Vt = ["src", "alt"], $t = { 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", Kt, [
     o("div", {
       class: "wm-team__stack",
-      style: q({ width: s.stackWidth + "px" })
+      style: z({ width: s.stackWidth + "px" })
     }, [
-      (c(!0), u(B, null, U(n.members.slice(0, 3), (a, l) => (c(), u("div", {
+      (c(!0), u(E, null, F(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
-        style: q({
+        style: z({
           left: l * 13 + "px",
           zIndex: 3 - l,
           background: s.colorFor(a)
@@ -1966,15 +1968,15 @@ function Wt(e, t, n, i, r, s) {
           key: 0,
           src: a.avatar_url,
           alt: a.name || ""
-        }, null, 8, $t)) : (c(), u("span", Kt, v(s.initialsFor(a)), 1))
+        }, null, 8, Vt)) : (c(), u("span", $t, v(s.initialsFor(a)), 1))
       ], 4))), 128))
     ], 4),
-    n.responseLabel ? (c(), u("span", Vt, v(n.responseLabel), 1)) : y("", !0)
+    n.responseLabel ? (c(), u("span", Wt, v(n.responseLabel), 1)) : y("", !0)
   ])) : y("", !0);
 }
-const Gt = /* @__PURE__ */ N(zt, [["render", Wt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
+const Yt = /* @__PURE__ */ N(qt, [["render", Gt], ["__scopeId", "data-v-e49a9063"]]), Jt = {
   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).
@@ -2011,16 +2013,16 @@ const Gt = /* @__PURE__ */ N(zt, [["render", Wt], ["__scopeId", "data-v-e49a9063
       return n;
     }
   }
-}, Jt = { class: "wm-header" }, Qt = ["aria-label"], Xt = {
+}, Qt = { class: "wm-header" }, Xt = ["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) {
+}, rn = { class: "wm-header__actions" }, an = ["aria-label", "title"], on = ["aria-label", "title"];
+function ln(e, t, n, i, r, s) {
   const a = R("AIAvatar"), l = R("TeamAvatars");
-  return c(), u("div", Jt, [
+  return c(), u("div", Qt, [
     n.showBack ? (c(), u("button", {
       key: 0,
       type: "button",
@@ -2041,25 +2043,25 @@ function on(e, t, n, i, r, s) {
       }, [
         o("path", { d: "M19 12H5M12 5l-7 7 7 7" })
       ], -1)
-    ])], 8, Qt)) : (c(), u("div", Xt)),
-    n.showIdentity ? (c(), u(B, { key: 2 }, [
-      o("div", Zt, [
-        $(a, {
+    ])], 8, Xt)) : (c(), u("div", Zt)),
+    n.showIdentity ? (c(), u(E, { key: 2 }, [
+      o("div", en, [
+        K(a, {
           size: 30,
           name: n.agentName,
           "image-url": n.agentAvatarUrl
         }, null, 8, ["name", "image-url"])
       ]),
-      o("div", en, [
-        o("div", tn, v(n.title), 1)
+      o("div", tn, [
+        o("div", nn, v(n.title), 1)
       ]),
       s.hasTeam ? (c(), P(l, {
         key: 0,
         members: s.displayedTeamMembers,
         "response-label": ""
       }, null, 8, ["members"])) : y("", !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",
@@ -2091,7 +2093,7 @@ function on(e, t, n, i, r, s) {
             r: "1.6"
           })
         ], -1)
-      ])], 10, rn)) : y("", !0),
+      ])], 10, an)) : y("", !0),
       n.showClose ? (c(), u("button", {
         key: 1,
         type: "button",
@@ -2113,34 +2115,34 @@ function on(e, t, n, i, r, s) {
         }, [
           o("path", { d: "M18 6L6 18M6 6l12 12" })
         ], -1)
-      ])], 8, an)) : y("", !0)
+      ])], 8, on)) : y("", !0)
     ])
   ]);
 }
-const ln = /* @__PURE__ */ N(Yt, [["render", on], ["__scopeId", "data-v-0da6fbcd"]]);
-function Ne(e) {
+const cn = /* @__PURE__ */ N(Jt, [["render", ln], ["__scopeId", "data-v-0da6fbcd"]]);
+function Ue(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 Te = "";
+const Ie = "";
 function ie(e) {
   let t = e;
   const n = [];
   return t = t.replace(/`([^`\n]+)`/g, (i, r) => {
     const s = n.length;
-    return n.push(r), `${Te}CODE${s}${Te}`;
-  }), 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), `${Ie}CODE${s}${Ie}`;
+  }), 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 ie(Ne(t));
+  return ie(Ue(t));
 }
-function un(e) {
+function hn(e) {
   if (!e) return "";
-  const t = Ne(e).split(`
+  const t = Ue(e).split(`
 `), n = [];
   let i = 0;
   for (; i < t.length; ) {
@@ -2179,10 +2181,10 @@ function un(e) {
         if (!A) break;
         w.push(A[1]), i++;
       }
-      const T = w.map((A) => `<li>${ie(A)}</li>`).join(""), E = k !== 1 ? ` start="${k}"` : "";
+      const T = w.map((A) => `<li>${ie(A)}</li>`).join(""), B = k !== 1 ? ` start="${k}"` : "";
       n.push({
         type: "block",
-        html: `<ol class="wm-md-ol"${E}>${T}</ol>`
+        html: `<ol class="wm-md-ol"${B}>${T}</ol>`
       });
       continue;
     }
@@ -2207,15 +2209,15 @@ function un(e) {
   }
   return r;
 }
-const xe = {
+const Le = {
   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",
   chat: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z",
   link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
-}, hn = {
+}, mn = {
   name: "WmOnboarding",
-  components: { AIAvatar: le },
+  components: { AIAvatar: le, HumanAvatar: Ce },
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
@@ -2253,14 +2255,37 @@ const xe = {
       return e ? this.openThreads.filter(
         (t) => (t.title || "").toLowerCase().includes(e) || (t.preview || "").toLowerCase().includes(e)
       ) : this.openThreads;
+    },
+    unreadThreads() {
+      return this.openThreads.filter((e) => e.unread);
     }
   },
   methods: {
     iconPath(e) {
-      return xe[e] || xe.link;
+      return Le[e] || Le.link;
     },
     renderPreview(e) {
-      return dn(e);
+      return un(e);
+    },
+    // Pick the avatar component for a thread row based on the last
+    // sender's type. Human agents get HumanAvatar (initials on a
+    // deterministic colour, or their photo) ; AI agents and unknown /
+    // user-authored cases fall back to the widget's own AI avatar.
+    avatarComponent(e) {
+      var t;
+      return ((t = e == null ? void 0 : e.author) == null ? void 0 : t.type) === "agent_human" ? "HumanAvatar" : "AIAvatar";
+    },
+    avatarProps(e) {
+      const t = e == null ? void 0 : e.author;
+      return (t == null ? void 0 : t.type) === "agent_human" ? {
+        size: 40,
+        name: t.name || "",
+        avatarUrl: t.avatar_url || null
+      } : {
+        size: 40,
+        name: (t == null ? void 0 : t.name) || this.agentName,
+        imageUrl: (t == null ? void 0 : t.avatar_url) || this.defaultIconUrl
+      };
     },
     formatTs(e) {
       if (!e) return "";
@@ -2282,10 +2307,10 @@ const xe = {
       });
     }
   }
-}, mn = { class: "wm-onb" }, fn = { class: "wm-onb__hero" }, gn = { class: "wm-onb__hero-text" }, _n = { class: "wm-onb__title" }, pn = { class: "wm-onb__sub" }, vn = { class: "wm-onb__cta" }, yn = ["disabled"], wn = {
+}, fn = { class: "wm-onb" }, _n = { class: "wm-onb__hero" }, gn = { class: "wm-onb__hero-text" }, pn = { class: "wm-onb__title" }, vn = { class: "wm-onb__sub" }, yn = { class: "wm-onb__cta" }, wn = ["disabled"], bn = {
   key: 0,
   class: "wm-onb__section wm-onb__section--card"
-}, bn = { class: "wm-onb__section-title" }, kn = ["onClick"], Cn = { class: "wm-onb__card-icon" }, An = {
+}, kn = { class: "wm-onb__section-title" }, Cn = ["onClick"], An = { class: "wm-onb__card-icon" }, Sn = {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -2295,26 +2320,29 @@ const xe = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Sn = ["d"], Mn = { class: "wm-onb__card-body" }, Tn = { class: "wm-onb__card-title" }, xn = {
+}, Mn = ["d"], Tn = { class: "wm-onb__card-body" }, xn = { class: "wm-onb__card-title" }, On = {
   key: 0,
   class: "wm-onb__card-sub"
-}, On = {
+}, In = {
   key: 1,
   class: "wm-onb__section wm-onb__section--card"
-}, Ln = { class: "wm-onb__section-title" }, In = { class: "wm-onb__search" }, En = ["placeholder", "aria-label"], Bn = { class: "wm-onb__list" }, Rn = { class: "wm-onb__thread-body" }, Nn = { class: "wm-onb__thread-status" }, Pn = { class: "wm-onb__thread-statusLabel" }, Fn = {
+}, Ln = { class: "wm-onb__section-title" }, En = { class: "wm-onb__alertList" }, Bn = ["onClick"], Rn = { class: "wm-onb__alert-avatar" }, Nn = ["aria-label"], Pn = { class: "wm-onb__alert-body" }, Un = { class: "wm-onb__alert-title" }, Fn = ["innerHTML"], Dn = { class: "wm-onb__alert-meta" }, jn = {
+  key: 0,
+  class: "wm-onb__alert-time"
+}, Hn = { class: "wm-onb__alert-resume" }, zn = {
+  key: 2,
+  class: "wm-onb__section wm-onb__section--card"
+}, qn = { class: "wm-onb__section-title" }, Kn = { class: "wm-onb__search" }, Vn = ["placeholder", "aria-label"], $n = { class: "wm-onb__list" }, Wn = ["onClick"], Gn = { class: "wm-onb__thread-avatar" }, Yn = ["aria-label"], Jn = { class: "wm-onb__thread-body" }, Qn = { class: "wm-onb__thread-title" }, Xn = ["innerHTML"], Zn = { class: "wm-onb__thread-meta" }, es = {
   key: 0,
-  class: "wm-onb__thread-statusSep"
-}, Un = {
-  key: 1,
   class: "wm-onb__thread-time"
-}, Dn = { class: "wm-onb__thread-title" }, jn = ["innerHTML"], Hn = ["onClick"], zn = {
+}, ts = {
   key: 0,
   class: "wm-onb__empty"
 };
-function qn(e, t, n, i, r, s) {
+function ns(e, t, n, i, r, s) {
   const a = R("AIAvatar");
-  return c(), u("div", mn, [
-    o("div", fn, [
+  return c(), u("div", fn, [
+    o("div", _n, [
       t[2] || (t[2] = o("svg", {
         class: "wm-onb__hero-deco",
         width: "180",
@@ -2349,16 +2377,16 @@ function qn(e, t, n, i, r, s) {
           opacity: "0.65"
         })
       ], -1)),
-      $(a, {
+      K(a, {
         size: 52,
         "image-url": n.defaultIconUrl
       }, null, 8, ["image-url"]),
       o("div", gn, [
-        o("div", _n, v(s.heroTitle), 1),
-        o("div", pn, v(s.heroSub), 1)
+        o("div", pn, v(s.heroTitle), 1),
+        o("div", vn, v(s.heroSub), 1)
       ])
     ]),
-    o("div", vn, [
+    o("div", yn, [
       o("button", {
         type: "button",
         class: "wm-onb__startBtn",
@@ -2381,36 +2409,66 @@ function qn(e, t, n, i, r, s) {
           ])
         ], -1)),
         o("span", null, v(n.busy ? "…" : s.t("onboarding.start")), 1)
-      ], 8, yn)
+      ], 8, wn)
     ]),
-    n.quickLinks.length ? (c(), u("div", wn, [
-      o("div", bn, v(s.t("onboarding.quickAccess")), 1),
+    n.quickLinks.length ? (c(), u("div", bn, [
+      o("div", kn, v(s.t("onboarding.quickAccess")), 1),
       o("div", {
         class: O(s.quickLinksLayout)
       }, [
-        (c(!0), u(B, null, U(n.quickLinks, (l, p) => (c(), u("button", {
+        (c(!0), u(E, null, F(n.quickLinks, (l, p) => (c(), u("button", {
           key: p,
           type: "button",
           class: O(["wm-onb__card", { "wm-onb__card--row": s.isOddQuickLinks }]),
           onClick: (k) => e.$emit("select", l)
         }, [
-          o("span", Cn, [
-            (c(), u("svg", An, [
+          o("span", An, [
+            (c(), u("svg", Sn, [
               o("path", {
                 d: s.iconPath(l.icon)
-              }, null, 8, Sn)
+              }, null, 8, Mn)
             ]))
           ]),
-          o("span", Mn, [
-            o("span", Tn, v(l.label), 1),
-            l.description ? (c(), u("span", xn, v(l.description), 1)) : y("", !0)
+          o("span", Tn, [
+            o("span", xn, v(l.label), 1),
+            l.description ? (c(), u("span", On, v(l.description), 1)) : y("", !0)
           ])
-        ], 10, kn))), 128))
+        ], 10, Cn))), 128))
       ], 2)
     ])) : y("", !0),
-    n.openThreads.length ? (c(), u("div", On, [
-      o("div", Ln, v(s.t("onboarding.recentConversations")), 1),
-      o("div", In, [
+    s.unreadThreads.length ? (c(), u("div", In, [
+      o("div", Ln, v(s.t("onboarding.unreadConversations")), 1),
+      o("div", En, [
+        (c(!0), u(E, null, F(s.unreadThreads, (l) => (c(), u("button", {
+          key: l.id,
+          type: "button",
+          class: "wm-onb__alert",
+          onClick: (p) => e.$emit("resume", l)
+        }, [
+          o("span", Rn, [
+            (c(), P(pe(s.avatarComponent(l)), Se({ ref_for: !0 }, s.avatarProps(l)), null, 16)),
+            o("span", {
+              class: "wm-onb__alert-dot",
+              "aria-label": s.t("onboarding.unread")
+            }, null, 8, Nn)
+          ]),
+          o("span", Pn, [
+            o("span", Un, v(l.title), 1),
+            o("span", {
+              class: "wm-onb__alert-preview",
+              innerHTML: s.renderPreview(l.preview)
+            }, null, 8, Fn)
+          ]),
+          o("span", Dn, [
+            s.formatTs(l._ts) ? (c(), u("span", jn, v(s.formatTs(l._ts)), 1)) : y("", !0),
+            o("span", Hn, v(s.t("onboarding.resume")), 1)
+          ])
+        ], 8, Bn))), 128))
+      ])
+    ])) : y("", !0),
+    n.openThreads.length ? (c(), u("div", zn, [
+      o("div", qn, v(s.t("onboarding.recentConversations")), 1),
+      o("div", Kn, [
         t[4] || (t[4] = o("span", { class: "wm-onb__searchIcon" }, [
           o("svg", {
             width: "12",
@@ -2426,63 +2484,65 @@ function qn(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", {
+        $(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, En), [
+        }, null, 8, Vn), [
           [X, r.query]
         ])
       ]),
-      o("div", Bn, [
-        (c(!0), u(B, null, U(s.filteredThreads, (l) => (c(), u("div", {
+      o("div", $n, [
+        (c(!0), u(E, null, F(s.filteredThreads, (l) => (c(), u("button", {
           key: l.id,
-          class: "wm-onb__thread"
+          type: "button",
+          class: "wm-onb__thread",
+          onClick: (p) => e.$emit("resume", l)
         }, [
-          t[5] || (t[5] = o("span", { class: "wm-onb__thread-icon" }, [
-            o("svg", {
-              width: "18",
-              height: "18",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              "aria-hidden": "true"
-            }, [
-              o("path", {
-                d: "M12 2 L13.5 9 L20 10.5 L13.5 12 L12 19 L10.5 12 L4 10.5 L10.5 9 Z",
-                fill: "currentColor",
-                opacity: "0.92"
-              })
-            ])
-          ], -1)),
-          o("span", Rn, [
-            o("span", Nn, [
-              o("span", Pn, v(s.t("onboarding.statusInProgress")), 1),
-              s.formatTs(l._ts) ? (c(), u("span", Fn, "·")) : y("", !0),
-              s.formatTs(l._ts) ? (c(), u("span", Un, v(s.formatTs(l._ts)), 1)) : y("", !0)
-            ]),
-            o("span", Dn, v(l.title), 1),
+          o("span", Gn, [
+            (c(), P(pe(s.avatarComponent(l)), Se({ ref_for: !0 }, s.avatarProps(l)), null, 16)),
+            l.unread ? (c(), u("span", {
+              key: 0,
+              class: "wm-onb__thread-dot",
+              "aria-label": s.t("onboarding.unread")
+            }, null, 8, Yn)) : y("", !0)
+          ]),
+          o("span", Jn, [
+            o("span", Qn, v(l.title), 1),
             o("span", {
               class: "wm-onb__thread-preview",
               innerHTML: s.renderPreview(l.preview)
-            }, null, 8, jn)
+            }, null, 8, Xn)
           ]),
-          o("button", {
-            type: "button",
-            class: "wm-onb__thread-resume",
-            onClick: (p) => e.$emit("resume", l)
-          }, v(s.t("onboarding.resume")), 9, Hn)
-        ]))), 128)),
-        s.filteredThreads.length ? y("", !0) : (c(), u("div", zn, v(s.t("onboarding.noResults", { query: r.query })), 1))
+          o("span", Zn, [
+            s.formatTs(l._ts) ? (c(), u("span", es, v(s.formatTs(l._ts)), 1)) : y("", !0),
+            t[5] || (t[5] = o("svg", {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.8",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: "wm-onb__thread-chev",
+              "aria-hidden": "true"
+            }, [
+              o("path", { d: "M5 12h14M13 5l7 7-7 7" })
+            ], -1))
+          ])
+        ], 8, Wn))), 128)),
+        s.filteredThreads.length ? y("", !0) : (c(), u("div", ts, v(s.t("onboarding.noResults", { query: r.query })), 1))
       ])
     ])) : y("", !0)
   ]);
 }
-const $n = /* @__PURE__ */ N(hn, [["render", qn], ["__scopeId", "data-v-a3b35a29"]]);
-function Kn(e) {
+const ss = /* @__PURE__ */ N(mn, [["render", ns], ["__scopeId", "data-v-51460a75"]]);
+function rs(e) {
   return typeof e != "string" ? "" : e.replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), "$1").replace(/__([^_]+)__/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\s+/g, " ").trim();
 }
-const Vn = {
+const is = {
   name: "WmActionResult",
   props: {
     state: { type: String, default: "success" },
@@ -2492,13 +2552,13 @@ const Vn = {
   },
   computed: {
     detailText() {
-      return Kn(this.detail);
+      return rs(this.detail);
     }
   }
-}, Wn = {
+}, as = {
   class: "wm-result__icon",
   "aria-hidden": "true"
-}, Gn = {
+}, os = {
   key: 0,
   width: "11",
   height: "11",
@@ -2508,7 +2568,7 @@ const Vn = {
   "stroke-width": "2.8",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Yn = {
+}, ls = {
   key: 1,
   width: "11",
   height: "11",
@@ -2518,7 +2578,7 @@ const Vn = {
   "stroke-width": "2.6",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Jn = {
+}, cs = {
   key: 2,
   width: "11",
   height: "11",
@@ -2528,7 +2588,7 @@ const Vn = {
   "stroke-width": "2.4",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Qn = {
+}, ds = {
   key: 3,
   width: "12",
   height: "12",
@@ -2538,24 +2598,24 @@ const Vn = {
   "stroke-width": "2.2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Xn = { class: "wm-result__body" }, Zn = { class: "wm-result__label" }, es = { class: "wm-result__detail" };
-function ts(e, t, n, i, r, s) {
+}, us = { class: "wm-result__body" }, hs = { class: "wm-result__label" }, ms = { class: "wm-result__detail" };
+function fs(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-result", `wm-result--${n.state}`])
   }, [
-    o("span", Wn, [
-      n.state === "success" ? (c(), u("svg", Gn, [...t[0] || (t[0] = [
+    o("span", as, [
+      n.state === "success" ? (c(), u("svg", os, [...t[0] || (t[0] = [
         o("path", { d: "M20 6L9 17l-5-5" }, null, -1)
-      ])])) : n.state === "rejected" ? (c(), u("svg", Yn, [...t[1] || (t[1] = [
+      ])])) : n.state === "rejected" ? (c(), u("svg", ls, [...t[1] || (t[1] = [
         o("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
-      ])])) : n.state === "awaiting" ? (c(), u("svg", Jn, [...t[2] || (t[2] = [
+      ])])) : n.state === "awaiting" ? (c(), u("svg", cs, [...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", Qn, [...t[3] || (t[3] = [
+      ])])) : (c(), u("svg", ds, [...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",
@@ -2571,19 +2631,19 @@ function ts(e, t, n, i, r, s) {
         }, null, -1)
       ])]))
     ]),
-    o("span", Xn, [
-      o("span", Zn, v(n.label), 1),
-      s.detailText ? (c(), u(B, { key: 0 }, [
+    o("span", us, [
+      o("span", hs, v(n.label), 1),
+      s.detailText ? (c(), u(E, { key: 0 }, [
         t[4] || (t[4] = o("span", {
           class: "wm-result__sep",
           "aria-hidden": "true"
         }, " · ", -1)),
-        o("span", es, v(s.detailText), 1)
+        o("span", ms, v(s.detailText), 1)
       ], 64)) : y("", !0)
     ])
   ], 2);
 }
-const ns = /* @__PURE__ */ N(Vn, [["render", ts], ["__scopeId", "data-v-7284acd0"]]), ss = {
+const _s = /* @__PURE__ */ N(is, [["render", fs], ["__scopeId", "data-v-7284acd0"]]), gs = {
   name: "WmArtifactFormResponse",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -2599,12 +2659,12 @@ const ns = /* @__PURE__ */ N(Vn, [["render", ts], ["__scopeId", "data-v-7284acd0
       return Array.isArray((e = this.data) == null ? void 0 : e.fields) ? this.data.fields : [];
     }
   }
-}, rs = { class: "wm-art wm-art--formResponse" }, is = { class: "wm-art__head" }, as = { class: "wm-art__title" }, os = { class: "wm-art__badge wm-art__badge--success" }, ls = { class: "wm-art__body" }, cs = { class: "wm-art__fieldLabel" };
-function ds(e, t, n, i, r, s) {
-  return c(), u("div", rs, [
-    o("div", is, [
-      o("div", as, v(n.data.title || s.t("form.title")), 1),
-      o("span", os, [
+}, ps = { class: "wm-art wm-art--formResponse" }, vs = { class: "wm-art__head" }, ys = { class: "wm-art__title" }, ws = { class: "wm-art__badge wm-art__badge--success" }, bs = { class: "wm-art__body" }, ks = { class: "wm-art__fieldLabel" };
+function Cs(e, t, n, i, r, s) {
+  return c(), u("div", ps, [
+    o("div", vs, [
+      o("div", ys, v(n.data.title || s.t("form.title")), 1),
+      o("span", ws, [
         t[0] || (t[0] = o("svg", {
           width: "11",
           height: "11",
@@ -2618,15 +2678,15 @@ function ds(e, t, n, i, r, s) {
         }, [
           o("polyline", { points: "20 6 9 17 4 12" })
         ], -1)),
-        ve(" " + v(s.t("form.sent")), 1)
+        ye(" " + v(s.t("form.sent")), 1)
       ])
     ]),
-    o("div", ls, [
-      (c(!0), u(B, null, U(s.fields, (a, l) => (c(), u("div", {
+    o("div", bs, [
+      (c(!0), u(E, null, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", cs, v(a.label), 1),
+        o("div", ks, v(a.label), 1),
         o("div", {
           class: O([
             "wm-art__fieldValue",
@@ -2637,7 +2697,7 @@ function ds(e, t, n, i, r, s) {
     ])
   ]);
 }
-const us = /* @__PURE__ */ N(ss, [["render", ds], ["__scopeId", "data-v-713aecf1"]]), hs = {
+const As = /* @__PURE__ */ N(gs, [["render", Cs], ["__scopeId", "data-v-713aecf1"]]), Ss = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -2652,32 +2712,32 @@ const us = /* @__PURE__ */ N(ss, [["render", ds], ["__scopeId", "data-v-713aecf1
       return !!((e = this.data) != null && e.body) || this.fields.length > 0;
     }
   }
-}, ms = { class: "wm-art wm-art--infoCard" }, fs = {
+}, Ms = { class: "wm-art wm-art--infoCard" }, Ts = {
   key: 0,
   class: "wm-art__image"
-}, gs = ["src", "alt"], _s = { class: "wm-art__head" }, ps = { class: "wm-art__headMain" }, vs = { class: "wm-art__title" }, ys = {
+}, xs = ["src", "alt"], Os = { class: "wm-art__head" }, Is = { class: "wm-art__headMain" }, Ls = { class: "wm-art__title" }, Es = {
   key: 0,
   class: "wm-art__subtitle"
-}, ws = {
+}, Bs = {
   key: 1,
   class: "wm-art__body"
-}, bs = {
+}, Rs = {
   key: 0,
   class: "wm-art__text"
-}, ks = { class: "wm-art__fieldLabel" };
-function Cs(e, t, n, i, r, s) {
-  return c(), u("div", ms, [
-    n.data.image_url ? (c(), u("figure", fs, [
+}, Ns = { class: "wm-art__fieldLabel" };
+function Ps(e, t, n, i, r, s) {
+  return c(), u("div", Ms, [
+    n.data.image_url ? (c(), u("figure", Ts, [
       o("img", {
         src: n.data.image_url,
         alt: n.data.title || "",
         loading: "lazy"
-      }, null, 8, gs)
+      }, null, 8, xs)
     ])) : y("", !0),
-    o("div", _s, [
-      o("div", ps, [
-        o("div", vs, v(n.data.title), 1),
-        n.data.subtitle ? (c(), u("div", ys, v(n.data.subtitle), 1)) : y("", !0)
+    o("div", Os, [
+      o("div", Is, [
+        o("div", Ls, v(n.data.title), 1),
+        n.data.subtitle ? (c(), u("div", Es, v(n.data.subtitle), 1)) : y("", !0)
       ]),
       n.data.badge && n.data.badge.label ? (c(), u("span", {
         key: 0,
@@ -2687,13 +2747,13 @@ function Cs(e, t, n, i, r, s) {
         ])
       }, v(n.data.badge.label), 3)) : y("", !0)
     ]),
-    s.hasBody ? (c(), u("div", ws, [
-      n.data.body ? (c(), u("div", bs, v(n.data.body), 1)) : y("", !0),
-      s.fields.length ? (c(!0), u(B, { key: 1 }, U(s.fields, (a, l) => (c(), u("div", {
+    s.hasBody ? (c(), u("div", Bs, [
+      n.data.body ? (c(), u("div", Rs, v(n.data.body), 1)) : y("", !0),
+      s.fields.length ? (c(!0), u(E, { key: 1 }, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", ks, v(a.label), 1),
+        o("div", Ns, v(a.label), 1),
         o("div", {
           class: O([
             "wm-art__fieldValue",
@@ -2704,8 +2764,8 @@ function Cs(e, t, n, i, r, s) {
     ])) : y("", !0)
   ]);
 }
-const As = /* @__PURE__ */ N(hs, [["render", Cs], ["__scopeId", "data-v-7eae0e4a"]]);
-function Ss(e, t, n) {
+const Us = /* @__PURE__ */ N(Ss, [["render", Ps], ["__scopeId", "data-v-7eae0e4a"]]);
+function Fs(e, t, n) {
   if (!e) return "";
   const i = new Date(e);
   if (Number.isNaN(i.getTime())) return e;
@@ -2719,7 +2779,7 @@ function Ss(e, t, n) {
   });
   return `${r}${n}${s}`;
 }
-const Ms = {
+const Ds = {
   name: "WmArtifactTicket",
   inject: {
     // Translator + resolved-language getter shared by the Messenger
@@ -2737,7 +2797,7 @@ const Ms = {
     },
     formattedDate() {
       var e;
-      return Ss(
+      return Fs(
         (e = this.data) == null ? void 0 : e.created_at,
         re(this.wmLocale()),
         this.t("ticket.dateAt")
@@ -2765,13 +2825,13 @@ const Ms = {
       return /high|haute|élev|elev|critic|critiq|urgent/.test(t) ? 3 : /low|basse|faible|minor/.test(t) ? 1 : 2;
     }
   }
-}, Ts = { class: "wm-art wm-art--ticket" }, xs = { class: "wm-art__head wm-tk__head" }, Os = { class: "wm-art__title wm-tk__title" }, Ls = { class: "wm-tk__sub" }, Is = { class: "wm-tk__ref" }, Es = {
+}, js = { class: "wm-art wm-art--ticket" }, Hs = { class: "wm-art__head wm-tk__head" }, zs = { class: "wm-art__title wm-tk__title" }, qs = { class: "wm-tk__sub" }, Ks = { class: "wm-tk__ref" }, Vs = {
   key: 0,
   class: "wm-tk__text"
-}, Bs = {
+}, $s = {
   key: 0,
   class: "wm-art__body"
-}, Rs = { class: "wm-art__fieldLabel" }, Ns = ["data-level"], Ps = {
+}, Ws = { class: "wm-art__fieldLabel" }, Gs = ["data-level"], Ys = {
   key: 1,
   class: "wm-tk__date",
   width: "12",
@@ -2783,16 +2843,16 @@ const Ms = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Fs = {
+}, Js = {
   key: 1,
   class: "wm-art__footer wm-tk__footer"
 };
-function Us(e, t, n, i, r, s) {
-  return c(), u("div", Ts, [
-    o("div", xs, [
-      o("div", Os, v(n.data.title), 1),
-      o("div", Ls, [
-        o("div", Is, [
+function Qs(e, t, n, i, r, s) {
+  return c(), u("div", js, [
+    o("div", Hs, [
+      o("div", zs, v(n.data.title), 1),
+      o("div", qs, [
+        o("div", Ks, [
           t[0] || (t[0] = o("svg", {
             width: "11",
             height: "11",
@@ -2820,17 +2880,17 @@ function Us(e, t, n, i, r, s) {
             class: "wm-tk__dot",
             "aria-hidden": "true"
           }, null, -1)),
-          ve(" " + v(n.data.status.label), 1)
+          ye(" " + v(n.data.status.label), 1)
         ], 2)
       ]),
-      n.data.body ? (c(), u("div", Es, v(n.data.body), 1)) : y("", !0)
+      n.data.body ? (c(), u("div", Vs, v(n.data.body), 1)) : y("", !0)
     ]),
-    s.fields.length ? (c(), u("div", Bs, [
-      (c(!0), u(B, null, U(s.fields, (a, l) => (c(), u("div", {
+    s.fields.length ? (c(), u("div", $s, [
+      (c(!0), u(E, null, F(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", Rs, v(a.label), 1),
+        o("div", Ws, v(a.label), 1),
         o("div", {
           class: O([
             "wm-art__fieldValue",
@@ -2867,7 +2927,7 @@ function Us(e, t, n, i, r, s) {
               height: "9",
               rx: "0.5"
             }, null, -1)
-          ])], 8, Ns)) : s.isDate(a.label) ? (c(), u("svg", Ps, [...t[3] || (t[3] = [
+          ])], 8, Gs)) : s.isDate(a.label) ? (c(), u("svg", Ys, [...t[3] || (t[3] = [
             o("rect", {
               x: "3",
               y: "4",
@@ -2881,7 +2941,7 @@ function Us(e, t, n, i, r, s) {
         ], 2)
       ]))), 128))
     ])) : y("", !0),
-    n.data.created_at ? (c(), u("div", Fs, [
+    n.data.created_at ? (c(), u("div", Js, [
       t[4] || (t[4] = o("svg", {
         width: "11",
         height: "11",
@@ -2906,11 +2966,11 @@ function Us(e, t, n, i, r, s) {
     ])) : y("", !0)
   ]);
 }
-const Ds = /* @__PURE__ */ N(Ms, [["render", Us], ["__scopeId", "data-v-5f30c914"]]), js = {
-  form_response: us,
-  info_card: As,
-  ticket: Ds
-}, Hs = {
+const Xs = /* @__PURE__ */ N(Ds, [["render", Qs], ["__scopeId", "data-v-5f30c914"]]), Zs = {
+  form_response: As,
+  info_card: Us,
+  ticket: Xs
+}, er = {
   name: "WmArtifactRenderer",
   props: {
     // Forme : { kind: string, data: any } (le `data` est validé
@@ -2921,17 +2981,17 @@ const Ds = /* @__PURE__ */ N(Ms, [["render", Us], ["__scopeId", "data-v-5f30c914
     component() {
       var t;
       const e = (t = this.artifact) == null ? void 0 : t.kind;
-      return e && js[e] || null;
+      return e && Zs[e] || null;
     }
   }
 };
-function zs(e, t, n, i, r, s) {
-  return s.component ? (c(), P(De(s.component), {
+function tr(e, t, n, i, r, s) {
+  return s.component ? (c(), P(pe(s.component), {
     key: 0,
     data: n.artifact.data
   }, null, 8, ["data"])) : y("", !0);
 }
-const qs = /* @__PURE__ */ N(Hs, [["render", zs]]), $s = {
+const nr = /* @__PURE__ */ N(er, [["render", tr]]), sr = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null },
@@ -2999,15 +3059,15 @@ const qs = /* @__PURE__ */ N(Hs, [["render", zs]]), $s = {
       this.safeHref === "#" && e.preventDefault();
     }
   }
-}, Ks = ["href"], Vs = ["src", "alt"], Ws = ["src"], Gs = ["src"], Ys = ["href", "download"], Js = { class: "wm-att__main" }, Qs = { class: "wm-att__name" }, Xs = {
+}, rr = ["href"], ir = ["src", "alt"], ar = ["src"], or = ["src"], lr = ["href", "download"], cr = { class: "wm-att__main" }, dr = { class: "wm-att__name" }, ur = {
   key: 0,
   class: "wm-att__meta"
-}, Zs = {
+}, hr = {
   key: 0,
   class: "wm-att__spin",
   "aria-hidden": "true"
 };
-function er(e, t, n, i, r, s) {
+function mr(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-att", ["wm-att--" + (s.kind || "file")]])
   }, [
@@ -3022,18 +3082,18 @@ function er(e, t, n, i, r, s) {
         src: r.url,
         alt: s.displayName,
         loading: "lazy"
-      }, null, 8, Vs)
-    ], 8, Ks)) : s.kind === "audio" && r.url ? (c(), u("audio", {
+      }, null, 8, ir)
+    ], 8, rr)) : s.kind === "audio" && r.url ? (c(), u("audio", {
       key: 1,
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, Ws)) : s.kind === "video" && r.url ? (c(), u("video", {
+    }, null, 8, ar)) : s.kind === "video" && r.url ? (c(), u("video", {
       key: 2,
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, Gs)) : (c(), u("a", {
+    }, null, 8, or)) : (c(), u("a", {
       key: 3,
       class: "wm-att__file",
       href: s.safeHref,
@@ -3058,15 +3118,15 @@ function er(e, t, n, i, r, s) {
           o("path", { d: "M14 2v6h6" })
         ])
       ], -1)),
-      o("span", Js, [
-        o("span", Qs, v(s.displayName), 1),
-        s.sizeLabel ? (c(), u("span", Xs, v(s.sizeLabel), 1)) : y("", !0)
+      o("span", cr, [
+        o("span", dr, v(s.displayName), 1),
+        s.sizeLabel ? (c(), u("span", ur, v(s.sizeLabel), 1)) : y("", !0)
       ]),
-      r.loading ? (c(), u("span", Zs)) : y("", !0)
-    ], 8, Ys))
+      r.loading ? (c(), u("span", hr)) : y("", !0)
+    ], 8, lr))
   ], 2);
 }
-const tr = /* @__PURE__ */ N($s, [["render", er], ["__scopeId", "data-v-0c877a62"]]), nr = {
+const fr = /* @__PURE__ */ N(sr, [["render", mr], ["__scopeId", "data-v-0c877a62"]]), _r = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -3075,48 +3135,48 @@ const tr = /* @__PURE__ */ N($s, [["render", er], ["__scopeId", "data-v-0c877a62
   },
   computed: {
     rendered() {
-      return un(this.text);
+      return hn(this.text);
     }
   }
-}, sr = ["innerHTML"];
-function rr(e, t, n, i, r, s) {
+}, gr = ["innerHTML"];
+function pr(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-bubble", "wm-bubble--" + n.role])
   }, [
-    je(e.$slots, "default", {}, () => [
-      o("span", { innerHTML: s.rendered }, null, 8, sr)
+    He(e.$slots, "default", {}, () => [
+      o("span", { innerHTML: s.rendered }, null, 8, gr)
     ], !0)
   ], 2);
 }
-const ir = /* @__PURE__ */ N(nr, [["render", rr], ["__scopeId", "data-v-7ab13147"]]), ar = { name: "WmTyping" }, or = { class: "wm-typing" };
-function lr(e, t, n, i, r, s) {
-  return c(), u("div", or, [...t[0] || (t[0] = [
+const vr = /* @__PURE__ */ N(_r, [["render", pr], ["__scopeId", "data-v-7ab13147"]]), yr = { name: "WmTyping" }, wr = { class: "wm-typing" };
+function br(e, t, n, i, r, s) {
+  return c(), u("div", wr, [...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 cr = /* @__PURE__ */ N(ar, [["render", lr], ["__scopeId", "data-v-df2447fd"]]);
+const kr = /* @__PURE__ */ N(yr, [["render", br], ["__scopeId", "data-v-df2447fd"]]);
 function Q(e) {
   return e ? e.client_msg_id || e.id : "";
 }
-const dr = {
+const Cr = {
   transferred_to_human: "system.transferredToHuman",
   assigned: "system.assigned",
   unassigned: "system.unassigned",
   resolved: "system.resolved",
   reopened: "system.reopened",
   idle: "system.idle"
-}, ur = 80, hr = 200, mr = {
+}, Ar = 80, Sr = 200, Mr = {
   name: "WmMessageList",
   components: {
     AIAvatar: le,
-    HumanAvatar: Re,
-    Bubble: ir,
-    Typing: cr,
-    ActionResult: ns,
-    AttachmentPreview: tr,
-    ArtifactRenderer: qs
+    HumanAvatar: Ce,
+    Bubble: vr,
+    Typing: kr,
+    ActionResult: _s,
+    AttachmentPreview: fr,
+    ArtifactRenderer: nr
   },
   inject: {
     // Translator + resolved-language getter shared by the Messenger
@@ -3306,11 +3366,11 @@ const dr = {
       return `g-${n}`;
     },
     isAtBottom(e) {
-      return e.scrollHeight - e.scrollTop - e.clientHeight <= ur;
+      return e.scrollHeight - e.scrollTop - e.clientHeight <= Ar;
     },
     onScroll() {
       const e = this.$refs.scrollEl;
-      e && (this.showScrollDown = !this.isAtBottom(e), !(this.loadingMore || !this.hasMore) && (this._pendingLoadMore || e.scrollTop <= hr && (this._pendingLoadMore = !0, this.$emit("load-more"))));
+      e && (this.showScrollDown = !this.isAtBottom(e), !(this.loadingMore || !this.hasMore) && (this._pendingLoadMore || e.scrollTop <= Sr && (this._pendingLoadMore = !0, this.$emit("load-more"))));
     },
     // Capture pre-patch scroll state and restore it on the next tick.
     //
@@ -3511,9 +3571,9 @@ const dr = {
     //   doit garder son arrondi.
     cornersFor(e, t) {
       var Z, ee, te;
-      const n = e.items, i = (Z = n[t]) == null ? void 0 : Z.kind, r = (ee = n[t - 1]) == null ? void 0 : ee.kind, s = (te = n[t + 1]) == null ? void 0 : te.kind, a = e.role === "user", l = 14, p = 4, k = r == null ? void 0 : r.bottom, w = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, S = (K, ne, J) => K != null && T != null ? K + H >= T : ne === J || ne === "card" && J === "bubble";
-      let F = l, L = l, z = l, Y = l;
-      return a ? (k && (L = p), (w || !s) && (z = p), k && S(E, k, i == null ? void 0 : i.top) && (F = p), w && S(A, w, i == null ? void 0 : i.bottom) && (Y = p)) : (k && (F = p), (w || !s) && (Y = p), k && S(E, k, i == null ? void 0 : i.top) && (L = p), w && S(A, w, i == null ? void 0 : i.bottom) && (z = p)), { tl: F, tr: L, br: z, bl: Y };
+      const n = e.items, i = (Z = n[t]) == null ? void 0 : Z.kind, r = (ee = n[t - 1]) == null ? void 0 : ee.kind, s = (te = n[t + 1]) == null ? void 0 : te.kind, a = e.role === "user", l = 14, p = 4, k = r == null ? void 0 : r.bottom, w = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], B = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, S = (V, ne, J) => V != null && T != null ? V + H >= T : ne === J || ne === "card" && J === "bubble";
+      let U = l, I = l, q = l, Y = l;
+      return a ? (k && (I = p), (w || !s) && (q = p), k && S(B, k, i == null ? void 0 : i.top) && (U = p), w && S(A, w, i == null ? void 0 : i.bottom) && (Y = p)) : (k && (U = p), (w || !s) && (Y = p), k && S(B, k, i == null ? void 0 : i.top) && (I = p), w && S(A, w, i == null ? void 0 : i.bottom) && (q = p)), { tl: U, tr: I, br: q, bl: Y };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3589,7 +3649,7 @@ const dr = {
     timeOf(e) {
       if (!(e != null && e.created_at)) return "";
       try {
-        return pe(
+        return ve(
           new Date(e.created_at),
           re(this.wmLocale())
         );
@@ -3601,7 +3661,7 @@ const dr = {
       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 pe(
+        return ve(
           new Date(n.created_at),
           re(this.wmLocale())
         );
@@ -3648,7 +3708,7 @@ const dr = {
     },
     systemLabel(e) {
       var r, s, a;
-      const t = (r = e == null ? void 0 : e.payload) == null ? void 0 : r.event, n = dr[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() {
@@ -3663,77 +3723,77 @@ const dr = {
       e && (typeof e.scrollTo == "function" ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight, this.showScrollDown = !1);
     }
   }
-}, fr = { class: "wm-list__wrap" }, gr = {
+}, Tr = { class: "wm-list__wrap" }, xr = {
   key: 0,
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, _r = { class: "wm-list__loadMore-lbl" }, pr = {
+}, Or = { class: "wm-list__loadMore-lbl" }, Ir = {
   key: 1,
   class: "wm-list__historyEnd"
-}, vr = {
+}, Lr = {
   key: 2,
   class: "wm-list__sep"
-}, yr = { class: "wm-list__sep-label" }, wr = {
+}, Er = { class: "wm-list__sep-label" }, Br = {
   key: 0,
   class: "wm-list__sep wm-list__sep--unread"
-}, br = { class: "wm-list__sep-label wm-list__sep-label--unread" }, kr = {
+}, Rr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, Nr = {
   key: 0,
   class: "wm-list__sysep"
-}, Cr = { class: "wm-list__sysep-label" }, Ar = ["data-row-key", "onPointerdown"], Sr = {
+}, Pr = { class: "wm-list__sysep-label" }, Ur = ["data-row-key", "onPointerdown"], Fr = {
   key: 0,
   class: "wm-list__avatarSlot"
-}, Mr = {
+}, Dr = {
   key: 5,
   class: "wm-list__body"
-}, Tr = { key: 0 }, xr = {
+}, jr = { key: 0 }, Hr = {
   key: 1,
   "aria-hidden": "true"
-}, Or = { key: 2 }, Lr = { key: 0 }, Ir = {
+}, zr = { key: 2 }, qr = { key: 0 }, Kr = {
   key: 1,
   "aria-hidden": "true"
-}, Er = { key: 2 }, Br = {
+}, Vr = { key: 2 }, $r = {
   key: 3,
   class: "wm-list__row wm-list__row--ai fade-up"
-}, Rr = { class: "wm-list__avatarSlot" }, Nr = ["aria-label", "title"];
-function Pr(e, t, n, i, r, s) {
-  const a = R("AIAvatar"), l = R("HumanAvatar"), p = R("ActionResult"), k = R("ArtifactRenderer"), w = R("Bubble"), T = R("AttachmentPreview"), E = R("Typing");
-  return c(), u("div", fr, [
+}, Wr = { class: "wm-list__avatarSlot" }, Gr = ["aria-label", "title"];
+function Yr(e, t, n, i, r, s) {
+  const a = R("AIAvatar"), l = R("HumanAvatar"), p = R("ActionResult"), k = R("ArtifactRenderer"), w = R("Bubble"), T = R("AttachmentPreview"), B = R("Typing");
+  return c(), u("div", Tr, [
     o("div", {
       ref: "scrollEl",
       class: O(["wm-list", { "wm-list--silent": r.silentFades }]),
       onScrollPassive: t[4] || (t[4] = (...A) => s.onScroll && s.onScroll(...A))
     }, [
-      n.loadingMore ? (c(), u("div", gr, [
+      n.loadingMore ? (c(), u("div", xr, [
         t[6] || (t[6] = o("span", {
           class: "wm-list__loadMore-spinner",
           "aria-hidden": "true"
         }, null, -1)),
-        o("span", _r, v(s.t("messageList.loadingHistory")), 1)
-      ])) : s.historyExhausted ? (c(), u("div", pr, v(s.t("messageList.conversationStart")), 1)) : y("", !0),
-      n.dateLabel ? (c(), u("div", vr, [
+        o("span", Or, v(s.t("messageList.loadingHistory")), 1)
+      ])) : s.historyExhausted ? (c(), u("div", Ir, v(s.t("messageList.conversationStart")), 1)) : y("", !0),
+      n.dateLabel ? (c(), u("div", Lr, [
         t[7] || (t[7] = o("div", { class: "wm-list__line" }, null, -1)),
-        o("span", yr, v(n.dateLabel), 1),
+        o("span", Er, v(n.dateLabel), 1),
         t[8] || (t[8] = o("div", { class: "wm-list__line" }, null, -1))
       ])) : y("", !0),
-      (c(!0), u(B, null, U(s.groups, (A, H) => (c(), u(B, {
+      (c(!0), u(E, null, F(s.groups, (A, H) => (c(), u(E, {
         key: A.key
       }, [
-        A.key === s.unreadGroupKey ? (c(), u("div", wr, [
+        A.key === s.unreadGroupKey ? (c(), u("div", Br, [
           t[9] || (t[9] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)),
-          o("span", br, v(s.t("messageList.unread")), 1),
+          o("span", Rr, v(s.t("messageList.unread")), 1),
           t[10] || (t[10] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1))
         ])) : y("", !0),
         A.role === "system" || A.items.length ? (c(), u("div", {
           key: 1,
           class: O(["wm-list__group", "wm-list__group--" + A.role])
         }, [
-          A.role === "system" ? (c(), u("div", kr, [
+          A.role === "system" ? (c(), u("div", Nr, [
             t[11] || (t[11] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
-            o("span", Cr, v(A.systemLabel), 1),
+            o("span", Pr, v(A.systemLabel), 1),
             t[12] || (t[12] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
-          ])) : (c(), u(B, { key: 1 }, [
-            (c(!0), u(B, null, U(A.items, (S, F) => (c(), u(B, {
+          ])) : (c(), u(E, { key: 1 }, [
+            (c(!0), u(E, null, F(A.items, (S, U) => (c(), u(E, {
               key: `${s.messageKey(S.message)}-${S.partKey}`
             }, [
               o("div", {
@@ -3745,16 +3805,16 @@ function Pr(e, t, n, i, r, s) {
                     "is-failed": S.message._failed
                   }
                 ]]),
-                style: q(s.cornersStyle(A, F)),
-                onPointerdown: (L) => s.onPressStart(`${s.messageKey(S.message)}-${S.partKey}`),
-                onPointerup: t[0] || (t[0] = (L) => s.onPressEnd()),
-                onPointercancel: t[1] || (t[1] = (L) => s.onPressEnd()),
-                onPointerleave: t[2] || (t[2] = (L) => s.onPressEnd()),
+                style: z(s.cornersStyle(A, U)),
+                onPointerdown: (I) => s.onPressStart(`${s.messageKey(S.message)}-${S.partKey}`),
+                onPointerup: t[0] || (t[0] = (I) => s.onPressEnd()),
+                onPointercancel: t[1] || (t[1] = (I) => s.onPressEnd()),
+                onPointerleave: t[2] || (t[2] = (I) => s.onPressEnd()),
                 onContextmenu: t[3] || (t[3] = G(() => {
                 }, ["prevent"]))
               }, [
-                A.role !== "user" ? (c(), u("div", Sr, [
-                  F === A.items.length - 1 ? (c(), u(B, { key: 0 }, [
+                A.role !== "user" ? (c(), u("div", Fr, [
+                  U === A.items.length - 1 ? (c(), u(E, { key: 0 }, [
                     A.role === "ai" ? (c(), P(a, {
                       key: 0,
                       size: 26,
@@ -3786,7 +3846,7 @@ function Pr(e, t, n, i, r, s) {
                 }, null, 8, ["artifact"])) : S.renderAs === "artifact" ? (c(), P(k, {
                   key: 4,
                   artifact: s.artifactOf(S.message)
-                }, null, 8, ["artifact"])) : (c(), u("div", Mr, [
+                }, null, 8, ["artifact"])) : (c(), u("div", Dr, [
                   S.message.text_md ? (c(), P(w, {
                     key: 0,
                     role: A.role,
@@ -3798,49 +3858,49 @@ function Pr(e, t, n, i, r, s) {
                       "wm-list__atts--align-end": A.role === "user"
                     }])
                   }, [
-                    (c(!0), u(B, null, U(s.attachmentsOf(
+                    (c(!0), u(E, null, F(s.attachmentsOf(
                       S.message
-                    ), (L, z) => (c(), P(T, {
-                      key: `${s.messageKey(S.message)}-att-${z}`,
-                      attachment: L
+                    ), (I, q) => (c(), P(T, {
+                      key: `${s.messageKey(S.message)}-att-${q}`,
+                      attachment: I
                     }, null, 8, ["attachment"]))), 128))
                   ], 2)) : y("", !0)
                 ]))
-              ], 46, Ar),
-              F < A.items.length - 1 && r.pressedItemKey === `${s.messageKey(S.message)}-${S.partKey}` && (A.role !== "user" || s.timeOf(S.message)) ? (c(), u("div", {
+              ], 46, Ur),
+              U < A.items.length - 1 && r.pressedItemKey === `${s.messageKey(S.message)}-${S.partKey}` && (A.role !== "user" || s.timeOf(S.message)) ? (c(), u("div", {
                 key: 0,
                 class: O(["wm-list__meta wm-list__meta--press", { "wm-list__meta--right": A.role === "user" }])
               }, [
-                A.role !== "user" ? (c(), u("span", Tr, v(s.roleLabel(A)), 1)) : y("", !0),
-                A.role !== "user" && s.timeOf(S.message) ? (c(), u("span", xr, "·")) : y("", !0),
-                s.timeOf(S.message) ? (c(), u("span", Or, v(s.timeOf(S.message)), 1)) : y("", !0)
+                A.role !== "user" ? (c(), u("span", jr, v(s.roleLabel(A)), 1)) : y("", !0),
+                A.role !== "user" && s.timeOf(S.message) ? (c(), u("span", Hr, "·")) : y("", !0),
+                s.timeOf(S.message) ? (c(), u("span", zr, v(s.timeOf(S.message)), 1)) : y("", !0)
               ], 2)) : y("", !0)
             ], 64))), 128)),
             (A.role !== "user" || s.lastTimeOf(A)) && !s.hasTrailingOverlay(A) ? (c(), u("div", {
               key: 0,
               class: O(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
             }, [
-              A.role !== "user" ? (c(), u("span", Lr, v(s.roleLabel(A)), 1)) : y("", !0),
-              A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Ir, "·")) : y("", !0),
-              s.lastTimeOf(A) ? (c(), u("span", Er, v(s.lastTimeOf(A)), 1)) : y("", !0)
+              A.role !== "user" ? (c(), u("span", qr, v(s.roleLabel(A)), 1)) : y("", !0),
+              A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Kr, "·")) : y("", !0),
+              s.lastTimeOf(A) ? (c(), u("span", Vr, v(s.lastTimeOf(A)), 1)) : y("", !0)
             ], 2)) : y("", !0)
           ], 64))
         ], 2)) : y("", !0)
       ], 64))), 128)),
-      n.streamingActive ? (c(), u("div", Br, [
-        o("div", Rr, [
-          $(a, {
+      n.streamingActive ? (c(), u("div", $r, [
+        o("div", Wr, [
+          K(a, {
             size: 26,
             tail: !0,
             name: n.aiAgentName,
             "image-url": n.aiAgentAvatarUrl
           }, null, 8, ["name", "image-url"])
         ]),
-        $(E)
+        K(B)
       ])) : y("", !0)
     ], 34),
-    $(Ie, { name: "wm-scrollDown" }, {
-      default: Ee(() => [
+    K(Re, { name: "wm-scrollDown" }, {
+      default: Ne(() => [
         r.showScrollDown ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -3862,15 +3922,15 @@ function Pr(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M6 9l6 6 6-6" })
           ], -1)
-        ])], 8, Nr)) : y("", !0)
+        ])], 8, Gr)) : y("", !0)
       ]),
       _: 1
     })
   ]);
 }
-const Fr = /* @__PURE__ */ N(mr, [["render", Pr], ["__scopeId", "data-v-9ddbd0e3"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ke = typeof window < "u" && typeof window.MediaRecorder < "u";
-function Ur() {
-  return ke && [
+const Jr = /* @__PURE__ */ N(Mr, [["render", Yr], ["__scopeId", "data-v-9ddbd0e3"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Ae = typeof window < "u" && typeof window.MediaRecorder < "u";
+function Qr() {
+  return Ae && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
     "video/webm",
@@ -3880,7 +3940,7 @@ function Ur() {
     return (i = (n = window.MediaRecorder).isTypeSupported) == null ? void 0 : i.call(n, t);
   }) || "";
 }
-function Pe({ audio: e }) {
+function Fe({ audio: e }) {
   return {
     video: !0,
     audio: !!e,
@@ -3889,21 +3949,21 @@ function Pe({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function Va(e) {
+function io(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
-async function Dr() {
+async function Xr() {
   if (!he) return null;
   let e;
   try {
     e = await navigator.mediaDevices.getDisplayMedia(
-      Pe({ audio: !1 })
+      Fe({ audio: !1 })
     );
   } catch (t) {
     return (t == null ? void 0 : t.name) !== "NotAllowedError" && console.error("[media] screenshot picker", t), null;
   }
   try {
-    return await jr(e);
+    return await Zr(e);
   } catch (t) {
     return console.error("[media] screenshot capture", t), null;
   } finally {
@@ -3912,7 +3972,7 @@ async function Dr() {
     });
   }
 }
-async function jr(e) {
+async function Zr(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");
@@ -3925,18 +3985,18 @@ async function jr(e) {
   }), a = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return new File([s], `capture-${a}.png`, { type: "image/png" });
 }
-async function Hr(e = {}) {
+async function ei(e = {}) {
   var k;
-  if (!he || !ke) return null;
+  if (!he || !Ae) return null;
   let t;
   try {
     t = await navigator.mediaDevices.getDisplayMedia(
-      Pe({ audio: !0 })
+      Fe({ audio: !0 })
     );
   } catch (w) {
     return (w == null ? void 0 : w.name) !== "NotAllowedError" && console.error("[media] record picker", w), null;
   }
-  const n = Ur();
+  const n = Qr();
   let i;
   try {
     i = n ? new window.MediaRecorder(t, { mimeType: n }) : new window.MediaRecorder(t);
@@ -3951,13 +4011,13 @@ async function Hr(e = {}) {
     w.data && w.data.size > 0 && r.push(w.data);
   }), i.addEventListener("stop", () => {
     var w, T;
-    if (s && clearInterval(s), t.getTracks().forEach((E) => {
-      E.stop();
+    if (s && clearInterval(s), t.getTracks().forEach((B) => {
+      B.stop();
     }), r.length) {
-      const E = i.mimeType || n || "video/webm", A = new Blob(r, { type: E }), H = /mp4/.test(E) ? "mp4" : "webm", S = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), F = new File([A], `ecran-${S}.${H}`, {
-        type: E
+      const B = i.mimeType || n || "video/webm", A = new Blob(r, { type: B }), H = /mp4/.test(B) ? "mp4" : "webm", S = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), U = new File([A], `ecran-${S}.${H}`, {
+        type: B
       });
-      (w = e.onfinalize) == null || w.call(e, F);
+      (w = e.onfinalize) == null || w.call(e, U);
     } else
       (T = e.oncancel) == null || T.call(e);
   }), t.getVideoTracks().forEach((w) => {
@@ -3990,7 +4050,7 @@ async function Hr(e = {}) {
     }
   };
 }
-const zr = [
+const ti = [
   {
     action: "file",
     labelKey: "composer.attachFile",
@@ -4006,7 +4066,7 @@ const zr = [
     labelKey: "composer.recordScreen",
     path: "M23 7l-7 5 7 5V7z M1 5a2 2 0 012-2h12a2 2 0 012 2v14a2 2 0 01-2 2H3a2 2 0 01-2-2V5z"
   }
-], qr = {
+], ni = {
   name: "WmComposer",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4040,10 +4100,10 @@ const zr = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return zr.map((e) => ({
+      return ti.map((e) => ({
         ...e,
         label: this.t(e.labelKey),
-        disabled: e.action === "screenshot" && !he || e.action === "record" && (!he || !ke)
+        disabled: e.action === "screenshot" && !he || e.action === "record" && (!he || !Ae)
       }));
     },
     recordingElapsedLabel() {
@@ -4114,13 +4174,13 @@ const zr = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const e = await Dr();
+      const e = await Xr();
       e && this.$emit("attach", e);
     },
     async startRecording() {
       if (this.recording || this.disabled) return;
       this.recordingElapsed = 0;
-      const e = await Hr({
+      const e = await ei({
         onstart: () => {
           this.recording = !0;
         },
@@ -4162,30 +4222,30 @@ const zr = [
       !e || !this._vvHandler || (e.removeEventListener("resize", this._vvHandler), e.removeEventListener("scroll", this._vvHandler), this._vvHandler = null);
     }
   }
-}, $r = {
+}, si = {
   key: 0,
   class: "wm-rec"
-}, Kr = { class: "wm-rec__lbl" }, Vr = {
+}, ri = { class: "wm-rec__lbl" }, ii = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, Wr = ["disabled", "onClick"], Gr = { class: "wm-compose__menuIcon" }, Yr = {
+}, ai = ["disabled", "onClick"], oi = { class: "wm-compose__menuIcon" }, li = {
   viewBox: "0 0 24 24",
   width: "14",
   height: "14",
   "aria-hidden": "true"
-}, Jr = ["d"], Qr = ["placeholder", "disabled"], Xr = { class: "wm-compose__actions" }, Zr = ["title", "aria-label", "disabled"], ei = ["disabled", "aria-label"];
-function ti(e, t, n, i, r, s) {
+}, ci = ["d"], di = ["placeholder", "disabled"], ui = { class: "wm-compose__actions" }, hi = ["title", "aria-label", "disabled"], mi = ["disabled", "aria-label"];
+function fi(e, t, n, i, r, s) {
   return c(), u("div", {
     class: O(["wm-compose-wrap", { "wm-compose-wrap--sheet": n.displayMode === "sheet" }]),
-    style: q(r.kbOffset ? { transform: `translateY(-${r.kbOffset}px)` } : null)
+    style: z(r.kbOffset ? { transform: `translateY(-${r.kbOffset}px)` } : null)
   }, [
-    r.recording ? (c(), u("div", $r, [
+    r.recording ? (c(), u("div", si, [
       t[8] || (t[8] = o("span", {
         class: "wm-rec__dot",
         "aria-hidden": "true"
       }, null, -1)),
-      o("span", Kr, v(s.t("composer.recording", { time: s.recordingElapsedLabel })), 1),
+      o("span", ri, v(s.t("composer.recording", { time: s.recordingElapsedLabel })), 1),
       o("button", {
         type: "button",
         class: "wm-rec__stop",
@@ -4208,16 +4268,16 @@ function ti(e, t, n, i, r, s) {
         class: "wm-compose__overlay",
         onClick: t[2] || (t[2] = (a) => r.attachOpen = !1)
       })) : y("", !0),
-      r.attachOpen ? (c(), u("div", Vr, [
-        (c(!0), u(B, null, U(s.attachItems, (a) => (c(), u("button", {
+      r.attachOpen ? (c(), u("div", ii, [
+        (c(!0), u(E, 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", Gr, [
-            (c(), u("svg", Yr, [
+          o("span", oi, [
+            (c(), u("svg", li, [
               o("path", {
                 d: a.path,
                 stroke: "currentColor",
@@ -4225,13 +4285,13 @@ function ti(e, t, n, i, r, s) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Jr)
+              }, null, 8, ci)
             ]))
           ]),
           o("span", null, v(a.label), 1)
-        ], 8, Wr))), 128))
+        ], 8, ai))), 128))
       ])) : y("", !0),
-      V(o("textarea", {
+      $(o("textarea", {
         ref: "inputEl",
         "onUpdate:modelValue": t[3] || (t[3] = (a) => r.local = a),
         class: "wm-compose__input",
@@ -4240,10 +4300,10 @@ function ti(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, Qr), [
+      }, null, 40, di), [
         [X, r.local]
       ]),
-      o("div", Xr, [
+      o("div", ui, [
         o("button", {
           type: "button",
           class: O(["wm-compose__icon", { "is-open": r.attachOpen }]),
@@ -4265,7 +4325,7 @@ function ti(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, Zr),
+        ])], 10, hi),
         o("button", {
           type: "submit",
           class: O(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -4285,12 +4345,12 @@ function ti(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
           ], -1)
-        ])], 10, ei)
+        ])], 10, mi)
       ])
     ], 34)
   ], 6);
 }
-const ni = /* @__PURE__ */ N(qr, [["render", ti], ["__scopeId", "data-v-01e81a27"]]), si = {
+const _i = /* @__PURE__ */ N(ni, [["render", fi], ["__scopeId", "data-v-01e81a27"]]), gi = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4307,22 +4367,22 @@ const ni = /* @__PURE__ */ N(qr, [["render", ti], ["__scopeId", "data-v-01e81a27
       return this.items.map((e) => (e == null ? void 0 : e.label) || (e == null ? void 0 : e.text) || "").join("§");
     }
   }
-}, ri = ["onClick"];
-function ii(e, t, n, i, r, s) {
+}, pi = ["onClick"];
+function vi(e, t, n, i, r, s) {
   return n.items.length ? (c(), u("div", {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (c(!0), u(B, null, U(n.items, (a, l) => (c(), u("button", {
+    (c(!0), u(E, null, F(n.items, (a, l) => (c(), u("button", {
       key: l,
       type: "button",
       class: "wm-chip",
-      style: q({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
+      style: z({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
       onClick: (p) => e.$emit("select", a)
-    }, v(a.label), 13, ri))), 128))
+    }, v(a.label), 13, pi))), 128))
   ])) : y("", !0);
 }
-const ai = /* @__PURE__ */ N(si, [["render", ii], ["__scopeId", "data-v-47ad8085"]]), oi = {
+const yi = /* @__PURE__ */ N(gi, [["render", vi], ["__scopeId", "data-v-47ad8085"]]), wi = {
   name: "WmApprovalCard",
   components: { AIAvatar: le },
   inject: {
@@ -4366,27 +4426,27 @@ const ai = /* @__PURE__ */ N(si, [["render", ii], ["__scopeId", "data-v-47ad8085
       return ((e = this.rejectCallback) == null ? void 0 : e.label) || this.t("approval.reject");
     }
   }
-}, li = { class: "wm-approval" }, ci = { class: "wm-approval__head" }, di = { class: "wm-approval__icon" }, ui = { class: "wm-approval__main" }, hi = { class: "wm-approval__title" }, mi = {
+}, bi = { class: "wm-approval" }, ki = { class: "wm-approval__head" }, Ci = { class: "wm-approval__icon" }, Ai = { class: "wm-approval__main" }, Si = { class: "wm-approval__title" }, Mi = {
   key: 0,
   class: "wm-approval__detail"
-}, fi = { class: "wm-approval__actions" };
-function gi(e, t, n, i, r, s) {
+}, Ti = { class: "wm-approval__actions" };
+function xi(e, t, n, i, r, s) {
   const a = R("AIAvatar");
-  return c(), u("div", li, [
-    o("div", ci, [
-      o("div", di, [
-        $(a, {
+  return c(), u("div", bi, [
+    o("div", ki, [
+      o("div", Ci, [
+        K(a, {
           size: 24,
           name: n.agentName,
           "image-url": n.agentAvatarUrl
         }, null, 8, ["name", "image-url"])
       ]),
-      o("div", ui, [
-        o("div", hi, v(n.action), 1),
-        n.detail ? (c(), u("div", mi, v(n.detail), 1)) : y("", !0)
+      o("div", Ai, [
+        o("div", Si, v(n.action), 1),
+        n.detail ? (c(), u("div", Mi, v(n.detail), 1)) : y("", !0)
       ])
     ]),
-    o("div", fi, [
+    o("div", Ti, [
       s.rejectId ? (c(), u("button", {
         key: 0,
         type: "button",
@@ -4402,9 +4462,9 @@ function gi(e, t, n, i, r, s) {
     ])
   ]);
 }
-const _i = /* @__PURE__ */ N(oi, [["render", gi], ["__scopeId", "data-v-a2bed37e"]]);
-let Oe = 0;
-const pi = /* @__PURE__ */ new Set([
+const Oi = /* @__PURE__ */ N(wi, [["render", xi], ["__scopeId", "data-v-a2bed37e"]]);
+let Ee = 0;
+const Ii = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4412,7 +4472,7 @@ const pi = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), vi = {
+]), Li = {
   name: "WmFormCard",
   components: { AIAvatar: le },
   inject: {
@@ -4429,8 +4489,8 @@ const pi = /* @__PURE__ */ new Set([
   },
   emits: ["submit"],
   data() {
-    return Oe += 1, {
-      _uid: Oe,
+    return Ee += 1, {
+      _uid: Ee,
       values: {},
       busy: !1,
       error: ""
@@ -4442,7 +4502,7 @@ const pi = /* @__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) || !pi.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) || !Ii.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
     }
   },
   created() {
@@ -4495,54 +4555,54 @@ const pi = /* @__PURE__ */ new Set([
       }
     }
   }
-}, yi = { class: "wm-form" }, wi = { class: "wm-form__head" }, bi = { class: "wm-form__icon" }, ki = { class: "wm-form__main" }, Ci = { class: "wm-form__title" }, Ai = {
+}, Ei = { class: "wm-form" }, Bi = { class: "wm-form__head" }, Ri = { class: "wm-form__icon" }, Ni = { class: "wm-form__main" }, Pi = { class: "wm-form__title" }, Ui = {
   key: 0,
   class: "wm-form__detail"
-}, Si = ["for"], Mi = {
+}, Fi = ["for"], Di = {
   key: 0,
   class: "wm-form__req",
   "aria-hidden": "true"
-}, Ti = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], xi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Oi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Li = ["id", "onUpdate:modelValue", "required", "disabled"], Ii = {
+}, ji = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Hi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], zi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], qi = ["id", "onUpdate:modelValue", "required", "disabled"], Ki = {
   key: 4,
   class: "wm-form__bool"
-}, Ei = ["id", "onUpdate:modelValue", "disabled"], Bi = ["id", "onUpdate:modelValue", "required", "disabled"], Ri = {
+}, Vi = ["id", "onUpdate:modelValue", "disabled"], $i = ["id", "onUpdate:modelValue", "required", "disabled"], Wi = {
   value: "",
   disabled: ""
-}, Ni = ["value"], Pi = {
+}, Gi = ["value"], Yi = {
   key: 6,
   class: "wm-form__multi"
-}, Fi = ["value", "checked", "disabled", "onChange"], Ui = {
+}, Ji = ["value", "checked", "disabled", "onChange"], Qi = {
   key: 0,
   class: "wm-form__err"
-}, Di = ["disabled"], ji = {
+}, Xi = ["disabled"], Zi = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Hi = {
+}, ea = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function zi(e, t, n, i, r, s) {
+function ta(e, t, n, i, r, s) {
   const a = R("AIAvatar");
-  return c(), u("div", yi, [
-    o("div", wi, [
-      o("div", bi, [
-        $(a, {
+  return c(), u("div", Ei, [
+    o("div", Bi, [
+      o("div", Ri, [
+        K(a, {
           size: 24,
           name: n.agentName,
           "image-url": n.agentAvatarUrl
         }, null, 8, ["name", "image-url"])
       ]),
-      o("div", ki, [
-        o("div", Ci, v(n.form.title || s.t("form.title")), 1),
-        n.form.description ? (c(), u("div", Ai, v(n.form.description), 1)) : y("", !0)
+      o("div", Ni, [
+        o("div", Pi, v(n.form.title || s.t("form.title")), 1),
+        n.form.description ? (c(), u("div", Ui, v(n.form.description), 1)) : y("", !0)
       ])
     ]),
     o("form", {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = G((...l) => s.onSubmit && s.onSubmit(...l), ["prevent"]))
     }, [
-      (c(!0), u(B, null, U(s.normalizedFields, (l) => (c(), u("div", {
+      (c(!0), u(E, null, F(s.normalizedFields, (l) => (c(), u("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4550,10 +4610,10 @@ function zi(e, t, n, i, r, s) {
           for: `wm-f-${r._uid}-${l.key}`,
           class: "wm-form__label"
         }, [
-          ve(v(l.label), 1),
-          l.required ? (c(), u("span", Mi, "*")) : y("", !0)
-        ], 8, Si),
-        l.type === "text" ? V((c(), u("input", {
+          ye(v(l.label), 1),
+          l.required ? (c(), u("span", Di, "*")) : y("", !0)
+        ], 8, Fi),
+        l.type === "text" ? $((c(), u("input", {
           key: 0,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4562,9 +4622,9 @@ function zi(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Ti)), [
+        }, null, 8, ji)), [
           [X, r.values[l.key]]
-        ]) : l.type === "textarea" ? V((c(), u("textarea", {
+        ]) : l.type === "textarea" ? $((c(), u("textarea", {
           key: 1,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4573,9 +4633,9 @@ function zi(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, xi)), [
+        }, null, 8, Hi)), [
           [X, r.values[l.key]]
-        ]) : l.type === "number" ? V((c(), u("input", {
+        ]) : l.type === "number" ? $((c(), u("input", {
           key: 2,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4584,14 +4644,14 @@ function zi(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Oi)), [
+        }, null, 8, zi)), [
           [
             X,
             r.values[l.key],
             void 0,
             { number: !0 }
           ]
-        ]) : l.type === "date" ? V((c(), u("input", {
+        ]) : l.type === "date" ? $((c(), u("input", {
           key: 3,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4599,19 +4659,19 @@ function zi(e, t, n, i, r, s) {
           class: "wm-form__input",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Li)), [
+        }, null, 8, qi)), [
           [X, r.values[l.key]]
-        ]) : l.type === "boolean" ? (c(), u("label", Ii, [
-          V(o("input", {
+        ]) : l.type === "boolean" ? (c(), u("label", Ki, [
+          $(o("input", {
             id: `wm-f-${r._uid}-${l.key}`,
             "onUpdate:modelValue": (p) => r.values[l.key] = p,
             type: "checkbox",
             disabled: n.readOnly || r.busy
-          }, null, 8, Ei), [
-            [He, r.values[l.key]]
+          }, null, 8, Vi), [
+            [ze, 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" ? $((c(), u("select", {
           key: 5,
           id: `wm-f-${r._uid}-${l.key}`,
           "onUpdate:modelValue": (p) => r.values[l.key] = p,
@@ -4619,15 +4679,15 @@ function zi(e, t, n, i, r, s) {
           required: l.required,
           disabled: n.readOnly || r.busy
         }, [
-          o("option", Ri, v(l.placeholder || s.t("form.choose")), 1),
-          (c(!0), u(B, null, U(l.options, (p) => (c(), u("option", {
+          o("option", Wi, v(l.placeholder || s.t("form.choose")), 1),
+          (c(!0), u(E, null, F(l.options, (p) => (c(), u("option", {
             key: p.value,
             value: p.value
-          }, v(p.label), 9, Ni))), 128))
-        ], 8, Bi)), [
-          [ze, r.values[l.key]]
-        ]) : l.type === "multiselect" ? (c(), u("div", Pi, [
-          (c(!0), u(B, null, U(l.options, (p) => (c(), u("label", {
+          }, v(p.label), 9, Gi))), 128))
+        ], 8, $i)), [
+          [qe, r.values[l.key]]
+        ]) : l.type === "multiselect" ? (c(), u("div", Yi, [
+          (c(!0), u(E, null, F(l.options, (p) => (c(), u("label", {
             key: p.value,
             class: "wm-form__multiItem"
           }, [
@@ -4641,25 +4701,25 @@ function zi(e, t, n, i, r, s) {
                 p.value,
                 k.target.checked
               )
-            }, null, 40, Fi),
+            }, null, 40, Ji),
             o("span", null, v(p.label), 1)
           ]))), 128))
         ])) : y("", !0)
       ]))), 128)),
-      r.error ? (c(), u("div", Ui, v(r.error), 1)) : y("", !0),
-      n.readOnly ? (c(), u("div", Hi, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
+      r.error ? (c(), u("div", Qi, v(r.error), 1)) : y("", !0),
+      n.readOnly ? (c(), u("div", ea, 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", ji)) : y("", !0),
+        r.busy ? (c(), u("span", Zi)) : y("", !0),
         o("span", null, v(r.busy ? s.t("common.sending") : n.form.submit_label || s.t("common.send")), 1)
-      ], 8, Di))
+      ], 8, Xi))
     ], 32)
   ]);
 }
-const qi = /* @__PURE__ */ N(vi, [["render", zi], ["__scopeId", "data-v-fe65cc56"]]), $i = {
+const na = /* @__PURE__ */ N(Li, [["render", ta], ["__scopeId", "data-v-fe65cc56"]]), sa = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4693,13 +4753,13 @@ const qi = /* @__PURE__ */ N(vi, [["render", zi], ["__scopeId", "data-v-fe65cc56
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Ki = { class: "wm-fb" }, Vi = { class: "wm-fb__title" }, Wi = { class: "wm-fb__sub" }, Gi = { class: "wm-fb__row" }, Yi = ["onClick"], Ji = { class: "wm-fb__emoji" }, Qi = { class: "wm-fb__label" }, Xi = ["disabled"], Zi = {
+}, ra = { class: "wm-fb" }, ia = { class: "wm-fb__title" }, aa = { class: "wm-fb__sub" }, oa = { class: "wm-fb__row" }, la = ["onClick"], ca = { class: "wm-fb__emoji" }, da = { class: "wm-fb__label" }, ua = ["disabled"], ha = {
   key: 1,
   class: "wm-fb__done"
-}, ea = { class: "wm-fb__doneTitle" }, ta = { class: "wm-fb__doneSub" };
-function na(e, t, n, i, r, s) {
-  return c(), u("div", Ki, [
-    n.done ? (c(), u("div", Zi, [
+}, ma = { class: "wm-fb__doneTitle" }, fa = { class: "wm-fb__doneSub" };
+function _a(e, t, n, i, r, s) {
+  return c(), u("div", ra, [
+    n.done ? (c(), u("div", ha, [
       t[1] || (t[1] = o("div", { class: "wm-fb__check" }, [
         o("svg", {
           width: "16",
@@ -4715,32 +4775,32 @@ function na(e, t, n, i, r, s) {
           o("path", { d: "M20 6L9 17l-5-5" })
         ])
       ], -1)),
-      o("div", ea, v(s.t("feedback.doneTitle")), 1),
-      o("div", ta, v(s.t("feedback.doneSubtitle")), 1)
-    ])) : (c(), u(B, { key: 0 }, [
-      o("div", Vi, v(s.t("feedback.question")), 1),
-      o("div", Wi, v(s.t("feedback.subtitle")), 1),
-      o("div", Gi, [
-        (c(!0), u(B, null, U(s.options, (a) => (c(), u("button", {
+      o("div", ma, v(s.t("feedback.doneTitle")), 1),
+      o("div", fa, v(s.t("feedback.doneSubtitle")), 1)
+    ])) : (c(), u(E, { key: 0 }, [
+      o("div", ia, v(s.t("feedback.question")), 1),
+      o("div", aa, v(s.t("feedback.subtitle")), 1),
+      o("div", oa, [
+        (c(!0), u(E, null, F(s.options, (a) => (c(), u("button", {
           key: a.v,
           type: "button",
           class: O(["wm-fb__opt", { "is-selected": r.sel === a.v }]),
           onClick: (l) => r.sel = a.v
         }, [
-          o("span", Ji, v(a.e), 1),
-          o("span", Qi, v(a.l), 1)
-        ], 10, Yi))), 128))
+          o("span", ca, v(a.e), 1),
+          o("span", da, v(a.l), 1)
+        ], 10, la))), 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, Xi)
+      }, v(n.busy ? s.t("common.sending") : s.t("feedback.submit")), 9, ua)
     ], 64))
   ]);
 }
-const sa = /* @__PURE__ */ N($i, [["render", na], ["__scopeId", "data-v-9b630564"]]), ra = {
+const ga = /* @__PURE__ */ N(sa, [["render", _a], ["__scopeId", "data-v-9b630564"]]), pa = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4783,24 +4843,24 @@ const sa = /* @__PURE__ */ N($i, [["render", na], ["__scopeId", "data-v-9b630564
       this.browserNotifOn = !this.browserNotifOn, this.$emit("browser-notif-toggle", this.browserNotifOn);
     }
   }
-}, ia = { class: "wm-mm" }, aa = {
+}, va = { class: "wm-mm" }, ya = {
   class: "wm-mm__pop",
   role: "menu"
-}, oa = {
+}, wa = {
   key: 0,
   class: "wm-mm__section"
-}, la = { class: "wm-mm__label" }, ca = { class: "wm-mm__label" }, da = {
+}, ba = { class: "wm-mm__label" }, ka = { class: "wm-mm__label" }, Ca = {
   key: 1,
   class: "wm-mm__sep"
-}, ua = { class: "wm-mm__section" }, ha = { class: "wm-mm__label" }, ma = { class: "wm-mm__label" }, fa = { class: "wm-mm__section" }, ga = { class: "wm-mm__label" }, _a = { class: "wm-mm__label" };
-function pa(e, t, n, i, r, s) {
-  return c(), u("div", ia, [
+}, Aa = { class: "wm-mm__section" }, Sa = { class: "wm-mm__label" }, Ma = { class: "wm-mm__label" }, Ta = { class: "wm-mm__section" }, xa = { class: "wm-mm__label" }, Oa = { class: "wm-mm__label" };
+function Ia(e, t, n, i, r, s) {
+  return c(), u("div", va, [
     o("div", {
       class: "wm-mm__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    o("div", aa, [
-      n.canRename || n.canExport ? (c(), u("div", oa, [
+    o("div", ya, [
+      n.canRename || n.canExport ? (c(), u("div", wa, [
         n.canRename ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4823,7 +4883,7 @@ function pa(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", la, v(s.t("moreMenu.editTitle")), 1)
+          o("span", ba, v(s.t("moreMenu.editTitle")), 1)
         ])) : y("", !0),
         n.canExport ? (c(), u("button", {
           key: 1,
@@ -4846,12 +4906,12 @@ function pa(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", ca, v(s.t("moreMenu.exportTranscript")), 1),
+          o("span", ka, v(s.t("moreMenu.exportTranscript")), 1),
           t[9] || (t[9] = o("span", { class: "wm-mm__hint" }, ".txt", -1))
         ])) : y("", !0)
       ])) : y("", !0),
-      n.canRename || n.canExport ? (c(), u("div", da)) : y("", !0),
-      o("div", ua, [
+      n.canRename || n.canExport ? (c(), u("div", Ca)) : y("", !0),
+      o("div", Aa, [
         o("button", {
           type: "button",
           class: "wm-mm__item",
@@ -4873,7 +4933,7 @@ function pa(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", ha, v(s.t("moreMenu.sound")), 1),
+          o("span", Sa, v(s.t("moreMenu.sound")), 1),
           o("span", {
             class: O(["wm-mm__toggle", { "wm-mm__toggle--on": r.soundOn }])
           }, [...t[10] || (t[10] = [
@@ -4900,7 +4960,7 @@ function pa(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", ma, v(s.t("moreMenu.browserNotifications")), 1),
+          o("span", Ma, v(s.t("moreMenu.browserNotifications")), 1),
           o("span", {
             class: O(["wm-mm__toggle", { "wm-mm__toggle--on": r.browserNotifOn }])
           }, [...t[12] || (t[12] = [
@@ -4909,7 +4969,7 @@ function pa(e, t, n, i, r, s) {
         ])
       ]),
       t[16] || (t[16] = o("div", { class: "wm-mm__sep" }, null, -1)),
-      o("div", fa, [
+      o("div", Ta, [
         n.statusUrl ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4931,7 +4991,7 @@ function pa(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", ga, v(s.t("moreMenu.serviceStatus")), 1)
+          o("span", xa, v(s.t("moreMenu.serviceStatus")), 1)
         ])) : y("", !0),
         n.helpUrl ? (c(), u("button", {
           key: 1,
@@ -4954,13 +5014,13 @@ function pa(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", _a, v(s.t("moreMenu.helpCenter")), 1)
+          o("span", Oa, v(s.t("moreMenu.helpCenter")), 1)
         ])) : y("", !0)
       ])
     ])
   ]);
 }
-const va = /* @__PURE__ */ N(ra, [["render", pa], ["__scopeId", "data-v-76281e95"]]), ya = {
+const La = /* @__PURE__ */ N(pa, [["render", Ia], ["__scopeId", "data-v-76281e95"]]), Ea = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5002,20 +5062,20 @@ const va = /* @__PURE__ */ N(ra, [["render", pa], ["__scopeId", "data-v-76281e95
       this.canSubmit && this.$emit("submit", this.value.trim());
     }
   }
-}, wa = { class: "wm-dialog" }, ba = {
+}, Ba = { class: "wm-dialog" }, Ra = {
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
-}, ka = { class: "wm-dialog__head" }, Ca = { class: "wm-dialog__title" }, Aa = ["aria-label"], Sa = { class: "wm-dialog__body" }, Ma = ["placeholder"], Ta = { class: "wm-dialog__actions" }, xa = ["disabled"];
-function Oa(e, t, n, i, r, s) {
-  return c(), u("div", wa, [
+}, Na = { class: "wm-dialog__head" }, Pa = { class: "wm-dialog__title" }, Ua = ["aria-label"], Fa = { class: "wm-dialog__body" }, Da = ["placeholder"], ja = { class: "wm-dialog__actions" }, Ha = ["disabled"];
+function za(e, t, n, i, r, s) {
+  return c(), u("div", Ba, [
     o("div", {
       class: "wm-dialog__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    o("div", ba, [
-      o("div", ka, [
-        o("div", Ca, v(n.title || s.t("rename.title")), 1),
+    o("div", Ra, [
+      o("div", Na, [
+        o("div", Pa, v(n.title || s.t("rename.title")), 1),
         o("button", {
           type: "button",
           class: "wm-dialog__close",
@@ -5035,10 +5095,10 @@ function Oa(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, Aa)
+        ])], 8, Ua)
       ]),
-      o("div", Sa, [
-        V(o("input", {
+      o("div", Fa, [
+        $(o("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => r.value = a),
           type: "text",
@@ -5049,11 +5109,11 @@ function Oa(e, t, n, i, r, s) {
             t[3] || (t[3] = ue(G((...a) => s.onSubmit && s.onSubmit(...a), ["prevent"]), ["enter"])),
             t[4] || (t[4] = ue(G((a) => e.$emit("close"), ["prevent"]), ["esc"]))
           ]
-        }, null, 40, Ma), [
+        }, null, 40, Da), [
           [X, r.value]
         ])
       ]),
-      o("div", Ta, [
+      o("div", ja, [
         o("button", {
           type: "button",
           class: "wm-dialog__btn",
@@ -5064,31 +5124,31 @@ function Oa(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, xa)
+        }, v(s.t("common.save")), 9, Ha)
       ])
     ])
   ]);
 }
-const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8"]]), Le = "ww-messenger-tokens", Ia = {
+const qa = /* @__PURE__ */ N(Ea, [["render", za], ["__scopeId", "data-v-6d5f94a8"]]), Be = "ww-messenger-tokens", Ka = {
   name: "Messenger",
   components: {
-    Launcher: Pt,
-    Header: ln,
-    Onboarding: $n,
-    MessageList: Fr,
-    Composer: ni,
-    SuggestionChips: ai,
-    ApprovalCard: _i,
-    FormCard: qi,
-    Feedback: sa,
-    MoreMenu: va,
-    RenameDialog: La
+    Launcher: Ut,
+    Header: cn,
+    Onboarding: ss,
+    MessageList: Jr,
+    Composer: _i,
+    SuggestionChips: yi,
+    ApprovalCard: Oi,
+    FormCard: na,
+    Feedback: ga,
+    MoreMenu: La,
+    RenameDialog: qa
   },
   mixins: [
-    ot,
-    mt,
+    lt,
     ft,
-    _t
+    _t,
+    pt
   ],
   // Make signAttachment available to deep children (AttachmentPreview)
   // without prop drilling. The store may not exist yet at provide-time
@@ -5110,7 +5170,7 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
   },
   props: {
     // Hardcoded server default (overridable for staging/dev).
-    baseUrl: { type: String, default: Ze },
+    baseUrl: { type: String, default: et },
     widgetId: { type: String, default: "" },
     // En mode iframe (modèle par défaut), `origin` et `token` ne sont
     // PAS des props : ils sont reçus via `postMessage` du parent
@@ -5225,7 +5285,7 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
     //   4. French.
     locale() {
       var e;
-      return be(
+      return ke(
         this.language || this.customerLanguage || ((e = this.widget) == null ? void 0 : e.default_language) || ""
       );
     },
@@ -5271,9 +5331,9 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
           const T = r[w];
           if (!T) continue;
           if (((k = T.author) == null ? void 0 : k.type) === "user") break;
-          const E = W(T.id);
-          if (E != null) {
-            if (s != null && E <= s) break;
+          const B = W(T.id);
+          if (B != null) {
+            if (s != null && B <= s) break;
             t[T.id] !== 0 && (!l && T.author && (l = T.author), a++);
           }
         }
@@ -5286,7 +5346,7 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
         );
         return {
           ...i,
-          _preview: st(i, p),
+          _preview: rt(i, p),
           _unread: a > 0,
           _unreadCount: a,
           _lastAuthor: l
@@ -5309,7 +5369,8 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
         title: n.name || this.t("common.newConversation"),
         preview: n._preview || this.t("onboarding.newMessage"),
         unread: !!n._unread,
-        _ts: Me(n, e[n.id] || [])
+        author: n._lastAuthor || null,
+        _ts: Oe(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
@@ -5321,7 +5382,7 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__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 = Me(i, e[i.id] || []), s = i._lastAuthor, a = !s || s.type === "agent_ia", l = (s == null ? void 0 : s.name) || (a ? this.agentName : "") || "", p = (s == null ? void 0 : s.avatar_url) || (a ? this.agentAvatarUrl : null);
+        const r = Oe(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"),
@@ -5383,6 +5444,14 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
       var e, t;
       return ((t = (e = this.s) == null ? void 0 : e.config) == null ? void 0 : t.widget) || null;
     },
+    // Lets the merchant override the brand colour from the widget
+    // config. Falls through to the default `--wm-a` from tokens.css
+    // when unset, so existing widgets render unchanged.
+    rootStyle() {
+      var t;
+      const e = (t = this.widget) == null ? void 0 : t.primary_color;
+      return e ? { "--wm-a": e } : null;
+    },
     widgetWelcomeMessage() {
       var e;
       return ((e = this.widget) == null ? void 0 : e.welcome_message) || "";
@@ -5553,7 +5622,7 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
         }
       }
       return this.t("messageList.today", {
-        time: pe(t, re(this.locale))
+        time: ve(t, re(this.locale))
       });
     },
     // Pagination state for the active conversation. Drives the
@@ -5658,9 +5727,9 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
     }
   },
   async mounted() {
-    if (typeof document < "u" && !document.getElementById(Le)) {
+    if (typeof document < "u" && !document.getElementById(Be)) {
       const e = document.createElement("style");
-      e.id = Le, e.textContent = Xe, document.head.appendChild(e);
+      e.id = Be, e.textContent = Ze, document.head.appendChild(e);
     }
     this._parentMessageHandler = this.onParentMessage.bind(this), window.addEventListener("message", this._parentMessageHandler), window.parent && window.parent !== window && window.parent.postMessage({ type: "READY" }, "*"), this.isEmbedded ? (await this.boot(), this.store && await this.open()) : (await this.$nextTick(), this.sendCurrentLauncherSize(), this.observeLauncherSize());
   },
@@ -5715,12 +5784,12 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
         return;
       }
       try {
-        await this.waitForParentInit(), this.transport = Ce(
-          We({
+        await this.waitForParentInit(), this.transport = Me(
+          Ge({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId
           })
-        ), this.store = Ce(Qe(this.transport)), this.hydrateNotifPref();
+        ), this.store = Me(Xe(this.transport)), this.hydrateNotifPref();
         const n = ((e = this.parentContext) == null ? void 0 : e.customer) || ((t = this.context) == null ? void 0 : t.customer);
         await this.store.start({
           origin: this.parentOrigin,
@@ -5809,21 +5878,21 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
       this.launcherHovered = e, this.sendCurrentLauncherSize();
     },
     sendCurrentLauncherSize() {
-      var w, T, E, A, H, S, F;
+      var w, T, B, A, H, S, U;
       if (this.isOpen) return;
       const e = (T = (w = this.$el) == null ? void 0 : w.querySelector) == null ? void 0 : T.call(w, ".wm-launcherWrap");
       if (!e) return;
       const t = e.getBoundingClientRect();
       if (!t.width || !t.height) return;
-      const n = (((E = this.launcherPeeks) == null ? void 0 : E.length) ?? 0) > 0, i = 16, r = Math.ceil(t.width), s = Math.ceil(t.height), a = (H = (A = this.$el) == null ? void 0 : A.querySelector) == null ? void 0 : H.call(A, ".wm-launcher"), l = (F = (S = this.$el) == null ? void 0 : S.querySelectorAll) == null ? void 0 : F.call(S, ".wm-peek"), p = l && l.length ? l[l.length - 1] : null;
+      const n = (((B = this.launcherPeeks) == null ? void 0 : B.length) ?? 0) > 0, i = 16, r = Math.ceil(t.width), s = Math.ceil(t.height), a = (H = (A = this.$el) == null ? void 0 : A.querySelector) == null ? void 0 : H.call(A, ".wm-launcher"), l = (U = (S = this.$el) == null ? void 0 : S.querySelectorAll) == null ? void 0 : U.call(S, ".wm-peek"), p = l && l.length ? l[l.length - 1] : null;
       let k = null;
       if (p) {
-        const L = p.getBoundingClientRect();
+        const I = p.getBoundingClientRect();
         k = {
-          width: Math.ceil(L.width),
-          height: Math.ceil(L.height),
-          rightOffset: Math.max(0, Math.ceil(t.right - L.right)),
-          bottomOffset: Math.max(0, Math.ceil(t.bottom - L.bottom))
+          width: Math.ceil(I.width),
+          height: Math.ceil(I.height),
+          rightOffset: Math.max(0, Math.ceil(t.right - I.right)),
+          bottomOffset: Math.max(0, Math.ceil(t.bottom - I.bottom))
         };
       }
       this.notifyParentResize("closed", {
@@ -5926,7 +5995,7 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
           this.openRenameDialog();
           break;
         case "export":
-          at(
+          ot(
             this.currentConv,
             this.currentConv ? (n = (t = this.s) == null ? void 0 : t.messagesByConv) == null ? void 0 : n[this.currentConv.id] : [],
             this.translator,
@@ -5990,12 +6059,12 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
     async onFormSubmit({ values: e }) {
       const t = this.pendingForm;
       if (!(t != null && t.form)) return;
-      const n = tt(t.form, e, this.translator);
+      const n = nt(t.form, e, this.translator);
       if (!n) return;
       let i = this.currentConv;
       i && (i._draft && (i = await this.ensureRealConv(), !i) || await this.store.send(i.id, n, {
         metadata: {
-          artifact: nt(
+          artifact: st(
             t.form,
             e,
             this.translator
@@ -6071,31 +6140,32 @@ const La = /* @__PURE__ */ N(ya, [["render", Oa], ["__scopeId", "data-v-6d5f94a8
       }
     }
   }
-}, Ea = {
+}, Va = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, Ba = ["aria-label"], Ra = {
+}, $a = ["aria-label"], Wa = {
   key: 0,
   class: "wm-state"
-}, Na = { class: "wm-state__err" }, Pa = { class: "wm-state__errTitle" }, Fa = { class: "wm-state__errSub" }, Ua = { class: "wm-bottom" }, Da = {
+}, Ga = { class: "wm-state__err" }, Ya = { class: "wm-state__errTitle" }, Ja = { class: "wm-state__errSub" }, Qa = { class: "wm-bottom" }, Xa = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, ja = {
+}, Za = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Ha = { class: "wm-actionWait__lbl" }, za = {
+}, eo = { class: "wm-actionWait__lbl" }, to = {
   key: 2,
   class: "wm-attached"
-}, qa = ["aria-label", "onClick"];
-function $a(e, t, n, i, r, s) {
-  const a = R("Launcher"), l = R("Header"), p = R("Onboarding"), k = R("MessageList"), w = R("ApprovalCard"), T = R("FormCard"), E = R("Feedback"), A = R("SuggestionChips"), H = R("Composer"), S = R("MoreMenu"), F = R("RenameDialog");
+}, no = ["aria-label", "onClick"];
+function so(e, t, n, i, r, s) {
+  const a = R("Launcher"), l = R("Header"), p = R("Onboarding"), k = R("MessageList"), w = R("ApprovalCard"), T = R("FormCard"), B = R("Feedback"), A = R("SuggestionChips"), H = R("Composer"), S = R("MoreMenu"), U = R("RenameDialog");
   return c(), u("div", {
-    class: O(["wm-root", `wm-root--${n.displayMode}`])
+    class: O(["wm-root", `wm-root--${n.displayMode}`]),
+    style: z(s.rootStyle)
   }, [
     !r.isOpen && !s.isEmbedded ? (c(), P(a, {
       key: 0,
@@ -6112,18 +6182,18 @@ function $a(e, t, n, i, r, s) {
         `wm-panel--${n.displayMode}`,
         { "wm-panel--welcome": s.ready && !s.error && !s.currentConv }
       ]),
-      style: q(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",
-      onClick: t[5] || (t[5] = (...L) => s.onPanelClick && s.onPanelClick(...L))
+      onClick: t[5] || (t[5] = (...I) => s.onPanelClick && s.onPanelClick(...I))
     }, [
-      !s.ready && !s.error ? (c(), u("div", Ea, [
+      !s.ready && !s.error ? (c(), u("div", Va, [
         s.isEmbedded ? y("", !0) : (c(), u("button", {
           key: 0,
           type: "button",
           class: "wm-loading__close",
           "aria-label": s.t("loading.minimize"),
-          onClick: t[0] || (t[0] = (...L) => s.close && s.close(...L))
+          onClick: t[0] || (t[0] = (...I) => s.close && s.close(...I))
         }, [...t[6] || (t[6] = [
           o("svg", {
             width: "13",
@@ -6138,13 +6208,13 @@ function $a(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, Ba)),
+        ])], 8, $a)),
         t[7] || (t[7] = o("div", {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : (c(), u(B, { key: 1 }, [
-        $(l, {
+      ])) : (c(), u(E, { key: 1 }, [
+        K(l, {
           title: s.headerTitle,
           "team-members": s.teamMembers,
           "response-label": s.responseLabel,
@@ -6158,8 +6228,8 @@ function $a(e, t, n, i, r, s) {
           onMore: s.toggleMore,
           onClose: s.close
         }, null, 8, ["title", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "agent-name", "agent-avatar-url", "onBack", "onMore", "onClose"]),
-        s.error ? (c(), u("div", Ra, [
-          o("div", Na, [
+        s.error ? (c(), u("div", Wa, [
+          o("div", Ga, [
             t[8] || (t[8] = o("div", { class: "wm-state__errIcon" }, [
               o("svg", {
                 width: "14",
@@ -6176,12 +6246,12 @@ function $a(e, t, n, i, r, s) {
               ])
             ], -1)),
             o("div", null, [
-              o("div", Pa, v(s.t("error.connectionFailed")), 1),
-              o("div", Fa, v(s.error), 1)
+              o("div", Ya, v(s.t("error.connectionFailed")), 1),
+              o("div", Ja, v(s.error), 1)
             ])
           ])
-        ])) : s.currentConv ? (c(), u(B, { key: 2 }, [
-          $(k, {
+        ])) : s.currentConv ? (c(), u(E, { key: 2 }, [
+          K(k, {
             ref: "messageList",
             messages: s.displayedMessages,
             "streaming-active": s.streamingActive,
@@ -6195,8 +6265,8 @@ function $a(e, t, n, i, r, s) {
             "ai-agent-avatar-url": s.agentAvatarUrl,
             onLoadMore: s.onLoadMore
           }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "unread-anchor-id", "unread-boundary-ts", "ai-agent-name", "ai-agent-avatar-url", "onLoadMore"]),
-          o("div", Ua, [
-            s.floatVisible ? (c(), u("div", Da, [
+          o("div", Qa, [
+            s.floatVisible ? (c(), u("div", Xa, [
               s.approvalReady ? (c(), P(w, {
                 key: 0,
                 action: s.approvalTitle,
@@ -6211,7 +6281,7 @@ function $a(e, t, n, i, r, s) {
                 "agent-name": s.agentName,
                 "agent-avatar-url": s.agentAvatarUrl,
                 onSubmit: s.onFormSubmit
-              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), P(E, {
+              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), P(B, {
                 key: 2,
                 busy: r.feedbackBusy,
                 done: r.feedbackDone,
@@ -6222,19 +6292,19 @@ function $a(e, t, n, i, r, s) {
                 onSelect: s.onSuggestion
               }, null, 8, ["items", "onSelect"]))
             ], 512)) : y("", !0),
-            s.actionInFlight ? (c(), u("div", ja, [
+            s.actionInFlight ? (c(), u("div", Za, [
               t[9] || (t[9] = o("span", {
                 class: "wm-actionWait__spinner",
                 "aria-hidden": "true"
               }, null, -1)),
-              o("span", Ha, v(s.t("action.inProgress", {
+              o("span", eo, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
             ])) : (c(), P(H, {
               key: 2,
               ref: "composer",
               modelValue: r.draft,
-              "onUpdate:modelValue": t[1] || (t[1] = (L) => r.draft = L),
+              "onUpdate:modelValue": t[1] || (t[1] = (I) => r.draft = I),
               placeholder: s.composerPlaceholder,
               disabled: !!s.pendingApproval,
               "attach-label": s.t("composer.attachFile"),
@@ -6251,21 +6321,21 @@ function $a(e, t, n, i, r, s) {
             "browser-notif-enabled": e.browserNotifEnabled,
             "status-url": s.statusUrl,
             "help-url": s.helpUrl,
-            onClose: t[2] || (t[2] = (L) => r.moreOpen = !1),
+            onClose: t[2] || (t[2] = (I) => r.moreOpen = !1),
             onSoundToggle: e.onSoundToggle,
             onBrowserNotifToggle: e.onBrowserNotifToggle,
             onAction: s.onMoreAction
           }, null, 8, ["can-rename", "can-export", "sound-enabled", "browser-notif-enabled", "status-url", "help-url", "onSoundToggle", "onBrowserNotifToggle", "onAction"])) : y("", !0),
-          r.renameDialogOpen && s.currentConv && !s.currentConv._draft ? (c(), P(F, {
+          r.renameDialogOpen && s.currentConv && !s.currentConv._draft ? (c(), P(U, {
             key: 1,
             "initial-value": s.currentConv.name || "",
             title: s.t("rename.dialogTitle"),
-            onClose: t[3] || (t[3] = (L) => r.renameDialogOpen = !1),
+            onClose: t[3] || (t[3] = (I) => r.renameDialogOpen = !1),
             onSubmit: s.onRenameSubmit
           }, null, 8, ["initial-value", "title", "onSubmit"])) : y("", !0),
-          r.pendingAttachments.length ? (c(), u("div", za, [
-            (c(!0), u(B, null, U(r.pendingAttachments, (L, z) => (c(), u("div", {
-              key: z,
+          r.pendingAttachments.length ? (c(), u("div", to, [
+            (c(!0), u(E, null, F(r.pendingAttachments, (I, q) => (c(), u("div", {
+              key: q,
               class: "wm-attached__chip"
             }, [
               t[11] || (t[11] = o("svg", {
@@ -6281,11 +6351,11 @@ function $a(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)),
-              o("span", null, v(L.name), 1),
+              o("span", null, v(I.name), 1),
               o("button", {
                 type: "button",
                 "aria-label": s.t("attachment.remove"),
-                onClick: (Y) => r.pendingAttachments.splice(z, 1)
+                onClick: (Y) => r.pendingAttachments.splice(q, 1)
               }, [...t[10] || (t[10] = [
                 o("svg", {
                   width: "10",
@@ -6300,7 +6370,7 @@ function $a(e, t, n, i, r, s) {
                 }, [
                   o("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, qa)
+              ])], 8, no)
             ]))), 128))
           ])) : y("", !0)
         ], 64)) : (c(), P(p, {
@@ -6324,63 +6394,63 @@ function $a(e, t, n, i, r, s) {
           "browser-notif-enabled": e.browserNotifEnabled,
           "status-url": s.statusUrl,
           "help-url": s.helpUrl,
-          onClose: t[4] || (t[4] = (L) => r.moreOpen = !1),
+          onClose: t[4] || (t[4] = (I) => r.moreOpen = !1),
           onSoundToggle: e.onSoundToggle,
           onBrowserNotifToggle: e.onBrowserNotifToggle,
           onAction: s.onMoreAction
         }, null, 8, ["sound-enabled", "browser-notif-enabled", "status-url", "help-url", "onSoundToggle", "onBrowserNotifToggle", "onAction"])) : y("", !0)
       ], 64))
     ], 6)) : y("", !0)
-  ], 2);
+  ], 6);
 }
-const Wa = /* @__PURE__ */ N(Ia, [["render", $a], ["__scopeId", "data-v-3c8435c2"]]), Ga = "0.5.35";
+const ao = /* @__PURE__ */ N(Ka, [["render", so], ["__scopeId", "data-v-f715675c"]]), oo = "0.5.37";
 export {
   le as AIAvatar,
-  ge as AVATAR_COLORS,
-  ns as ActionResult,
-  _i as ApprovalCard,
-  us as ArtifactFormResponse,
-  As as ArtifactInfoCard,
-  qs as ArtifactRenderer,
-  Ds as ArtifactTicket,
-  tr as AttachmentPreview,
-  ir as Bubble,
-  ni as Composer,
-  Ze as DEFAULT_BASE_URL,
+  _e as AVATAR_COLORS,
+  _s as ActionResult,
+  Oi as ApprovalCard,
+  As as ArtifactFormResponse,
+  Us as ArtifactInfoCard,
+  nr as ArtifactRenderer,
+  Xs as ArtifactTicket,
+  fr as AttachmentPreview,
+  vr as Bubble,
+  _i as Composer,
+  et as DEFAULT_BASE_URL,
   ae as DEFAULT_LANGUAGE,
-  sa as Feedback,
-  qi as FormCard,
-  ln as Header,
-  Re as HumanAvatar,
-  Pt as Launcher,
-  ke as MEDIA_RECORDER_SUPPORTED,
-  Fr as MessageList,
-  Wa as Messenger,
-  va as MoreMenu,
-  $n as Onboarding,
+  ga as Feedback,
+  na as FormCard,
+  cn as Header,
+  Ce as HumanAvatar,
+  Ut as Launcher,
+  Ae as MEDIA_RECORDER_SUPPORTED,
+  Jr as MessageList,
+  ao as Messenger,
+  La as MoreMenu,
+  ss as Onboarding,
   he as SCREEN_CAPTURE_SUPPORTED,
-  et as SUPPORTED_LANGUAGES,
-  ai as SuggestionChips,
-  Gt as TeamAvatars,
-  cr as Typing,
-  Ga as VERSION,
-  ye as avatarColor,
-  we as avatarInitials,
-  Dr as captureScreenshotFile,
+  tt as SUPPORTED_LANGUAGES,
+  yi as SuggestionChips,
+  Yt as TeamAvatars,
+  kr as Typing,
+  oo as VERSION,
+  we as avatarColor,
+  be as avatarInitials,
+  Xr as captureScreenshotFile,
   j as colors,
-  Qe as createStore,
+  Xe as createStore,
   D as createTranslator,
-  We as createTransport,
+  Ge as createTransport,
   re as dateLocale,
-  Wa as default,
-  pe as formatTime,
-  Va as guessAttachmentKind,
-  Ur as pickRecorderMime,
-  dn as renderInlineMarkdown,
-  un as renderMarkdown,
-  be as resolveLanguage,
-  Hr as startScreenRecording,
-  Xe as tokensCss,
-  Je as uuid,
-  Je as v4
+  ao as default,
+  ve as formatTime,
+  io as guessAttachmentKind,
+  Qr as pickRecorderMime,
+  un as renderInlineMarkdown,
+  hn as renderMarkdown,
+  ke as resolveLanguage,
+  ei as startScreenRecording,
+  Ze as tokensCss,
+  Qe as uuid,
+  Qe as v4
 };