@_solaris/messenger-widget 0.6.13 → 0.6.14

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as N, normalizeClass as x, toDisplayString as y, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as I, renderList as F, withKeys as _e, withModifiers as G, createElementVNode as l, createCommentVNode as b, createBlock as B, resolveDynamicComponent as Te, mergeProps as je, withDirectives as $, vModelText as ee, createTextVNode as Me, renderSlot as $e, vModelCheckbox as Ge, vModelSelect as Ye, markRaw as Ee } from "vue";
+import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as N, normalizeClass as R, toDisplayString as y, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as I, renderList as F, withKeys as _e, withModifiers as G, createElementVNode as l, createCommentVNode as b, createBlock as B, resolveDynamicComponent as Te, mergeProps as je, withDirectives as $, vModelText as ee, createTextVNode as Me, renderSlot as $e, vModelCheckbox as Ge, vModelSelect as Ye, markRaw as Ee } from "vue";
 const Je = [
   "connected",
   "message",
@@ -43,8 +43,8 @@ function tt(e) {
     p && p.forEach((L) => {
       try {
         L(g);
-      } catch (R) {
-        console.error("[transport] listener", u, R);
+      } catch (O) {
+        console.error("[transport] listener", u, O);
       }
     });
   }
@@ -72,10 +72,10 @@ function tt(e) {
       body: p !== void 0 ? JSON.stringify(p) : void 0
     });
     if (!L.ok) {
-      const R = await o(L), V = new Error(
-        `HTTP ${L.status} ${u} ${g} :: ${(R == null ? void 0 : R.error) || L.statusText}`
+      const O = await o(L), V = new Error(
+        `HTTP ${L.status} ${u} ${g} :: ${(O == null ? void 0 : O.error) || L.statusText}`
       );
-      throw V.status = L.status, V.body = R, V;
+      throw V.status = L.status, V.body = O, V;
     }
     return L.status === 204 ? null : L.json();
   }
@@ -119,7 +119,7 @@ function tt(e) {
     }
     const p = await g.json();
     t.userId = p.external_id;
-    const [L, R] = await Promise.all([
+    const [L, O] = await Promise.all([
       fetch(
         `${t.baseUrl}/widgets/${encodeURIComponent(t.widgetId)}/config`,
         { credentials: "include" }
@@ -133,7 +133,7 @@ function tt(e) {
         return W.json();
       }),
       a("GET", "/customers/me")
-    ]), V = { config: L, customer: (R == null ? void 0 : R.customer) ?? null };
+    ]), V = { config: L, customer: (O == null ? void 0 : O.customer) ?? null };
     return t.lastBootstrap = V, await k(), typeof document < "u" && (t.visibilityHandler = _, document.addEventListener(
       "visibilitychange",
       t.visibilityHandler
@@ -185,7 +185,7 @@ function tt(e) {
       { message_id: g }
     );
   }
-  async function O(u, g = {}) {
+  async function x(u, g = {}) {
     const p = new URLSearchParams();
     g.before && p.set("before", g.before), g.since && p.set("since", g.since), g.limit && p.set("limit", String(g.limit));
     const L = p.toString() ? `?${p.toString()}` : "";
@@ -217,11 +217,11 @@ function tt(e) {
     );
   }
   async function ie(u) {
-    const g = u.name || "attachment", p = u.type || "application/octet-stream", L = u.size || 0, R = await a("POST", "/attachments", {
+    const g = u.name || "attachment", p = u.type || "application/octet-stream", L = u.size || 0, O = await a("POST", "/attachments", {
       mime_type: p,
       size_bytes: L,
       name: g
-    }), V = await fetch(R.upload_url, {
+    }), V = await fetch(O.upload_url, {
       method: "PUT",
       headers: { "Content-Type": p },
       body: u
@@ -230,7 +230,7 @@ function tt(e) {
       throw new Error(`HTTP ${V.status} PUT signed upload`);
     return {
       type: st(p),
-      path: R.path,
+      path: O.path,
       mime_type: p,
       size_bytes: L
     };
@@ -281,8 +281,8 @@ function tt(e) {
   }
   async function pe() {
     try {
-      const u = await E(), g = u.reduce((L, R) => {
-        const V = R == null ? void 0 : R.last_message_at;
+      const u = await E(), g = u.reduce((L, O) => {
+        const V = O == null ? void 0 : O.last_message_at;
         return V && (!L || V > L) ? V : L;
       }, null);
       g && (!t.lastActivityAt || g > t.lastActivityAt) && (t.lastActivityAt = g, r("activity", { conversations: u, latestAt: g }), te());
@@ -345,7 +345,7 @@ function tt(e) {
     getConversation: z,
     patchConversation: M,
     markConversationRead: D,
-    listMessages: O,
+    listMessages: x,
     postMessage: q,
     postCallback: J,
     uploadAttachment: ie,
@@ -532,9 +532,9 @@ function it(e) {
           before: w,
           limit: o
         }), u = (C == null ? void 0 : C.messages) ?? [], g = t.messagesByConv[h] || [], p = /* @__PURE__ */ new Set();
-        for (const R of g)
-          (R == null ? void 0 : R.id) != null && p.add(`id:${String(R.id)}`), R != null && R.client_msg_id && p.add(`c:${R.client_msg_id}`);
-        const L = u.filter((R) => !((R == null ? void 0 : R.id) != null && p.has(`id:${String(R.id)}`) || R != null && R.client_msg_id && p.has(`c:${R.client_msg_id}`)));
+        for (const O of g)
+          (O == null ? void 0 : O.id) != null && p.add(`id:${String(O.id)}`), O != null && O.client_msg_id && p.add(`c:${O.client_msg_id}`);
+        const L = u.filter((O) => !((O == null ? void 0 : O.id) != null && p.has(`id:${String(O.id)}`) || O != null && O.client_msg_id && p.has(`c:${O.client_msg_id}`)));
         t.messagesByConv[h] = [...L, ...g], v(h, {
           nextCursor: (C == null ? void 0 : C.next_cursor) ?? null,
           loading: !1,
@@ -618,8 +618,8 @@ function it(e) {
         ...C ? { attachments: _ } : {},
         ...w && typeof w == "object" ? { metadata: w } : {}
       });
-    } catch (R) {
-      console.error("[store] send failed", R), oe(h, u, {
+    } catch (O) {
+      console.error("[store] send failed", O), oe(h, u, {
         _failed: !0,
         _pending: !1
       });
@@ -634,7 +634,7 @@ function it(e) {
     }
   }
   const D = /* @__PURE__ */ new Map();
-  async function O(h) {
+  async function x(h) {
     if (!h) return null;
     const m = D.get(h);
     if (m != null && m.url) {
@@ -779,7 +779,7 @@ function it(e) {
     markConversationRead: S,
     send: z,
     clickCallback: M,
-    signAttachment: O,
+    signAttachment: x,
     submitFeedback: q,
     getActionInFlight: ie,
     getLatestSuggestions: ae,
@@ -1840,7 +1840,7 @@ const U = (e, t) => {
 }, Tt = ["src", "alt"];
 function Mt(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: x(["wm-huav", { "wm-huav--tail": s.tail }]),
+    class: R(["wm-huav", { "wm-huav--tail": s.tail }]),
     style: N({
       width: s.size + "px",
       height: s.size + "px",
@@ -1898,7 +1898,7 @@ function zt(e, t, s, r, i, n) {
       default: Se(() => [
         n.visiblePeeks.length ? (c(), d("div", {
           key: 0,
-          class: x(["wm-peekStack", { "wm-peekStack--multi": n.visiblePeeks.length > 1 }])
+          class: R(["wm-peekStack", { "wm-peekStack--multi": n.visiblePeeks.length > 1 }])
         }, [
           (c(!0), d(I, null, F(n.visiblePeeks, (o, f) => (c(), d("div", {
             key: o.convId,
@@ -2033,7 +2033,7 @@ const qt = /* @__PURE__ */ U(Ot, [["render", zt], ["__scopeId", "data-v-d81459bc
 }, Wt = ["src", "alt"], $t = ["width", "height"];
 function Gt(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: x(["wm-aiav", { "wm-aiav--tail": s.tail }]),
+    class: R(["wm-aiav", { "wm-aiav--tail": s.tail }]),
     style: N({
       width: s.size + "px",
       height: s.size + "px",
@@ -2042,7 +2042,7 @@ function Gt(e, t, s, r, i, n) {
   }, [
     s.pulse ? (c(), d("div", Kt)) : b("", !0),
     l("div", {
-      class: x(["wm-aiav__inner", {
+      class: R(["wm-aiav__inner", {
         "wm-aiav__inner--glow": s.pulse,
         "wm-aiav__inner--img": !!s.imageUrl,
         "wm-aiav__inner--initials": !s.imageUrl && !!n.initials
@@ -2234,7 +2234,7 @@ function fn(e, t, s, r, i, n) {
       s.showMore ? (c(), d("button", {
         key: 0,
         type: "button",
-        class: x(["wm-header__icon", { "wm-header__icon--active": s.moreActive }]),
+        class: R(["wm-header__icon", { "wm-header__icon--active": s.moreActive }]),
         "aria-label": n.t("header.moreOptions"),
         title: n.t("header.moreOptions"),
         onClick: t[1] || (t[1] = (f) => e.$emit("more"))
@@ -2396,15 +2396,15 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
         this.launchPhase = "fade", await this.wait(t ? 120 : 0), this.finishLaunch();
         return;
       }
-      this.launchPhase = "fade", await this.wait(230);
+      this.launchPhase = "fade", await this.wait(320);
       const s = e.getBoundingClientRect();
       this.launchPhase = "slide", await this.$nextTick();
       const r = e.getBoundingClientRect(), i = s.left - r.left, n = s.top - r.top;
-      e.style.transition = "none", e.style.transform = `translate(${i}px, ${n}px)`, e.offsetWidth, e.style.transition = "transform 0.34s cubic-bezier(0.32, 0.72, 0, 1)", e.style.transform = "translate(0, 0)";
+      e.style.transition = "none", e.style.transform = `translate(${i}px, ${n}px)`, e.offsetWidth, e.style.transition = "transform 0.44s cubic-bezier(0.32, 0.72, 0, 1)", e.style.transform = "translate(0, 0)";
       const a = () => {
         e.removeEventListener("transitionend", a), this.finishLaunch();
       };
-      e.addEventListener("transitionend", a), this.wait(420).then(() => this.finishLaunch());
+      e.addEventListener("transitionend", a), this.wait(520).then(() => this.finishLaunch());
     },
     // Emit `launched` exactly once, however we got here (transitionend,
     // safety timeout, or the reduced-motion shortcut).
@@ -2569,13 +2569,13 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
 function Xn(e, t, s, r, i, n) {
   const a = P("AIAvatar");
   return c(), d("div", {
-    class: x(["wm-onb", {
+    class: R(["wm-onb", {
       "wm-onb--launching": i.launchPhase !== "idle",
       "wm-onb--sliding": i.launchPhase === "slide"
     }])
   }, [
     l("div", {
-      class: x(["wm-onb__hero", { "wm-onb__hero--cover": n.hasCover }])
+      class: R(["wm-onb__hero", { "wm-onb__hero--cover": n.hasCover }])
     }, [
       n.hasCover ? (c(), d("div", {
         key: 0,
@@ -2628,7 +2628,7 @@ function Xn(e, t, s, r, i, n) {
         onClick: (f) => e.$emit("resume", o)
       }, [
         l("span", {
-          class: x(["wm-onb__alert-avatar", n.avatarWrapperClass(o)])
+          class: R(["wm-onb__alert-avatar", n.avatarWrapperClass(o)])
         }, [
           n.isDefaultAvatar(o) ? (c(), d("span", An, [...t[5] || (t[5] = [
             l("svg", {
@@ -2671,7 +2671,7 @@ function Xn(e, t, s, r, i, n) {
     l("div", Bn, [
       l("form", {
         ref: "starterForm",
-        class: x(["wm-onb__starter", {
+        class: R(["wm-onb__starter", {
           "is-active": !!i.starterText.trim(),
           "wm-onb__starter--toBottom": i.launchPhase === "slide"
         }]),
@@ -2692,7 +2692,7 @@ function Xn(e, t, s, r, i, n) {
         ]),
         l("button", {
           type: "submit",
-          class: x(["wm-onb__starter-send", { "is-empty": !n.canStart }]),
+          class: R(["wm-onb__starter-send", { "is-empty": !n.canStart }]),
           disabled: s.busy || !n.canStart,
           "aria-label": n.t("composer.send")
         }, [
@@ -2758,7 +2758,7 @@ function Xn(e, t, s, r, i, n) {
     ])
   ], 2);
 }
-const Qn = /* @__PURE__ */ U(gn, [["render", Xn], ["__scopeId", "data-v-bd58b3f3"]]), Zn = {
+const Qn = /* @__PURE__ */ U(gn, [["render", Xn], ["__scopeId", "data-v-ca5a71a9"]]), Zn = {
   name: "WmHistory",
   components: { AIAvatar: me, HumanAvatar: ye },
   inject: {
@@ -2868,11 +2868,11 @@ function ms(e, t, s, r, i, n) {
       (c(!0), d(I, null, F(n.filteredThreads, (a) => (c(), d("button", {
         key: a.id,
         type: "button",
-        class: x(["wm-hist__thread", { "wm-hist__thread--unread": a.unread }]),
+        class: R(["wm-hist__thread", { "wm-hist__thread--unread": a.unread }]),
         onClick: (o) => e.$emit("resume", a)
       }, [
         l("span", {
-          class: x(["wm-hist__thread-avatar", n.avatarWrapperClass(a)])
+          class: R(["wm-hist__thread-avatar", n.avatarWrapperClass(a)])
         }, [
           n.isDefaultAvatar(a) ? (c(), d("span", is, [...t[2] || (t[2] = [
             l("svg", {
@@ -2990,7 +2990,7 @@ const gs = {
 }, ks = { class: "wm-result__body" }, Cs = { class: "wm-result__label" }, As = { class: "wm-result__detail" };
 function Ss(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: x(["wm-result", `wm-result--${s.state}`])
+    class: R(["wm-result", `wm-result--${s.state}`])
   }, [
     l("span", ys, [
       s.state === "success" ? (c(), d("svg", vs, [...t[0] || (t[0] = [
@@ -3077,7 +3077,7 @@ function Bs(e, t, s, r, i, n) {
       }, [
         l("div", Is, y(a.label), 1),
         l("div", {
-          class: x([
+          class: R([
             "wm-art__fieldValue",
             { "wm-art__fieldValue--multi": a.multiline }
           ])
@@ -3130,7 +3130,7 @@ function $s(e, t, s, r, i, n) {
       ]),
       s.data.badge && s.data.badge.label ? (c(), d("span", {
         key: 0,
-        class: x([
+        class: R([
           "wm-art__badge",
           `wm-art__badge--${s.data.badge.tone || "neutral"}`
         ])
@@ -3144,7 +3144,7 @@ function $s(e, t, s, r, i, n) {
       }, [
         l("div", Ws, y(a.label), 1),
         l("div", {
-          class: x([
+          class: R([
             "wm-art__fieldValue",
             { "wm-art__fieldValue--multi": a.multiline }
           ])
@@ -3259,7 +3259,7 @@ function lr(e, t, s, r, i, n) {
           l("span", null, y(s.data.reference), 1)
         ]),
         l("span", {
-          class: x([
+          class: R([
             "wm-art__badge",
             "wm-tk__badge",
             `wm-art__badge--${s.data.status.tone || "neutral"}`
@@ -3281,7 +3281,7 @@ function lr(e, t, s, r, i, n) {
       }, [
         l("div", rr, y(a.label), 1),
         l("div", {
-          class: x([
+          class: R([
             "wm-art__fieldValue",
             { "wm-art__fieldValue--multi": a.multiline }
           ])
@@ -3458,7 +3458,7 @@ const mr = /* @__PURE__ */ U(ur, [["render", hr]]), fr = {
 };
 function Ar(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: x(["wm-att", ["wm-att--" + (n.kind || "file")]])
+    class: R(["wm-att", ["wm-att--" + (n.kind || "file")]])
   }, [
     n.kind === "image" && i.url ? (c(), d("a", {
       key: 0,
@@ -3531,7 +3531,7 @@ const Sr = /* @__PURE__ */ U(fr, [["render", Ar], ["__scopeId", "data-v-b207a8bd
 }, Mr = ["innerHTML"];
 function xr(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: x(["wm-bubble", "wm-bubble--" + s.role])
+    class: R(["wm-bubble", "wm-bubble--" + s.role])
   }, [
     $e(e.$slots, "default", {}, () => [
       l("span", { innerHTML: n.rendered }, null, 8, Mr)
@@ -3964,8 +3964,8 @@ const Br = {
     cornersFor(e, t) {
       var ie, ae, X;
       const s = e.items, r = (ie = s[t]) == null ? void 0 : ie.kind, i = (ae = s[t - 1]) == null ? void 0 : ae.kind, n = (X = s[t + 1]) == null ? void 0 : X.kind, a = e.role === "user", o = 14, f = 4, k = i == null ? void 0 : i.bottom, v = n == null ? void 0 : n.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], S = this.widthByKey[this.rowKeyOf(e, t + 1)], z = 0.5, M = (Q, oe, Z) => Q != null && T != null ? Q + z >= T : oe === Z || oe === "card" && Z === "bubble";
-      let D = o, O = o, q = o, J = o;
-      return a ? (k && (O = f), (v || !n) && (q = f), k && M(E, k, r == null ? void 0 : r.top) && (D = f), v && M(S, v, r == null ? void 0 : r.bottom) && (J = f)) : (k && (D = f), (v || !n) && (J = f), k && M(E, k, r == null ? void 0 : r.top) && (O = f), v && M(S, v, r == null ? void 0 : r.bottom) && (q = f)), { tl: D, tr: O, br: q, bl: J };
+      let D = o, x = o, q = o, J = o;
+      return a ? (k && (x = f), (v || !n) && (q = f), k && M(E, k, r == null ? void 0 : r.top) && (D = f), v && M(S, v, r == null ? void 0 : r.bottom) && (J = f)) : (k && (D = f), (v || !n) && (J = f), k && M(E, k, r == null ? void 0 : r.top) && (x = f), v && M(S, v, r == null ? void 0 : r.bottom) && (q = f)), { tl: D, tr: x, br: q, bl: J };
     },
     // Inline column-count for the mosaic grid, capped at 4. Single
     // attachment falls back to the vertical-list layout (null). Two
@@ -4199,7 +4199,7 @@ function ii(e, t, s, r, i, n) {
   return c(), d("div", Fr, [
     l("div", {
       ref: "scrollEl",
-      class: x(["wm-list", { "wm-list--silent": i.silentFades }]),
+      class: R(["wm-list", { "wm-list--silent": i.silentFades }]),
       onScrollPassive: t[4] || (t[4] = (...S) => n.onScroll && n.onScroll(...S))
     }, [
       s.loadingMore ? (c(), d("div", Nr, [
@@ -4224,7 +4224,7 @@ function ii(e, t, s, r, i, n) {
         ])) : b("", !0),
         S.role === "system" || S.items.length ? (c(), d("div", {
           key: 1,
-          class: x(["wm-list__group", "wm-list__group--" + S.role])
+          class: R(["wm-list__group", "wm-list__group--" + S.role])
         }, [
           S.role === "system" ? (c(), d("div", Wr, [
             t[11] || (t[11] = l("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
@@ -4236,7 +4236,7 @@ function ii(e, t, s, r, i, n) {
             }, [
               l("div", {
                 "data-row-key": `${n.messageKey(M.message)}-${M.partKey}`,
-                class: x(["wm-list__row fade-up", [
+                class: R(["wm-list__row fade-up", [
                   "wm-list__row--" + S.role,
                   {
                     "is-pending": M.message._pending,
@@ -4244,10 +4244,10 @@ function ii(e, t, s, r, i, n) {
                   }
                 ]]),
                 style: N(n.cornersStyle(S, D)),
-                onPointerdown: (O) => n.onPressStart(`${n.messageKey(M.message)}-${M.partKey}`),
-                onPointerup: t[0] || (t[0] = (O) => n.onPressEnd()),
-                onPointercancel: t[1] || (t[1] = (O) => n.onPressEnd()),
-                onPointerleave: t[2] || (t[2] = (O) => n.onPressEnd()),
+                onPointerdown: (x) => n.onPressStart(`${n.messageKey(M.message)}-${M.partKey}`),
+                onPointerup: t[0] || (t[0] = (x) => n.onPressEnd()),
+                onPointercancel: t[1] || (t[1] = (x) => n.onPressEnd()),
+                onPointerleave: t[2] || (t[2] = (x) => n.onPressEnd()),
                 onContextmenu: t[3] || (t[3] = G(() => {
                 }, ["prevent"]))
               }, [
@@ -4286,7 +4286,7 @@ function ii(e, t, s, r, i, n) {
                   artifact: n.artifactOf(M.message)
                 }, null, 8, ["artifact"])) : (c(), d("div", {
                   key: 5,
-                  class: x(["wm-list__body", {
+                  class: R(["wm-list__body", {
                     "wm-list__body--mixed": !!M.message.text_md && n.attachmentsOf(M.message).length > 0
                   }])
                 }, [
@@ -4297,7 +4297,7 @@ function ii(e, t, s, r, i, n) {
                   }, null, 8, ["role", "text"])) : b("", !0),
                   n.attachmentsOf(M.message).length ? (c(), d("div", {
                     key: 1,
-                    class: x(["wm-list__atts", {
+                    class: R(["wm-list__atts", {
                       "wm-list__atts--align-end": S.role === "user",
                       "wm-list__atts--mosaic": n.attachmentsOf(M.message).length >= 2
                     }]),
@@ -4309,9 +4309,9 @@ function ii(e, t, s, r, i, n) {
                   }, [
                     (c(!0), d(I, null, F(n.attachmentsOf(
                       M.message
-                    ), (O, q) => (c(), B(T, {
+                    ), (x, q) => (c(), B(T, {
                       key: `${n.messageKey(M.message)}-att-${q}`,
-                      attachment: O,
+                      attachment: x,
                       style: N(
                         n.mosaicCornerStyle(
                           q,
@@ -4325,7 +4325,7 @@ function ii(e, t, s, r, i, n) {
               ], 46, Gr),
               D < S.items.length - 1 && i.pressedItemKey === `${n.messageKey(M.message)}-${M.partKey}` && (S.role !== "user" || n.timeOf(M.message)) ? (c(), d("div", {
                 key: 0,
-                class: x(["wm-list__meta wm-list__meta--press", { "wm-list__meta--right": S.role === "user" }])
+                class: R(["wm-list__meta wm-list__meta--press", { "wm-list__meta--right": S.role === "user" }])
               }, [
                 S.role !== "user" ? (c(), d("span", Jr, y(n.roleLabel(S)), 1)) : b("", !0),
                 S.role !== "user" && n.timeOf(M.message) ? (c(), d("span", Xr, "•")) : b("", !0),
@@ -4334,7 +4334,7 @@ function ii(e, t, s, r, i, n) {
             ], 64))), 128)),
             (S.role !== "user" || n.lastTimeOf(S)) && !n.hasTrailingOverlay(S) ? (c(), d("div", {
               key: 0,
-              class: x(["wm-list__meta", { "wm-list__meta--right": S.role === "user" }])
+              class: R(["wm-list__meta", { "wm-list__meta--right": S.role === "user" }])
             }, [
               S.role !== "user" ? (c(), d("span", Zr, y(n.roleLabel(S)), 1)) : b("", !0),
               S.role !== "user" && n.lastTimeOf(S) ? (c(), d("span", ei, "•")) : b("", !0),
@@ -4405,7 +4405,7 @@ function Ke({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function go(e) {
+function yo(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
 async function li() {
@@ -4693,7 +4693,7 @@ const ui = [
 }, pi = ["d"], wi = ["placeholder", "disabled"], bi = { class: "wm-compose__actions" }, ki = ["title", "aria-label", "disabled"], Ci = ["disabled", "aria-label"];
 function Ai(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: x(["wm-compose-wrap", { "wm-compose-wrap--sheet": s.displayMode === "sheet" }]),
+    class: R(["wm-compose-wrap", { "wm-compose-wrap--sheet": s.displayMode === "sheet" }]),
     style: N(i.kbOffset ? { transform: `translateY(-${i.kbOffset}px)` } : null)
   }, [
     i.recording ? (c(), d("div", mi, [
@@ -4709,7 +4709,7 @@ function Ai(e, t, s, r, i, n) {
       }, y(n.t("composer.stop")), 1)
     ])) : b("", !0),
     l("form", {
-      class: x(["wm-compose", { "has-attach": i.attachOpen }]),
+      class: R(["wm-compose", { "has-attach": i.attachOpen }]),
       onSubmit: t[7] || (t[7] = G((...a) => n.onSubmit && n.onSubmit(...a), ["prevent"]))
     }, [
       l("input", {
@@ -4762,7 +4762,7 @@ function Ai(e, t, s, r, i, n) {
       l("div", bi, [
         l("button", {
           type: "button",
-          class: x(["wm-compose__icon", { "is-open": i.attachOpen }]),
+          class: R(["wm-compose__icon", { "is-open": i.attachOpen }]),
           title: s.attachLabel,
           "aria-label": s.attachLabel,
           disabled: i.recording,
@@ -4784,7 +4784,7 @@ function Ai(e, t, s, r, i, n) {
         ])], 10, ki),
         l("button", {
           type: "submit",
-          class: x(["wm-compose__send", { "is-empty": !n.canSend }]),
+          class: R(["wm-compose__send", { "is-empty": !n.canSend }]),
           disabled: !n.canSend,
           "aria-label": n.t("composer.send")
         }, [...t[10] || (t[10] = [
@@ -4851,7 +4851,7 @@ const Si = /* @__PURE__ */ U(hi, [["render", Ai], ["__scopeId", "data-v-2e0e17a9
 function Li(e, t, s, r, i, n) {
   return s.items.length ? (c(), d("div", {
     key: n.batchKey,
-    class: x(["wm-icb", `wm-icb--${s.variant}`])
+    class: R(["wm-icb", `wm-icb--${s.variant}`])
   }, [
     s.variant === "chips" ? (c(!0), d(I, { key: 0 }, F(s.items, (a, o) => (c(), d("button", {
       key: a.id != null ? a.id : o,
@@ -4865,7 +4865,7 @@ function Li(e, t, s, r, i, n) {
         (c(!0), d(I, null, F(s.items, (a, o) => (c(), d("button", {
           key: a.id != null ? a.id : o,
           type: "button",
-          class: x(["wm-icb__btn", n.btnClass(a)]),
+          class: R(["wm-icb__btn", n.btnClass(a)]),
           onClick: (f) => e.$emit("select", a)
         }, y(a.label), 11, Ri))), 128))
       ])
@@ -5194,7 +5194,7 @@ function va(e, t, s, r, i, n) {
         (c(!0), d(I, null, F(n.options, (a) => (c(), d("button", {
           key: a.v,
           type: "button",
-          class: x(["wm-fb__opt", { "is-selected": i.sel === a.v }]),
+          class: R(["wm-fb__opt", { "is-selected": i.sel === a.v }]),
           onClick: (o) => i.sel = a.v
         }, [
           l("span", ha, y(a.e), 1),
@@ -5337,7 +5337,7 @@ function Ea(e, t, s, r, i, n) {
           ], -1)),
           l("span", xa, y(n.t("moreMenu.sound")), 1),
           l("span", {
-            class: x(["wm-mm__toggle", { "wm-mm__toggle--on": i.soundOn }])
+            class: R(["wm-mm__toggle", { "wm-mm__toggle--on": i.soundOn }])
           }, [...t[9] || (t[9] = [
             l("span", { class: "wm-mm__knob" }, null, -1)
           ])], 2)
@@ -5595,14 +5595,19 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
       // PJ, formulaire, quick-link sans URL). Évite de polluer la liste
       // côté serveur avec des fils vides abandonnés.
       draftConv: null,
-      // Drives the one-off "launch" animation played ONLY when the
-      // user starts a conversation by typing in the home input (not
-      // when opening an existing thread). While true, the home fades
-      // everything but its input, slides that input down to the
-      // composer slot, then the chat fades in. See `onOnboardingStart`
-      // / `onHomeLaunched` / `screenTransition` / Onboarding's
-      // `launching` prop.
+      // Drives the one-off, staged "launch" animation played ONLY when
+      // the user starts a conversation by typing in the home input (not
+      // when opening an existing thread). See `onOnboardingStart` /
+      // `onHomeLaunched` and the `wm-launch-*` CSS.
       launching: !1,
+      // Current beat of the launch timeline (only meaningful while
+      // `launching`):
+      //   'whiteslide' — home fades to white + input slides down (in
+      //                  the Onboarding component)
+      //   'header'     — chat mounted; topbar drops in from the top,
+      //                  messages still hidden
+      //   'messages'   — messages fade in
+      launchStage: "idle",
       // First message captured from the home input, sent once the
       // launch animation has handed off to the real conversation.
       pendingLaunchText: "",
@@ -6410,12 +6415,12 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
       const s = (((E = this.launcherPeeks) == null ? void 0 : E.length) ?? 0) > 0, r = 16, i = Math.ceil(t.width), n = Math.ceil(t.height), a = (z = (S = this.$el) == null ? void 0 : S.querySelector) == null ? void 0 : z.call(S, ".wm-launcher"), o = (D = (M = this.$el) == null ? void 0 : M.querySelectorAll) == null ? void 0 : D.call(M, ".wm-peek"), f = o && o.length ? o[o.length - 1] : null;
       let k = null;
       if (f) {
-        const O = f.getBoundingClientRect();
+        const x = f.getBoundingClientRect();
         k = {
-          width: Math.ceil(O.width),
-          height: Math.ceil(O.height),
-          rightOffset: Math.max(0, Math.ceil(t.right - O.right)),
-          bottomOffset: Math.max(0, Math.ceil(t.bottom - O.bottom))
+          width: Math.ceil(x.width),
+          height: Math.ceil(x.height),
+          rightOffset: Math.max(0, Math.ceil(t.right - x.right)),
+          bottomOffset: Math.max(0, Math.ceil(t.bottom - x.bottom))
         };
       }
       this.notifyParentResize("closed", {
@@ -6457,26 +6462,26 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
     // lazily on the first outbound action (text / attachment / form /
     // quick-link without URL), so users who open the chat and walk away
     // don't leave empty threads behind.
-    // Home-screen starter input → kick off the launch animation. We do
-    // NOT switch to the chat yet: the Onboarding component first fades
-    // out everything but its input and slides that input down to the
-    // composer slot, then emits `launched` (→ `onHomeLaunched`). The
-    // text is stashed until then. An empty submit just opens the chat.
+    // Launch, beat 1 — home input submitted. We don't switch to the chat
+    // yet: the Onboarding component fades everything but its input to
+    // white, then slides that input down to the composer slot, then
+    // emits `launched` (→ `onHomeLaunched`). The text is stashed until
+    // then. Stage 'whiteslide' also hides the header (page goes white).
     onOnboardingStart(e) {
-      const t = (e || "").trim();
-      this.pendingLaunchText = t, this.launching = !0;
-    },
-    // Second half of the launch: the home input has reached the
-    // composer slot, so materialize the conversation. The swap is
-    // instant — the composer is iso with the home input and lands in
-    // the same spot, so the input simply becomes the composer — while
-    // the message area animates in (`wm-screen--launching`). `onSend`
-    // posts the stashed text.
+      this.pendingLaunchText = (e || "").trim(), this.launching = !0, this.launchStage = "whiteslide";
+    },
+    // Launch, beats 2-3 — the input has reached the composer slot, so we
+    // materialize the conversation (the iso composer lands exactly where
+    // the input stopped). Then the timeline plays out: the topbar drops
+    // in from the top (messages still hidden), and only once it has
+    // landed do the messages fade in. `onSend` posts the stashed text.
     onHomeLaunched() {
       const e = this.pendingLaunchText;
-      this.pendingLaunchText = "", this.startConv(), e && this.$nextTick(() => this.onSend(e)), window.setTimeout(() => {
-        this.launching = !1;
-      }, 650);
+      this.pendingLaunchText = "", this.startConv(), e && this.$nextTick(() => this.onSend(e)), this.launchStage = "header", window.setTimeout(() => {
+        this.launching && (this.launchStage = "messages");
+      }, 520), window.setTimeout(() => {
+        this.launching = !1, this.launchStage = "idle";
+      }, 1160);
     },
     startConv() {
       this.draftConv = {
@@ -6827,34 +6832,37 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
 }, Ga = ["aria-label"], Ya = { class: "wm-screens" }, Ja = {
   key: "error",
   class: "wm-screen wm-state"
-}, Xa = { class: "wm-state__err" }, Qa = { class: "wm-state__errTitle" }, Za = { class: "wm-state__errSub" }, eo = { class: "wm-bottom" }, to = {
+}, Xa = { class: "wm-state__err" }, Qa = { class: "wm-state__errTitle" }, Za = { class: "wm-state__errSub" }, eo = {
+  key: "chat",
+  class: "wm-screen wm-screen--chat"
+}, to = { class: "wm-bottom" }, no = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, no = {
+}, so = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, so = { class: "wm-actionWait__lbl" }, ro = {
+}, ro = { class: "wm-actionWait__lbl" }, io = {
   key: 2,
   class: "wm-attached"
-}, io = ["src", "alt"], ao = {
+}, ao = ["src", "alt"], oo = {
   key: 1,
   class: "wm-attached__file"
-}, oo = { class: "wm-attached__fileMeta" }, lo = { class: "wm-attached__fileName" }, co = {
+}, lo = { class: "wm-attached__fileMeta" }, co = { class: "wm-attached__fileName" }, uo = {
   key: 0,
   class: "wm-attached__fileSize"
-}, uo = ["aria-label", "onClick"], ho = {
+}, ho = ["aria-label", "onClick"], mo = {
   key: 3,
   class: "wm-ended",
   role: "status",
   "aria-live": "polite"
-}, mo = { class: "wm-ended__lbl" };
-function fo(e, t, s, r, i, n) {
+}, fo = { class: "wm-ended__lbl" };
+function _o(e, t, s, r, i, n) {
   const a = P("Launcher"), o = P("Header"), f = P("History"), k = P("Onboarding"), v = P("MessageList"), T = P("InlineCallbacks"), E = P("FormCard"), S = P("Feedback"), z = P("Composer"), M = P("MoreMenu"), D = P("RenameDialog");
   return c(), d("div", {
-    class: x(["wm-root", `wm-root--${s.displayMode}`]),
+    class: R(["wm-root", `wm-root--${s.displayMode}`]),
     style: N(n.rootStyle)
   }, [
     !i.isOpen && !n.isEmbedded ? (c(), B(a, {
@@ -6867,16 +6875,16 @@ function fo(e, t, s, r, i, n) {
     }, null, 8, ["unread-count", "peeks", "onOpen", "onDismiss", "onHover"])) : b("", !0),
     i.isOpen || n.isEmbedded ? (c(), d("section", {
       key: 1,
-      class: x([
+      class: R([
         "wm-panel",
         `wm-panel--${s.displayMode}`,
         { "wm-panel--welcome": n.ready && !n.error && !n.currentConv },
-        { "wm-panel--launching": i.launching }
+        i.launching ? `wm-launch-${i.launchStage}` : ""
       ]),
       style: N(i.floatHeight ? { "--wm-float-h": i.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger",
-      onClick: t[7] || (t[7] = (...O) => n.onPanelClick && n.onPanelClick(...O))
+      onClick: t[7] || (t[7] = (...x) => n.onPanelClick && n.onPanelClick(...x))
     }, [
       !n.ready && !n.error ? (c(), d("div", $a, [
         n.isEmbedded ? b("", !0) : (c(), d("button", {
@@ -6884,7 +6892,7 @@ function fo(e, t, s, r, i, n) {
           type: "button",
           class: "wm-loading__close",
           "aria-label": n.t("loading.minimize"),
-          onClick: t[0] || (t[0] = (...O) => n.close && n.close(...O))
+          onClick: t[0] || (t[0] = (...x) => n.close && n.close(...x))
         }, [...t[8] || (t[8] = [
           l("svg", {
             width: "13",
@@ -6949,10 +6957,7 @@ function fo(e, t, s, r, i, n) {
                 class: "wm-screen",
                 threads: n.openThreads,
                 onResume: n.onDrawerPick
-              }, null, 8, ["threads", "onResume"])) : n.currentConv ? (c(), d("div", {
-                key: "chat",
-                class: x(["wm-screen wm-screen--chat", { "wm-screen--launching": i.launching }])
-              }, [
+              }, null, 8, ["threads", "onResume"])) : n.currentConv ? (c(), d("div", eo, [
                 K(v, {
                   ref: "messageList",
                   messages: n.displayedMessages,
@@ -6967,8 +6972,8 @@ function fo(e, t, s, r, i, n) {
                   "ai-agent-avatar-url": n.agentAvatarUrl,
                   onLoadMore: n.onLoadMore
                 }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "unread-anchor-id", "unread-boundary-ts", "ai-agent-name", "ai-agent-avatar-url", "onLoadMore"]),
-                l("div", eo, [
-                  n.floatVisible ? (c(), d("div", to, [
+                l("div", to, [
+                  n.floatVisible ? (c(), d("div", no, [
                     n.pendingApproval ? (c(), B(T, {
                       key: `appr-${n.pendingApproval.id}`,
                       variant: "buttons",
@@ -6996,26 +7001,26 @@ function fo(e, t, s, r, i, n) {
                       onSelect: n.onSuggestion
                     }, null, 8, ["items", "onSelect"]))
                   ], 512)) : b("", !0),
-                  n.actionInFlight ? (c(), d("div", no, [
+                  n.actionInFlight ? (c(), d("div", so, [
                     t[11] || (t[11] = l("span", {
                       class: "wm-actionWait__spinner",
                       "aria-hidden": "true"
                     }, null, -1)),
-                    l("span", so, y(n.t("action.inProgress", {
+                    l("span", ro, y(n.t("action.inProgress", {
                       name: n.actionInFlightName
                     })), 1)
                   ])) : b("", !0),
-                  i.pendingAttachments.length ? (c(), d("div", ro, [
-                    (c(!0), d(I, null, F(i.pendingAttachments, (O, q) => (c(), d("div", {
-                      key: O.path || q,
+                  i.pendingAttachments.length ? (c(), d("div", io, [
+                    (c(!0), d(I, null, F(i.pendingAttachments, (x, q) => (c(), d("div", {
+                      key: x.path || q,
                       class: "wm-attached__item"
                     }, [
-                      O.previewUrl ? (c(), d("img", {
+                      x.previewUrl ? (c(), d("img", {
                         key: 0,
                         class: "wm-attached__thumb",
-                        src: O.previewUrl,
-                        alt: O.name
-                      }, null, 8, io)) : (c(), d("div", ao, [
+                        src: x.previewUrl,
+                        alt: x.name
+                      }, null, 8, ao)) : (c(), d("div", oo, [
                         t[12] || (t[12] = l("span", { class: "wm-attached__fileIcon" }, [
                           l("svg", {
                             width: "16",
@@ -7032,10 +7037,10 @@ function fo(e, t, s, r, i, n) {
                             l("path", { d: "M14 2v6h6" })
                           ])
                         ], -1)),
-                        l("span", oo, [
-                          l("span", lo, y(O.name), 1),
-                          n.formatAttachmentSize(O.size_bytes) ? (c(), d("span", co, y(n.formatAttachmentSize(
-                            O.size_bytes
+                        l("span", lo, [
+                          l("span", co, y(x.name), 1),
+                          n.formatAttachmentSize(x.size_bytes) ? (c(), d("span", uo, y(n.formatAttachmentSize(
+                            x.size_bytes
                           )), 1)) : b("", !0)
                         ])
                       ])),
@@ -7058,21 +7063,21 @@ function fo(e, t, s, r, i, n) {
                         }, [
                           l("path", { d: "M18 6L6 18M6 6l12 12" })
                         ], -1)
-                      ])], 8, uo)
+                      ])], 8, ho)
                     ]))), 128))
                   ])) : b("", !0),
-                  n.endedBlockVisible ? (c(), d("div", ho, [
-                    l("span", mo, y(n.isClosed ? n.t("composer.conversationClosed") : n.t("composer.conversationEnded")), 1),
+                  n.endedBlockVisible ? (c(), d("div", mo, [
+                    l("span", fo, y(n.isClosed ? n.t("composer.conversationClosed") : n.t("composer.conversationEnded")), 1),
                     l("button", {
                       type: "button",
                       class: "wm-ended__btn",
-                      onClick: t[2] || (t[2] = (O) => n.isClosed ? n.onReopen() : n.startConv())
+                      onClick: t[2] || (t[2] = (x) => n.isClosed ? n.onReopen() : n.startConv())
                     }, y(n.isClosed ? n.t("composer.reopen") : n.t("composer.newConversation")), 1)
                   ])) : n.actionInFlight ? b("", !0) : (c(), B(z, {
                     key: 4,
                     ref: "composer",
                     modelValue: i.draft,
-                    "onUpdate:modelValue": t[3] || (t[3] = (O) => i.draft = O),
+                    "onUpdate:modelValue": t[3] || (t[3] = (x) => i.draft = x),
                     placeholder: n.composerPlaceholder,
                     "attach-label": n.t("composer.attachFile"),
                     "display-mode": s.displayMode,
@@ -7087,7 +7092,7 @@ function fo(e, t, s, r, i, n) {
                   "sound-enabled": e.soundEnabled,
                   "status-url": n.statusUrl,
                   "help-url": n.helpUrl,
-                  onClose: t[4] || (t[4] = (O) => i.moreOpen = !1),
+                  onClose: t[4] || (t[4] = (x) => i.moreOpen = !1),
                   onSoundToggle: e.onSoundToggle,
                   onAction: n.onMoreAction
                 }, null, 8, ["can-rename", "can-export", "sound-enabled", "status-url", "help-url", "onSoundToggle", "onAction"])) : b("", !0),
@@ -7095,10 +7100,10 @@ function fo(e, t, s, r, i, n) {
                   key: 1,
                   "initial-value": n.currentConv.name || "",
                   title: n.t("rename.dialogTitle"),
-                  onClose: t[5] || (t[5] = (O) => i.renameDialogOpen = !1),
+                  onClose: t[5] || (t[5] = (x) => i.renameDialogOpen = !1),
                   onSubmit: n.onRenameSubmit
                 }, null, 8, ["initial-value", "title", "onSubmit"])) : b("", !0)
-              ], 2)) : (c(), B(k, {
+              ])) : (c(), B(k, {
                 key: "home",
                 class: "wm-screen",
                 title: n.widgetTitle,
@@ -7114,7 +7119,7 @@ function fo(e, t, s, r, i, n) {
                 onLaunched: n.onHomeLaunched,
                 onSelect: n.onQuickLink,
                 onResume: n.onDrawerPick,
-                onViewHistory: t[1] || (t[1] = (O) => i.showHistory = !0)
+                onViewHistory: t[1] || (t[1] = (x) => i.showHistory = !0)
               }, null, 8, ["title", "subtitle", "agent-name", "default-icon-url", "cover-image-url", "quick-links", "open-threads", "busy", "launching", "onStart", "onLaunched", "onSelect", "onResume"]))
             ]),
             _: 1
@@ -7127,7 +7132,7 @@ function fo(e, t, s, r, i, n) {
           "sound-enabled": e.soundEnabled,
           "status-url": n.statusUrl,
           "help-url": n.helpUrl,
-          onClose: t[6] || (t[6] = (O) => i.moreOpen = !1),
+          onClose: t[6] || (t[6] = (x) => i.moreOpen = !1),
           onSoundToggle: e.onSoundToggle,
           onAction: n.onMoreAction
         }, null, 8, ["sound-enabled", "status-url", "help-url", "onSoundToggle", "onAction"])) : b("", !0)
@@ -7135,7 +7140,7 @@ function fo(e, t, s, r, i, n) {
     ], 6)) : b("", !0)
   ], 6);
 }
-const yo = /* @__PURE__ */ U(Wa, [["render", fo], ["__scopeId", "data-v-505609ba"]]), vo = "0.6.13";
+const vo = /* @__PURE__ */ U(Wa, [["render", _o], ["__scopeId", "data-v-9601fbb5"]]), po = "0.6.14";
 export {
   me as AIAvatar,
   be as AVATAR_COLORS,
@@ -7157,14 +7162,14 @@ export {
   qt as Launcher,
   Le as MEDIA_RECORDER_SUPPORTED,
   ai as MessageList,
-  yo as Messenger,
+  vo as Messenger,
   Ia as MoreMenu,
   Qn as Onboarding,
   ge as SCREEN_CAPTURE_SUPPORTED,
   ht as SUPPORTED_LANGUAGES,
   tn as TeamAvatars,
   Ir as Typing,
-  vo as VERSION,
+  po as VERSION,
   xe as avatarColor,
   Oe as avatarInitials,
   li as captureScreenshotFile,
@@ -7173,9 +7178,9 @@ export {
   H as createTranslator,
   tt as createTransport,
   re as dateLocale,
-  yo as default,
+  vo as default,
   Ce as formatTime,
-  go as guessAttachmentKind,
+  yo as guessAttachmentKind,
   oi as pickRecorderMime,
   Ve as renderInlineMarkdown,
   _t as renderMarkdown,