@_solaris/messenger-widget 0.4.11 → 0.4.13

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Ue, openBlock as c, createElementBlock as u, normalizeStyle as z, normalizeClass as x, toDisplayString as v, resolveComponent as L, createVNode as $, Transition as Fe, withCtx as je, Fragment as I, renderList as F, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as K, vModelText as ee, createTextVNode as ge, resolveDynamicComponent as Pe, renderSlot as De, vModelCheckbox as He, vModelSelect as ze, markRaw as we } from "vue";
+import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as z, normalizeClass as x, toDisplayString as v, resolveComponent as L, createVNode as $, Transition as Ue, withCtx as je, Fragment as I, renderList as U, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as w, createBlock as R, withDirectives as K, vModelText as ee, createTextVNode as ge, resolveDynamicComponent as Pe, renderSlot as De, vModelCheckbox as He, vModelSelect as ze, markRaw as be } from "vue";
 const qe = [
   "connected",
   "message",
@@ -39,8 +39,8 @@ function We(e) {
     _ && _.forEach((y) => {
       try {
         y(f);
-      } catch (w) {
-        console.error("[transport] listener", d, w);
+      } catch (b) {
+        console.error("[transport] listener", d, b);
       }
     });
   }
@@ -61,10 +61,10 @@ function We(e) {
       body: _ !== void 0 ? JSON.stringify(_) : void 0
     });
     if (!y.ok) {
-      const w = await l(y), S = new Error(
-        `HTTP ${y.status} ${d} ${f} :: ${(w == null ? void 0 : w.error) || y.statusText}`
+      const b = await l(y), S = new Error(
+        `HTTP ${y.status} ${d} ${f} :: ${(b == null ? void 0 : b.error) || y.statusText}`
       );
-      throw S.status = y.status, S.body = w, S;
+      throw S.status = y.status, S.body = b, S;
     }
     return y.status === 204 ? null : y.json();
   }
@@ -77,9 +77,12 @@ function We(e) {
   }
   async function p() {
     const [d, f] = await Promise.all([
-      // Public — no HMAC required.
+      // Public endpoint, but auth-aware: when the HMAC triplet is
+      // present the server resolves {{customer.*}} templates against
+      // the authenticated customer's stored values.
       fetch(
-        `${t.baseUrl}/widgets/${encodeURIComponent(t.widgetId)}/config`
+        `${t.baseUrl}/widgets/${encodeURIComponent(t.widgetId)}/config`,
+        { headers: s() }
       ).then(async (_) => {
         if (!_.ok) {
           const y = await l(_);
@@ -170,14 +173,14 @@ function We(e) {
     const f = (
       /** @type {File} */
       d.name || "attachment"
-    ), _ = d.type || "application/octet-stream", y = d.size || 0, w = (
+    ), _ = d.type || "application/octet-stream", y = d.size || 0, b = (
       /** @type {import('./types.js').AttachmentUploadTicket} */
       await a("POST", "/attachments", {
         mime_type: _,
         size_bytes: y,
         name: f
       })
-    ), S = await fetch(w.upload_url, {
+    ), S = await fetch(b.upload_url, {
       method: "PUT",
       headers: { "Content-Type": _ },
       body: d
@@ -186,7 +189,7 @@ function We(e) {
       throw new Error(`HTTP ${S.status} PUT signed upload`);
     return {
       type: Ye(_),
-      path: w.path,
+      path: b.path,
       mime_type: _,
       size_bytes: y
     };
@@ -240,8 +243,8 @@ function We(e) {
   }
   async function ce() {
     try {
-      const d = await T(), f = d.reduce((y, w) => {
-        const S = w == null ? void 0 : w.last_message_at;
+      const d = await T(), f = d.reduce((y, b) => {
+        const S = b == null ? void 0 : b.last_message_at;
         return S && (!y || S > y) ? S : y;
       }, null);
       f && (!t.lastActivityAt || f > t.lastActivityAt) && (t.lastActivityAt = f, i("activity", { conversations: d, latestAt: f }), V());
@@ -276,8 +279,8 @@ function We(e) {
     try {
       const f = await T();
       t.lastActivityAt = f.reduce((_, y) => {
-        const w = y == null ? void 0 : y.last_message_at;
-        return w && (!_ || w > _) ? w : _;
+        const b = y == null ? void 0 : y.last_message_at;
+        return b && (!_ || b > _) ? b : _;
       }, null);
     } catch (f) {
       console.error("[transport] initial /conversations failed", f);
@@ -337,7 +340,7 @@ function Qe() {
   return t.slice(0, 4).join("") + "-" + t.slice(4, 6).join("") + "-" + t.slice(6, 8).join("") + "-" + t.slice(8, 10).join("") + "-" + t.slice(10, 16).join("");
 }
 function Xe(e) {
-  const t = Ue({
+  const t = Fe({
     ready: !1,
     error: null,
     config: null,
@@ -460,9 +463,9 @@ function Xe(e) {
         const g = await e.listMessages(m, {
           limit: l
         }), d = (g == null ? void 0 : g.messages) ?? [], f = t.messagesByConv[m] || [], _ = /* @__PURE__ */ new Set();
-        for (const w of d)
-          (w == null ? void 0 : w.id) != null && _.add(`id:${String(w.id)}`), w != null && w.client_msg_id && _.add(`c:${w.client_msg_id}`);
-        const y = f.filter((w) => !((w == null ? void 0 : w.id) != null && _.has(`id:${String(w.id)}`) || w != null && w.client_msg_id && _.has(`c:${w.client_msg_id}`)));
+        for (const b of d)
+          (b == null ? void 0 : b.id) != null && _.add(`id:${String(b.id)}`), b != null && b.client_msg_id && _.add(`c:${b.client_msg_id}`);
+        const y = f.filter((b) => !((b == null ? void 0 : b.id) != null && _.has(`id:${String(b.id)}`) || b != null && b.client_msg_id && _.has(`c:${b.client_msg_id}`)));
         t.messagesByConv[m] = [...d, ...y].sort(
           ce
         ), k(m, {
@@ -490,11 +493,11 @@ function Xe(e) {
         const _ = await e.listMessages(m, {
           before: d,
           limit: l
-        }), y = (_ == null ? void 0 : _.messages) ?? [], w = t.messagesByConv[m] || [], S = /* @__PURE__ */ new Set();
-        for (const O of w)
+        }), y = (_ == null ? void 0 : _.messages) ?? [], b = t.messagesByConv[m] || [], S = /* @__PURE__ */ new Set();
+        for (const O of b)
           (O == null ? void 0 : O.id) != null && S.add(`id:${String(O.id)}`), O != null && O.client_msg_id && S.add(`c:${O.client_msg_id}`);
-        const U = y.filter((O) => !((O == null ? void 0 : O.id) != null && S.has(`id:${String(O.id)}`) || O != null && O.client_msg_id && S.has(`c:${O.client_msg_id}`)));
-        t.messagesByConv[m] = [...U, ...w], k(m, {
+        const F = y.filter((O) => !((O == null ? void 0 : O.id) != null && S.has(`id:${String(O.id)}`) || O != null && O.client_msg_id && S.has(`c:${O.client_msg_id}`)));
+        t.messagesByConv[m] = [...F, ...b], k(m, {
           nextCursor: (_ == null ? void 0 : _.next_cursor) ?? null,
           loading: !1,
           loaded: !0
@@ -526,12 +529,12 @@ function Xe(e) {
       const _ = /* @__PURE__ */ new Set(), y = /* @__PURE__ */ new Set();
       for (const S of h)
         (S == null ? void 0 : S.id) != null && _.add(String(S.id)), S != null && S.client_msg_id && y.add(S.client_msg_id);
-      const w = [];
+      const b = [];
       for (const S of f) {
-        const U = (S == null ? void 0 : S.id) != null && _.has(String(S.id)) || (S == null ? void 0 : S.client_msg_id) && y.has(S.client_msg_id);
-        Y(m, S), U || w.push(S);
+        const F = (S == null ? void 0 : S.id) != null && _.has(String(S.id)) || (S == null ? void 0 : S.client_msg_id) && y.has(S.client_msg_id);
+        Y(m, S), F || b.push(S);
       }
-      return w;
+      return b;
     } catch (d) {
       return console.error("[store] fetchSinceLast failed", d), [];
     }
@@ -549,10 +552,10 @@ function Xe(e) {
       }
   }
   async function q(m, h, { attachments: g, metadata: d } = {}) {
-    var U;
+    var F;
     const f = (h || "").trim(), _ = Array.isArray(g) && g.length > 0;
     if (!m || !f && !_) return;
-    const y = Qe(), w = se(m), S = {
+    const y = Qe(), b = se(m), S = {
       id: y,
       client_msg_id: y,
       conversation_id: m,
@@ -560,9 +563,9 @@ function Xe(e) {
       text_md: f,
       author: {
         type: "user",
-        id: ((U = t.customer) == null ? void 0 : U.external_id) || null
+        id: ((F = t.customer) == null ? void 0 : F.external_id) || null
       },
-      created_at: w,
+      created_at: b,
       // Local-only flag — UI may render dimmed until the SSE echo lands.
       _pending: !0,
       ..._ ? { payload: { type: "content", attachments: g } } : {},
@@ -573,7 +576,7 @@ function Xe(e) {
       await e.postMessage(m, {
         client_msg_id: y,
         text_md: f,
-        created_at: w,
+        created_at: b,
         ..._ ? { attachments: g } : {},
         ...d && typeof d == "object" ? { metadata: d } : {}
       });
@@ -640,9 +643,9 @@ function Xe(e) {
       const y = h[_];
       if (((g = y == null ? void 0 : y.author) == null ? void 0 : g.type) === "user" || (y == null ? void 0 : y.type) === "action" && ((d = y == null ? void 0 : y.payload) == null ? void 0 : d.state) === "pending")
         return null;
-      const w = (f = y == null ? void 0 : y.metadata) == null ? void 0 : f.form;
-      if (w && Array.isArray(w.fields) && w.fields.length > 0)
-        return { message: y, form: w };
+      const b = (f = y == null ? void 0 : y.metadata) == null ? void 0 : f.form;
+      if (b && Array.isArray(b.fields) && b.fields.length > 0)
+        return { message: y, form: b };
     }
     return null;
   }
@@ -658,21 +661,21 @@ function Xe(e) {
     var g, d, f, _;
     const h = t.messagesByConv[m] || [];
     for (let y = h.length - 1; y >= 0; y--) {
-      const w = h[y];
-      if (((g = w == null ? void 0 : w.author) == null ? void 0 : g.type) === "user") return [];
-      if ((w == null ? void 0 : w.type) === "action" && ((d = w == null ? void 0 : w.payload) == null ? void 0 : d.state) === "pending")
+      const b = h[y];
+      if (((g = b == null ? void 0 : b.author) == null ? void 0 : g.type) === "user") return [];
+      if ((b == null ? void 0 : b.type) === "action" && ((d = b == null ? void 0 : b.payload) == null ? void 0 : d.state) === "pending")
         return [];
-      if (((f = w == null ? void 0 : w.author) == null ? void 0 : f.type) !== "agent_ia") continue;
-      const S = (_ = w == null ? void 0 : w.metadata) == null ? void 0 : _.suggested_replies;
-      return Array.isArray(S) && S.length ? S.map((U) => {
-        if (typeof U == "string") {
-          const O = U.trim();
+      if (((f = b == null ? void 0 : b.author) == null ? void 0 : f.type) !== "agent_ia") continue;
+      const S = (_ = b == null ? void 0 : b.metadata) == null ? void 0 : _.suggested_replies;
+      return Array.isArray(S) && S.length ? S.map((F) => {
+        if (typeof F == "string") {
+          const O = F.trim();
           return O ? { label: O, kind: null } : null;
         }
-        if (U && typeof U == "object" && typeof U.label == "string") {
-          const O = U.label.trim();
+        if (F && typeof F == "object" && typeof F.label == "string") {
+          const O = F.label.trim();
           if (!O) return null;
-          const Ne = U.kind === "cta" || U.kind === "choice" || U.kind === "followup" ? U.kind : null;
+          const Ne = F.kind === "cta" || F.kind === "choice" || F.kind === "followup" ? F.kind : null;
           return { label: O, kind: Ne };
         }
         return null;
@@ -1641,7 +1644,7 @@ const B = (e, t) => {
     }
   }
 }, yt = ["src", "alt"];
-function bt(e, t, n, i, r, s) {
+function wt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-huav", { "wm-huav--tail": n.tail }]),
     style: z({
@@ -1661,7 +1664,7 @@ function bt(e, t, n, i, r, s) {
     }, v(s.initials), 5))
   ], 6);
 }
-const Be = /* @__PURE__ */ B(vt, [["render", bt], ["__scopeId", "data-v-14e10c0d"]]), wt = 3, kt = {
+const Be = /* @__PURE__ */ B(vt, [["render", wt], ["__scopeId", "data-v-14e10c0d"]]), bt = 3, kt = {
   name: "WmLauncher",
   components: { HumanAvatar: Be },
   inject: {
@@ -1684,20 +1687,20 @@ const Be = /* @__PURE__ */ B(vt, [["render", bt], ["__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, wt).reverse();
+      return this.peeks.slice(0, bt).reverse();
     }
   }
 }, Ct = { class: "wm-launcherWrap" }, At = ["aria-label", "onClick", "onKeydown"], St = ["aria-label", "onClick"], Mt = { class: "wm-peek__avatar" }, Tt = ["aria-label"], xt = { class: "wm-peek__body" }, Ot = { class: "wm-peek__head" }, It = { class: "wm-peek__name" }, Lt = { class: "wm-peek__action" }, Bt = { class: "wm-peek__text" }, Et = ["onClick"], Rt = ["aria-label"], Nt = ["aria-label"];
-function Ut(e, t, n, i, r, s) {
+function Ft(e, t, n, i, r, s) {
   const a = L("HumanAvatar");
   return c(), u("div", Ct, [
-    $(Fe, { name: "wm-peek" }, {
+    $(Ue, { name: "wm-peek" }, {
       default: je(() => [
         s.visiblePeeks.length ? (c(), u("div", {
           key: 0,
           class: x(["wm-peekStack", { "wm-peekStack--multi": s.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), u(I, null, F(s.visiblePeeks, (l, p) => (c(), u("div", {
+          (c(!0), u(I, null, U(s.visiblePeeks, (l, p) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
             style: z({
@@ -1745,7 +1748,7 @@ function Ut(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, Tt)) : b("", !0)
+              }, v(l.count > 9 ? "9+" : l.count), 9, Tt)) : w("", !0)
             ]),
             o("div", xt, [
               o("div", Ot, [
@@ -1760,7 +1763,7 @@ function Ut(e, t, n, i, r, s) {
               onClick: X((C) => e.$emit("open", l.convId), ["stop"])
             }, v(s.t("common.open")), 9, Et)
           ], 44, At))), 128))
-        ], 2)) : b("", !0)
+        ], 2)) : w("", !0)
       ]),
       _: 1
     }),
@@ -1791,11 +1794,11 @@ function Ut(e, t, n, i, r, s) {
         }) : s.t("launcher.unreadConversationsOne", {
           count: n.unreadCount
         })
-      }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Nt)) : b("", !0)
+      }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Nt)) : w("", !0)
     ], 8, Rt)
   ]);
 }
-const Ft = /* @__PURE__ */ B(kt, [["render", Ut], ["__scopeId", "data-v-5193a529"]]), jt = {
+const Ut = /* @__PURE__ */ B(kt, [["render", Ft], ["__scopeId", "data-v-5193a529"]]), jt = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -1837,7 +1840,7 @@ function zt(e, t, n, i, r, s) {
       "--wm-avr": n.size * 0.32 + "px"
     })
   }, [
-    n.pulse ? (c(), u("div", Pt)) : b("", !0),
+    n.pulse ? (c(), u("div", Pt)) : w("", !0),
     o("div", {
       class: x(["wm-aiav__inner", {
         "wm-aiav__inner--glow": n.pulse,
@@ -1921,7 +1924,7 @@ function Gt(e, t, n, i, r, s) {
       class: "wm-team__stack",
       style: z({ width: s.stackWidth + "px" })
     }, [
-      (c(!0), u(I, null, F(n.members.slice(0, 3), (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, U(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
         style: z({
@@ -1937,8 +1940,8 @@ function Gt(e, t, n, i, r, s) {
         }, null, 8, Vt)) : (c(), u("span", Kt, v(s.initialsFor(a)), 1))
       ], 4))), 128))
     ], 4),
-    n.responseLabel ? (c(), u("span", Wt, v(n.responseLabel), 1)) : b("", !0)
-  ])) : b("", !0);
+    n.responseLabel ? (c(), u("span", Wt, v(n.responseLabel), 1)) : w("", !0)
+  ])) : w("", !0);
 }
 const Yt = /* @__PURE__ */ B(qt, [["render", Gt], ["__scopeId", "data-v-e49a9063"]]), Qt = {
   name: "WmHeader",
@@ -2025,7 +2028,7 @@ function ln(e, t, n, i, r, s) {
         key: 0,
         members: s.displayedTeamMembers,
         "response-label": ""
-      }, null, 8, ["members"])) : b("", !0)
+      }, null, 8, ["members"])) : w("", !0)
     ], 64)) : (c(), u("div", sn)),
     o("div", rn, [
       n.showMore ? (c(), u("button", {
@@ -2059,7 +2062,7 @@ function ln(e, t, n, i, r, s) {
             r: "1.6"
           })
         ], -1)
-      ])], 10, an)) : b("", !0),
+      ])], 10, an)) : w("", !0),
       n.showClose ? (c(), u("button", {
         key: 1,
         type: "button",
@@ -2081,7 +2084,7 @@ function ln(e, t, n, i, r, s) {
         }, [
           o("path", { d: "M18 6L6 18M6 6l12 12" })
         ], -1)
-      ])], 8, on)) : b("", !0)
+      ])], 8, on)) : w("", !0)
     ])
   ]);
 }
@@ -2250,10 +2253,10 @@ const Te = {
       });
     }
   }
-}, fn = { class: "wm-onb" }, _n = { class: "wm-onb__hero" }, gn = { class: "wm-onb__title" }, pn = { class: "wm-onb__sub" }, vn = { class: "wm-onb__cta" }, yn = ["disabled"], bn = {
+}, fn = { class: "wm-onb" }, _n = { class: "wm-onb__hero" }, gn = { class: "wm-onb__title" }, pn = { class: "wm-onb__sub" }, vn = { class: "wm-onb__cta" }, yn = ["disabled"], wn = {
   key: 0,
   class: "wm-onb__section"
-}, wn = { class: "wm-onb__section-title" }, kn = ["onClick"], Cn = { class: "wm-onb__card-icon" }, An = {
+}, bn = { class: "wm-onb__section-title" }, kn = ["onClick"], Cn = { class: "wm-onb__card-icon" }, An = {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -2269,7 +2272,7 @@ const Te = {
 }, On = {
   key: 1,
   class: "wm-onb__section"
-}, In = { class: "wm-onb__section-title" }, Ln = { class: "wm-onb__search" }, Bn = ["placeholder", "aria-label"], En = { class: "wm-onb__list" }, Rn = ["onClick"], Nn = ["aria-label"], Un = { class: "wm-onb__thread-body" }, Fn = { class: "wm-onb__thread-title" }, jn = ["innerHTML"], Pn = { class: "wm-onb__thread-meta" }, Dn = {
+}, In = { class: "wm-onb__section-title" }, Ln = { class: "wm-onb__search" }, Bn = ["placeholder", "aria-label"], En = { class: "wm-onb__list" }, Rn = ["onClick"], Nn = ["aria-label"], Fn = { class: "wm-onb__thread-body" }, Un = { class: "wm-onb__thread-title" }, jn = ["innerHTML"], Pn = { class: "wm-onb__thread-meta" }, Dn = {
   key: 0,
   class: "wm-onb__thread-time"
 }, Hn = {
@@ -2280,9 +2283,42 @@ function zn(e, t, n, i, r, s) {
   const a = L("AIAvatar");
   return c(), u("div", fn, [
     o("div", _n, [
+      t[2] || (t[2] = o("svg", {
+        class: "wm-onb__hero-deco",
+        width: "180",
+        height: "180",
+        viewBox: "0 0 180 180",
+        fill: "none",
+        "aria-hidden": "true"
+      }, [
+        o("circle", {
+          cx: "170",
+          cy: "10",
+          r: "105",
+          stroke: "#5B5FEF",
+          "stroke-width": "1",
+          "stroke-dasharray": "1 5",
+          opacity: "0.35"
+        }),
+        o("circle", {
+          cx: "170",
+          cy: "10",
+          r: "72",
+          stroke: "#5B5FEF",
+          "stroke-width": "1",
+          "stroke-dasharray": "1 5",
+          opacity: "0.5"
+        }),
+        o("circle", {
+          cx: "152",
+          cy: "34",
+          r: "2.5",
+          fill: "#5B5FEF",
+          opacity: "0.65"
+        })
+      ], -1)),
       $(a, {
-        size: 56,
-        pulse: !0,
+        size: 48,
         "image-url": n.defaultIconUrl
       }, null, 8, ["image-url"]),
       o("div", gn, v(s.heroTitle), 1),
@@ -2295,7 +2331,7 @@ function zn(e, t, n, i, r, s) {
         disabled: n.busy,
         onClick: t[0] || (t[0] = (l) => e.$emit("start"))
       }, [
-        t[2] || (t[2] = o("span", { class: "wm-onb__startIcon" }, [
+        t[3] || (t[3] = o("span", { class: "wm-onb__startIcon" }, [
           o("svg", {
             width: "12",
             height: "12",
@@ -2313,12 +2349,12 @@ function zn(e, t, n, i, r, s) {
         o("span", null, v(n.busy ? "…" : s.t("onboarding.start")), 1)
       ], 8, yn)
     ]),
-    n.quickLinks.length ? (c(), u("div", bn, [
-      o("div", wn, v(s.t("onboarding.quickAccess")), 1),
+    n.quickLinks.length ? (c(), u("div", wn, [
+      o("div", bn, v(s.t("onboarding.quickAccess")), 1),
       o("div", {
         class: x(s.quickLinksLayout)
       }, [
-        (c(!0), u(I, null, F(n.quickLinks, (l, p) => (c(), u("button", {
+        (c(!0), u(I, null, U(n.quickLinks, (l, p) => (c(), u("button", {
           key: p,
           type: "button",
           class: x(["wm-onb__card", { "wm-onb__card--row": s.isOddQuickLinks }]),
@@ -2333,15 +2369,15 @@ function zn(e, t, n, i, r, s) {
           ]),
           o("span", Mn, [
             o("span", Tn, v(l.label), 1),
-            l.description ? (c(), u("span", xn, v(l.description), 1)) : b("", !0)
+            l.description ? (c(), u("span", xn, v(l.description), 1)) : w("", !0)
           ])
         ], 10, kn))), 128))
       ], 2)
-    ])) : b("", !0),
+    ])) : w("", !0),
     n.openThreads.length ? (c(), u("div", On, [
       o("div", In, v(s.t("onboarding.recentConversations")), 1),
       o("div", Ln, [
-        t[3] || (t[3] = o("span", { class: "wm-onb__searchIcon" }, [
+        t[4] || (t[4] = o("span", { class: "wm-onb__searchIcon" }, [
           o("svg", {
             width: "12",
             height: "12",
@@ -2366,7 +2402,7 @@ function zn(e, t, n, i, r, s) {
         ])
       ]),
       o("div", En, [
-        (c(!0), u(I, null, F(s.filteredThreads, (l) => (c(), u("button", {
+        (c(!0), u(I, null, U(s.filteredThreads, (l) => (c(), u("button", {
           key: l.id,
           type: "button",
           class: "wm-onb__thread",
@@ -2375,7 +2411,7 @@ function zn(e, t, n, i, r, s) {
           o("span", {
             class: x(["wm-onb__thread-icon", { "wm-onb__thread-icon--inverted": !l.unread }])
           }, [
-            t[4] || (t[4] = o("svg", {
+            t[5] || (t[5] = o("svg", {
               width: "18",
               height: "18",
               viewBox: "0 0 24 24",
@@ -2392,18 +2428,18 @@ function zn(e, t, n, i, r, s) {
               key: 0,
               class: "wm-onb__thread-dot",
               "aria-label": s.t("onboarding.unread")
-            }, null, 8, Nn)) : b("", !0)
+            }, null, 8, Nn)) : w("", !0)
           ], 2),
-          o("span", Un, [
-            o("span", Fn, v(l.title), 1),
+          o("span", Fn, [
+            o("span", Un, v(l.title), 1),
             o("span", {
               class: "wm-onb__thread-preview",
               innerHTML: s.renderPreview(l.preview)
             }, null, 8, jn)
           ]),
           o("span", Pn, [
-            s.formatTs(l._ts) ? (c(), u("span", Dn, v(s.formatTs(l._ts)), 1)) : b("", !0),
-            t[5] || (t[5] = o("svg", {
+            s.formatTs(l._ts) ? (c(), u("span", Dn, v(s.formatTs(l._ts)), 1)) : w("", !0),
+            t[6] || (t[6] = o("svg", {
               width: "14",
               height: "14",
               viewBox: "0 0 24 24",
@@ -2419,12 +2455,12 @@ function zn(e, t, n, i, r, s) {
             ], -1))
           ])
         ], 8, Rn))), 128)),
-        s.filteredThreads.length ? b("", !0) : (c(), u("div", Hn, v(s.t("onboarding.noResults", { query: r.query })), 1))
+        s.filteredThreads.length ? w("", !0) : (c(), u("div", Hn, v(s.t("onboarding.noResults", { query: r.query })), 1))
       ])
-    ])) : b("", !0)
+    ])) : w("", !0)
   ]);
 }
-const qn = /* @__PURE__ */ B(hn, [["render", zn], ["__scopeId", "data-v-900e5f91"]]);
+const qn = /* @__PURE__ */ B(hn, [["render", zn], ["__scopeId", "data-v-1f4a35c6"]]);
 function $n(e) {
   return typeof e != "string" ? "" : e.replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), "$1").replace(/__([^_]+)__/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\s+/g, " ").trim();
 }
@@ -2525,7 +2561,7 @@ function es(e, t, n, i, r, s) {
           "aria-hidden": "true"
         }, " · ", -1)),
         o("span", Zn, v(s.detailText), 1)
-      ], 64)) : b("", !0)
+      ], 64)) : w("", !0)
     ])
   ], 2);
 }
@@ -2568,7 +2604,7 @@ function cs(e, t, n, i, r, s) {
       ])
     ]),
     o("div", os, [
-      (c(!0), u(I, null, F(s.fields, (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, U(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2607,10 +2643,10 @@ const ds = /* @__PURE__ */ B(ns, [["render", cs], ["__scopeId", "data-v-713aecf1
 }, ys = {
   key: 1,
   class: "wm-art__body"
-}, bs = {
+}, ws = {
   key: 0,
   class: "wm-art__text"
-}, ws = { class: "wm-art__fieldLabel" };
+}, bs = { class: "wm-art__fieldLabel" };
 function ks(e, t, n, i, r, s) {
   return c(), u("div", ms, [
     n.data.image_url ? (c(), u("figure", hs, [
@@ -2619,11 +2655,11 @@ function ks(e, t, n, i, r, s) {
         alt: n.data.title || "",
         loading: "lazy"
       }, null, 8, fs)
-    ])) : b("", !0),
+    ])) : w("", !0),
     o("div", _s, [
       o("div", gs, [
         o("div", ps, v(n.data.title), 1),
-        n.data.subtitle ? (c(), u("div", vs, v(n.data.subtitle), 1)) : b("", !0)
+        n.data.subtitle ? (c(), u("div", vs, v(n.data.subtitle), 1)) : w("", !0)
       ]),
       n.data.badge && n.data.badge.label ? (c(), u("span", {
         key: 0,
@@ -2631,23 +2667,23 @@ function ks(e, t, n, i, r, s) {
           "wm-art__badge",
           `wm-art__badge--${n.data.badge.tone || "neutral"}`
         ])
-      }, v(n.data.badge.label), 3)) : b("", !0)
+      }, v(n.data.badge.label), 3)) : w("", !0)
     ]),
     s.hasBody ? (c(), u("div", ys, [
-      n.data.body ? (c(), u("div", bs, v(n.data.body), 1)) : b("", !0),
-      s.fields.length ? (c(!0), u(I, { key: 1 }, F(s.fields, (a, l) => (c(), u("div", {
+      n.data.body ? (c(), u("div", ws, v(n.data.body), 1)) : w("", !0),
+      s.fields.length ? (c(!0), u(I, { key: 1 }, U(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
-        o("div", ws, v(a.label), 1),
+        o("div", bs, v(a.label), 1),
         o("div", {
           class: x([
             "wm-art__fieldValue",
             { "wm-art__fieldValue--multi": a.multiline }
           ])
         }, v(a.value), 3)
-      ]))), 128)) : b("", !0)
-    ])) : b("", !0)
+      ]))), 128)) : w("", !0)
+    ])) : w("", !0)
   ]);
 }
 const Cs = /* @__PURE__ */ B(us, [["render", ks], ["__scopeId", "data-v-7eae0e4a"]]);
@@ -2729,11 +2765,11 @@ const Ss = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Us = {
+}, Fs = {
   key: 1,
   class: "wm-art__footer wm-tk__footer"
 };
-function Fs(e, t, n, i, r, s) {
+function Us(e, t, n, i, r, s) {
   return c(), u("div", Ms, [
     o("div", Ts, [
       o("div", xs, v(n.data.title), 1),
@@ -2769,10 +2805,10 @@ function Fs(e, t, n, i, r, s) {
           ge(" " + v(n.data.status.label), 1)
         ], 2)
       ]),
-      n.data.body ? (c(), u("div", Ls, v(n.data.body), 1)) : b("", !0)
+      n.data.body ? (c(), u("div", Ls, v(n.data.body), 1)) : w("", !0)
     ]),
     s.fields.length ? (c(), u("div", Bs, [
-      (c(!0), u(I, null, F(s.fields, (a, l) => (c(), u("div", {
+      (c(!0), u(I, null, U(s.fields, (a, l) => (c(), u("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2822,12 +2858,12 @@ function Fs(e, t, n, i, r, s) {
               rx: "2"
             }, null, -1),
             o("path", { d: "M16 2v4M8 2v4M3 10h18" }, null, -1)
-          ])])) : b("", !0),
+          ])])) : w("", !0),
           o("span", null, v(a.value), 1)
         ], 2)
       ]))), 128))
-    ])) : b("", !0),
-    n.data.created_at ? (c(), u("div", Us, [
+    ])) : w("", !0),
+    n.data.created_at ? (c(), u("div", Fs, [
       t[4] || (t[4] = o("svg", {
         width: "11",
         height: "11",
@@ -2849,10 +2885,10 @@ function Fs(e, t, n, i, r, s) {
         o("path", { d: "M16 2v4M8 2v4M3 10h18" })
       ], -1)),
       o("span", null, v(s.formattedDate), 1)
-    ])) : b("", !0)
+    ])) : w("", !0)
   ]);
 }
-const js = /* @__PURE__ */ B(Ss, [["render", Fs], ["__scopeId", "data-v-5f30c914"]]), Ps = {
+const js = /* @__PURE__ */ B(Ss, [["render", Us], ["__scopeId", "data-v-5f30c914"]]), Ps = {
   form_response: ds,
   info_card: Cs,
   ticket: js
@@ -2875,7 +2911,7 @@ function Hs(e, t, n, i, r, s) {
   return s.component ? (c(), R(Pe(s.component), {
     key: 0,
     data: n.artifact.data
-  }, null, 8, ["data"])) : b("", !0);
+  }, null, 8, ["data"])) : w("", !0);
 }
 const zs = /* @__PURE__ */ B(Ds, [["render", Hs]]), qs = {
   name: "WmAttachmentPreview",
@@ -3002,9 +3038,9 @@ function Zs(e, t, n, i, r, s) {
       ], -1)),
       o("span", Ys, [
         o("span", Qs, v(s.displayName), 1),
-        s.sizeLabel ? (c(), u("span", Xs, v(s.sizeLabel), 1)) : b("", !0)
+        s.sizeLabel ? (c(), u("span", Xs, v(s.sizeLabel), 1)) : w("", !0)
       ]),
-      r.loading ? (c(), u("span", Js)) : b("", !0)
+      r.loading ? (c(), u("span", Js)) : w("", !0)
     ], 8, Gs))
   ], 2);
 }
@@ -3580,10 +3616,10 @@ const cr = {
 }, pr = { class: "wm-list__sep-label" }, vr = {
   key: 0,
   class: "wm-list__sep wm-list__sep--unread"
-}, yr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, br = {
+}, yr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, wr = {
   key: 0,
   class: "wm-list__sysep"
-}, wr = { class: "wm-list__sysep-label" }, kr = ["data-row-key"], Cr = {
+}, br = { class: "wm-list__sysep-label" }, kr = ["data-row-key"], Cr = {
   key: 0,
   class: "wm-list__avatarSlot"
 }, Ar = {
@@ -3609,30 +3645,30 @@ function Ir(e, t, n, i, r, s) {
         "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),
+    ])) : s.historyExhausted ? (c(), u("div", _r, v(s.t("messageList.conversationStart")), 1)) : w("", !0),
     n.dateLabel ? (c(), u("div", gr, [
       t[2] || (t[2] = o("div", { class: "wm-list__line" }, null, -1)),
       o("span", pr, v(n.dateLabel), 1),
       t[3] || (t[3] = o("div", { class: "wm-list__line" }, null, -1))
-    ])) : b("", !0),
-    (c(!0), u(I, null, F(s.groups, (A, q) => (c(), u(I, {
+    ])) : w("", !0),
+    (c(!0), u(I, null, U(s.groups, (A, q) => (c(), u(I, {
       key: A.key
     }, [
       A.key === s.unreadGroupKey ? (c(), u("div", vr, [
         t[4] || (t[4] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)),
         o("span", yr, v(s.t("messageList.unread")), 1),
         t[5] || (t[5] = o("div", { class: "wm-list__line wm-list__line--unread" }, null, -1))
-      ])) : b("", !0),
+      ])) : w("", !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, [
+        A.role === "system" ? (c(), u("div", wr, [
           t[6] || (t[6] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
-          o("span", wr, v(A.systemLabel), 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(I, { key: 1 }, [
-          (c(!0), u(I, null, F(A.items, (M, P) => (c(), u("div", {
+          (c(!0), u(I, null, U(A.items, (M, P) => (c(), u("div", {
             key: `${s.messageKey(M.message)}-${M.partKey}`,
             "data-row-key": `${s.messageKey(M.message)}-${M.partKey}`,
             class: x(["wm-list__row fade-up", [
@@ -3659,8 +3695,8 @@ function Ir(e, t, n, i, r, s) {
                   size: 26,
                   tail: !0
                 }, null, 8, ["name", "avatar-url"]))
-              ], 64)) : b("", !0)
-            ])) : b("", !0),
+              ], 64)) : w("", !0)
+            ])) : w("", !0),
             M.renderAs === "action" ? (c(), R(p, {
               key: 1,
               state: M.message.payload.state,
@@ -3682,32 +3718,32 @@ function Ir(e, t, n, i, r, s) {
                 key: 0,
                 role: A.role,
                 text: M.message.text_md
-              }, null, 8, ["role", "text"])) : b("", !0),
+              }, null, 8, ["role", "text"])) : w("", !0),
               s.attachmentsOf(M.message).length ? (c(), u("div", {
                 key: 1,
                 class: x(["wm-list__atts", {
                   "wm-list__atts--align-end": A.role === "user"
                 }])
               }, [
-                (c(!0), u(I, null, F(s.attachmentsOf(
+                (c(!0), u(I, null, U(s.attachmentsOf(
                   M.message
                 ), (N, H) => (c(), R(T, {
                   key: `${s.messageKey(M.message)}-att-${H}`,
                   attachment: N
                 }, null, 8, ["attachment"]))), 128))
-              ], 2)) : b("", !0)
+              ], 2)) : w("", !0)
             ]))
           ], 14, kr))), 128)),
           (A.role !== "user" || s.lastTimeOf(A)) && !s.hasTrailingOverlay(A) ? (c(), u("div", {
             key: 0,
             class: x(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
           }, [
-            A.role !== "user" ? (c(), u("span", Sr, v(s.roleLabel(A)), 1)) : b("", !0),
-            A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Mr, "·")) : b("", !0),
-            s.lastTimeOf(A) ? (c(), u("span", Tr, v(s.lastTimeOf(A)), 1)) : b("", !0)
-          ], 2)) : b("", !0)
+            A.role !== "user" ? (c(), u("span", Sr, v(s.roleLabel(A)), 1)) : w("", !0),
+            A.role !== "user" && s.lastTimeOf(A) ? (c(), u("span", Mr, "·")) : w("", !0),
+            s.lastTimeOf(A) ? (c(), u("span", Tr, v(s.lastTimeOf(A)), 1)) : w("", !0)
+          ], 2)) : w("", !0)
         ], 64))
-      ], 2)) : b("", !0)
+      ], 2)) : w("", !0)
     ], 64))), 128)),
     n.streamingActive ? (c(), u("div", xr, [
       o("div", Or, [
@@ -3719,12 +3755,12 @@ function Ir(e, t, n, i, r, s) {
         }, null, 8, ["name", "image-url"])
       ]),
       $(E)
-    ])) : b("", !0)
+    ])) : w("", !0)
   ], 34);
 }
-const Lr = /* @__PURE__ */ B(mr, [["render", Ir], ["__scopeId", "data-v-d769b193"]]), me = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", be = typeof window < "u" && typeof window.MediaRecorder < "u";
+const Lr = /* @__PURE__ */ B(mr, [["render", Ir], ["__scopeId", "data-v-d769b193"]]), me = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", we = typeof window < "u" && typeof window.MediaRecorder < "u";
 function Br() {
-  return be && [
+  return we && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
     "video/webm",
@@ -3781,7 +3817,7 @@ async function Rr(e) {
 }
 async function Nr(e = {}) {
   var C;
-  if (!me || !be) return null;
+  if (!me || !we) return null;
   let t;
   try {
     t = await navigator.mediaDevices.getDisplayMedia(
@@ -3844,7 +3880,7 @@ async function Nr(e = {}) {
     }
   };
 }
-const Ur = [
+const Fr = [
   {
     action: "file",
     labelKey: "composer.attachFile",
@@ -3860,7 +3896,7 @@ const Ur = [
     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"
   }
-], Fr = {
+], Ur = {
   name: "WmComposer",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -3888,10 +3924,10 @@ const Ur = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Ur.map((e) => ({
+      return Fr.map((e) => ({
         ...e,
         label: this.t(e.labelKey),
-        disabled: e.action === "screenshot" && !me || e.action === "record" && (!me || !be)
+        disabled: e.action === "screenshot" && !me || e.action === "record" && (!me || !we)
       }));
     },
     recordingElapsedLabel() {
@@ -4018,7 +4054,7 @@ function Qr(e, t, n, i, r, s) {
         class: "wm-rec__stop",
         onClick: t[0] || (t[0] = (...a) => s.stopRecording && s.stopRecording(...a))
       }, v(s.t("composer.stop")), 1)
-    ])) : b("", !0),
+    ])) : w("", !0),
     o("form", {
       class: x(["wm-compose", { "has-attach": r.attachOpen }]),
       onSubmit: t[7] || (t[7] = X((...a) => s.onSubmit && s.onSubmit(...a), ["prevent"]))
@@ -4034,9 +4070,9 @@ function Qr(e, t, n, i, r, s) {
         key: 0,
         class: "wm-compose__overlay",
         onClick: t[2] || (t[2] = (a) => r.attachOpen = !1)
-      })) : b("", !0),
+      })) : w("", !0),
       r.attachOpen ? (c(), u("div", Hr, [
-        (c(!0), u(I, null, F(s.attachItems, (a) => (c(), u("button", {
+        (c(!0), u(I, null, U(s.attachItems, (a) => (c(), u("button", {
           key: a.action,
           type: "button",
           class: "wm-compose__menuItem",
@@ -4057,7 +4093,7 @@ function Qr(e, t, n, i, r, s) {
           ]),
           o("span", null, v(a.label), 1)
         ], 8, zr))), 128))
-      ])) : b("", !0),
+      ])) : w("", !0),
       K(o("textarea", {
         ref: "inputEl",
         "onUpdate:modelValue": t[3] || (t[3] = (a) => r.local = a),
@@ -4117,7 +4153,7 @@ function Qr(e, t, n, i, r, s) {
     ], 34)
   ]);
 }
-const Xr = /* @__PURE__ */ B(Fr, [["render", Qr], ["__scopeId", "data-v-aa81dbb8"]]), Jr = {
+const Xr = /* @__PURE__ */ B(Ur, [["render", Qr], ["__scopeId", "data-v-aa81dbb8"]]), Jr = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4140,14 +4176,14 @@ function ei(e, t, n, i, r, s) {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (c(!0), u(I, null, F(n.items, (a, l) => (c(), u("button", {
+    (c(!0), u(I, null, U(n.items, (a, l) => (c(), u("button", {
       key: l,
       type: "button",
       class: "wm-chip",
       style: z({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
       onClick: (p) => e.$emit("select", a)
     }, v(a.label), 13, Zr))), 128))
-  ])) : b("", !0);
+  ])) : w("", !0);
 }
 const ti = /* @__PURE__ */ B(Jr, [["render", ei], ["__scopeId", "data-v-47ad8085"]]), ni = {
   name: "WmApprovalCard",
@@ -4210,7 +4246,7 @@ function di(e, t, n, i, r, s) {
       ]),
       o("div", ai, [
         o("div", oi, v(n.action), 1),
-        n.detail ? (c(), u("div", li, v(n.detail), 1)) : b("", !0)
+        n.detail ? (c(), u("div", li, v(n.detail), 1)) : w("", !0)
       ])
     ]),
     o("div", ci, [
@@ -4219,13 +4255,13 @@ function di(e, t, n, i, r, s) {
         type: "button",
         class: "wm-approval__btn wm-approval__btn--neutral",
         onClick: t[0] || (t[0] = (l) => e.$emit("callback", s.rejectId))
-      }, v(s.rejectLabel), 1)) : b("", !0),
+      }, v(s.rejectLabel), 1)) : w("", !0),
       s.approveId ? (c(), u("button", {
         key: 1,
         type: "button",
         class: "wm-approval__btn wm-approval__btn--primary",
         onClick: t[1] || (t[1] = (l) => e.$emit("callback", s.approveId))
-      }, v(s.approveLabel), 1)) : b("", !0)
+      }, v(s.approveLabel), 1)) : w("", !0)
     ])
   ]);
 }
@@ -4325,7 +4361,7 @@ const mi = /* @__PURE__ */ new Set([
 }, fi = { class: "wm-form" }, _i = { class: "wm-form__head" }, gi = { class: "wm-form__icon" }, pi = { class: "wm-form__main" }, vi = { class: "wm-form__title" }, yi = {
   key: 0,
   class: "wm-form__detail"
-}, bi = ["for"], wi = {
+}, wi = ["for"], bi = {
   key: 0,
   class: "wm-form__req",
   "aria-hidden": "true"
@@ -4345,11 +4381,11 @@ const mi = /* @__PURE__ */ new Set([
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Ui = {
+}, Fi = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function Fi(e, t, n, i, r, s) {
+function Ui(e, t, n, i, r, s) {
   const a = L("AIAvatar");
   return c(), u("div", fi, [
     o("div", _i, [
@@ -4362,14 +4398,14 @@ function Fi(e, t, n, i, r, s) {
       ]),
       o("div", pi, [
         o("div", vi, v(n.form.title || s.t("form.title")), 1),
-        n.form.description ? (c(), u("div", yi, v(n.form.description), 1)) : b("", !0)
+        n.form.description ? (c(), u("div", yi, v(n.form.description), 1)) : w("", !0)
       ])
     ]),
     o("form", {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = X((...l) => s.onSubmit && s.onSubmit(...l), ["prevent"]))
     }, [
-      (c(!0), u(I, null, F(s.normalizedFields, (l) => (c(), u("div", {
+      (c(!0), u(I, null, U(s.normalizedFields, (l) => (c(), u("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4378,8 +4414,8 @@ function Fi(e, t, n, i, r, s) {
           class: "wm-form__label"
         }, [
           ge(v(l.label), 1),
-          l.required ? (c(), u("span", wi, "*")) : b("", !0)
-        ], 8, bi),
+          l.required ? (c(), u("span", bi, "*")) : w("", !0)
+        ], 8, wi),
         l.type === "text" ? K((c(), u("input", {
           key: 0,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4447,14 +4483,14 @@ function Fi(e, t, n, i, r, s) {
           disabled: n.readOnly || r.busy
         }, [
           o("option", Oi, v(l.placeholder || s.t("form.choose")), 1),
-          (c(!0), u(I, null, F(l.options, (p) => (c(), u("option", {
+          (c(!0), u(I, null, U(l.options, (p) => (c(), u("option", {
             key: p.value,
             value: p.value
           }, v(p.label), 9, Ii))), 128))
         ], 8, xi)), [
           [ze, r.values[l.key]]
         ]) : l.type === "multiselect" ? (c(), u("div", Li, [
-          (c(!0), u(I, null, F(l.options, (p) => (c(), u("label", {
+          (c(!0), u(I, null, U(l.options, (p) => (c(), u("label", {
             key: p.value,
             class: "wm-form__multiItem"
           }, [
@@ -4471,22 +4507,22 @@ function Fi(e, t, n, i, r, s) {
             }, null, 40, Bi),
             o("span", null, v(p.label), 1)
           ]))), 128))
-        ])) : b("", !0)
+        ])) : w("", !0)
       ]))), 128)),
-      r.error ? (c(), u("div", Ei, v(r.error), 1)) : b("", !0),
-      n.readOnly ? (c(), u("div", Ui, v(s.t("form.responseSent")), 1)) : (c(), u("button", {
+      r.error ? (c(), u("div", Ei, v(r.error), 1)) : w("", !0),
+      n.readOnly ? (c(), u("div", Fi, 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", Ni)) : w("", !0),
         o("span", null, v(r.busy ? s.t("common.sending") : n.form.submit_label || s.t("common.send")), 1)
       ], 8, Ri))
     ], 32)
   ]);
 }
-const ji = /* @__PURE__ */ B(hi, [["render", Fi], ["__scopeId", "data-v-fe65cc56"]]), Pi = {
+const ji = /* @__PURE__ */ B(hi, [["render", Ui], ["__scopeId", "data-v-fe65cc56"]]), Pi = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -4548,7 +4584,7 @@ function Xi(e, t, n, i, r, s) {
       o("div", Hi, v(s.t("feedback.question")), 1),
       o("div", zi, v(s.t("feedback.subtitle")), 1),
       o("div", qi, [
-        (c(!0), u(I, null, F(s.options, (a) => (c(), u("button", {
+        (c(!0), u(I, null, U(s.options, (a) => (c(), u("button", {
           key: a.v,
           type: "button",
           class: x(["wm-fb__opt", { "is-selected": r.sel === a.v }]),
@@ -4651,7 +4687,7 @@ function ma(e, t, n, i, r, s) {
             ])
           ], -1)),
           o("span", sa, v(s.t("moreMenu.editTitle")), 1)
-        ])) : b("", !0),
+        ])) : w("", !0),
         n.canExport ? (c(), u("button", {
           key: 1,
           type: "button",
@@ -4675,9 +4711,9 @@ function ma(e, t, n, i, r, s) {
           ], -1)),
           o("span", ra, v(s.t("moreMenu.exportTranscript")), 1),
           t[9] || (t[9] = o("span", { class: "wm-mm__hint" }, ".txt", -1))
-        ])) : b("", !0)
-      ])) : b("", !0),
-      n.canRename || n.canExport ? (c(), u("div", ia)) : b("", !0),
+        ])) : w("", !0)
+      ])) : w("", !0),
+      n.canRename || n.canExport ? (c(), u("div", ia)) : w("", !0),
       o("div", aa, [
         o("button", {
           type: "button",
@@ -4759,7 +4795,7 @@ function ma(e, t, n, i, r, s) {
             ])
           ], -1)),
           o("span", da, v(s.t("moreMenu.serviceStatus")), 1)
-        ])) : b("", !0),
+        ])) : w("", !0),
         n.helpUrl ? (c(), u("button", {
           key: 1,
           type: "button",
@@ -4782,7 +4818,7 @@ function ma(e, t, n, i, r, s) {
             ])
           ], -1)),
           o("span", ua, v(s.t("moreMenu.helpCenter")), 1)
-        ])) : b("", !0)
+        ])) : w("", !0)
       ])
     ])
   ]);
@@ -4833,7 +4869,7 @@ const ha = /* @__PURE__ */ B(Zi, [["render", ma], ["__scopeId", "data-v-76281e95
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
-}, pa = { class: "wm-dialog__head" }, va = { class: "wm-dialog__title" }, ya = ["aria-label"], ba = { class: "wm-dialog__body" }, wa = ["placeholder"], ka = { class: "wm-dialog__actions" }, Ca = ["disabled"];
+}, pa = { class: "wm-dialog__head" }, va = { class: "wm-dialog__title" }, ya = ["aria-label"], wa = { class: "wm-dialog__body" }, ba = ["placeholder"], ka = { class: "wm-dialog__actions" }, Ca = ["disabled"];
 function Aa(e, t, n, i, r, s) {
   return c(), u("div", _a, [
     o("div", {
@@ -4864,7 +4900,7 @@ function Aa(e, t, n, i, r, s) {
           ], -1)
         ])], 8, ya)
       ]),
-      o("div", ba, [
+      o("div", wa, [
         K(o("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => r.value = a),
@@ -4876,7 +4912,7 @@ 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), [
+        }, null, 40, ba), [
           [ee, r.value]
         ])
       ]),
@@ -4899,7 +4935,7 @@ function Aa(e, t, n, i, r, s) {
 const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8"]]), Oe = "ww-messenger-tokens", Ma = {
   name: "Messenger",
   components: {
-    Launcher: Ft,
+    Launcher: Ut,
     Header: cn,
     Onboarding: qn,
     MessageList: Lr,
@@ -5483,14 +5519,14 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
         return;
       }
       try {
-        this.transport = we(
+        this.transport = be(
           We({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId,
             userId: this.userId,
             userHash: this.userHash
           })
-        ), this.store = we(Xe(this.transport)), this.hydrateNotifPref();
+        ), this.store = be(Xe(this.transport)), this.hydrateNotifPref();
         const t = (e = this.context) == null ? void 0 : e.customer;
         t && typeof t == "object" && await this.store.applyCustomer(t), await this.store.start(), this.setupLiveReveal();
       } catch (t) {
@@ -5767,7 +5803,7 @@ const Sa = /* @__PURE__ */ B(fa, [["render", Aa], ["__scopeId", "data-v-6d5f94a8
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Ua = { class: "wm-actionWait__lbl" }, Fa = {
+}, Fa = { class: "wm-actionWait__lbl" }, Ua = {
   key: 2,
   class: "wm-attached"
 }, ja = ["aria-label", "onClick"];
@@ -5782,16 +5818,20 @@ function Pa(e, t, n, i, r, s) {
       peeks: s.launcherPeeks,
       onOpen: s.openFromPeek,
       onDismiss: s.dismissPeek
-    }, null, 8, ["unread-count", "peeks", "onOpen", "onDismiss"])) : b("", !0),
+    }, null, 8, ["unread-count", "peeks", "onOpen", "onDismiss"])) : w("", !0),
     r.isOpen || s.isEmbedded ? (c(), u("section", {
       key: 1,
-      class: x(["wm-panel", `wm-panel--${n.displayMode}`]),
+      class: x([
+        "wm-panel",
+        `wm-panel--${n.displayMode}`,
+        { "wm-panel--welcome": s.ready && !s.error && !s.currentConv }
+      ]),
       style: z(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger"
     }, [
       !s.ready && !s.error ? (c(), u("div", Ta, [
-        s.isEmbedded ? b("", !0) : (c(), u("button", {
+        s.isEmbedded ? w("", !0) : (c(), u("button", {
           key: 0,
           type: "button",
           class: "wm-loading__close",
@@ -5894,13 +5934,13 @@ function Pa(e, t, n, i, r, s) {
                 items: s.suggestions,
                 onSelect: s.onSuggestion
               }, null, 8, ["items", "onSelect"]))
-            ], 512)) : b("", !0),
+            ], 512)) : w("", !0),
             s.actionInFlight ? (c(), u("div", Na, [
               t[8] || (t[8] = o("span", {
                 class: "wm-actionWait__spinner",
                 "aria-hidden": "true"
               }, null, -1)),
-              o("span", Ua, v(s.t("action.inProgress", {
+              o("span", Fa, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
             ])) : (c(), R(q, {
@@ -5927,16 +5967,16 @@ function Pa(e, t, n, i, r, s) {
             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"])) : b("", !0),
+          }, null, 8, ["can-rename", "can-export", "sound-enabled", "browser-notif-enabled", "status-url", "help-url", "onSoundToggle", "onBrowserNotifToggle", "onAction"])) : w("", !0),
           r.renameDialogOpen && s.currentConv && !s.currentConv._draft ? (c(), R(P, {
             key: 1,
             "initial-value": s.currentConv.name || "",
             title: s.t("rename.dialogTitle"),
             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", Fa, [
-            (c(!0), u(I, null, F(r.pendingAttachments, (N, H) => (c(), u("div", {
+          }, null, 8, ["initial-value", "title", "onSubmit"])) : w("", !0),
+          r.pendingAttachments.length ? (c(), u("div", Ua, [
+            (c(!0), u(I, null, U(r.pendingAttachments, (N, H) => (c(), u("div", {
               key: H,
               class: "wm-attached__chip"
             }, [
@@ -5974,7 +6014,7 @@ function Pa(e, t, n, i, r, s) {
                 ], -1)
               ])], 8, ja)
             ]))), 128))
-          ])) : b("", !0)
+          ])) : w("", !0)
         ], 64)) : (c(), R(p, {
           key: 1,
           "welcome-message": s.widgetWelcomeMessage,
@@ -6000,12 +6040,12 @@ function Pa(e, t, n, i, r, s) {
           onSoundToggle: e.onSoundToggle,
           onBrowserNotifToggle: e.onBrowserNotifToggle,
           onAction: s.onMoreAction
-        }, null, 8, ["sound-enabled", "browser-notif-enabled", "status-url", "help-url", "onSoundToggle", "onBrowserNotifToggle", "onAction"])) : b("", !0)
+        }, null, 8, ["sound-enabled", "browser-notif-enabled", "status-url", "help-url", "onSoundToggle", "onBrowserNotifToggle", "onAction"])) : w("", !0)
       ], 64))
-    ], 6)) : b("", !0)
+    ], 6)) : w("", !0)
   ], 2);
 }
-const za = /* @__PURE__ */ B(Ma, [["render", Pa], ["__scopeId", "data-v-ab81ed67"]]), qa = "0.4.11";
+const za = /* @__PURE__ */ B(Ma, [["render", Pa], ["__scopeId", "data-v-69c8f416"]]), qa = "0.4.13";
 export {
   le as AIAvatar,
   fe as AVATAR_COLORS,
@@ -6024,8 +6064,8 @@ export {
   ji as FormCard,
   cn as Header,
   Be as HumanAvatar,
-  Ft as Launcher,
-  be as MEDIA_RECORDER_SUPPORTED,
+  Ut as Launcher,
+  we as MEDIA_RECORDER_SUPPORTED,
   Lr as MessageList,
   za as Messenger,
   ha as MoreMenu,