@_solaris/messenger-widget 0.4.2 → 0.4.3

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as W, normalizeClass as x, toDisplayString as v, resolveComponent as I, createVNode as z, Transition as je, withCtx as Pe, Fragment as L, renderList as j, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as V, vModelText as Z, createTextVNode as pe, resolveDynamicComponent as De, renderSlot as Ue, vModelCheckbox as $e, vModelSelect as He, markRaw as ye } from "vue";
+import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as K, normalizeClass as x, toDisplayString as v, resolveComponent as I, createVNode as z, Transition as je, withCtx as Pe, Fragment as L, renderList as j, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as V, vModelText as ee, createTextVNode as pe, resolveDynamicComponent as De, renderSlot as Ue, vModelCheckbox as $e, vModelSelect as He, markRaw as ye } from "vue";
 const ze = [
   "connected",
   "message",
@@ -6,8 +6,8 @@ const ze = [
   "conversation_updated",
   "config_updated",
   "action_status"
-], be = "/client", qe = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, We = 5 * 60 * 1e3;
-function Ke(e) {
+], be = "/client", qe = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, Ke = 5 * 60 * 1e3;
+function We(e) {
   const t = {
     baseUrl: Ge(e.baseUrl || ""),
     widgetId: e.widgetId || "",
@@ -166,7 +166,7 @@ function Ke(e) {
       _ ? { inputs: _ } : {}
     );
   }
-  async function K(d) {
+  async function W(d) {
     const f = (
       /** @type {File} */
       d.name || "attachment"
@@ -191,13 +191,13 @@ function Ke(e) {
       size_bytes: y
     };
   }
-  async function ee(d) {
+  async function te(d) {
     return a(
       "GET",
       `/attachments/sign?path=${encodeURIComponent(d)}`
     );
   }
-  function te() {
+  function ne() {
     const d = new URLSearchParams({
       userId: t.userId,
       userHash: t.userHash,
@@ -208,7 +208,7 @@ function Ke(e) {
   function G() {
     if (!t.eventSource && !(typeof document < "u" && document.hidden))
       try {
-        const d = new EventSource(te());
+        const d = new EventSource(ne());
         for (const f of ze)
           d.addEventListener(f, (_) => Y(f, _.data));
         d.addEventListener(
@@ -250,16 +250,16 @@ function Ke(e) {
     }
   }
   function de() {
-    ne(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, qe));
+    se(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, qe));
   }
-  function ne() {
+  function se() {
     t.pollTimer && (clearInterval(t.pollTimer), t.pollTimer = null);
   }
   function h() {
     if (document.hidden)
       clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = setTimeout(() => {
-        t.hiddenGraceTimer = null, document.hidden && (ne(), Q(), r("paused"));
-      }, We);
+        t.hiddenGraceTimer = null, document.hidden && (se(), Q(), r("paused"));
+      }, Ke);
     else {
       if (t.hiddenGraceTimer) {
         clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null;
@@ -288,7 +288,7 @@ function Ke(e) {
     )), de(), d;
   }
   function p() {
-    ne(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, Q(), t.visibilityHandler && (document.removeEventListener(
+    se(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, Q(), t.visibilityHandler && (document.removeEventListener(
       "visibilitychange",
       t.visibilityHandler
     ), t.visibilityHandler = null), t.started = !1;
@@ -310,8 +310,8 @@ function Ke(e) {
     listMessages: D,
     postMessage: N,
     postCallback: $,
-    uploadAttachment: K,
-    signAttachment: ee,
+    uploadAttachment: W,
+    signAttachment: te,
     // Read-only state
     get connection() {
       return t.connection;
@@ -552,7 +552,7 @@ function Xe(e) {
     var F;
     const f = (m || "").trim(), _ = Array.isArray(p) && p.length > 0;
     if (!h || !f && !_) return;
-    const y = Qe(), w = ne(h), S = {
+    const y = Qe(), w = se(h), S = {
       id: y,
       client_msg_id: y,
       conversation_id: h,
@@ -623,7 +623,7 @@ function Xe(e) {
     };
     await T(h, { metadata: _ });
   }
-  function K(h) {
+  function W(h) {
     var p, d;
     const m = t.messagesByConv[h] || [];
     for (let f = m.length - 1; f >= 0; f--) {
@@ -633,7 +633,7 @@ function Xe(e) {
     }
     return null;
   }
-  function ee(h) {
+  function te(h) {
     var p, d, f;
     const m = t.messagesByConv[h] || [];
     for (let _ = m.length - 1; _ >= 0; _--) {
@@ -646,7 +646,7 @@ function Xe(e) {
     }
     return null;
   }
-  function te(h) {
+  function ne(h) {
     const m = t.runningActionsByConv[h];
     if (!m) return null;
     const p = Object.keys(m);
@@ -727,7 +727,7 @@ function Xe(e) {
       f !== void 0 && (d === "name" || d === "email" ? f != null && String(f).trim() !== "" && (m[d] = f) : (d === "values" || d === "metadata") && f && typeof f == "object" ? Object.assign(p, f) : p[d] = f);
     return Object.keys(p).length && (m.values = p), Object.keys(m).length ? m : null;
   }
-  function ne(h) {
+  function se(h) {
     const m = t.messagesByConv[h] || [];
     let p = "";
     for (const _ of m)
@@ -750,10 +750,10 @@ function Xe(e) {
     clickCallback: M,
     signAttachment: N,
     submitFeedback: $,
-    getPendingApproval: K,
-    getActionInFlight: te,
+    getPendingApproval: W,
+    getActionInFlight: ne,
     getLatestSuggestions: G,
-    getLatestForm: ee,
+    getLatestForm: te,
     // Pass-through for panel open/close (controls SSE burst).
     setPanelOpen: e.setPanelOpen
   };
@@ -1644,7 +1644,7 @@ const E = (e, t) => {
 function bt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-huav", { "wm-huav--tail": n.tail }]),
-    style: W({
+    style: K({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": Math.round(n.size * 0.32) + "px",
@@ -1657,7 +1657,7 @@ function bt(e, t, n, i, r, s) {
       alt: n.name || ""
     }, null, 8, yt)) : (c(), u("span", {
       key: 1,
-      style: W({ fontSize: n.size * 0.36 + "px" })
+      style: K({ fontSize: n.size * 0.36 + "px" })
     }, v(s.initials), 5))
   ], 6);
 }
@@ -1700,7 +1700,7 @@ function Ft(e, t, n, i, r, s) {
           (c(!0), u(L, null, j(s.visiblePeeks, (l, g) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
-            style: W({
+            style: K({
               "--depth": s.visiblePeeks.length - 1 - g,
               zIndex: g + 1
             }),
@@ -1814,7 +1814,7 @@ const jt = /* @__PURE__ */ E(kt, [["render", Ft], ["__scopeId", "data-v-5193a529
 function $t(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-aiav", { "wm-aiav--tail": n.tail }]),
-    style: W({
+    style: K({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": n.size * 0.32 + "px"
@@ -1879,20 +1879,20 @@ const le = /* @__PURE__ */ E(Pt, [["render", $t], ["__scopeId", "data-v-d621a129
 }, zt = {
   key: 0,
   class: "wm-team"
-}, qt = ["src", "alt"], Vt = { key: 1 }, Wt = {
+}, qt = ["src", "alt"], Vt = { key: 1 }, Kt = {
   key: 0,
   class: "wm-team__label"
 };
-function Kt(e, t, n, i, r, s) {
+function Wt(e, t, n, i, r, s) {
   return s.visible ? (c(), u("div", zt, [
     o("div", {
       class: "wm-team__stack",
-      style: W({ width: s.stackWidth + "px" })
+      style: K({ width: s.stackWidth + "px" })
     }, [
       (c(!0), u(L, null, j(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
-        style: W({
+        style: K({
           left: l * 13 + "px",
           zIndex: 3 - l,
           background: s.colorFor(a)
@@ -1905,10 +1905,10 @@ function Kt(e, t, n, i, r, s) {
         }, null, 8, qt)) : (c(), u("span", Vt, v(s.initialsFor(a)), 1))
       ], 4))), 128))
     ], 4),
-    n.responseLabel ? (c(), u("span", Wt, v(n.responseLabel), 1)) : b("", !0)
+    n.responseLabel ? (c(), u("span", Kt, v(n.responseLabel), 1)) : b("", !0)
   ])) : b("", !0);
 }
-const Gt = /* @__PURE__ */ E(Ht, [["render", Kt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
+const Gt = /* @__PURE__ */ E(Ht, [["render", Wt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
   name: "WmHeader",
   components: { AIAvatar: le, TeamAvatars: Gt },
   inject: {
@@ -2321,7 +2321,7 @@ function $n(e, t, n, i, r, s) {
           placeholder: s.t("onboarding.search"),
           "aria-label": s.t("onboarding.search")
         }, null, 8, In), [
-          [Z, r.query]
+          [ee, r.query]
         ])
       ]),
       o("div", En, [
@@ -2403,7 +2403,7 @@ const qn = {
 }, Vn = {
   class: "wm-result__icon",
   "aria-hidden": "true"
-}, Wn = {
+}, Kn = {
   key: 0,
   width: "11",
   height: "11",
@@ -2413,7 +2413,7 @@ const qn = {
   "stroke-width": "2.8",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Kn = {
+}, Wn = {
   key: 1,
   width: "11",
   height: "11",
@@ -2449,9 +2449,9 @@ function Zn(e, t, n, i, r, s) {
     class: x(["wm-result", `wm-result--${n.state}`])
   }, [
     o("span", Vn, [
-      n.state === "success" ? (c(), u("svg", Wn, [...t[0] || (t[0] = [
+      n.state === "success" ? (c(), u("svg", Kn, [...t[0] || (t[0] = [
         o("path", { d: "M20 6L9 17l-5-5" }, null, -1)
-      ])])) : n.state === "rejected" ? (c(), u("svg", Kn, [...t[1] || (t[1] = [
+      ])])) : n.state === "rejected" ? (c(), u("svg", Wn, [...t[1] || (t[1] = [
         o("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
       ])])) : n.state === "awaiting" ? (c(), u("svg", Gn, [...t[2] || (t[2] = [
         o("circle", {
@@ -2900,7 +2900,7 @@ const $s = /* @__PURE__ */ E(Ds, [["render", Us]]), Hs = {
       this.url || e.preventDefault();
     }
   }
-}, zs = ["href"], qs = ["src", "alt"], Vs = ["src"], Ws = ["src"], Ks = ["href", "download"], Gs = { class: "wm-att__main" }, Ys = { class: "wm-att__name" }, Qs = {
+}, zs = ["href"], qs = ["src", "alt"], Vs = ["src"], Ks = ["src"], Ws = ["href", "download"], Gs = { class: "wm-att__main" }, Ys = { class: "wm-att__name" }, Qs = {
   key: 0,
   class: "wm-att__meta"
 }, Xs = {
@@ -2934,7 +2934,7 @@ function Js(e, t, n, i, r, s) {
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, Ws)) : (c(), u("a", {
+    }, null, 8, Ks)) : (c(), u("a", {
       key: 3,
       class: "wm-att__file",
       href: r.url || "#",
@@ -2964,7 +2964,7 @@ function Js(e, t, n, i, r, s) {
         s.sizeLabel ? (c(), u("span", Qs, v(s.sizeLabel), 1)) : b("", !0)
       ]),
       r.loading ? (c(), u("span", Xs)) : b("", !0)
-    ], 8, Ks))
+    ], 8, Ws))
   ], 2);
 }
 const Zs = /* @__PURE__ */ E(Hs, [["render", Js], ["__scopeId", "data-v-afc7b0d3"]]), er = {
@@ -2998,7 +2998,7 @@ function ar(e, t, n, i, r, s) {
   ])]);
 }
 const or = /* @__PURE__ */ E(rr, [["render", ar], ["__scopeId", "data-v-df2447fd"]]);
-function se(e) {
+function Z(e) {
   return e ? e.client_msg_id || e.id : "";
 }
 const lr = {
@@ -3079,7 +3079,7 @@ const lr = {
           if (((n = a == null ? void 0 : a.payload) == null ? void 0 : n.event) === "action_admin_pending") {
             const k = e[e.length - 1];
             k && k.role === "ai" ? k.messages.push(a) : e.push({
-              key: `g-${se(a)}`,
+              key: `g-${Z(a)}`,
               role: "ai",
               agentName: "",
               agentAvatarUrl: null,
@@ -3089,7 +3089,7 @@ const lr = {
             continue;
           }
           e.push({
-            key: `sys-${se(a)}`,
+            key: `sys-${Z(a)}`,
             role: l,
             messages: [a],
             items: [],
@@ -3099,7 +3099,7 @@ const lr = {
         }
         const g = e[e.length - 1];
         g && g.role === l && (l === "ai" || g.agentName === (((i = a == null ? void 0 : a.author) == null ? void 0 : i.name) || "")) ? g.messages.push(a) : e.push({
-          key: `g-${se(a)}`,
+          key: `g-${Z(a)}`,
           role: l,
           agentName: ((r = a == null ? void 0 : a.author) == null ? void 0 : r.name) || "",
           agentAvatarUrl: ((s = a == null ? void 0 : a.author) == null ? void 0 : s.avatar_url) || null,
@@ -3124,6 +3124,8 @@ const lr = {
         }
         t.push(a);
       }
+      for (const a of t)
+        a.role !== "system" && (a.key = this.stableGroupKey(a.messages));
       return t;
     },
     // Key of the first non-user group that starts after the unread
@@ -3145,6 +3147,9 @@ const lr = {
   },
   watch: {
     messages: { handler: "snapshotAndRestore", deep: !0 },
+    conversationId(e, t) {
+      e !== t && (this._groupIdByMsgKey = null);
+    },
     loadingMore(e) {
       e || (this._pendingLoadMore = !1), this.silentFades = !0, clearTimeout(this._silenceTimer), e || (this._silenceTimer = setTimeout(() => {
         this.silentFades = !1;
@@ -3163,7 +3168,31 @@ const lr = {
     this.scheduleMeasure();
   },
   methods: {
-    messageKey: se,
+    messageKey: Z,
+    // Resolve a stable Vue :key for a non-system group by checking if
+    // any of its messages were previously part of a group we'd already
+    // assigned an id to; if so, reuse that id, otherwise mint a new
+    // one. Keyed by `messageKey(m)` (client_msg_id || id) — stable
+    // across the optimistic→persisted swap. Reset on conv switch by
+    // the `conversationId` watcher.
+    stableGroupKey(e) {
+      this._groupIdByMsgKey || (this._groupIdByMsgKey = /* @__PURE__ */ new Map(), this._groupIdCounter = 0);
+      const t = this._groupIdByMsgKey;
+      let n = null;
+      for (const i of e) {
+        const r = Z(i);
+        if (r && t.has(r)) {
+          n = t.get(r);
+          break;
+        }
+      }
+      n == null && (n = ++this._groupIdCounter);
+      for (const i of e) {
+        const r = Z(i);
+        r && t.set(r, n);
+      }
+      return `g-${n}`;
+    },
     isAtBottom(e) {
       return e.scrollHeight - e.scrollTop - e.clientHeight <= cr;
     },
@@ -3353,10 +3382,10 @@ const lr = {
     //   adjacent à une `bubble`) : mon coin déborde le voisin et
     //   doit garder son arrondi.
     cornersFor(e, t) {
-      var ee, te, G;
-      const n = e.items, i = (ee = n[t]) == null ? void 0 : ee.kind, r = (te = n[t - 1]) == null ? void 0 : te.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, g = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], B = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, M = (Y, Q, q) => Y != null && T != null ? Y + H >= T : Q === q || Q === "card" && q === "bubble";
-      let D = l, N = l, $ = l, K = l;
-      return a ? (C && (N = g), (k || !s) && ($ = g), C && M(B, C, i == null ? void 0 : i.top) && (D = g), k && M(A, k, i == null ? void 0 : i.bottom) && (K = g)) : (C && (D = g), (k || !s) && (K = g), C && M(B, C, i == null ? void 0 : i.top) && (N = g), k && M(A, k, i == null ? void 0 : i.bottom) && ($ = g)), { tl: D, tr: N, br: $, bl: K };
+      var te, ne, G;
+      const n = e.items, i = (te = n[t]) == null ? void 0 : te.kind, r = (ne = n[t - 1]) == null ? void 0 : ne.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, g = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], B = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, M = (Y, Q, q) => Y != null && T != null ? Y + H >= T : Q === q || Q === "card" && q === "bubble";
+      let D = l, N = l, $ = l, W = l;
+      return a ? (C && (N = g), (k || !s) && ($ = g), C && M(B, C, i == null ? void 0 : i.top) && (D = g), k && M(A, k, i == null ? void 0 : i.bottom) && (W = g)) : (C && (D = g), (k || !s) && (W = g), C && M(B, C, i == null ? void 0 : i.top) && (N = g), k && M(A, k, i == null ? void 0 : i.bottom) && ($ = g)), { tl: D, tr: N, br: $, bl: W };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3377,7 +3406,7 @@ const lr = {
     rowKeyOf(e, t) {
       var i;
       const n = (i = e == null ? void 0 : e.items) == null ? void 0 : i[t];
-      return n ? `${se(n.message)}-${n.partKey}` : "";
+      return n ? `${Z(n.message)}-${n.partKey}` : "";
     },
     // rAF-debouncé : `updated()` peut être appelé en rafale (stream,
     // typing, scroll), un seul flush layout par frame suffit.
@@ -3479,80 +3508,69 @@ const lr = {
   }
 }, hr = {
   key: 0,
-  class: "wm-list__initialLoad",
-  role: "status",
-  "aria-live": "polite",
-  "aria-busy": "true"
-}, mr = {
-  key: 1,
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, fr = { class: "wm-list__loadMore-lbl" }, _r = {
-  key: 2,
+}, mr = { class: "wm-list__loadMore-lbl" }, fr = {
+  key: 1,
   class: "wm-list__historyEnd"
-}, pr = {
-  key: 3,
+}, _r = {
+  key: 2,
   class: "wm-list__sep"
-}, gr = { class: "wm-list__sep-label" }, vr = {
+}, pr = { class: "wm-list__sep-label" }, gr = {
   key: 0,
   class: "wm-list__sep wm-list__sep--unread"
-}, yr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, br = {
+}, vr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, yr = {
   key: 0,
   class: "wm-list__sysep"
-}, wr = { class: "wm-list__sysep-label" }, kr = ["data-row-key"], Cr = {
+}, br = { class: "wm-list__sysep-label" }, wr = ["data-row-key"], kr = {
   key: 0,
   class: "wm-list__avatarSlot"
-}, Ar = {
+}, Cr = {
   key: 5,
   class: "wm-list__body"
-}, Sr = { key: 0 }, Mr = {
+}, Ar = { key: 0 }, Sr = {
   key: 1,
   "aria-hidden": "true"
-}, Tr = { key: 2 }, xr = {
-  key: 4,
+}, Mr = { key: 2 }, Tr = {
+  key: 3,
   class: "wm-list__row wm-list__row--ai fade-up"
-}, Or = { class: "wm-list__avatarSlot" };
-function Lr(e, t, n, i, r, s) {
+}, xr = { class: "wm-list__avatarSlot" };
+function Or(e, t, n, i, r, s) {
   const a = I("AIAvatar"), l = I("HumanAvatar"), g = I("ActionResult"), C = I("ArtifactRenderer"), k = I("Bubble"), T = I("AttachmentPreview"), B = I("Typing");
   return c(), u("div", {
     ref: "scrollEl",
     class: x(["wm-list", { "wm-list--silent": r.silentFades }]),
     onScrollPassive: t[0] || (t[0] = (...A) => s.onScroll && s.onScroll(...A))
   }, [
-    n.loadingMore && !n.messages.length ? (c(), u("div", hr, [...t[1] || (t[1] = [
-      o("span", {
-        class: "wm-list__loadMore-spinner",
-        "aria-hidden": "true"
-      }, null, -1)
-    ])])) : n.loadingMore ? (c(), u("div", mr, [
-      t[2] || (t[2] = o("span", {
+    n.loadingMore ? (c(), u("div", hr, [
+      t[1] || (t[1] = o("span", {
         class: "wm-list__loadMore-spinner",
         "aria-hidden": "true"
       }, null, -1)),
-      o("span", fr, v(s.t("messageList.loadingHistory")), 1)
-    ])) : s.historyExhausted ? (c(), u("div", _r, v(s.t("messageList.conversationStart")), 1)) : b("", !0),
-    n.dateLabel ? (c(), u("div", pr, [
-      t[3] || (t[3] = o("div", { class: "wm-list__line" }, null, -1)),
-      o("span", gr, v(n.dateLabel), 1),
-      t[4] || (t[4] = o("div", { class: "wm-list__line" }, null, -1))
+      o("span", mr, v(s.t("messageList.loadingHistory")), 1)
+    ])) : s.historyExhausted ? (c(), u("div", fr, v(s.t("messageList.conversationStart")), 1)) : b("", !0),
+    n.dateLabel ? (c(), u("div", _r, [
+      t[2] || (t[2] = o("div", { class: "wm-list__line" }, null, -1)),
+      o("span", pr, v(n.dateLabel), 1),
+      t[3] || (t[3] = o("div", { class: "wm-list__line" }, null, -1))
     ])) : b("", !0),
     (c(!0), u(L, null, j(s.groups, (A, H) => (c(), u(L, {
       key: A.key
     }, [
-      A.key === s.unreadGroupKey ? (c(), u("div", vr, [
-        t[5] || (t[5] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)),
-        o("span", yr, v(s.t("messageList.unread")), 1),
-        t[6] || (t[6] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1))
+      A.key === s.unreadGroupKey ? (c(), u("div", gr, [
+        t[4] || (t[4] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)),
+        o("span", vr, v(s.t("messageList.unread")), 1),
+        t[5] || (t[5] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1))
       ])) : b("", !0),
       A.role === "system" || A.items.length ? (c(), u("div", {
         key: 1,
         class: x(["wm-list__group", "wm-list__group--" + A.role])
       }, [
-        A.role === "system" ? (c(), u("div", br, [
-          t[7] || (t[7] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
-          o("span", wr, v(A.systemLabel), 1),
-          t[8] || (t[8] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
+        A.role === "system" ? (c(), u("div", yr, [
+          t[6] || (t[6] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
+          o("span", br, v(A.systemLabel), 1),
+          t[7] || (t[7] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
         ])) : (c(), u(L, { key: 1 }, [
           (c(!0), u(L, null, j(A.items, (M, D) => (c(), u("div", {
             key: `${s.messageKey(M.message)}-${M.partKey}`,
@@ -3564,9 +3582,9 @@ function Lr(e, t, n, i, r, s) {
                 "is-failed": M.message._failed
               }
             ]]),
-            style: W(s.cornersStyle(A, D))
+            style: K(s.cornersStyle(A, D))
           }, [
-            A.role !== "user" ? (c(), u("div", Cr, [
+            A.role !== "user" ? (c(), u("div", kr, [
               D === A.items.length - 1 ? (c(), u(L, { key: 0 }, [
                 A.role === "ai" ? (c(), R(a, {
                   key: 0,
@@ -3597,7 +3615,7 @@ function Lr(e, t, n, i, r, s) {
             }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), R(C, {
               key: 4,
               artifact: s.artifactOf(M.message)
-            }, null, 8, ["artifact"])) : (c(), u("div", Ar, [
+            }, null, 8, ["artifact"])) : (c(), u("div", Cr, [
               M.message.text_md ? (c(), R(k, {
                 key: 0,
                 role: A.role,
@@ -3617,20 +3635,20 @@ function Lr(e, t, n, i, r, s) {
                 }, null, 8, ["attachment"]))), 128))
               ], 2)) : b("", !0)
             ]))
-          ], 14, kr))), 128)),
+          ], 14, wr))), 128)),
           (A.role !== "user" || s.lastTimeOf(A)) && !s.hasTrailingOverlay(A) ? (c(), u("div", {
             key: 0,
             class: x(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
           }, [
-            A.role !== "user" ? (c(), u("span", Sr, v(s.roleLabel(A)), 1)) : b("", !0),
-            A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Mr, "·")) : b("", !0),
-            s.lastTimeOf(A) ? (c(), u("span", Tr, v(s.lastTimeOf(A)), 1)) : b("", !0)
+            A.role !== "user" ? (c(), u("span", Ar, v(s.roleLabel(A)), 1)) : b("", !0),
+            A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Sr, "·")) : b("", !0),
+            s.lastTimeOf(A) ? (c(), u("span", Mr, v(s.lastTimeOf(A)), 1)) : b("", !0)
           ], 2)) : b("", !0)
         ], 64))
       ], 2)) : b("", !0)
     ], 64))), 128)),
-    n.streamingActive ? (c(), u("div", xr, [
-      o("div", Or, [
+    n.streamingActive ? (c(), u("div", Tr, [
+      o("div", xr, [
         z(a, {
           size: 26,
           tail: !0
@@ -3640,8 +3658,8 @@ function Lr(e, t, n, i, r, s) {
     ])) : b("", !0)
   ], 34);
 }
-const Ir = /* @__PURE__ */ E(ur, [["render", Lr], ["__scopeId", "data-v-9748afc2"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ve = typeof window < "u" && typeof window.MediaRecorder < "u";
-function Er() {
+const Lr = /* @__PURE__ */ E(ur, [["render", Or], ["__scopeId", "data-v-499ea569"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ve = typeof window < "u" && typeof window.MediaRecorder < "u";
+function Ir() {
   return ve && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -3661,10 +3679,10 @@ function Re({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function $a(e) {
+function Ua(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
-async function Br() {
+async function Er() {
   if (!he) return null;
   let e;
   try {
@@ -3675,7 +3693,7 @@ async function Br() {
     return (t == null ? void 0 : t.name) !== "NotAllowedError" && console.error("[media] screenshot picker", t), null;
   }
   try {
-    return await Rr(e);
+    return await Br(e);
   } catch (t) {
     return console.error("[media] screenshot capture", t), null;
   } finally {
@@ -3684,7 +3702,7 @@ async function Br() {
     });
   }
 }
-async function Rr(e) {
+async function Br(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");
@@ -3697,7 +3715,7 @@ async function Rr(e) {
   }), a = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return new File([s], `capture-${a}.png`, { type: "image/png" });
 }
-async function Nr(e = {}) {
+async function Rr(e = {}) {
   var C;
   if (!he || !ve) return null;
   let t;
@@ -3708,7 +3726,7 @@ async function Nr(e = {}) {
   } catch (k) {
     return (k == null ? void 0 : k.name) !== "NotAllowedError" && console.error("[media] record picker", k), null;
   }
-  const n = Er();
+  const n = Ir();
   let i;
   try {
     i = n ? new window.MediaRecorder(t, { mimeType: n }) : new window.MediaRecorder(t);
@@ -3762,7 +3780,7 @@ async function Nr(e = {}) {
     }
   };
 }
-const Fr = [
+const Nr = [
   {
     action: "file",
     labelKey: "composer.attachFile",
@@ -3778,7 +3796,7 @@ const Fr = [
     labelKey: "composer.recordScreen",
     path: "M23 7l-7 5 7 5V7z M1 5a2 2 0 012-2h12a2 2 0 012 2v14a2 2 0 01-2 2H3a2 2 0 01-2-2V5z"
   }
-], jr = {
+], Fr = {
   name: "WmComposer",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -3806,7 +3824,7 @@ const Fr = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Fr.map((e) => ({
+      return Nr.map((e) => ({
         ...e,
         label: this.t(e.labelKey),
         disabled: e.action === "screenshot" && !he || e.action === "record" && (!he || !ve)
@@ -3879,13 +3897,13 @@ const Fr = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const e = await Br();
+      const e = await Er();
       e && this.$emit("attach", e);
     },
     async startRecording() {
       if (this.recording || this.disabled) return;
       this.recordingElapsed = 0;
-      const e = await Nr({
+      const e = await Rr({
         onstart: () => {
           this.recording = !0;
         },
@@ -3910,27 +3928,27 @@ const Fr = [
         }
     }
   }
-}, Pr = { class: "wm-compose-wrap" }, Dr = {
+}, jr = { class: "wm-compose-wrap" }, Pr = {
   key: 0,
   class: "wm-rec"
-}, Ur = { class: "wm-rec__lbl" }, $r = {
+}, Dr = { class: "wm-rec__lbl" }, Ur = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, Hr = ["disabled", "onClick"], zr = { class: "wm-compose__menuIcon" }, qr = {
+}, $r = ["disabled", "onClick"], Hr = { class: "wm-compose__menuIcon" }, zr = {
   viewBox: "0 0 24 24",
   width: "14",
   height: "14",
   "aria-hidden": "true"
-}, Vr = ["d"], Wr = ["placeholder", "disabled"], Kr = { class: "wm-compose__actions" }, Gr = ["title", "aria-label", "disabled"], Yr = ["disabled", "aria-label"];
-function Qr(e, t, n, i, r, s) {
-  return c(), u("div", Pr, [
-    r.recording ? (c(), u("div", Dr, [
+}, qr = ["d"], Vr = ["placeholder", "disabled"], Kr = { class: "wm-compose__actions" }, Wr = ["title", "aria-label", "disabled"], Gr = ["disabled", "aria-label"];
+function Yr(e, t, n, i, r, s) {
+  return c(), u("div", jr, [
+    r.recording ? (c(), u("div", Pr, [
       t[8] || (t[8] = o("span", {
         class: "wm-rec__dot",
         "aria-hidden": "true"
       }, null, -1)),
-      o("span", Ur, v(s.t("composer.recording", { time: s.recordingElapsedLabel })), 1),
+      o("span", Dr, v(s.t("composer.recording", { time: s.recordingElapsedLabel })), 1),
       o("button", {
         type: "button",
         class: "wm-rec__stop",
@@ -3953,7 +3971,7 @@ function Qr(e, t, n, i, r, s) {
         class: "wm-compose__overlay",
         onClick: t[2] || (t[2] = (a) => r.attachOpen = !1)
       })) : b("", !0),
-      r.attachOpen ? (c(), u("div", $r, [
+      r.attachOpen ? (c(), u("div", Ur, [
         (c(!0), u(L, null, j(s.attachItems, (a) => (c(), u("button", {
           key: a.action,
           type: "button",
@@ -3961,8 +3979,8 @@ function Qr(e, t, n, i, r, s) {
           disabled: a.disabled,
           onClick: (l) => s.onAttachAction(a.action)
         }, [
-          o("span", zr, [
-            (c(), u("svg", qr, [
+          o("span", Hr, [
+            (c(), u("svg", zr, [
               o("path", {
                 d: a.path,
                 stroke: "currentColor",
@@ -3970,11 +3988,11 @@ function Qr(e, t, n, i, r, s) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Vr)
+              }, null, 8, qr)
             ]))
           ]),
           o("span", null, v(a.label), 1)
-        ], 8, Hr))), 128))
+        ], 8, $r))), 128))
       ])) : b("", !0),
       V(o("textarea", {
         ref: "inputEl",
@@ -3985,8 +4003,8 @@ function Qr(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, Wr), [
-        [Z, r.local]
+      }, null, 40, Vr), [
+        [ee, r.local]
       ]),
       o("div", Kr, [
         o("button", {
@@ -4010,7 +4028,7 @@ function Qr(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
           ], -1)
-        ])], 10, Gr),
+        ])], 10, Wr),
         o("button", {
           type: "submit",
           class: x(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -4030,12 +4048,12 @@ function Qr(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
           ], -1)
-        ])], 10, Yr)
+        ])], 10, Gr)
       ])
     ], 34)
   ]);
 }
-const Xr = /* @__PURE__ */ E(jr, [["render", Qr], ["__scopeId", "data-v-aa81dbb8"]]), Jr = {
+const Qr = /* @__PURE__ */ E(Fr, [["render", Yr], ["__scopeId", "data-v-aa81dbb8"]]), Xr = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4052,8 +4070,8 @@ const Xr = /* @__PURE__ */ E(jr, [["render", Qr], ["__scopeId", "data-v-aa81dbb8
       return this.items.map((e) => (e == null ? void 0 : e.label) || (e == null ? void 0 : e.text) || "").join("§");
     }
   }
-}, Zr = ["onClick"];
-function ei(e, t, n, i, r, s) {
+}, Jr = ["onClick"];
+function Zr(e, t, n, i, r, s) {
   return n.items.length ? (c(), u("div", {
     key: s.batchKey,
     class: "wm-chips"
@@ -4062,12 +4080,12 @@ function ei(e, t, n, i, r, s) {
       key: l,
       type: "button",
       class: "wm-chip",
-      style: W({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
+      style: K({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
       onClick: (g) => e.$emit("select", a)
-    }, v(a.label), 13, Zr))), 128))
+    }, v(a.label), 13, Jr))), 128))
   ])) : b("", !0);
 }
-const ti = /* @__PURE__ */ E(Jr, [["render", ei], ["__scopeId", "data-v-47ad8085"]]), ni = {
+const ei = /* @__PURE__ */ E(Xr, [["render", Zr], ["__scopeId", "data-v-47ad8085"]]), ti = {
   name: "WmApprovalCard",
   components: { AIAvatar: le },
   inject: {
@@ -4109,23 +4127,23 @@ const ti = /* @__PURE__ */ E(Jr, [["render", ei], ["__scopeId", "data-v-47ad8085
       return ((e = this.rejectCallback) == null ? void 0 : e.label) || this.t("approval.reject");
     }
   }
-}, si = { class: "wm-approval" }, ri = { class: "wm-approval__head" }, ii = { class: "wm-approval__icon" }, ai = { class: "wm-approval__main" }, oi = { class: "wm-approval__title" }, li = {
+}, ni = { class: "wm-approval" }, si = { class: "wm-approval__head" }, ri = { class: "wm-approval__icon" }, ii = { class: "wm-approval__main" }, ai = { class: "wm-approval__title" }, oi = {
   key: 0,
   class: "wm-approval__detail"
-}, ci = { class: "wm-approval__actions" };
-function di(e, t, n, i, r, s) {
+}, li = { class: "wm-approval__actions" };
+function ci(e, t, n, i, r, s) {
   const a = I("AIAvatar");
-  return c(), u("div", si, [
-    o("div", ri, [
-      o("div", ii, [
+  return c(), u("div", ni, [
+    o("div", si, [
+      o("div", ri, [
         z(a, { size: 24 })
       ]),
-      o("div", ai, [
-        o("div", oi, v(n.action), 1),
-        n.detail ? (c(), u("div", li, v(n.detail), 1)) : b("", !0)
+      o("div", ii, [
+        o("div", ai, v(n.action), 1),
+        n.detail ? (c(), u("div", oi, v(n.detail), 1)) : b("", !0)
       ])
     ]),
-    o("div", ci, [
+    o("div", li, [
       s.rejectId ? (c(), u("button", {
         key: 0,
         type: "button",
@@ -4141,9 +4159,9 @@ function di(e, t, n, i, r, s) {
     ])
   ]);
 }
-const ui = /* @__PURE__ */ E(ni, [["render", di], ["__scopeId", "data-v-53ddf2b2"]]);
+const di = /* @__PURE__ */ E(ti, [["render", ci], ["__scopeId", "data-v-53ddf2b2"]]);
 let Me = 0;
-const hi = /* @__PURE__ */ new Set([
+const ui = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4151,7 +4169,7 @@ const hi = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), mi = {
+]), hi = {
   name: "WmFormCard",
   components: { AIAvatar: le },
   inject: {
@@ -4179,7 +4197,7 @@ const hi = /* @__PURE__ */ new Set([
     // douteux.
     normalizedFields() {
       var t;
-      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !hi.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
+      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !ui.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
     }
   },
   created() {
@@ -4232,43 +4250,43 @@ const hi = /* @__PURE__ */ new Set([
       }
     }
   }
-}, fi = { class: "wm-form" }, _i = { class: "wm-form__head" }, pi = { class: "wm-form__icon" }, gi = { class: "wm-form__main" }, vi = { class: "wm-form__title" }, yi = {
+}, mi = { class: "wm-form" }, fi = { class: "wm-form__head" }, _i = { class: "wm-form__icon" }, pi = { class: "wm-form__main" }, gi = { class: "wm-form__title" }, vi = {
   key: 0,
   class: "wm-form__detail"
-}, bi = ["for"], wi = {
+}, yi = ["for"], bi = {
   key: 0,
   class: "wm-form__req",
   "aria-hidden": "true"
-}, ki = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ci = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ai = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Si = ["id", "onUpdate:modelValue", "required", "disabled"], Mi = {
+}, wi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], ki = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ci = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ai = ["id", "onUpdate:modelValue", "required", "disabled"], Si = {
   key: 4,
   class: "wm-form__bool"
-}, Ti = ["id", "onUpdate:modelValue", "disabled"], xi = ["id", "onUpdate:modelValue", "required", "disabled"], Oi = {
+}, Mi = ["id", "onUpdate:modelValue", "disabled"], Ti = ["id", "onUpdate:modelValue", "required", "disabled"], xi = {
   value: "",
   disabled: ""
-}, Li = ["value"], Ii = {
+}, Oi = ["value"], Li = {
   key: 6,
   class: "wm-form__multi"
-}, Ei = ["value", "checked", "disabled", "onChange"], Bi = {
+}, Ii = ["value", "checked", "disabled", "onChange"], Ei = {
   key: 0,
   class: "wm-form__err"
-}, Ri = ["disabled"], Ni = {
+}, Bi = ["disabled"], Ri = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Fi = {
+}, Ni = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function ji(e, t, n, i, r, s) {
+function Fi(e, t, n, i, r, s) {
   const a = I("AIAvatar");
-  return c(), u("div", fi, [
-    o("div", _i, [
-      o("div", pi, [
+  return c(), u("div", mi, [
+    o("div", fi, [
+      o("div", _i, [
         z(a, { size: 24 })
       ]),
-      o("div", gi, [
-        o("div", vi, v(n.form.title || s.t("form.title")), 1),
-        n.form.description ? (c(), u("div", yi, v(n.form.description), 1)) : b("", !0)
+      o("div", pi, [
+        o("div", gi, v(n.form.title || s.t("form.title")), 1),
+        n.form.description ? (c(), u("div", vi, v(n.form.description), 1)) : b("", !0)
       ])
     ]),
     o("form", {
@@ -4284,8 +4302,8 @@ function ji(e, t, n, i, r, s) {
           class: "wm-form__label"
         }, [
           pe(v(l.label), 1),
-          l.required ? (c(), u("span", wi, "*")) : b("", !0)
-        ], 8, bi),
+          l.required ? (c(), u("span", bi, "*")) : b("", !0)
+        ], 8, yi),
         l.type === "text" ? V((c(), u("input", {
           key: 0,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4295,8 +4313,8 @@ function ji(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, ki)), [
-          [Z, r.values[l.key]]
+        }, null, 8, wi)), [
+          [ee, r.values[l.key]]
         ]) : l.type === "textarea" ? V((c(), u("textarea", {
           key: 1,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4306,8 +4324,8 @@ function ji(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Ci)), [
-          [Z, r.values[l.key]]
+        }, null, 8, ki)), [
+          [ee, r.values[l.key]]
         ]) : l.type === "number" ? V((c(), u("input", {
           key: 2,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4317,9 +4335,9 @@ function ji(e, t, n, i, r, s) {
           placeholder: l.placeholder || "",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Ai)), [
+        }, null, 8, Ci)), [
           [
-            Z,
+            ee,
             r.values[l.key],
             void 0,
             { number: !0 }
@@ -4332,15 +4350,15 @@ function ji(e, t, n, i, r, s) {
           class: "wm-form__input",
           required: l.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, Si)), [
-          [Z, r.values[l.key]]
-        ]) : l.type === "boolean" ? (c(), u("label", Mi, [
+        }, null, 8, Ai)), [
+          [ee, r.values[l.key]]
+        ]) : l.type === "boolean" ? (c(), u("label", Si, [
           V(o("input", {
             id: `wm-f-${r._uid}-${l.key}`,
             "onUpdate:modelValue": (g) => r.values[l.key] = g,
             type: "checkbox",
             disabled: n.readOnly || r.busy
-          }, null, 8, Ti), [
+          }, null, 8, Mi), [
             [$e, r.values[l.key]]
           ]),
           o("span", null, v(l.placeholder || s.t("common.yes")), 1)
@@ -4352,14 +4370,14 @@ function ji(e, t, n, i, r, s) {
           required: l.required,
           disabled: n.readOnly || r.busy
         }, [
-          o("option", Oi, v(l.placeholder || s.t("form.choose")), 1),
+          o("option", xi, v(l.placeholder || s.t("form.choose")), 1),
           (c(!0), u(L, null, j(l.options, (g) => (c(), u("option", {
             key: g.value,
             value: g.value
-          }, v(g.label), 9, Li))), 128))
-        ], 8, xi)), [
+          }, v(g.label), 9, Oi))), 128))
+        ], 8, Ti)), [
           [He, r.values[l.key]]
-        ]) : l.type === "multiselect" ? (c(), u("div", Ii, [
+        ]) : l.type === "multiselect" ? (c(), u("div", Li, [
           (c(!0), u(L, null, j(l.options, (g) => (c(), u("label", {
             key: g.value,
             class: "wm-form__multiItem"
@@ -4374,25 +4392,25 @@ function ji(e, t, n, i, r, s) {
                 g.value,
                 C.target.checked
               )
-            }, null, 40, Ei),
+            }, null, 40, Ii),
             o("span", null, v(g.label), 1)
           ]))), 128))
         ])) : b("", !0)
       ]))), 128)),
-      r.error ? (c(), u("div", Bi, v(r.error), 1)) : b("", !0),
-      n.readOnly ? (c(), u("div", Fi, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
+      r.error ? (c(), u("div", Ei, v(r.error), 1)) : b("", !0),
+      n.readOnly ? (c(), u("div", Ni, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
         key: 1,
         type: "submit",
         class: "wm-form__submit",
         disabled: r.busy
       }, [
-        r.busy ? (c(), u("span", Ni)) : b("", !0),
+        r.busy ? (c(), u("span", Ri)) : b("", !0),
         o("span", null, v(r.busy ? s.t("common.sending") : n.form.submit_label || s.t("common.send")), 1)
-      ], 8, Ri))
+      ], 8, Bi))
     ], 32)
   ]);
 }
-const Pi = /* @__PURE__ */ E(mi, [["render", ji], ["__scopeId", "data-v-75332dad"]]), Di = {
+const ji = /* @__PURE__ */ E(hi, [["render", Fi], ["__scopeId", "data-v-75332dad"]]), Pi = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4426,13 +4444,13 @@ const Pi = /* @__PURE__ */ E(mi, [["render", ji], ["__scopeId", "data-v-75332dad
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Ui = { class: "wm-fb" }, $i = { class: "wm-fb__title" }, Hi = { class: "wm-fb__sub" }, zi = { class: "wm-fb__row" }, qi = ["onClick"], Vi = { class: "wm-fb__emoji" }, Wi = { class: "wm-fb__label" }, Ki = ["disabled"], Gi = {
+}, Di = { class: "wm-fb" }, Ui = { class: "wm-fb__title" }, $i = { class: "wm-fb__sub" }, Hi = { class: "wm-fb__row" }, zi = ["onClick"], qi = { class: "wm-fb__emoji" }, Vi = { class: "wm-fb__label" }, Ki = ["disabled"], Wi = {
   key: 1,
   class: "wm-fb__done"
-}, Yi = { class: "wm-fb__doneTitle" }, Qi = { class: "wm-fb__doneSub" };
-function Xi(e, t, n, i, r, s) {
-  return c(), u("div", Ui, [
-    n.done ? (c(), u("div", Gi, [
+}, Gi = { class: "wm-fb__doneTitle" }, Yi = { class: "wm-fb__doneSub" };
+function Qi(e, t, n, i, r, s) {
+  return c(), u("div", Di, [
+    n.done ? (c(), u("div", Wi, [
       t[1] || (t[1] = o("div", { class: "wm-fb__check" }, [
         o("svg", {
           width: "16",
@@ -4448,21 +4466,21 @@ function Xi(e, t, n, i, r, s) {
           o("path", { d: "M20 6L9 17l-5-5" })
         ])
       ], -1)),
-      o("div", Yi, v(s.t("feedback.doneTitle")), 1),
-      o("div", Qi, v(s.t("feedback.doneSubtitle")), 1)
+      o("div", Gi, v(s.t("feedback.doneTitle")), 1),
+      o("div", Yi, v(s.t("feedback.doneSubtitle")), 1)
     ])) : (c(), u(L, { key: 0 }, [
-      o("div", $i, v(s.t("feedback.question")), 1),
-      o("div", Hi, v(s.t("feedback.subtitle")), 1),
-      o("div", zi, [
+      o("div", Ui, v(s.t("feedback.question")), 1),
+      o("div", $i, v(s.t("feedback.subtitle")), 1),
+      o("div", Hi, [
         (c(!0), u(L, null, j(s.options, (a) => (c(), u("button", {
           key: a.v,
           type: "button",
           class: x(["wm-fb__opt", { "is-selected": r.sel === a.v }]),
           onClick: (l) => r.sel = a.v
         }, [
-          o("span", Vi, v(a.e), 1),
-          o("span", Wi, v(a.l), 1)
-        ], 10, qi))), 128))
+          o("span", qi, v(a.e), 1),
+          o("span", Vi, v(a.l), 1)
+        ], 10, zi))), 128))
       ]),
       o("button", {
         type: "button",
@@ -4473,7 +4491,7 @@ function Xi(e, t, n, i, r, s) {
     ], 64))
   ]);
 }
-const Ji = /* @__PURE__ */ E(Di, [["render", Xi], ["__scopeId", "data-v-9b630564"]]), Zi = {
+const Xi = /* @__PURE__ */ E(Pi, [["render", Qi], ["__scopeId", "data-v-9b630564"]]), Ji = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4516,24 +4534,24 @@ const Ji = /* @__PURE__ */ E(Di, [["render", Xi], ["__scopeId", "data-v-9b630564
       this.browserNotifOn = !this.browserNotifOn, this.$emit("browser-notif-toggle", this.browserNotifOn);
     }
   }
-}, ea = { class: "wm-mm" }, ta = {
+}, Zi = { class: "wm-mm" }, ea = {
   class: "wm-mm__pop",
   role: "menu"
-}, na = {
+}, ta = {
   key: 0,
   class: "wm-mm__section"
-}, sa = { class: "wm-mm__label" }, ra = { class: "wm-mm__label" }, ia = {
+}, na = { class: "wm-mm__label" }, sa = { class: "wm-mm__label" }, ra = {
   key: 1,
   class: "wm-mm__sep"
-}, aa = { class: "wm-mm__section" }, oa = { class: "wm-mm__label" }, la = { class: "wm-mm__label" }, ca = { class: "wm-mm__section" }, da = { class: "wm-mm__label" }, ua = { class: "wm-mm__label" };
-function ha(e, t, n, i, r, s) {
-  return c(), u("div", ea, [
+}, ia = { class: "wm-mm__section" }, aa = { class: "wm-mm__label" }, oa = { class: "wm-mm__label" }, la = { class: "wm-mm__section" }, ca = { class: "wm-mm__label" }, da = { class: "wm-mm__label" };
+function ua(e, t, n, i, r, s) {
+  return c(), u("div", Zi, [
     o("div", {
       class: "wm-mm__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    o("div", ta, [
-      n.canRename || n.canExport ? (c(), u("div", na, [
+    o("div", ea, [
+      n.canRename || n.canExport ? (c(), u("div", ta, [
         n.canRename ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4556,7 +4574,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z" })
             ])
           ], -1)),
-          o("span", sa, v(s.t("moreMenu.editTitle")), 1)
+          o("span", na, v(s.t("moreMenu.editTitle")), 1)
         ])) : b("", !0),
         n.canExport ? (c(), u("button", {
           key: 1,
@@ -4579,12 +4597,12 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8M16 6l-4-4-4 4M12 2v13" })
             ])
           ], -1)),
-          o("span", ra, v(s.t("moreMenu.exportTranscript")), 1),
+          o("span", sa, v(s.t("moreMenu.exportTranscript")), 1),
           t[9] || (t[9] = o("span", { class: "wm-mm__hint" }, ".txt", -1))
         ])) : b("", !0)
       ])) : b("", !0),
-      n.canRename || n.canExport ? (c(), u("div", ia)) : b("", !0),
-      o("div", aa, [
+      n.canRename || n.canExport ? (c(), u("div", ra)) : b("", !0),
+      o("div", ia, [
         o("button", {
           type: "button",
           class: "wm-mm__item",
@@ -4606,7 +4624,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M15.54 8.46a5 5 0 010 7.07M19.07 4.93a10 10 0 010 14.14" })
             ])
           ], -1)),
-          o("span", oa, v(s.t("moreMenu.sound")), 1),
+          o("span", aa, v(s.t("moreMenu.sound")), 1),
           o("span", {
             class: x(["wm-mm__toggle", { "wm-mm__toggle--on": r.soundOn }])
           }, [...t[10] || (t[10] = [
@@ -4633,7 +4651,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M15 17h5l-1.4-1.4A2 2 0 0118 14.2V11a6 6 0 10-12 0v3.2c0 .5-.2 1-.6 1.4L4 17h5m6 0a3 3 0 11-6 0" })
             ])
           ], -1)),
-          o("span", la, v(s.t("moreMenu.browserNotifications")), 1),
+          o("span", oa, v(s.t("moreMenu.browserNotifications")), 1),
           o("span", {
             class: x(["wm-mm__toggle", { "wm-mm__toggle--on": r.browserNotifOn }])
           }, [...t[12] || (t[12] = [
@@ -4642,7 +4660,7 @@ function ha(e, t, n, i, r, s) {
         ])
       ]),
       t[16] || (t[16] = o("div", { class: "wm-mm__sep" }, null, -1)),
-      o("div", ca, [
+      o("div", la, [
         n.statusUrl ? (c(), u("button", {
           key: 0,
           type: "button",
@@ -4664,7 +4682,7 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 6v4l3 2" })
             ])
           ], -1)),
-          o("span", da, v(s.t("moreMenu.serviceStatus")), 1)
+          o("span", ca, v(s.t("moreMenu.serviceStatus")), 1)
         ])) : b("", !0),
         n.helpUrl ? (c(), u("button", {
           key: 1,
@@ -4687,13 +4705,13 @@ function ha(e, t, n, i, r, s) {
               o("path", { d: "M9 11a3 3 0 116 0c0 2-3 2-3 5M12 19h.01M12 22a10 10 0 110-20 10 10 0 010 20z" })
             ])
           ], -1)),
-          o("span", ua, v(s.t("moreMenu.helpCenter")), 1)
+          o("span", da, v(s.t("moreMenu.helpCenter")), 1)
         ])) : b("", !0)
       ])
     ])
   ]);
 }
-const ma = /* @__PURE__ */ E(Zi, [["render", ha], ["__scopeId", "data-v-76281e95"]]), fa = {
+const ha = /* @__PURE__ */ E(Ji, [["render", ua], ["__scopeId", "data-v-76281e95"]]), ma = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4735,20 +4753,20 @@ const ma = /* @__PURE__ */ E(Zi, [["render", ha], ["__scopeId", "data-v-76281e95
       this.canSubmit && this.$emit("submit", this.value.trim());
     }
   }
-}, _a = { class: "wm-dialog" }, pa = {
+}, fa = { class: "wm-dialog" }, _a = {
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
-}, ga = { class: "wm-dialog__head" }, va = { class: "wm-dialog__title" }, ya = ["aria-label"], ba = { class: "wm-dialog__body" }, wa = ["placeholder"], ka = { class: "wm-dialog__actions" }, Ca = ["disabled"];
-function Aa(e, t, n, i, r, s) {
-  return c(), u("div", _a, [
+}, pa = { class: "wm-dialog__head" }, ga = { class: "wm-dialog__title" }, va = ["aria-label"], ya = { class: "wm-dialog__body" }, ba = ["placeholder"], wa = { class: "wm-dialog__actions" }, ka = ["disabled"];
+function Ca(e, t, n, i, r, s) {
+  return c(), u("div", fa, [
     o("div", {
       class: "wm-dialog__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    o("div", pa, [
-      o("div", ga, [
-        o("div", va, v(n.title || s.t("rename.title")), 1),
+    o("div", _a, [
+      o("div", pa, [
+        o("div", ga, v(n.title || s.t("rename.title")), 1),
         o("button", {
           type: "button",
           class: "wm-dialog__close",
@@ -4768,9 +4786,9 @@ function Aa(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, ya)
+        ])], 8, va)
       ]),
-      o("div", ba, [
+      o("div", ya, [
         V(o("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => r.value = a),
@@ -4782,11 +4800,11 @@ function Aa(e, t, n, i, r, s) {
             t[3] || (t[3] = ue(X((...a) => s.onSubmit && s.onSubmit(...a), ["prevent"]), ["enter"])),
             t[4] || (t[4] = ue(X((a) => e.$emit("close"), ["prevent"]), ["esc"]))
           ]
-        }, null, 40, wa), [
-          [Z, r.value]
+        }, null, 40, ba), [
+          [ee, r.value]
         ])
       ]),
-      o("div", ka, [
+      o("div", wa, [
         o("button", {
           type: "button",
           class: "wm-dialog__btn",
@@ -4797,25 +4815,25 @@ function Aa(e, t, n, i, r, s) {
           class: "wm-dialog__btn wm-dialog__btn--primary",
           disabled: !s.canSubmit,
           onClick: t[6] || (t[6] = (...a) => s.onSubmit && s.onSubmit(...a))
-        }, v(s.t("common.save")), 9, Ca)
+        }, v(s.t("common.save")), 9, ka)
       ])
     ])
   ]);
 }
-const Sa = /* @__PURE__ */ E(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8"]]), Te = "ww-messenger-tokens", Ma = {
+const Aa = /* @__PURE__ */ E(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8"]]), Te = "ww-messenger-tokens", Sa = {
   name: "Messenger",
   components: {
     Launcher: jt,
     Header: ln,
     Onboarding: Hn,
-    MessageList: Ir,
-    Composer: Xr,
-    SuggestionChips: ti,
-    ApprovalCard: ui,
-    FormCard: Pi,
-    Feedback: Ji,
-    MoreMenu: ma,
-    RenameDialog: Sa
+    MessageList: Lr,
+    Composer: Qr,
+    SuggestionChips: ei,
+    ApprovalCard: di,
+    FormCard: ji,
+    Feedback: Xi,
+    MoreMenu: ha,
+    RenameDialog: Aa
   },
   mixins: [
     ot,
@@ -5382,7 +5400,7 @@ const Sa = /* @__PURE__ */ E(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
       }
       try {
         this.transport = ye(
-          Ke({
+          We({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId,
             userId: this.userId,
@@ -5648,28 +5666,28 @@ const Sa = /* @__PURE__ */ E(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
       }
     }
   }
-}, Ta = {
+}, Ma = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, xa = ["aria-label"], Oa = {
+}, Ta = ["aria-label"], xa = {
   key: 0,
   class: "wm-state"
-}, La = { class: "wm-state__err" }, Ia = { class: "wm-state__errTitle" }, Ea = { class: "wm-state__errSub" }, Ba = { class: "wm-bottom" }, Ra = {
+}, Oa = { class: "wm-state__err" }, La = { class: "wm-state__errTitle" }, Ia = { class: "wm-state__errSub" }, Ea = { class: "wm-bottom" }, Ba = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, Na = {
+}, Ra = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Fa = { class: "wm-actionWait__lbl" }, ja = {
+}, Na = { class: "wm-actionWait__lbl" }, Fa = {
   key: 2,
   class: "wm-attached"
-}, Pa = ["aria-label", "onClick"];
-function Da(e, t, n, i, r, s) {
+}, ja = ["aria-label", "onClick"];
+function Pa(e, t, n, i, r, s) {
   const a = I("Launcher"), l = I("Header"), g = I("Onboarding"), C = I("MessageList"), k = I("ApprovalCard"), T = I("FormCard"), B = I("Feedback"), A = I("SuggestionChips"), H = I("Composer"), M = I("MoreMenu"), D = I("RenameDialog");
   return c(), u("div", {
     class: x(["wm-root", `wm-root--${n.displayMode}`])
@@ -5684,11 +5702,11 @@ function Da(e, t, n, i, r, s) {
     r.isOpen || s.isEmbedded ? (c(), u("section", {
       key: 1,
       class: x(["wm-panel", `wm-panel--${n.displayMode}`]),
-      style: W(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
+      style: K(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger"
     }, [
-      !s.ready && !s.error ? (c(), u("div", Ta, [
+      !s.ready && !s.error ? (c(), u("div", Ma, [
         s.isEmbedded ? b("", !0) : (c(), u("button", {
           key: 0,
           type: "button",
@@ -5709,7 +5727,7 @@ function Da(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, xa)),
+        ])], 8, Ta)),
         t[6] || (t[6] = o("div", {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
@@ -5727,8 +5745,8 @@ function Da(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", "onBack", "onMore", "onClose"]),
-        s.error ? (c(), u("div", Oa, [
-          o("div", La, [
+        s.error ? (c(), u("div", xa, [
+          o("div", Oa, [
             t[7] || (t[7] = o("div", { class: "wm-state__errIcon" }, [
               o("svg", {
                 width: "14",
@@ -5745,8 +5763,8 @@ function Da(e, t, n, i, r, s) {
               ])
             ], -1)),
             o("div", null, [
-              o("div", Ia, v(s.t("error.connectionFailed")), 1),
-              o("div", Ea, v(s.error), 1)
+              o("div", La, v(s.t("error.connectionFailed")), 1),
+              o("div", Ia, v(s.error), 1)
             ])
           ])
         ])) : s.currentConv ? (c(), u(L, { key: 2 }, [
@@ -5762,8 +5780,8 @@ function Da(e, t, n, i, r, s) {
             "unread-boundary-ts": e.unreadBoundaryTs,
             onLoadMore: s.onLoadMore
           }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "unread-anchor-id", "unread-boundary-ts", "onLoadMore"]),
-          o("div", Ba, [
-            s.floatVisible ? (c(), u("div", Ra, [
+          o("div", Ea, [
+            s.floatVisible ? (c(), u("div", Ba, [
               s.approvalReady ? (c(), R(k, {
                 key: 0,
                 action: s.approvalTitle,
@@ -5785,12 +5803,12 @@ function Da(e, t, n, i, r, s) {
                 onSelect: s.onSuggestion
               }, null, 8, ["items", "onSelect"]))
             ], 512)) : b("", !0),
-            s.actionInFlight ? (c(), u("div", Na, [
+            s.actionInFlight ? (c(), u("div", Ra, [
               t[8] || (t[8] = o("span", {
                 class: "wm-actionWait__spinner",
                 "aria-hidden": "true"
               }, null, -1)),
-              o("span", Fa, v(s.t("action.inProgress", {
+              o("span", Na, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
             ])) : (c(), R(H, {
@@ -5825,7 +5843,7 @@ function Da(e, t, n, i, r, s) {
             onClose: t[3] || (t[3] = (N) => r.renameDialogOpen = !1),
             onSubmit: s.onRenameSubmit
           }, null, 8, ["initial-value", "title", "onSubmit"])) : b("", !0),
-          r.pendingAttachments.length ? (c(), u("div", ja, [
+          r.pendingAttachments.length ? (c(), u("div", Fa, [
             (c(!0), u(L, null, j(r.pendingAttachments, (N, $) => (c(), u("div", {
               key: $,
               class: "wm-attached__chip"
@@ -5847,7 +5865,7 @@ function Da(e, t, n, i, r, s) {
               o("button", {
                 type: "button",
                 "aria-label": s.t("attachment.remove"),
-                onClick: (K) => r.pendingAttachments.splice($, 1)
+                onClick: (W) => r.pendingAttachments.splice($, 1)
               }, [...t[9] || (t[9] = [
                 o("svg", {
                   width: "10",
@@ -5862,7 +5880,7 @@ function Da(e, t, n, i, r, s) {
                 }, [
                   o("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, Pa)
+              ])], 8, ja)
             ]))), 128))
           ])) : b("", !0)
         ], 64)) : (c(), R(g, {
@@ -5893,53 +5911,53 @@ function Da(e, t, n, i, r, s) {
     ], 6)) : b("", !0)
   ], 2);
 }
-const Ha = /* @__PURE__ */ E(Ma, [["render", Da], ["__scopeId", "data-v-d9dce1ad"]]), za = "0.4.2";
+const $a = /* @__PURE__ */ E(Sa, [["render", Pa], ["__scopeId", "data-v-d9dce1ad"]]), Ha = "0.4.3";
 export {
   le as AIAvatar,
   fe as AVATAR_COLORS,
   es as ActionResult,
-  ui as ApprovalCard,
+  di as ApprovalCard,
   cs as ArtifactFormResponse,
   ks as ArtifactInfoCard,
   $s as ArtifactRenderer,
   js as ArtifactTicket,
   Zs as AttachmentPreview,
   sr as Bubble,
-  Xr as Composer,
+  Qr as Composer,
   Ze as DEFAULT_BASE_URL,
   ie as DEFAULT_LANGUAGE,
-  Ji as Feedback,
-  Pi as FormCard,
+  Xi as Feedback,
+  ji as FormCard,
   ln as Header,
   Ee as HumanAvatar,
   jt as Launcher,
   ve as MEDIA_RECORDER_SUPPORTED,
-  Ir as MessageList,
-  Ha as Messenger,
-  ma as MoreMenu,
+  Lr as MessageList,
+  $a as Messenger,
+  ha as MoreMenu,
   Hn as Onboarding,
   he as SCREEN_CAPTURE_SUPPORTED,
   et as SUPPORTED_LANGUAGES,
-  ti as SuggestionChips,
+  ei as SuggestionChips,
   Gt as TeamAvatars,
   or as Typing,
-  za as VERSION,
+  Ha as VERSION,
   xe as avatarColor,
   Oe as avatarInitials,
-  Br as captureScreenshotFile,
+  Er as captureScreenshotFile,
   U as colors,
   Xe as createStore,
   P as createTranslator,
-  Ke as createTransport,
+  We as createTransport,
   oe as dateLocale,
-  Ha as default,
+  $a as default,
   Le as formatTime,
-  $a as guessAttachmentKind,
-  Er as pickRecorderMime,
+  Ua as guessAttachmentKind,
+  Ir as pickRecorderMime,
   dn as renderInlineMarkdown,
   un as renderMarkdown,
   ge as resolveLanguage,
-  Nr as startScreenRecording,
+  Rr as startScreenRecording,
   Je as tokensCss,
   Qe as uuid,
   Qe as v4