@_solaris/messenger-widget 0.6.8 → 0.6.10

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as F, normalizeClass as R, toDisplayString as v, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as E, renderList as N, 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 Ie } from "vue";
+import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as F, normalizeClass as x, toDisplayString as v, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as E, renderList as N, 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 Ie } from "vue";
 const Je = [
   "connected",
   "message",
@@ -43,8 +43,8 @@ function tt(e) {
     p && p.forEach((L) => {
       try {
         L(g);
-      } catch (O) {
-        console.error("[transport] listener", u, O);
+      } catch (R) {
+        console.error("[transport] listener", u, R);
       }
     });
   }
@@ -72,10 +72,10 @@ function tt(e) {
       body: p !== void 0 ? JSON.stringify(p) : void 0
     });
     if (!L.ok) {
-      const O = await o(L), V = new Error(
-        `HTTP ${L.status} ${u} ${g} :: ${(O == null ? void 0 : O.error) || L.statusText}`
+      const R = await o(L), V = new Error(
+        `HTTP ${L.status} ${u} ${g} :: ${(R == null ? void 0 : R.error) || L.statusText}`
       );
-      throw V.status = L.status, V.body = O, V;
+      throw V.status = L.status, V.body = R, 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, O] = await Promise.all([
+    const [L, R] = await Promise.all([
       fetch(
         `${t.baseUrl}/widgets/${encodeURIComponent(t.widgetId)}/config`,
         { credentials: "include" }
@@ -133,11 +133,11 @@ function tt(e) {
         return W.json();
       }),
       a("GET", "/customers/me")
-    ]), V = { config: L, customer: (O == null ? void 0 : O.customer) ?? null };
+    ]), V = { config: L, customer: (R == null ? void 0 : R.customer) ?? null };
     return t.lastBootstrap = V, await k(), typeof document < "u" && (t.visibilityHandler = _, document.addEventListener(
       "visibilitychange",
       t.visibilityHandler
-    )), m(), V;
+    )), h(), V;
   }
   async function k() {
     try {
@@ -185,7 +185,7 @@ function tt(e) {
       { message_id: g }
     );
   }
-  async function x(u, g = {}) {
+  async function O(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, O = await a("POST", "/attachments", {
+    const g = u.name || "attachment", p = u.type || "application/octet-stream", L = u.size || 0, R = await a("POST", "/attachments", {
       mime_type: p,
       size_bytes: L,
       name: g
-    }), V = await fetch(O.upload_url, {
+    }), V = await fetch(R.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: O.path,
+      path: R.path,
       mime_type: p,
       size_bytes: L
     };
@@ -277,12 +277,12 @@ function tt(e) {
   }
   function ye(u) {
     const g = t.panelOpen;
-    t.panelOpen = !!u, t.panelOpen ? (clearTimeout(t.burstTimer), Q()) : te(), g !== t.panelOpen && m();
+    t.panelOpen = !!u, t.panelOpen ? (clearTimeout(t.burstTimer), Q()) : te(), g !== t.panelOpen && h();
   }
   async function pe() {
     try {
-      const u = await I(), g = u.reduce((L, O) => {
-        const V = O == null ? void 0 : O.last_message_at;
+      const u = await I(), g = u.reduce((L, R) => {
+        const V = R == null ? void 0 : R.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());
@@ -290,29 +290,29 @@ function tt(e) {
       console.error("[transport] poll failed", u);
     }
   }
-  function m() {
-    if (h(), typeof document < "u" && document.hidden) return;
+  function h() {
+    if (m(), typeof document < "u" && document.hidden) return;
     const u = t.panelOpen ? Qe : Xe;
     t.pollTimer = setInterval(pe, u);
   }
-  function h() {
+  function m() {
     t.pollTimer && (clearInterval(t.pollTimer), t.pollTimer = null);
   }
   function _() {
     if (document.hidden)
       clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = setTimeout(() => {
-        t.hiddenGraceTimer = null, document.hidden && (h(), Z(), i("paused"));
+        t.hiddenGraceTimer = null, document.hidden && (m(), Z(), i("paused"));
       }, et);
     else {
       if (t.hiddenGraceTimer) {
         clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null;
         return;
       }
-      i("idle"), m(), t.panelOpen && Q();
+      i("idle"), h(), t.panelOpen && Q();
     }
   }
   function w() {
-    h(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, Z(), t.visibilityHandler && (document.removeEventListener(
+    m(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, Z(), t.visibilityHandler && (document.removeEventListener(
       "visibilitychange",
       t.visibilityHandler
     ), t.visibilityHandler = null), t.started = !1;
@@ -345,7 +345,7 @@ function tt(e) {
     getConversation: z,
     patchConversation: M,
     markConversationRead: D,
-    listMessages: x,
+    listMessages: O,
     postMessage: q,
     postCallback: J,
     uploadAttachment: ie,
@@ -407,48 +407,48 @@ function it(e) {
     connection: "idle"
   }), s = [];
   s.push(
-    e.on("connection", (m) => {
-      t.connection = m;
+    e.on("connection", (h) => {
+      t.connection = h;
     })
   ), s.push(
-    e.on("message", (m) => {
-      const h = m == null ? void 0 : m.conversation_id, _ = m == null ? void 0 : m.message;
-      !h || !(_ != null && _.id) || (X(h, _), _.client_msg_id && delete t.streamingByMsgId[_.client_msg_id], Z(h, _.created_at));
+    e.on("message", (h) => {
+      const m = h == null ? void 0 : h.conversation_id, _ = h == null ? void 0 : h.message;
+      !m || !(_ != null && _.id) || (X(m, _), _.client_msg_id && delete t.streamingByMsgId[_.client_msg_id], Z(m, _.created_at));
     })
   ), s.push(
-    e.on("message_stream", (m) => {
-      const h = m == null ? void 0 : m.message_id, _ = m == null ? void 0 : m.token;
-      !h || typeof _ != "string" || (t.streamingByMsgId[h] = (t.streamingByMsgId[h] || "") + _);
+    e.on("message_stream", (h) => {
+      const m = h == null ? void 0 : h.message_id, _ = h == null ? void 0 : h.token;
+      !m || typeof _ != "string" || (t.streamingByMsgId[m] = (t.streamingByMsgId[m] || "") + _);
     })
   ), s.push(
-    e.on("conversation_updated", (m) => {
-      const h = m == null ? void 0 : m.conversation_id, _ = m == null ? void 0 : m.changes;
-      if (!h || !_) return;
-      const w = t.conversations.findIndex((A) => A.id === h);
+    e.on("conversation_updated", (h) => {
+      const m = h == null ? void 0 : h.conversation_id, _ = h == null ? void 0 : h.changes;
+      if (!m || !_) return;
+      const w = t.conversations.findIndex((A) => A.id === m);
       w !== -1 && (t.conversations[w] = {
         ...t.conversations[w],
         ..._
       });
     })
   ), s.push(
-    e.on("config_updated", (m) => {
-      m != null && m.config && (t.config = m.config);
+    e.on("config_updated", (h) => {
+      h != null && h.config && (t.config = h.config);
     })
   ), s.push(
-    e.on("action_status", (m) => {
-      const h = m == null ? void 0 : m.conversation_id, _ = m == null ? void 0 : m.action_id, w = m == null ? void 0 : m.action_name;
-      if (!h || !_) return;
-      const A = t.runningActionsByConv[h] || {};
-      m.state === "running" ? (A[_] = w || _, t.runningActionsByConv[h] = { ...A }) : m.state === "done" && (delete A[_], t.runningActionsByConv[h] = { ...A });
+    e.on("action_status", (h) => {
+      const m = h == null ? void 0 : h.conversation_id, _ = h == null ? void 0 : h.action_id, w = h == null ? void 0 : h.action_name;
+      if (!m || !_) return;
+      const A = t.runningActionsByConv[m] || {};
+      h.state === "running" ? (A[_] = w || _, t.runningActionsByConv[m] = { ...A }) : h.state === "done" && (delete A[_], t.runningActionsByConv[m] = { ...A });
     })
   ), s.push(
-    e.on("activity", (m) => {
-      Array.isArray(m == null ? void 0 : m.conversations) && (t.conversations = m.conversations);
+    e.on("activity", (h) => {
+      Array.isArray(h == null ? void 0 : h.conversations) && (t.conversations = h.conversations);
     })
   );
-  async function r(m) {
+  async function r(h) {
     try {
-      const h = new Promise(
+      const m = new Promise(
         (w, A) => setTimeout(
           () => A(
             new Error(
@@ -458,61 +458,61 @@ function it(e) {
           15e3
         )
       ), _ = await Promise.race([
-        e.start(m),
-        h
+        e.start(h),
+        m
       ]);
       t.config = _.config, t.customer = _.customer, t.conversations = await Promise.race([
         e.listConversations(),
-        h
+        m
       ]), t.ready = !0;
-    } catch (h) {
-      console.error("[store] start failed", h), t.error = (h == null ? void 0 : h.message) || String(h);
+    } catch (m) {
+      console.error("[store] start failed", m), t.error = (m == null ? void 0 : m.message) || String(m);
     }
   }
   function i() {
-    for (const m of s)
+    for (const h of s)
       try {
-        m();
+        h();
       } catch {
       }
     e.stop();
   }
-  async function n(m) {
-    const h = ye(m);
-    if (!h) return t.customer;
+  async function n(h) {
+    const m = ye(h);
+    if (!m) return t.customer;
     try {
-      const _ = await e.patchCustomer(h);
+      const _ = await e.patchCustomer(m);
       _ && (t.customer = _);
     } catch (_) {
       console.error("[store] applyCustomer failed", _);
     }
     return t.customer;
   }
-  async function a(m = {}) {
-    const h = await e.createConversation(m), _ = t.conversations.findIndex((w) => w.id === h.id);
-    return _ === -1 ? t.conversations = [h, ...t.conversations] : t.conversations[_] = h, h;
+  async function a(h = {}) {
+    const m = await e.createConversation(h), _ = t.conversations.findIndex((w) => w.id === m.id);
+    return _ === -1 ? t.conversations = [m, ...t.conversations] : t.conversations[_] = m, m;
   }
   const o = 50;
-  async function f(m) {
-    const h = t.paginationByConv[m];
-    if (!(h != null && h.loaded || h != null && h.loading)) {
-      y(m, { nextCursor: null, loading: !0, loaded: !1 });
+  async function f(h) {
+    const m = t.paginationByConv[h];
+    if (!(m != null && m.loaded || m != null && m.loading)) {
+      y(h, { nextCursor: null, loading: !0, loaded: !1 });
       try {
-        const _ = await e.listMessages(m, {
+        const _ = await e.listMessages(h, {
           limit: o
-        }), w = (_ == null ? void 0 : _.messages) ?? [], A = t.messagesByConv[m] || [], C = /* @__PURE__ */ new Set();
+        }), w = (_ == null ? void 0 : _.messages) ?? [], A = t.messagesByConv[h] || [], C = /* @__PURE__ */ new Set();
         for (const g of w)
           (g == null ? void 0 : g.id) != null && C.add(`id:${String(g.id)}`), g != null && g.client_msg_id && C.add(`c:${g.client_msg_id}`);
         const u = A.filter((g) => !((g == null ? void 0 : g.id) != null && C.has(`id:${String(g.id)}`) || g != null && g.client_msg_id && C.has(`c:${g.client_msg_id}`)));
-        t.messagesByConv[m] = [...w, ...u].sort(
+        t.messagesByConv[h] = [...w, ...u].sort(
           te
-        ), y(m, {
+        ), y(h, {
           nextCursor: (_ == null ? void 0 : _.next_cursor) ?? null,
           loading: !1,
           loaded: !0
         });
       } catch (_) {
-        console.error("[store] openConversation failed", _), y(m, {
+        console.error("[store] openConversation failed", _), y(h, {
           nextCursor: null,
           loading: !1,
           loaded: !1
@@ -520,67 +520,67 @@ function it(e) {
       }
     }
   }
-  async function k(m) {
+  async function k(h) {
     var A;
-    const h = t.paginationByConv[m];
-    if (!h || h.loading || !h.nextCursor) return;
-    const w = (A = (t.messagesByConv[m] || []).find((C) => C == null ? void 0 : C.created_at)) == null ? void 0 : A.created_at;
+    const m = t.paginationByConv[h];
+    if (!m || m.loading || !m.nextCursor) return;
+    const w = (A = (t.messagesByConv[h] || []).find((C) => C == null ? void 0 : C.created_at)) == null ? void 0 : A.created_at;
     if (w) {
-      y(m, { ...h, loading: !0 });
+      y(h, { ...m, loading: !0 });
       try {
-        const C = await e.listMessages(m, {
+        const C = await e.listMessages(h, {
           before: w,
           limit: o
-        }), u = (C == null ? void 0 : C.messages) ?? [], g = t.messagesByConv[m] || [], p = /* @__PURE__ */ new Set();
-        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[m] = [...L, ...g], y(m, {
+        }), 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}`)));
+        t.messagesByConv[h] = [...L, ...g], y(h, {
           nextCursor: (C == null ? void 0 : C.next_cursor) ?? null,
           loading: !1,
           loaded: !0
         });
       } catch (C) {
-        console.error("[store] loadMore failed", C), y(m, { ...h, loading: !1 });
+        console.error("[store] loadMore failed", C), y(h, { ...m, loading: !1 });
       }
     }
   }
-  function y(m, h) {
-    t.paginationByConv = { ...t.paginationByConv, [m]: h };
+  function y(h, m) {
+    t.paginationByConv = { ...t.paginationByConv, [h]: m };
   }
-  async function T(m, h) {
-    const _ = await e.patchConversation(m, h), w = t.conversations.findIndex((A) => A.id === m);
+  async function T(h, m) {
+    const _ = await e.patchConversation(h, m), w = t.conversations.findIndex((A) => A.id === h);
     w !== -1 && (t.conversations[w] = _);
   }
-  async function I(m) {
-    if (!m) return [];
-    const h = t.messagesByConv[m] || [];
+  async function I(h) {
+    if (!h) return [];
+    const m = t.messagesByConv[h] || [];
     let _ = "";
-    for (const w of h)
+    for (const w of m)
       w != null && w.created_at && w.created_at > _ && (_ = w.created_at);
     try {
       const w = await e.listMessages(
-        m,
+        h,
         _ ? { since: _ } : {}
       ), A = (w == null ? void 0 : w.messages) || [];
       if (!A.length) return [];
       const C = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
-      for (const p of h)
+      for (const p of m)
         (p == null ? void 0 : p.id) != null && C.add(String(p.id)), p != null && p.client_msg_id && u.add(p.client_msg_id);
       const g = [];
       for (const p of A) {
         const L = (p == null ? void 0 : p.id) != null && C.has(String(p.id)) || (p == null ? void 0 : p.client_msg_id) && u.has(p.client_msg_id);
-        X(m, p), L || g.push(p);
+        X(h, p), L || g.push(p);
       }
       return g;
     } catch (w) {
       return console.error("[store] fetchSinceLast failed", w), [];
     }
   }
-  async function S(m, h) {
-    if (!(!m || h == null))
+  async function S(h, m) {
+    if (!(!h || m == null))
       try {
-        const _ = await e.markConversationRead(m, h), w = (_ == null ? void 0 : _.last_read_message_id) ?? h, A = t.conversations.findIndex((C) => (C == null ? void 0 : C.id) === m);
+        const _ = await e.markConversationRead(h, m), w = (_ == null ? void 0 : _.last_read_message_id) ?? m, A = t.conversations.findIndex((C) => (C == null ? void 0 : C.id) === h);
         A !== -1 && (t.conversations[A] = {
           ...t.conversations[A],
           last_read_message_id: w
@@ -589,14 +589,14 @@ function it(e) {
         console.error("[store] markConversationRead failed", _);
       }
   }
-  async function z(m, h, { attachments: _, metadata: w } = {}) {
+  async function z(h, m, { attachments: _, metadata: w } = {}) {
     var L;
-    const A = (h || "").trim(), C = Array.isArray(_) && _.length > 0;
-    if (!m || !A && !C) return;
-    const u = rt(), g = pe(m), p = {
+    const A = (m || "").trim(), C = Array.isArray(_) && _.length > 0;
+    if (!h || !A && !C) return;
+    const u = rt(), g = pe(h), p = {
       id: u,
       client_msg_id: u,
-      conversation_id: m,
+      conversation_id: h,
       type: "content",
       text_md: A,
       author: {
@@ -609,42 +609,42 @@ function it(e) {
       ...C ? { payload: { type: "content", attachments: _ } } : {},
       ...w && typeof w == "object" ? { metadata: w } : {}
     };
-    X(m, p);
+    X(h, p);
     try {
-      await e.postMessage(m, {
+      await e.postMessage(h, {
         client_msg_id: u,
         text_md: A,
         created_at: g,
         ...C ? { attachments: _ } : {},
         ...w && typeof w == "object" ? { metadata: w } : {}
       });
-    } catch (O) {
-      console.error("[store] send failed", O), oe(m, u, {
+    } catch (R) {
+      console.error("[store] send failed", R), oe(h, u, {
         _failed: !0,
         _pending: !1
       });
     }
   }
-  async function M(m, h, _) {
-    m != null && (t.awaitingCallback[m] = !0);
+  async function M(h, m, _) {
+    h != null && (t.awaitingCallback[h] = !0);
     try {
-      await e.postCallback(m, h, _);
+      await e.postCallback(h, m, _);
     } catch (w) {
-      console.error("[store] callback failed", w), m != null && delete t.awaitingCallback[m];
+      console.error("[store] callback failed", w), h != null && delete t.awaitingCallback[h];
     }
   }
   const D = /* @__PURE__ */ new Map();
-  async function x(m) {
-    if (!m) return null;
-    const h = D.get(m);
-    if (h != null && h.url) {
-      const _ = h.expires_at ? Date.parse(h.expires_at) : 0;
-      if (!_ || _ - Date.now() > 6e4) return h.url;
+  async function O(h) {
+    if (!h) return null;
+    const m = D.get(h);
+    if (m != null && m.url) {
+      const _ = m.expires_at ? Date.parse(m.expires_at) : 0;
+      if (!_ || _ - Date.now() > 6e4) return m.url;
     }
     try {
-      const _ = await e.signAttachment(m);
+      const _ = await e.signAttachment(h);
       if (_ != null && _.signed_url)
-        return D.set(m, {
+        return D.set(h, {
           url: _.signed_url,
           expires_at: _.expires_at
         }), _.signed_url;
@@ -653,22 +653,22 @@ function it(e) {
     }
     return null;
   }
-  async function q(m, { rating: h, comment: _ } = {}) {
-    const w = t.conversations.find((u) => u.id === m), C = {
+  async function q(h, { rating: m, comment: _ } = {}) {
+    const w = t.conversations.find((u) => u.id === h), C = {
       ...(w == null ? void 0 : w.metadata) || {},
       feedback: {
-        rating: h,
+        rating: m,
         comment: _ || null,
         submitted_at: (/* @__PURE__ */ new Date()).toISOString()
       }
     };
-    await T(m, { metadata: C });
+    await T(h, { metadata: C });
   }
-  function J(m) {
+  function J(h) {
     var _, w;
-    const h = t.messagesByConv[m] || [];
-    for (let A = h.length - 1; A >= 0; A--) {
-      const C = h[A];
+    const m = t.messagesByConv[h] || [];
+    for (let A = m.length - 1; A >= 0; A--) {
+      const C = m[A];
       if (((_ = C == null ? void 0 : C.author) == null ? void 0 : _.type) === "user" || (C == null ? void 0 : C.type) === "action" && ((w = C == null ? void 0 : C.payload) == null ? void 0 : w.state) === "pending")
         return null;
       const u = Array.isArray(C == null ? void 0 : C.callbacks) ? C.callbacks.find((g) => (g == null ? void 0 : g.intent) === "submit_form") : null;
@@ -685,19 +685,19 @@ function it(e) {
     }
     return null;
   }
-  function ie(m) {
-    const h = t.runningActionsByConv[m];
-    if (!h) return null;
-    const _ = Object.keys(h);
+  function ie(h) {
+    const m = t.runningActionsByConv[h];
+    if (!m) return null;
+    const _ = Object.keys(m);
     if (_.length === 0) return null;
     const w = _[0];
-    return { id: w, payload: { name: h[w] } };
+    return { id: w, payload: { name: m[w] } };
   }
-  function ae(m) {
+  function ae(h) {
     var _, w, A;
-    const h = t.messagesByConv[m] || [];
-    for (let C = h.length - 1; C >= 0; C--) {
-      const u = h[C];
+    const m = t.messagesByConv[h] || [];
+    for (let C = m.length - 1; C >= 0; C--) {
+      const u = m[C];
       if (((_ = u == null ? void 0 : u.author) == null ? void 0 : _.type) === "user") return [];
       if ((u == null ? void 0 : u.type) === "action" && ((w = u == null ? void 0 : u.payload) == null ? void 0 : w.state) === "pending")
         return [];
@@ -711,57 +711,57 @@ function it(e) {
     }
     return [];
   }
-  function X(m, h) {
+  function X(h, m) {
     var C;
-    const _ = t.messagesByConv[m] || [];
+    const _ = t.messagesByConv[h] || [];
     let w = -1;
-    h != null && h.client_msg_id && (w = _.findIndex(
-      (u) => (u == null ? void 0 : u.client_msg_id) && u.client_msg_id === h.client_msg_id
-    )), w === -1 && (h == null ? void 0 : h.id) !== void 0 && (h == null ? void 0 : h.id) !== null && (w = _.findIndex((u) => Q(u == null ? void 0 : u.id, h.id)));
+    m != null && m.client_msg_id && (w = _.findIndex(
+      (u) => (u == null ? void 0 : u.client_msg_id) && u.client_msg_id === m.client_msg_id
+    )), w === -1 && (m == null ? void 0 : m.id) !== void 0 && (m == null ? void 0 : m.id) !== null && (w = _.findIndex((u) => Q(u == null ? void 0 : u.id, m.id)));
     let A;
-    w === -1 ? A = [..._, h].sort(te) : (A = _.slice(), A[w] = {
+    w === -1 ? A = [..._, m].sort(te) : (A = _.slice(), A[w] = {
       ..._[w],
-      ...h,
+      ...m,
       _pending: !1,
       _failed: !1
-    }), t.messagesByConv[m] = A, (h == null ? void 0 : h.type) === "action" && ((C = h == null ? void 0 : h.payload) != null && C.state) && h.payload.state !== "pending" && (h == null ? void 0 : h.id) != null && t.awaitingCallback[h.id] && delete t.awaitingCallback[h.id];
+    }), t.messagesByConv[h] = A, (m == null ? void 0 : m.type) === "action" && ((C = m == null ? void 0 : m.payload) != null && C.state) && m.payload.state !== "pending" && (m == null ? void 0 : m.id) != null && t.awaitingCallback[m.id] && delete t.awaitingCallback[m.id];
   }
-  function Q(m, h) {
-    return m === h ? !0 : m == null || h == null ? !1 : String(m) === String(h);
+  function Q(h, m) {
+    return h === m ? !0 : h == null || m == null ? !1 : String(h) === String(m);
   }
-  function oe(m, h, _) {
-    const w = t.messagesByConv[m];
+  function oe(h, m, _) {
+    const w = t.messagesByConv[h];
     if (!w) return;
-    const A = w.findIndex((u) => u.id === h);
+    const A = w.findIndex((u) => u.id === m);
     if (A === -1) return;
     const C = w.slice();
-    C[A] = { ...w[A], ..._ }, t.messagesByConv[m] = C;
+    C[A] = { ...w[A], ..._ }, t.messagesByConv[h] = C;
   }
-  function Z(m, h) {
-    const _ = t.conversations.findIndex((A) => A.id === m);
+  function Z(h, m) {
+    const _ = t.conversations.findIndex((A) => A.id === h);
     if (_ === -1) return;
     const w = t.conversations[_];
-    if (h && (!w.last_message_at || h > w.last_message_at)) {
+    if (m && (!w.last_message_at || m > w.last_message_at)) {
       const A = t.conversations.slice();
-      A[_] = { ...w, last_message_at: h }, A.sort(
+      A[_] = { ...w, last_message_at: m }, A.sort(
         (C, u) => (u.last_message_at || "").localeCompare(C.last_message_at || "")
       ), t.conversations = A;
     }
   }
-  function te(m, h) {
-    return (m.created_at || "").localeCompare(h.created_at || "");
+  function te(h, m) {
+    return (h.created_at || "").localeCompare(m.created_at || "");
   }
-  function ye(m) {
-    if (!m || typeof m != "object") return null;
-    const h = {}, _ = {};
-    for (const [w, A] of Object.entries(m))
-      A !== void 0 && (w === "name" || w === "email" || w === "language" ? A != null && String(A).trim() !== "" && (h[w] = A) : (w === "values" || w === "metadata") && A && typeof A == "object" ? Object.assign(_, A) : _[w] = A);
-    return Object.keys(_).length && (h.values = _), Object.keys(h).length ? h : null;
+  function ye(h) {
+    if (!h || typeof h != "object") return null;
+    const m = {}, _ = {};
+    for (const [w, A] of Object.entries(h))
+      A !== void 0 && (w === "name" || w === "email" || w === "language" ? A != null && String(A).trim() !== "" && (m[w] = A) : (w === "values" || w === "metadata") && A && typeof A == "object" ? Object.assign(_, A) : _[w] = A);
+    return Object.keys(_).length && (m.values = _), Object.keys(m).length ? m : null;
   }
-  function pe(m) {
-    const h = t.messagesByConv[m] || [];
+  function pe(h) {
+    const m = t.messagesByConv[h] || [];
     let _ = "";
-    for (const C of h)
+    for (const C of m)
       C != null && C.created_at && C.created_at > _ && (_ = C.created_at);
     const w = (/* @__PURE__ */ new Date()).toISOString();
     return !_ || w > _ ? w : new Date(Date.parse(_) + 1).toISOString();
@@ -779,7 +779,7 @@ function it(e) {
     markConversationRead: S,
     send: z,
     clickCallback: M,
-    signAttachment: x,
+    signAttachment: O,
     submitFeedback: q,
     getActionInFlight: ie,
     getLatestSuggestions: ae,
@@ -882,7 +882,7 @@ function Ee(e) {
   }
   return t.protocol === "https:" || t.protocol === "http:" || t.protocol === "data:" && /^data:image\//i.test(e) ? e : null;
 }
-const ue = "fr", mt = ["fr", "en"], Be = { fr: "fr-FR", en: "en-US" }, ke = {
+const ue = "fr", ht = ["fr", "en"], Be = { fr: "fr-FR", en: "en-US" }, ke = {
   fr: {
     // ── Common ───────────────────────────────────────────────────────
     "common.newConversation": "Nouvelle conversation",
@@ -1159,7 +1159,7 @@ I reply within seconds.`,
 function Re(e) {
   if (typeof e != "string") return ue;
   const t = e.trim().toLowerCase().slice(0, 2);
-  return mt.includes(t) ? t : ue;
+  return ht.includes(t) ? t : ue;
 }
 function re(e) {
   return Be[Re(e)] || Be[ue];
@@ -1182,7 +1182,7 @@ function Pe(e, t) {
 function ze(e, t, s) {
   return Array.isArray(t) ? t.map((r) => Pe(e, String(r))).join(", ") : typeof t == "boolean" ? s(t ? "common.yes" : "common.no") : Pe(e, String(t));
 }
-function ht(e, t, s = H()) {
+function mt(e, t, s = H()) {
   if (!e || !t) return "";
   const r = Array.isArray(e.fields) ? e.fields : [], i = [];
   for (const n of r) {
@@ -1306,7 +1306,7 @@ function _t(e) {
   }
   return i;
 }
-function me(e) {
+function he(e) {
   var s;
   const t = (s = e == null ? void 0 : e.author) == null ? void 0 : s.type;
   return t === "agent_ia" || t === "agent_human";
@@ -1477,7 +1477,7 @@ const wt = {
     // panel or switched threads during the typing dwell.
     onMessageRevealed(e, t) {
       var i;
-      if (!this.soundEnabled && !this.browserNotifEnabled || !t || !e || !me(e)) return;
+      if (!this.soundEnabled && !this.browserNotifEnabled || !t || !e || !he(e)) return;
       const s = typeof document < "u" && document.hidden;
       this.isOpen && !s && ((i = this.currentConv) == null ? void 0 : i.id) === t || (this.soundEnabled && this.playNotificationSound(), this.browserNotifEnabled && this.showBrowserNotification(t, e));
     },
@@ -1707,7 +1707,7 @@ const wt = {
       const s = Date.now(), r = { ...this.revealedAt };
       for (const n of e) {
         if ((n == null ? void 0 : n.id) == null || r[n.id] !== void 0) continue;
-        if (!me(n)) {
+        if (!he(n)) {
           r[n.id] = s;
           continue;
         }
@@ -1743,7 +1743,7 @@ const wt = {
     paceLiveMessage(e, t) {
       var o;
       if (!(e != null && e.id) || this.revealedAt[e.id] !== void 0) return;
-      if (!me(e)) {
+      if (!he(e)) {
         this.revealedAt = { ...this.revealedAt, [e.id]: Date.now() };
         return;
       }
@@ -1840,7 +1840,7 @@ const U = (e, t) => {
 }, Tt = ["src", "alt"];
 function Mt(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: R(["wm-huav", { "wm-huav--tail": s.tail }]),
+    class: x(["wm-huav", { "wm-huav--tail": s.tail }]),
     style: F({
       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: R(["wm-peekStack", { "wm-peekStack--multi": n.visiblePeeks.length > 1 }])
+          class: x(["wm-peekStack", { "wm-peekStack--multi": n.visiblePeeks.length > 1 }])
         }, [
           (c(!0), d(E, null, N(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: R(["wm-aiav", { "wm-aiav--tail": s.tail }]),
+    class: x(["wm-aiav", { "wm-aiav--tail": s.tail }]),
     style: F({
       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: R(["wm-aiav__inner", {
+      class: x(["wm-aiav__inner", {
         "wm-aiav__inner--glow": s.pulse,
         "wm-aiav__inner--img": !!s.imageUrl,
         "wm-aiav__inner--initials": !s.imageUrl && !!n.initials
@@ -2089,7 +2089,7 @@ function Gt(e, t, s, r, i, n) {
     ], 6)
   ], 6);
 }
-const he = /* @__PURE__ */ U(Vt, [["render", Gt], ["__scopeId", "data-v-6f7f685d"]]), Yt = {
+const me = /* @__PURE__ */ U(Vt, [["render", Gt], ["__scopeId", "data-v-6f7f685d"]]), Yt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -2145,7 +2145,7 @@ function en(e, t, s, r, i, n) {
 }
 const tn = /* @__PURE__ */ U(Yt, [["render", en], ["__scopeId", "data-v-e49a9063"]]), nn = {
   name: "WmHeader",
-  components: { AIAvatar: he, TeamAvatars: tn },
+  components: { AIAvatar: me, TeamAvatars: tn },
   inject: {
     // Translator shared by the Messenger shell. Falls back to a French
     // translator when the component is used standalone (no provider).
@@ -2188,7 +2188,7 @@ const tn = /* @__PURE__ */ U(Yt, [["render", en], ["__scopeId", "data-v-e49a9063
 }, on = { class: "wm-header__avatar" }, ln = { class: "wm-header__main" }, cn = { class: "wm-header__title" }, dn = {
   key: 3,
   class: "wm-header__fill"
-}, un = { class: "wm-header__actions" }, mn = ["aria-label", "title"], hn = ["aria-label", "title"];
+}, un = { class: "wm-header__actions" }, hn = ["aria-label", "title"], mn = ["aria-label", "title"];
 function fn(e, t, s, r, i, n) {
   const a = P("AIAvatar"), o = P("TeamAvatars");
   return c(), d("div", sn, [
@@ -2234,7 +2234,7 @@ function fn(e, t, s, r, i, n) {
       s.showMore ? (c(), d("button", {
         key: 0,
         type: "button",
-        class: R(["wm-header__icon", { "wm-header__icon--active": s.moreActive }]),
+        class: x(["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"))
@@ -2262,7 +2262,7 @@ function fn(e, t, s, r, i, n) {
             r: "1.6"
           })
         ], -1)
-      ])], 10, mn)) : b("", !0),
+      ])], 10, hn)) : b("", !0),
       s.showClose ? (c(), d("button", {
         key: 1,
         type: "button",
@@ -2284,7 +2284,7 @@ function fn(e, t, s, r, i, n) {
         }, [
           l("path", { d: "M18 6L6 18M6 6l12 12" })
         ], -1)
-      ])], 8, hn)) : b("", !0)
+      ])], 8, mn)) : b("", !0)
     ])
   ]);
 }
@@ -2296,7 +2296,7 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
   link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
 }, gn = {
   name: "WmOnboarding",
-  components: { AIAvatar: he, HumanAvatar: ve },
+  components: { AIAvatar: me, HumanAvatar: ve },
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. The language getter feeds `formatTs` (relative date
@@ -2313,17 +2313,31 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
     coverImageUrl: { type: String, default: null },
     quickLinks: { type: Array, default: () => [] },
     openThreads: { type: Array, default: () => [] },
-    busy: { type: Boolean, default: !1 }
+    busy: { type: Boolean, default: !1 },
+    // Flipped on by the shell when the user starts a conversation from
+    // the input. Triggers the launch choreography (cf. `runLaunch`).
+    launching: { type: Boolean, default: !1 }
   },
-  emits: ["start", "select", "resume", "view-history"],
+  emits: ["start", "launched", "select", "resume", "view-history"],
   data() {
     return {
+      // Launch animation phase: 'idle' → 'fade' (everything but the
+      // input fades out) → 'slide' (the input glides down to the
+      // composer slot). Drives the `wm-onb--*` classes.
+      launchPhase: "idle",
+      // One-shot guard so `launched` is emitted exactly once.
+      launchDone: !1,
       // First-message draft typed straight on the home screen. On
       // submit it's emitted with `start` so the conversation opens
       // with this message already on its way.
       starterText: ""
     };
   },
+  watch: {
+    launching(e) {
+      e && this.runLaunch();
+    }
+  },
   computed: {
     // Gate the send button: needs non-blank text and no in-flight
     // conversation creation.
@@ -2354,14 +2368,45 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
     }
   },
   methods: {
-    // Open a conversation seeded with the typed first message. The
-    // parent (`startConv` + send) handles draft creation and the
-    // home→chat screen crossfade; we just hand it the text and clear
-    // the field.
+    // Hand the typed message to the shell, which kicks off the launch
+    // (it flips our `launching` prop → `runLaunch`). We keep the field
+    // value: it stays visible in the input as it slides into the
+    // composer slot, masking the hand-off to the real composer.
     submitStarter() {
-      if (!this.canStart) return;
-      const e = this.starterText.trim();
-      this.starterText = "", this.$emit("start", e);
+      this.canStart && this.$emit("start", this.starterText.trim());
+    },
+    // Launch choreography, in two beats:
+    //   1. 'fade'  — hero, alerts and quick-link buttons fade out,
+    //                leaving a white panel with just the input pill.
+    //   2. 'slide' — the input pill (now pulled out of flow, pinned to
+    //                the bottom composer slot) glides down into place
+    //                via a FLIP transform.
+    // When the slide settles we emit `launched`; the shell then swaps
+    // in the real conversation (composer landing exactly where the
+    // input stopped) and fades the chat in.
+    async runLaunch() {
+      const e = this.$refs.starterForm, t = typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      if (!e || t) {
+        this.launchPhase = "fade", await this.wait(t ? 120 : 0), this.finishLaunch();
+        return;
+      }
+      this.launchPhase = "fade", await this.wait(230);
+      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)";
+      const a = () => {
+        e.removeEventListener("transitionend", a), this.finishLaunch();
+      };
+      e.addEventListener("transitionend", a), this.wait(420).then(() => this.finishLaunch());
+    },
+    // Emit `launched` exactly once, however we got here (transitionend,
+    // safety timeout, or the reduced-motion shortcut).
+    finishLaunch() {
+      this.launchDone || (this.launchDone = !0, this.$emit("launched"));
+    },
+    wait(e) {
+      return new Promise((t) => window.setTimeout(t, e));
     },
     iconPath(e) {
       return Ne[e] || Ne.link;
@@ -2446,7 +2491,7 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
       });
     }
   }
-}, vn = { class: "wm-onb" }, yn = ["aria-label"], pn = {
+}, vn = ["aria-label"], yn = {
   key: 1,
   class: "wm-onb__hero-deco",
   width: "180",
@@ -2454,19 +2499,19 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
   viewBox: "0 0 180 180",
   fill: "none",
   "aria-hidden": "true"
-}, wn = { class: "wm-onb__hero-text" }, bn = { class: "wm-onb__title" }, kn = { class: "wm-onb__sub" }, Cn = {
+}, pn = { class: "wm-onb__hero-text" }, wn = { class: "wm-onb__title" }, bn = { class: "wm-onb__sub" }, kn = {
   key: 0,
   class: "wm-onb__alertList"
-}, An = ["onClick"], Sn = {
+}, Cn = ["onClick"], An = {
   key: 0,
   class: "wm-onb__defaultAvatar"
-}, Tn = ["aria-label"], Mn = { class: "wm-onb__alert-body" }, xn = { class: "wm-onb__alert-title" }, On = { class: "wm-onb__alert-preview" }, Rn = {
+}, Sn = ["aria-label"], Tn = { class: "wm-onb__alert-body" }, Mn = { class: "wm-onb__alert-title" }, xn = { class: "wm-onb__alert-preview" }, On = {
   key: 0,
   class: "wm-onb__alert-sender"
-}, Ln = ["innerHTML"], In = { class: "wm-onb__alert-meta" }, En = {
+}, Rn = ["innerHTML"], Ln = { class: "wm-onb__alert-meta" }, In = {
   key: 0,
   class: "wm-onb__alert-time"
-}, Bn = { class: "wm-onb__alert-resume" }, Pn = { class: "wm-onb__actions" }, Un = ["placeholder", "disabled", "aria-label"], Dn = ["disabled", "aria-label"], Nn = {
+}, En = { class: "wm-onb__alert-resume" }, Bn = { class: "wm-onb__actions" }, Pn = ["placeholder", "disabled", "aria-label"], Un = ["disabled", "aria-label"], Dn = {
   key: 0,
   width: "16",
   height: "16",
@@ -2477,11 +2522,11 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Fn = {
+}, Nn = {
   key: 1,
   class: "wm-onb__starter-spinner",
   "aria-hidden": "true"
-}, Hn = ["onClick"], jn = { class: "wm-onb__btn-icon" }, zn = ["aria-label"], qn = {
+}, Fn = ["onClick"], Hn = { class: "wm-onb__btn-icon" }, jn = ["aria-label"], zn = {
   key: 1,
   width: "18",
   height: "18",
@@ -2492,7 +2537,7 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Vn = ["d"], Kn = { class: "wm-onb__btn-label" }, Wn = {
+}, qn = ["d"], Vn = { class: "wm-onb__btn-label" }, Kn = {
   key: 0,
   class: "wm-onb__btn-trail",
   width: "13",
@@ -2504,7 +2549,7 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, $n = { class: "wm-onb__btn-icon" }, Gn = {
+}, Wn = { class: "wm-onb__btn-icon" }, $n = {
   width: "18",
   height: "18",
   viewBox: "0 0 24 24",
@@ -2514,12 +2559,17 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Yn = ["d"], Jn = { class: "wm-onb__btn-label" }, Xn = { class: "wm-onb__btn-count" };
-function Qn(e, t, s, r, i, n) {
+}, Gn = ["d"], Yn = { class: "wm-onb__btn-label" }, Jn = { class: "wm-onb__btn-count" };
+function Xn(e, t, s, r, i, n) {
   const a = P("AIAvatar");
-  return c(), d("div", vn, [
+  return c(), d("div", {
+    class: x(["wm-onb", {
+      "wm-onb--launching": i.launchPhase !== "idle",
+      "wm-onb--sliding": i.launchPhase === "slide"
+    }])
+  }, [
     l("div", {
-      class: R(["wm-onb__hero", { "wm-onb__hero--cover": n.hasCover }])
+      class: x(["wm-onb__hero", { "wm-onb__hero--cover": n.hasCover }])
     }, [
       n.hasCover ? (c(), d("div", {
         key: 0,
@@ -2527,8 +2577,8 @@ function Qn(e, t, s, r, i, n) {
         style: F(n.coverStyle),
         role: "img",
         "aria-label": n.heroTitle
-      }, null, 12, yn)) : b("", !0),
-      n.hasCover ? b("", !0) : (c(), d("svg", pn, [...t[3] || (t[3] = [
+      }, null, 12, vn)) : b("", !0),
+      n.hasCover ? b("", !0) : (c(), d("svg", yn, [...t[3] || (t[3] = [
         l("circle", {
           cx: "170",
           cy: "10",
@@ -2559,12 +2609,12 @@ function Qn(e, t, s, r, i, n) {
         size: 52,
         "image-url": s.defaultIconUrl
       }, null, 8, ["image-url"]),
-      l("div", wn, [
-        l("div", bn, v(n.heroTitle), 1),
-        l("div", kn, v(n.heroSub), 1)
+      l("div", pn, [
+        l("div", wn, v(n.heroTitle), 1),
+        l("div", bn, v(n.heroSub), 1)
       ])
     ], 2),
-    n.unreadThreads.length ? (c(), d("div", Cn, [
+    n.unreadThreads.length ? (c(), d("div", kn, [
       (c(!0), d(E, null, N(n.unreadThreads, (o) => (c(), d("button", {
         key: o.id,
         type: "button",
@@ -2572,9 +2622,9 @@ function Qn(e, t, s, r, i, n) {
         onClick: (f) => e.$emit("resume", o)
       }, [
         l("span", {
-          class: R(["wm-onb__alert-avatar", n.avatarWrapperClass(o)])
+          class: x(["wm-onb__alert-avatar", n.avatarWrapperClass(o)])
         }, [
-          n.isDefaultAvatar(o) ? (c(), d("span", Sn, [...t[4] || (t[4] = [
+          n.isDefaultAvatar(o) ? (c(), d("span", An, [...t[4] || (t[4] = [
             l("svg", {
               width: "20",
               height: "20",
@@ -2595,26 +2645,30 @@ function Qn(e, t, s, r, i, n) {
           l("span", {
             class: "wm-onb__alert-dot",
             "aria-label": n.t("onboarding.unread")
-          }, null, 8, Tn)
+          }, null, 8, Sn)
         ], 2),
-        l("span", Mn, [
-          l("span", xn, v(o.title), 1),
-          l("span", On, [
-            n.senderLabel(o) ? (c(), d("span", Rn, v(n.senderLabel(o)) + " · ", 1)) : b("", !0),
+        l("span", Tn, [
+          l("span", Mn, v(o.title), 1),
+          l("span", xn, [
+            n.senderLabel(o) ? (c(), d("span", On, v(n.senderLabel(o)) + " · ", 1)) : b("", !0),
             l("span", {
               innerHTML: n.renderPreview(o.preview)
-            }, null, 8, Ln)
+            }, null, 8, Rn)
           ])
         ]),
-        l("span", In, [
-          n.formatTs(o._ts) ? (c(), d("span", En, v(n.formatTs(o._ts)), 1)) : b("", !0),
-          l("span", Bn, v(n.t("onboarding.resume")), 1)
+        l("span", Ln, [
+          n.formatTs(o._ts) ? (c(), d("span", In, v(n.formatTs(o._ts)), 1)) : b("", !0),
+          l("span", En, v(n.t("onboarding.resume")), 1)
         ])
-      ], 8, An))), 128))
+      ], 8, Cn))), 128))
     ])) : b("", !0),
-    l("div", Pn, [
+    l("div", Bn, [
       l("form", {
-        class: R(["wm-onb__starter", { "is-active": !!i.starterText.trim() }]),
+        ref: "starterForm",
+        class: x(["wm-onb__starter", {
+          "is-active": !!i.starterText.trim(),
+          "wm-onb__starter--toBottom": i.launchPhase === "slide"
+        }]),
         onSubmit: t[1] || (t[1] = G((...o) => n.submitStarter && n.submitStarter(...o), ["prevent"]))
       }, [
         $(l("input", {
@@ -2626,19 +2680,19 @@ function Qn(e, t, s, r, i, n) {
           disabled: s.busy,
           "aria-label": n.t("onboarding.start"),
           enterkeyhint: "send"
-        }, null, 8, Un), [
+        }, null, 8, Pn), [
           [ee, i.starterText]
         ]),
         l("button", {
           type: "submit",
-          class: R(["wm-onb__starter-send", { "is-empty": !n.canStart }]),
+          class: x(["wm-onb__starter-send", { "is-empty": !n.canStart }]),
           disabled: s.busy || !n.canStart,
           "aria-label": n.t("composer.send")
         }, [
-          s.busy ? (c(), d("span", Fn)) : (c(), d("svg", Nn, [...t[5] || (t[5] = [
+          s.busy ? (c(), d("span", Nn)) : (c(), d("svg", Dn, [...t[5] || (t[5] = [
             l("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" }, null, -1)
           ])]))
-        ], 10, Dn)
+        ], 10, Un)
       ], 34),
       (c(!0), d(E, null, N(s.quickLinks, (o, f) => (c(), d("button", {
         key: "ql-" + f,
@@ -2646,39 +2700,39 @@ function Qn(e, t, s, r, i, n) {
         class: "wm-onb__btn",
         onClick: (k) => e.$emit("select", o)
       }, [
-        l("span", jn, [
+        l("span", Hn, [
           n.safeIconUrl(o) ? (c(), d("span", {
             key: 0,
             class: "wm-onb__btn-iconImg",
             style: F(n.iconUrlStyle(o)),
             role: "img",
             "aria-label": o.label || ""
-          }, null, 12, zn)) : (c(), d("svg", qn, [
+          }, null, 12, jn)) : (c(), d("svg", zn, [
             l("path", {
               d: n.iconPath(o.icon)
-            }, null, 8, Vn)
+            }, null, 8, qn)
           ]))
         ]),
-        l("span", Kn, v(o.label), 1),
-        n.isExternalLink(o) ? (c(), d("svg", Wn, [...t[6] || (t[6] = [
+        l("span", Vn, v(o.label), 1),
+        n.isExternalLink(o) ? (c(), d("svg", Kn, [...t[6] || (t[6] = [
           l("path", { d: "M7 17L17 7M9 7h8v8" }, null, -1)
         ])])) : b("", !0)
-      ], 8, Hn))), 128)),
+      ], 8, Fn))), 128)),
       s.openThreads.length ? (c(), d("button", {
         key: 0,
         type: "button",
         class: "wm-onb__btn",
         onClick: t[2] || (t[2] = (o) => e.$emit("view-history"))
       }, [
-        l("span", $n, [
-          (c(), d("svg", Gn, [
+        l("span", Wn, [
+          (c(), d("svg", $n, [
             l("path", {
               d: n.iconPath("chat")
-            }, null, 8, Yn)
+            }, null, 8, Gn)
           ]))
         ]),
-        l("span", Jn, v(n.t("onboarding.allConversations")), 1),
-        l("span", Xn, v(s.openThreads.length), 1),
+        l("span", Yn, v(n.t("onboarding.allConversations")), 1),
+        l("span", Jn, v(s.openThreads.length), 1),
         t[7] || (t[7] = l("svg", {
           class: "wm-onb__btn-trail",
           width: "13",
@@ -2695,11 +2749,11 @@ function Qn(e, t, s, r, i, n) {
         ], -1))
       ])) : b("", !0)
     ])
-  ]);
+  ], 2);
 }
-const Zn = /* @__PURE__ */ U(gn, [["render", Qn], ["__scopeId", "data-v-c754e832"]]), es = {
+const Qn = /* @__PURE__ */ U(gn, [["render", Xn], ["__scopeId", "data-v-aafac3f0"]]), Zn = {
   name: "WmHistory",
-  components: { AIAvatar: he, HumanAvatar: ve },
+  components: { AIAvatar: me, HumanAvatar: ve },
   inject: {
     t: { default: () => H() },
     wmLocale: { default: () => () => "fr" }
@@ -2766,19 +2820,19 @@ const Zn = /* @__PURE__ */ U(gn, [["render", Qn], ["__scopeId", "data-v-c754e832
       });
     }
   }
-}, ts = { class: "wm-hist" }, ns = { class: "wm-hist__search" }, ss = ["placeholder", "aria-label"], rs = { class: "wm-hist__list" }, is = ["onClick"], as = {
+}, es = { class: "wm-hist" }, ts = { class: "wm-hist__search" }, ns = ["placeholder", "aria-label"], ss = { class: "wm-hist__list" }, rs = ["onClick"], is = {
   key: 0,
   class: "wm-hist__defaultAvatar"
-}, os = ["aria-label"], ls = { class: "wm-hist__thread-body" }, cs = { class: "wm-hist__thread-title" }, ds = ["innerHTML"], us = { class: "wm-hist__thread-meta" }, ms = {
+}, as = ["aria-label"], os = { class: "wm-hist__thread-body" }, ls = { class: "wm-hist__thread-title" }, cs = ["innerHTML"], ds = { class: "wm-hist__thread-meta" }, us = {
   key: 0,
   class: "wm-hist__thread-time"
 }, hs = {
   key: 0,
   class: "wm-hist__empty"
 };
-function fs(e, t, s, r, i, n) {
-  return c(), d("div", ts, [
-    l("div", ns, [
+function ms(e, t, s, r, i, n) {
+  return c(), d("div", es, [
+    l("div", ts, [
       t[1] || (t[1] = l("span", { class: "wm-hist__searchIcon" }, [
         l("svg", {
           width: "13",
@@ -2799,21 +2853,21 @@ function fs(e, t, s, r, i, n) {
         type: "text",
         placeholder: n.t("onboarding.search"),
         "aria-label": n.t("onboarding.search")
-      }, null, 8, ss), [
+      }, null, 8, ns), [
         [ee, i.query]
       ])
     ]),
-    l("div", rs, [
+    l("div", ss, [
       (c(!0), d(E, null, N(n.filteredThreads, (a) => (c(), d("button", {
         key: a.id,
         type: "button",
-        class: R(["wm-hist__thread", { "wm-hist__thread--unread": a.unread }]),
+        class: x(["wm-hist__thread", { "wm-hist__thread--unread": a.unread }]),
         onClick: (o) => e.$emit("resume", a)
       }, [
         l("span", {
-          class: R(["wm-hist__thread-avatar", n.avatarWrapperClass(a)])
+          class: x(["wm-hist__thread-avatar", n.avatarWrapperClass(a)])
         }, [
-          n.isDefaultAvatar(a) ? (c(), d("span", as, [...t[2] || (t[2] = [
+          n.isDefaultAvatar(a) ? (c(), d("span", is, [...t[2] || (t[2] = [
             l("svg", {
               width: "18",
               height: "18",
@@ -2835,17 +2889,17 @@ function fs(e, t, s, r, i, n) {
             key: 2,
             class: "wm-hist__thread-dot",
             "aria-label": n.t("onboarding.unread")
-          }, null, 8, os)) : b("", !0)
+          }, null, 8, as)) : b("", !0)
         ], 2),
-        l("span", ls, [
-          l("span", cs, v(a.title), 1),
+        l("span", os, [
+          l("span", ls, v(a.title), 1),
           l("span", {
             class: "wm-hist__thread-preview",
             innerHTML: n.renderPreview(a.preview)
-          }, null, 8, ds)
+          }, null, 8, cs)
         ]),
-        l("span", us, [
-          n.formatTs(a._ts) ? (c(), d("span", ms, v(n.formatTs(a._ts)), 1)) : b("", !0),
+        l("span", ds, [
+          n.formatTs(a._ts) ? (c(), d("span", us, v(n.formatTs(a._ts)), 1)) : b("", !0),
           t[3] || (t[3] = l("svg", {
             width: "14",
             height: "14",
@@ -2861,16 +2915,16 @@ function fs(e, t, s, r, i, n) {
             l("path", { d: "M5 12h14M13 5l7 7-7 7" })
           ], -1))
         ])
-      ], 10, is))), 128)),
+      ], 10, rs))), 128)),
       n.filteredThreads.length ? b("", !0) : (c(), d("div", hs, v(i.query ? n.t("onboarding.noResults", { query: i.query }) : n.t("onboarding.noConversations")), 1))
     ])
   ]);
 }
-const _s = /* @__PURE__ */ U(es, [["render", fs], ["__scopeId", "data-v-6bf35ef1"]]);
-function gs(e) {
+const fs = /* @__PURE__ */ U(Zn, [["render", ms], ["__scopeId", "data-v-6bf35ef1"]]);
+function _s(e) {
   return typeof e != "string" ? "" : e.replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), "$1").replace(/__([^_]+)__/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\s+/g, " ").trim();
 }
-const vs = {
+const gs = {
   name: "WmActionResult",
   props: {
     state: { type: String, default: "success" },
@@ -2880,13 +2934,13 @@ const vs = {
   },
   computed: {
     detailText() {
-      return gs(this.detail);
+      return _s(this.detail);
     }
   }
-}, ys = {
+}, vs = {
   class: "wm-result__icon",
   "aria-hidden": "true"
-}, ps = {
+}, ys = {
   key: 0,
   width: "11",
   height: "11",
@@ -2896,7 +2950,7 @@ const vs = {
   "stroke-width": "2.8",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ws = {
+}, ps = {
   key: 1,
   width: "11",
   height: "11",
@@ -2906,7 +2960,7 @@ const vs = {
   "stroke-width": "2.6",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, bs = {
+}, ws = {
   key: 2,
   width: "11",
   height: "11",
@@ -2916,7 +2970,7 @@ const vs = {
   "stroke-width": "2.4",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ks = {
+}, bs = {
   key: 3,
   width: "12",
   height: "12",
@@ -2926,24 +2980,24 @@ const vs = {
   "stroke-width": "2.2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Cs = { class: "wm-result__body" }, As = { class: "wm-result__label" }, Ss = { class: "wm-result__detail" };
-function Ts(e, t, s, r, i, n) {
+}, 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: R(["wm-result", `wm-result--${s.state}`])
+    class: x(["wm-result", `wm-result--${s.state}`])
   }, [
-    l("span", ys, [
-      s.state === "success" ? (c(), d("svg", ps, [...t[0] || (t[0] = [
+    l("span", vs, [
+      s.state === "success" ? (c(), d("svg", ys, [...t[0] || (t[0] = [
         l("path", { d: "M20 6L9 17l-5-5" }, null, -1)
-      ])])) : s.state === "rejected" ? (c(), d("svg", ws, [...t[1] || (t[1] = [
+      ])])) : s.state === "rejected" ? (c(), d("svg", ps, [...t[1] || (t[1] = [
         l("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
-      ])])) : s.state === "awaiting" ? (c(), d("svg", bs, [...t[2] || (t[2] = [
+      ])])) : s.state === "awaiting" ? (c(), d("svg", ws, [...t[2] || (t[2] = [
         l("circle", {
           cx: "12",
           cy: "12",
           r: "10"
         }, null, -1),
         l("polyline", { points: "12 7 12 12 15 14" }, null, -1)
-      ])])) : (c(), d("svg", ks, [...t[3] || (t[3] = [
+      ])])) : (c(), d("svg", bs, [...t[3] || (t[3] = [
         l("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }, null, -1),
         l("line", {
           x1: "12",
@@ -2959,19 +3013,19 @@ function Ts(e, t, s, r, i, n) {
         }, null, -1)
       ])]))
     ]),
-    l("span", Cs, [
-      l("span", As, v(s.label), 1),
+    l("span", ks, [
+      l("span", Cs, v(s.label), 1),
       n.detailText ? (c(), d(E, { key: 0 }, [
         t[4] || (t[4] = l("span", {
           class: "wm-result__sep",
           "aria-hidden": "true"
         }, " · ", -1)),
-        l("span", Ss, v(n.detailText), 1)
+        l("span", As, v(n.detailText), 1)
       ], 64)) : b("", !0)
     ])
   ], 2);
 }
-const Ms = /* @__PURE__ */ U(vs, [["render", Ts], ["__scopeId", "data-v-7284acd0"]]), xs = {
+const Ts = /* @__PURE__ */ U(gs, [["render", Ss], ["__scopeId", "data-v-7284acd0"]]), Ms = {
   name: "WmArtifactFormResponse",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -2987,12 +3041,12 @@ const Ms = /* @__PURE__ */ U(vs, [["render", Ts], ["__scopeId", "data-v-7284acd0
       return Array.isArray((e = this.data) == null ? void 0 : e.fields) ? this.data.fields : [];
     }
   }
-}, Os = { class: "wm-art wm-art--formResponse" }, Rs = { class: "wm-art__head" }, Ls = { class: "wm-art__title" }, Is = { class: "wm-art__badge wm-art__badge--success" }, Es = { class: "wm-art__body" }, Bs = { class: "wm-art__fieldLabel" };
-function Ps(e, t, s, r, i, n) {
-  return c(), d("div", Os, [
-    l("div", Rs, [
-      l("div", Ls, v(s.data.title || n.t("form.title")), 1),
-      l("span", Is, [
+}, xs = { class: "wm-art wm-art--formResponse" }, Os = { class: "wm-art__head" }, Rs = { class: "wm-art__title" }, Ls = { class: "wm-art__badge wm-art__badge--success" }, Is = { class: "wm-art__body" }, Es = { class: "wm-art__fieldLabel" };
+function Bs(e, t, s, r, i, n) {
+  return c(), d("div", xs, [
+    l("div", Os, [
+      l("div", Rs, v(s.data.title || n.t("form.title")), 1),
+      l("span", Ls, [
         t[0] || (t[0] = l("svg", {
           width: "11",
           height: "11",
@@ -3009,14 +3063,14 @@ function Ps(e, t, s, r, i, n) {
         Me(" " + v(n.t("form.sent")), 1)
       ])
     ]),
-    l("div", Es, [
+    l("div", Is, [
       (c(!0), d(E, null, N(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
-        l("div", Bs, v(a.label), 1),
+        l("div", Es, v(a.label), 1),
         l("div", {
-          class: R([
+          class: x([
             "wm-art__fieldValue",
             { "wm-art__fieldValue--multi": a.multiline }
           ])
@@ -3025,7 +3079,7 @@ function Ps(e, t, s, r, i, n) {
     ])
   ]);
 }
-const Us = /* @__PURE__ */ U(xs, [["render", Ps], ["__scopeId", "data-v-713aecf1"]]), Ds = {
+const Ps = /* @__PURE__ */ U(Ms, [["render", Bs], ["__scopeId", "data-v-713aecf1"]]), Us = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -3040,50 +3094,50 @@ const Us = /* @__PURE__ */ U(xs, [["render", Ps], ["__scopeId", "data-v-713aecf1
       return !!((e = this.data) != null && e.body) || this.fields.length > 0;
     }
   }
-}, Ns = { class: "wm-art wm-art--infoCard" }, Fs = {
+}, Ds = { class: "wm-art wm-art--infoCard" }, Ns = {
   key: 0,
   class: "wm-art__image"
-}, Hs = ["src", "alt"], js = { class: "wm-art__head" }, zs = { class: "wm-art__headMain" }, qs = { class: "wm-art__title" }, Vs = {
+}, Fs = ["src", "alt"], Hs = { class: "wm-art__head" }, js = { class: "wm-art__headMain" }, zs = { class: "wm-art__title" }, qs = {
   key: 0,
   class: "wm-art__subtitle"
-}, Ks = {
+}, Vs = {
   key: 1,
   class: "wm-art__body"
-}, Ws = {
+}, Ks = {
   key: 0,
   class: "wm-art__text"
-}, $s = { class: "wm-art__fieldLabel" };
-function Gs(e, t, s, r, i, n) {
-  return c(), d("div", Ns, [
-    s.data.image_url ? (c(), d("figure", Fs, [
+}, Ws = { class: "wm-art__fieldLabel" };
+function $s(e, t, s, r, i, n) {
+  return c(), d("div", Ds, [
+    s.data.image_url ? (c(), d("figure", Ns, [
       l("img", {
         src: s.data.image_url,
         alt: s.data.title || "",
         loading: "lazy"
-      }, null, 8, Hs)
+      }, null, 8, Fs)
     ])) : b("", !0),
-    l("div", js, [
-      l("div", zs, [
-        l("div", qs, v(s.data.title), 1),
-        s.data.subtitle ? (c(), d("div", Vs, v(s.data.subtitle), 1)) : b("", !0)
+    l("div", Hs, [
+      l("div", js, [
+        l("div", zs, v(s.data.title), 1),
+        s.data.subtitle ? (c(), d("div", qs, v(s.data.subtitle), 1)) : b("", !0)
       ]),
       s.data.badge && s.data.badge.label ? (c(), d("span", {
         key: 0,
-        class: R([
+        class: x([
           "wm-art__badge",
           `wm-art__badge--${s.data.badge.tone || "neutral"}`
         ])
       }, v(s.data.badge.label), 3)) : b("", !0)
     ]),
-    n.hasBody ? (c(), d("div", Ks, [
-      s.data.body ? (c(), d("div", Ws, v(s.data.body), 1)) : b("", !0),
+    n.hasBody ? (c(), d("div", Vs, [
+      s.data.body ? (c(), d("div", Ks, v(s.data.body), 1)) : b("", !0),
       n.fields.length ? (c(!0), d(E, { key: 1 }, N(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
-        l("div", $s, v(a.label), 1),
+        l("div", Ws, v(a.label), 1),
         l("div", {
-          class: R([
+          class: x([
             "wm-art__fieldValue",
             { "wm-art__fieldValue--multi": a.multiline }
           ])
@@ -3092,8 +3146,8 @@ function Gs(e, t, s, r, i, n) {
     ])) : b("", !0)
   ]);
 }
-const Ys = /* @__PURE__ */ U(Ds, [["render", Gs], ["__scopeId", "data-v-7eae0e4a"]]);
-function Js(e, t, s) {
+const Gs = /* @__PURE__ */ U(Us, [["render", $s], ["__scopeId", "data-v-7eae0e4a"]]);
+function Ys(e, t, s) {
   if (!e) return "";
   const r = new Date(e);
   if (Number.isNaN(r.getTime())) return e;
@@ -3107,7 +3161,7 @@ function Js(e, t, s) {
   });
   return `${i}${s}${n}`;
 }
-const Xs = {
+const Js = {
   name: "WmArtifactTicket",
   inject: {
     // Translator + resolved-language getter shared by the Messenger
@@ -3125,7 +3179,7 @@ const Xs = {
     },
     formattedDate() {
       var e;
-      return Js(
+      return Ys(
         (e = this.data) == null ? void 0 : e.created_at,
         re(this.wmLocale()),
         this.t("ticket.dateAt")
@@ -3153,13 +3207,13 @@ const Xs = {
       return /high|haute|élev|elev|critic|critiq|urgent/.test(t) ? 3 : /low|basse|faible|minor/.test(t) ? 1 : 2;
     }
   }
-}, Qs = { class: "wm-art wm-art--ticket" }, Zs = { class: "wm-art__head wm-tk__head" }, er = { class: "wm-art__title wm-tk__title" }, tr = { class: "wm-tk__sub" }, nr = { class: "wm-tk__ref" }, sr = {
+}, Xs = { class: "wm-art wm-art--ticket" }, Qs = { class: "wm-art__head wm-tk__head" }, Zs = { class: "wm-art__title wm-tk__title" }, er = { class: "wm-tk__sub" }, tr = { class: "wm-tk__ref" }, nr = {
   key: 0,
   class: "wm-tk__text"
-}, rr = {
+}, sr = {
   key: 0,
   class: "wm-art__body"
-}, ir = { class: "wm-art__fieldLabel" }, ar = ["data-level"], or = {
+}, rr = { class: "wm-art__fieldLabel" }, ir = ["data-level"], ar = {
   key: 1,
   class: "wm-tk__date",
   width: "12",
@@ -3171,16 +3225,16 @@ const Xs = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, lr = {
+}, or = {
   key: 1,
   class: "wm-art__footer wm-tk__footer"
 };
-function cr(e, t, s, r, i, n) {
-  return c(), d("div", Qs, [
-    l("div", Zs, [
-      l("div", er, v(s.data.title), 1),
-      l("div", tr, [
-        l("div", nr, [
+function lr(e, t, s, r, i, n) {
+  return c(), d("div", Xs, [
+    l("div", Qs, [
+      l("div", Zs, v(s.data.title), 1),
+      l("div", er, [
+        l("div", tr, [
           t[0] || (t[0] = l("svg", {
             width: "11",
             height: "11",
@@ -3198,7 +3252,7 @@ function cr(e, t, s, r, i, n) {
           l("span", null, v(s.data.reference), 1)
         ]),
         l("span", {
-          class: R([
+          class: x([
             "wm-art__badge",
             "wm-tk__badge",
             `wm-art__badge--${s.data.status.tone || "neutral"}`
@@ -3211,16 +3265,16 @@ function cr(e, t, s, r, i, n) {
           Me(" " + v(s.data.status.label), 1)
         ], 2)
       ]),
-      s.data.body ? (c(), d("div", sr, v(s.data.body), 1)) : b("", !0)
+      s.data.body ? (c(), d("div", nr, v(s.data.body), 1)) : b("", !0)
     ]),
-    n.fields.length ? (c(), d("div", rr, [
+    n.fields.length ? (c(), d("div", sr, [
       (c(!0), d(E, null, N(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
-        l("div", ir, v(a.label), 1),
+        l("div", rr, v(a.label), 1),
         l("div", {
-          class: R([
+          class: x([
             "wm-art__fieldValue",
             { "wm-art__fieldValue--multi": a.multiline }
           ])
@@ -3255,7 +3309,7 @@ function cr(e, t, s, r, i, n) {
               height: "9",
               rx: "0.5"
             }, null, -1)
-          ])], 8, ar)) : n.isDate(a.label) ? (c(), d("svg", or, [...t[3] || (t[3] = [
+          ])], 8, ir)) : n.isDate(a.label) ? (c(), d("svg", ar, [...t[3] || (t[3] = [
             l("rect", {
               x: "3",
               y: "4",
@@ -3269,7 +3323,7 @@ function cr(e, t, s, r, i, n) {
         ], 2)
       ]))), 128))
     ])) : b("", !0),
-    s.data.created_at ? (c(), d("div", lr, [
+    s.data.created_at ? (c(), d("div", or, [
       t[4] || (t[4] = l("svg", {
         width: "11",
         height: "11",
@@ -3294,11 +3348,11 @@ function cr(e, t, s, r, i, n) {
     ])) : b("", !0)
   ]);
 }
-const dr = /* @__PURE__ */ U(Xs, [["render", cr], ["__scopeId", "data-v-5f30c914"]]), ur = {
-  form_response: Us,
-  info_card: Ys,
-  ticket: dr
-}, mr = {
+const cr = /* @__PURE__ */ U(Js, [["render", lr], ["__scopeId", "data-v-5f30c914"]]), dr = {
+  form_response: Ps,
+  info_card: Gs,
+  ticket: cr
+}, ur = {
   name: "WmArtifactRenderer",
   props: {
     // Forme : { kind: string, data: any } (le `data` est validé
@@ -3309,7 +3363,7 @@ const dr = /* @__PURE__ */ U(Xs, [["render", cr], ["__scopeId", "data-v-5f30c914
     component() {
       var t;
       const e = (t = this.artifact) == null ? void 0 : t.kind;
-      return e && ur[e] || null;
+      return e && dr[e] || null;
     }
   }
 };
@@ -3319,7 +3373,7 @@ function hr(e, t, s, r, i, n) {
     data: s.artifact.data
   }, null, 8, ["data"])) : b("", !0);
 }
-const fr = /* @__PURE__ */ U(mr, [["render", hr]]), _r = {
+const mr = /* @__PURE__ */ U(ur, [["render", hr]]), fr = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null },
@@ -3387,17 +3441,17 @@ const fr = /* @__PURE__ */ U(mr, [["render", hr]]), _r = {
       this.safeHref === "#" && e.preventDefault();
     }
   }
-}, gr = ["href"], vr = ["src", "alt"], yr = ["src"], pr = ["src"], wr = ["href", "download"], br = { class: "wm-att__main" }, kr = { class: "wm-att__name" }, Cr = {
+}, _r = ["href"], gr = ["src", "alt"], vr = ["src"], yr = ["src"], pr = ["href", "download"], wr = { class: "wm-att__main" }, br = { class: "wm-att__name" }, kr = {
   key: 0,
   class: "wm-att__meta"
-}, Ar = {
+}, Cr = {
   key: 0,
   class: "wm-att__spin",
   "aria-hidden": "true"
 };
-function Sr(e, t, s, r, i, n) {
+function Ar(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: R(["wm-att", ["wm-att--" + (n.kind || "file")]])
+    class: x(["wm-att", ["wm-att--" + (n.kind || "file")]])
   }, [
     n.kind === "image" && i.url ? (c(), d("a", {
       key: 0,
@@ -3410,19 +3464,19 @@ function Sr(e, t, s, r, i, n) {
         src: i.url,
         alt: n.displayName,
         loading: "lazy"
-      }, null, 8, vr)
-    ], 8, gr)) : n.kind === "audio" && i.url ? (c(), d("audio", {
+      }, null, 8, gr)
+    ], 8, _r)) : n.kind === "audio" && i.url ? (c(), d("audio", {
       key: 1,
       src: i.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, yr)) : n.kind === "video" && i.url ? (c(), d("video", {
+    }, null, 8, vr)) : n.kind === "video" && i.url ? (c(), d("video", {
       key: 2,
       src: i.url,
       controls: "",
       playsinline: "",
       preload: "auto"
-    }, null, 8, pr)) : (c(), d("a", {
+    }, null, 8, yr)) : (c(), d("a", {
       key: 3,
       class: "wm-att__file",
       href: n.safeHref,
@@ -3447,15 +3501,15 @@ function Sr(e, t, s, r, i, n) {
           l("path", { d: "M14 2v6h6" })
         ])
       ], -1)),
-      l("span", br, [
-        l("span", kr, v(n.displayName), 1),
-        n.sizeLabel ? (c(), d("span", Cr, v(n.sizeLabel), 1)) : b("", !0)
+      l("span", wr, [
+        l("span", br, v(n.displayName), 1),
+        n.sizeLabel ? (c(), d("span", kr, v(n.sizeLabel), 1)) : b("", !0)
       ]),
-      i.loading ? (c(), d("span", Ar)) : b("", !0)
-    ], 8, wr))
+      i.loading ? (c(), d("span", Cr)) : b("", !0)
+    ], 8, pr))
   ], 2);
 }
-const Tr = /* @__PURE__ */ U(_r, [["render", Sr], ["__scopeId", "data-v-b207a8bd"]]), Mr = {
+const Sr = /* @__PURE__ */ U(fr, [["render", Ar], ["__scopeId", "data-v-b207a8bd"]]), Tr = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -3467,29 +3521,29 @@ const Tr = /* @__PURE__ */ U(_r, [["render", Sr], ["__scopeId", "data-v-b207a8bd
       return _t(this.text);
     }
   }
-}, xr = ["innerHTML"];
-function Or(e, t, s, r, i, n) {
+}, Mr = ["innerHTML"];
+function xr(e, t, s, r, i, n) {
   return c(), d("div", {
-    class: R(["wm-bubble", "wm-bubble--" + s.role])
+    class: x(["wm-bubble", "wm-bubble--" + s.role])
   }, [
     $e(e.$slots, "default", {}, () => [
-      l("span", { innerHTML: n.rendered }, null, 8, xr)
+      l("span", { innerHTML: n.rendered }, null, 8, Mr)
     ], !0)
   ], 2);
 }
-const Rr = /* @__PURE__ */ U(Mr, [["render", Or], ["__scopeId", "data-v-7ab13147"]]), Lr = { name: "WmTyping" }, Ir = { class: "wm-typing" };
-function Er(e, t, s, r, i, n) {
-  return c(), d("div", Ir, [...t[0] || (t[0] = [
+const Or = /* @__PURE__ */ U(Tr, [["render", xr], ["__scopeId", "data-v-7ab13147"]]), Rr = { name: "WmTyping" }, Lr = { class: "wm-typing" };
+function Ir(e, t, s, r, i, n) {
+  return c(), d("div", Lr, [...t[0] || (t[0] = [
     l("span", { style: { "animation-delay": "0s" } }, null, -1),
     l("span", { style: { "animation-delay": "0.2s" } }, null, -1),
     l("span", { style: { "animation-delay": "0.4s" } }, null, -1)
   ])]);
 }
-const Br = /* @__PURE__ */ U(Lr, [["render", Er], ["__scopeId", "data-v-df2447fd"]]);
+const Er = /* @__PURE__ */ U(Rr, [["render", Ir], ["__scopeId", "data-v-df2447fd"]]);
 function se(e) {
   return e ? e.client_msg_id || e.id : "";
 }
-const Pr = {
+const Br = {
   transferred_to_human: "system.transferredToHuman",
   assigned: "system.assigned",
   unassigned: "system.unassigned",
@@ -3497,16 +3551,16 @@ const Pr = {
   closed: "system.closed",
   reopened: "system.reopened",
   idle: "system.idle"
-}, Ur = 80, Dr = 200, Nr = {
+}, Pr = 80, Ur = 200, Dr = {
   name: "WmMessageList",
   components: {
-    AIAvatar: he,
+    AIAvatar: me,
     HumanAvatar: ve,
-    Bubble: Rr,
-    Typing: Br,
-    ActionResult: Ms,
-    AttachmentPreview: Tr,
-    ArtifactRenderer: fr
+    Bubble: Or,
+    Typing: Er,
+    ActionResult: Ts,
+    AttachmentPreview: Sr,
+    ArtifactRenderer: mr
   },
   inject: {
     // Translator + resolved-language getter shared by the Messenger
@@ -3697,11 +3751,11 @@ const Pr = {
       return `g-${s}`;
     },
     isAtBottom(e) {
-      return e.scrollHeight - e.scrollTop - e.clientHeight <= Ur;
+      return e.scrollHeight - e.scrollTop - e.clientHeight <= Pr;
     },
     onScroll() {
       const e = this.$refs.scrollEl;
-      e && (this.showScrollDown = !this.isAtBottom(e), !(this.loadingMore || !this.hasMore) && (this._pendingLoadMore || e.scrollTop <= Dr && (this._pendingLoadMore = !0, this.$emit("load-more"))));
+      e && (this.showScrollDown = !this.isAtBottom(e), !(this.loadingMore || !this.hasMore) && (this._pendingLoadMore || e.scrollTop <= Ur && (this._pendingLoadMore = !0, this.$emit("load-more"))));
     },
     // Capture pre-patch scroll state and restore it on the next tick.
     //
@@ -3903,8 +3957,8 @@ const Pr = {
     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, y = n == null ? void 0 : n.top, T = this.widthByKey[this.rowKeyOf(e, t)], I = 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, x = o, q = o, J = o;
-      return a ? (k && (x = f), (y || !n) && (q = f), k && M(I, k, r == null ? void 0 : r.top) && (D = f), y && M(S, y, r == null ? void 0 : r.bottom) && (J = f)) : (k && (D = f), (y || !n) && (J = f), k && M(I, k, r == null ? void 0 : r.top) && (x = f), y && M(S, y, r == null ? void 0 : r.bottom) && (q = f)), { tl: D, tr: x, br: q, bl: J };
+      let D = o, O = o, q = o, J = o;
+      return a ? (k && (O = f), (y || !n) && (q = f), k && M(I, k, r == null ? void 0 : r.top) && (D = f), y && M(S, y, r == null ? void 0 : r.bottom) && (J = f)) : (k && (D = f), (y || !n) && (J = f), k && M(I, k, r == null ? void 0 : r.top) && (O = f), y && M(S, y, r == null ? void 0 : r.bottom) && (q = f)), { tl: D, tr: O, 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
@@ -4071,7 +4125,7 @@ const Pr = {
     },
     systemLabel(e) {
       var i, n, a;
-      const t = (i = e == null ? void 0 : e.payload) == null ? void 0 : i.event, s = Pr[t], r = ((n = e == null ? void 0 : e.metadata) == null ? void 0 : n.agent_name) || ((a = e == null ? void 0 : e.author) == null ? void 0 : a.name) || this.t("messageList.anAgent");
+      const t = (i = e == null ? void 0 : e.payload) == null ? void 0 : i.event, s = Br[t], r = ((n = e == null ? void 0 : e.metadata) == null ? void 0 : n.agent_name) || ((a = e == null ? void 0 : e.author) == null ? void 0 : a.name) || this.t("messageList.anAgent");
       return s ? this.t(s, { name: r }) : (e == null ? void 0 : e.text_md) || this.t("messageList.conversationUpdate");
     },
     scrollToBottom() {
@@ -4086,71 +4140,71 @@ const Pr = {
       e && (typeof e.scrollTo == "function" ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight, this.showScrollDown = !1);
     }
   }
-}, Fr = { class: "wm-list__wrap" }, Hr = {
+}, Nr = { class: "wm-list__wrap" }, Fr = {
   key: 0,
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, jr = { class: "wm-list__loadMore-lbl" }, zr = {
+}, Hr = { class: "wm-list__loadMore-lbl" }, jr = {
   key: 1,
   class: "wm-list__historyEnd"
-}, qr = {
+}, zr = {
   key: 2,
   class: "wm-list__sep"
-}, Vr = { class: "wm-list__sep-label" }, Kr = {
+}, qr = { class: "wm-list__sep-label" }, Vr = {
   key: 0,
   class: "wm-list__sep wm-list__sep--unread"
-}, Wr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, $r = {
+}, Kr = { class: "wm-list__sep-label wm-list__sep-label--unread" }, Wr = {
   key: 0,
   class: "wm-list__sysep"
-}, Gr = { class: "wm-list__sysep-label" }, Yr = ["data-row-key", "onPointerdown"], Jr = {
+}, $r = { class: "wm-list__sysep-label" }, Gr = ["data-row-key", "onPointerdown"], Yr = {
   key: 0,
   class: "wm-list__avatarSlot"
-}, Xr = { key: 0 }, Qr = {
+}, Jr = { key: 0 }, Xr = {
   key: 1,
   "aria-hidden": "true"
-}, Zr = { key: 2 }, ei = { key: 0 }, ti = {
+}, Qr = { key: 2 }, Zr = { key: 0 }, ei = {
   key: 1,
   "aria-hidden": "true"
-}, ni = { key: 2 }, si = {
+}, ti = { key: 2 }, ni = {
   key: 3,
   class: "wm-list__row wm-list__row--ai fade-up"
-}, ri = { class: "wm-list__avatarSlot" }, ii = ["aria-label", "title"];
-function ai(e, t, s, r, i, n) {
+}, si = { class: "wm-list__avatarSlot" }, ri = ["aria-label", "title"];
+function ii(e, t, s, r, i, n) {
   const a = P("AIAvatar"), o = P("HumanAvatar"), f = P("ActionResult"), k = P("ArtifactRenderer"), y = P("Bubble"), T = P("AttachmentPreview"), I = P("Typing");
-  return c(), d("div", Fr, [
+  return c(), d("div", Nr, [
     l("div", {
       ref: "scrollEl",
-      class: R(["wm-list", { "wm-list--silent": i.silentFades }]),
+      class: x(["wm-list", { "wm-list--silent": i.silentFades }]),
       onScrollPassive: t[4] || (t[4] = (...S) => n.onScroll && n.onScroll(...S))
     }, [
-      s.loadingMore ? (c(), d("div", Hr, [
+      s.loadingMore ? (c(), d("div", Fr, [
         t[6] || (t[6] = l("span", {
           class: "wm-list__loadMore-spinner",
           "aria-hidden": "true"
         }, null, -1)),
-        l("span", jr, v(n.t("messageList.loadingHistory")), 1)
-      ])) : n.historyExhausted ? (c(), d("div", zr, v(n.t("messageList.conversationStart")), 1)) : b("", !0),
-      s.dateLabel ? (c(), d("div", qr, [
+        l("span", Hr, v(n.t("messageList.loadingHistory")), 1)
+      ])) : n.historyExhausted ? (c(), d("div", jr, v(n.t("messageList.conversationStart")), 1)) : b("", !0),
+      s.dateLabel ? (c(), d("div", zr, [
         t[7] || (t[7] = l("div", { class: "wm-list__line" }, null, -1)),
-        l("span", Vr, v(s.dateLabel), 1),
+        l("span", qr, v(s.dateLabel), 1),
         t[8] || (t[8] = l("div", { class: "wm-list__line" }, null, -1))
       ])) : b("", !0),
       (c(!0), d(E, null, N(n.groups, (S, z) => (c(), d(E, {
         key: S.key
       }, [
-        S.key === n.unreadGroupKey ? (c(), d("div", Kr, [
+        S.key === n.unreadGroupKey ? (c(), d("div", Vr, [
           t[9] || (t[9] = l("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)),
-          l("span", Wr, v(n.t("messageList.unread")), 1),
+          l("span", Kr, v(n.t("messageList.unread")), 1),
           t[10] || (t[10] = l("div", { class: "wm-list__line wm-list__line--unread" }, null, -1))
         ])) : b("", !0),
         S.role === "system" || S.items.length ? (c(), d("div", {
           key: 1,
-          class: R(["wm-list__group", "wm-list__group--" + S.role])
+          class: x(["wm-list__group", "wm-list__group--" + S.role])
         }, [
-          S.role === "system" ? (c(), d("div", $r, [
+          S.role === "system" ? (c(), d("div", Wr, [
             t[11] || (t[11] = l("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
-            l("span", Gr, v(S.systemLabel), 1),
+            l("span", $r, v(S.systemLabel), 1),
             t[12] || (t[12] = l("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
           ])) : (c(), d(E, { key: 1 }, [
             (c(!0), d(E, null, N(S.items, (M, D) => (c(), d(E, {
@@ -4158,7 +4212,7 @@ function ai(e, t, s, r, i, n) {
             }, [
               l("div", {
                 "data-row-key": `${n.messageKey(M.message)}-${M.partKey}`,
-                class: R(["wm-list__row fade-up", [
+                class: x(["wm-list__row fade-up", [
                   "wm-list__row--" + S.role,
                   {
                     "is-pending": M.message._pending,
@@ -4166,14 +4220,14 @@ function ai(e, t, s, r, i, n) {
                   }
                 ]]),
                 style: F(n.cornersStyle(S, D)),
-                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()),
+                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()),
                 onContextmenu: t[3] || (t[3] = G(() => {
                 }, ["prevent"]))
               }, [
-                S.role !== "user" ? (c(), d("div", Jr, [
+                S.role !== "user" ? (c(), d("div", Yr, [
                   D === S.items.length - 1 ? (c(), d(E, { key: 0 }, [
                     S.role === "ai" ? (c(), B(a, {
                       key: 0,
@@ -4208,7 +4262,7 @@ function ai(e, t, s, r, i, n) {
                   artifact: n.artifactOf(M.message)
                 }, null, 8, ["artifact"])) : (c(), d("div", {
                   key: 5,
-                  class: R(["wm-list__body", {
+                  class: x(["wm-list__body", {
                     "wm-list__body--mixed": !!M.message.text_md && n.attachmentsOf(M.message).length > 0
                   }])
                 }, [
@@ -4219,7 +4273,7 @@ function ai(e, t, s, r, i, n) {
                   }, null, 8, ["role", "text"])) : b("", !0),
                   n.attachmentsOf(M.message).length ? (c(), d("div", {
                     key: 1,
-                    class: R(["wm-list__atts", {
+                    class: x(["wm-list__atts", {
                       "wm-list__atts--align-end": S.role === "user",
                       "wm-list__atts--mosaic": n.attachmentsOf(M.message).length >= 2
                     }]),
@@ -4231,9 +4285,9 @@ function ai(e, t, s, r, i, n) {
                   }, [
                     (c(!0), d(E, null, N(n.attachmentsOf(
                       M.message
-                    ), (x, q) => (c(), B(T, {
+                    ), (O, q) => (c(), B(T, {
                       key: `${n.messageKey(M.message)}-att-${q}`,
-                      attachment: x,
+                      attachment: O,
                       style: F(
                         n.mosaicCornerStyle(
                           q,
@@ -4244,29 +4298,29 @@ function ai(e, t, s, r, i, n) {
                     }, null, 8, ["attachment", "style"]))), 128))
                   ], 6)) : b("", !0)
                 ], 2))
-              ], 46, Yr),
+              ], 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: R(["wm-list__meta wm-list__meta--press", { "wm-list__meta--right": S.role === "user" }])
+                class: x(["wm-list__meta wm-list__meta--press", { "wm-list__meta--right": S.role === "user" }])
               }, [
-                S.role !== "user" ? (c(), d("span", Xr, v(n.roleLabel(S)), 1)) : b("", !0),
-                S.role !== "user" && n.timeOf(M.message) ? (c(), d("span", Qr, "•")) : b("", !0),
-                n.timeOf(M.message) ? (c(), d("span", Zr, v(n.timeOf(M.message)), 1)) : b("", !0)
+                S.role !== "user" ? (c(), d("span", Jr, v(n.roleLabel(S)), 1)) : b("", !0),
+                S.role !== "user" && n.timeOf(M.message) ? (c(), d("span", Xr, "•")) : b("", !0),
+                n.timeOf(M.message) ? (c(), d("span", Qr, v(n.timeOf(M.message)), 1)) : b("", !0)
               ], 2)) : b("", !0)
             ], 64))), 128)),
             (S.role !== "user" || n.lastTimeOf(S)) && !n.hasTrailingOverlay(S) ? (c(), d("div", {
               key: 0,
-              class: R(["wm-list__meta", { "wm-list__meta--right": S.role === "user" }])
+              class: x(["wm-list__meta", { "wm-list__meta--right": S.role === "user" }])
             }, [
-              S.role !== "user" ? (c(), d("span", ei, v(n.roleLabel(S)), 1)) : b("", !0),
-              S.role !== "user" && n.lastTimeOf(S) ? (c(), d("span", ti, "•")) : b("", !0),
-              n.lastTimeOf(S) ? (c(), d("span", ni, v(n.lastTimeOf(S)), 1)) : b("", !0)
+              S.role !== "user" ? (c(), d("span", Zr, v(n.roleLabel(S)), 1)) : b("", !0),
+              S.role !== "user" && n.lastTimeOf(S) ? (c(), d("span", ei, "•")) : b("", !0),
+              n.lastTimeOf(S) ? (c(), d("span", ti, v(n.lastTimeOf(S)), 1)) : b("", !0)
             ], 2)) : b("", !0)
           ], 64))
         ], 2)) : b("", !0)
       ], 64))), 128)),
-      s.streamingActive ? (c(), d("div", si, [
-        l("div", ri, [
+      s.streamingActive ? (c(), d("div", ni, [
+        l("div", si, [
           K(a, {
             size: 26,
             tail: !0,
@@ -4300,14 +4354,14 @@ function ai(e, t, s, r, i, n) {
           }, [
             l("path", { d: "M6 9l6 6 6-6" })
           ], -1)
-        ])], 8, ii)) : b("", !0)
+        ])], 8, ri)) : b("", !0)
       ]),
       _: 1
     })
   ]);
 }
-const oi = /* @__PURE__ */ U(Nr, [["render", ai], ["__scopeId", "data-v-79b30a8f"]]), ge = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Le = typeof window < "u" && typeof window.MediaRecorder < "u";
-function li() {
+const ai = /* @__PURE__ */ U(Dr, [["render", ii], ["__scopeId", "data-v-79b30a8f"]]), ge = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Le = typeof window < "u" && typeof window.MediaRecorder < "u";
+function oi() {
   return Le && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -4327,10 +4381,10 @@ function Ke({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function yo(e) {
+function go(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
-async function ci() {
+async function li() {
   if (!ge) return null;
   let e;
   try {
@@ -4341,7 +4395,7 @@ async function ci() {
     return (t == null ? void 0 : t.name) !== "NotAllowedError" && console.error("[media] screenshot picker", t), null;
   }
   try {
-    return await di(e);
+    return await ci(e);
   } catch (t) {
     return console.error("[media] screenshot capture", t), null;
   } finally {
@@ -4350,7 +4404,7 @@ async function ci() {
     });
   }
 }
-async function di(e) {
+async function ci(e) {
   const t = document.createElement("video");
   t.muted = !0, t.playsInline = !0, t.srcObject = e, await t.play(), await new Promise((o) => requestAnimationFrame(o));
   const s = t.videoWidth || 1280, r = t.videoHeight || 720, i = document.createElement("canvas");
@@ -4363,7 +4417,7 @@ async function di(e) {
   }), a = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return new File([n], `capture-${a}.png`, { type: "image/png" });
 }
-async function ui(e = {}) {
+async function di(e = {}) {
   var k;
   if (!ge || !Le) return null;
   let t;
@@ -4374,7 +4428,7 @@ async function ui(e = {}) {
   } catch (y) {
     return (y == null ? void 0 : y.name) !== "NotAllowedError" && console.error("[media] record picker", y), null;
   }
-  const s = li();
+  const s = oi();
   let r;
   try {
     r = s ? new window.MediaRecorder(t, { mimeType: s }) : new window.MediaRecorder(t);
@@ -4428,7 +4482,7 @@ async function ui(e = {}) {
     }
   };
 }
-const mi = [
+const ui = [
   {
     action: "file",
     labelKey: "composer.attachFile",
@@ -4478,7 +4532,7 @@ const mi = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return mi.map((e) => ({
+      return ui.map((e) => ({
         ...e,
         label: this.t(e.labelKey),
         disabled: e.action === "screenshot" && !ge || e.action === "record" && (!ge || !Le)
@@ -4552,13 +4606,13 @@ const mi = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const e = await ci();
+      const e = await li();
       e && this.$emit("attach", e);
     },
     async startRecording() {
       if (this.recording || this.disabled) return;
       this.recordingElapsed = 0;
-      const e = await ui({
+      const e = await di({
         onstart: () => {
           this.recording = !0;
         },
@@ -4600,30 +4654,30 @@ const mi = [
       !e || !this._vvHandler || (e.removeEventListener("resize", this._vvHandler), e.removeEventListener("scroll", this._vvHandler), this._vvHandler = null);
     }
   }
-}, fi = {
+}, mi = {
   key: 0,
   class: "wm-rec"
-}, _i = { class: "wm-rec__lbl" }, gi = {
+}, fi = { class: "wm-rec__lbl" }, _i = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, vi = ["disabled", "onClick"], yi = { class: "wm-compose__menuIcon" }, pi = {
+}, gi = ["disabled", "onClick"], vi = { class: "wm-compose__menuIcon" }, yi = {
   viewBox: "0 0 24 24",
   width: "14",
   height: "14",
   "aria-hidden": "true"
-}, wi = ["d"], bi = ["placeholder", "disabled"], ki = { class: "wm-compose__actions" }, Ci = ["title", "aria-label", "disabled"], Ai = ["disabled", "aria-label"];
-function Si(e, t, s, r, i, n) {
+}, 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: R(["wm-compose-wrap", { "wm-compose-wrap--sheet": s.displayMode === "sheet" }]),
+    class: x(["wm-compose-wrap", { "wm-compose-wrap--sheet": s.displayMode === "sheet" }]),
     style: F(i.kbOffset ? { transform: `translateY(-${i.kbOffset}px)` } : null)
   }, [
-    i.recording ? (c(), d("div", fi, [
+    i.recording ? (c(), d("div", mi, [
       t[8] || (t[8] = l("span", {
         class: "wm-rec__dot",
         "aria-hidden": "true"
       }, null, -1)),
-      l("span", _i, v(n.t("composer.recording", { time: n.recordingElapsedLabel })), 1),
+      l("span", fi, v(n.t("composer.recording", { time: n.recordingElapsedLabel })), 1),
       l("button", {
         type: "button",
         class: "wm-rec__stop",
@@ -4631,7 +4685,7 @@ function Si(e, t, s, r, i, n) {
       }, v(n.t("composer.stop")), 1)
     ])) : b("", !0),
     l("form", {
-      class: R(["wm-compose", { "has-attach": i.attachOpen }]),
+      class: x(["wm-compose", { "has-attach": i.attachOpen }]),
       onSubmit: t[7] || (t[7] = G((...a) => n.onSubmit && n.onSubmit(...a), ["prevent"]))
     }, [
       l("input", {
@@ -4646,7 +4700,7 @@ function Si(e, t, s, r, i, n) {
         class: "wm-compose__overlay",
         onClick: t[2] || (t[2] = (a) => i.attachOpen = !1)
       })) : b("", !0),
-      i.attachOpen ? (c(), d("div", gi, [
+      i.attachOpen ? (c(), d("div", _i, [
         (c(!0), d(E, null, N(n.attachItems, (a) => (c(), d("button", {
           key: a.action,
           type: "button",
@@ -4654,8 +4708,8 @@ function Si(e, t, s, r, i, n) {
           disabled: a.disabled,
           onClick: (o) => n.onAttachAction(a.action)
         }, [
-          l("span", yi, [
-            (c(), d("svg", pi, [
+          l("span", vi, [
+            (c(), d("svg", yi, [
               l("path", {
                 d: a.path,
                 stroke: "currentColor",
@@ -4663,28 +4717,28 @@ function Si(e, t, s, r, i, n) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, wi)
+              }, null, 8, pi)
             ]))
           ]),
           l("span", null, v(a.label), 1)
-        ], 8, vi))), 128))
+        ], 8, gi))), 128))
       ])) : b("", !0),
       $(l("textarea", {
         ref: "inputEl",
         "onUpdate:modelValue": t[3] || (t[3] = (a) => i.local = a),
         class: "wm-compose__input",
-        rows: "3",
+        rows: "1",
         placeholder: s.placeholder,
         disabled: s.disabled,
         onKeydown: t[4] || (t[4] = (...a) => n.onKeydown && n.onKeydown(...a)),
         onInput: t[5] || (t[5] = (...a) => n.autosize && n.autosize(...a))
-      }, null, 40, bi), [
+      }, null, 40, wi), [
         [ee, i.local]
       ]),
-      l("div", ki, [
+      l("div", bi, [
         l("button", {
           type: "button",
-          class: R(["wm-compose__icon", { "is-open": i.attachOpen }]),
+          class: x(["wm-compose__icon", { "is-open": i.attachOpen }]),
           title: s.attachLabel,
           "aria-label": s.attachLabel,
           disabled: i.recording,
@@ -4703,16 +4757,16 @@ function Si(e, t, s, r, i, n) {
           }, [
             l("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
           ], -1)
-        ])], 10, Ci),
+        ])], 10, ki),
         l("button", {
           type: "submit",
-          class: R(["wm-compose__send", { "is-empty": !n.canSend }]),
+          class: x(["wm-compose__send", { "is-empty": !n.canSend }]),
           disabled: !n.canSend,
           "aria-label": n.t("composer.send")
         }, [...t[10] || (t[10] = [
           l("svg", {
-            width: "13",
-            height: "13",
+            width: "16",
+            height: "16",
             viewBox: "0 0 24 24",
             fill: "none",
             stroke: "currentColor",
@@ -4723,12 +4777,12 @@ function Si(e, t, s, r, i, n) {
           }, [
             l("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
           ], -1)
-        ])], 10, Ai)
+        ])], 10, Ci)
       ])
     ], 34)
   ], 6);
 }
-const Ti = /* @__PURE__ */ U(hi, [["render", Si], ["__scopeId", "data-v-bba29b9c"]]), Mi = {
+const Si = /* @__PURE__ */ U(hi, [["render", Ai], ["__scopeId", "data-v-3c5bccae"]]), Ti = {
   name: "WmInlineCallbacks",
   props: {
     // Array d'items `{ id?, label, style?, ... }`. Pour les suggestions,
@@ -4766,14 +4820,14 @@ const Ti = /* @__PURE__ */ U(hi, [["render", Si], ["__scopeId", "data-v-bba29b9c
       return this.variant === "chips" ? "wm-icb__btn--chip" : ["wm-icb__btn--action", `wm-icb__btn--${(e == null ? void 0 : e.style) || "neutral"}`];
     }
   }
-}, xi = ["onClick"], Oi = {
+}, Mi = ["onClick"], xi = {
   key: 0,
   class: "wm-icb__title"
-}, Ri = { class: "wm-icb__row" }, Li = ["onClick"];
-function Ii(e, t, s, r, i, n) {
+}, Oi = { class: "wm-icb__row" }, Ri = ["onClick"];
+function Li(e, t, s, r, i, n) {
   return s.items.length ? (c(), d("div", {
     key: n.batchKey,
-    class: R(["wm-icb", `wm-icb--${s.variant}`])
+    class: x(["wm-icb", `wm-icb--${s.variant}`])
   }, [
     s.variant === "chips" ? (c(!0), d(E, { key: 0 }, N(s.items, (a, o) => (c(), d("button", {
       key: a.id != null ? a.id : o,
@@ -4781,22 +4835,22 @@ function Ii(e, t, s, r, i, n) {
       class: "wm-icb__btn wm-icb__btn--chip",
       style: F({ animationDelay: s.baseDelay + o * s.stepDelay + "ms" }),
       onClick: (f) => e.$emit("select", a)
-    }, v(a.label), 13, xi))), 128)) : (c(), d(E, { key: 1 }, [
-      n.headerTitle ? (c(), d("div", Oi, v(n.headerTitle), 1)) : b("", !0),
-      l("div", Ri, [
+    }, v(a.label), 13, Mi))), 128)) : (c(), d(E, { key: 1 }, [
+      n.headerTitle ? (c(), d("div", xi, v(n.headerTitle), 1)) : b("", !0),
+      l("div", Oi, [
         (c(!0), d(E, null, N(s.items, (a, o) => (c(), d("button", {
           key: a.id != null ? a.id : o,
           type: "button",
-          class: R(["wm-icb__btn", n.btnClass(a)]),
+          class: x(["wm-icb__btn", n.btnClass(a)]),
           onClick: (f) => e.$emit("select", a)
-        }, v(a.label), 11, Li))), 128))
+        }, v(a.label), 11, Ri))), 128))
       ])
     ], 64))
   ], 2)) : b("", !0);
 }
-const Ei = /* @__PURE__ */ U(Mi, [["render", Ii], ["__scopeId", "data-v-c8cc8cbf"]]);
+const Ii = /* @__PURE__ */ U(Ti, [["render", Li], ["__scopeId", "data-v-c8cc8cbf"]]);
 let Fe = 0;
-const Bi = /* @__PURE__ */ new Set([
+const Ei = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4804,9 +4858,9 @@ const Bi = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), Pi = {
+]), Bi = {
   name: "WmFormCard",
-  components: { AIAvatar: he },
+  components: { AIAvatar: me },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
@@ -4834,7 +4888,7 @@ const Bi = /* @__PURE__ */ new Set([
     // douteux.
     normalizedFields() {
       var t;
-      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((s) => !(!(s != null && s.key) || !(s != null && s.label) || !Bi.has(s == null ? void 0 : s.type) || (s.type === "select" || s.type === "multiselect") && (!Array.isArray(s.options) || s.options.length === 0)));
+      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((s) => !(!(s != null && s.key) || !(s != null && s.label) || !Ei.has(s == null ? void 0 : s.type) || (s.type === "select" || s.type === "multiselect") && (!Array.isArray(s.options) || s.options.length === 0)));
     }
   },
   created() {
@@ -4887,47 +4941,47 @@ const Bi = /* @__PURE__ */ new Set([
       }
     }
   }
-}, Ui = { class: "wm-form" }, Di = { class: "wm-form__head" }, Ni = { class: "wm-form__icon" }, Fi = { class: "wm-form__main" }, Hi = { class: "wm-form__title" }, ji = {
+}, Pi = { class: "wm-form" }, Ui = { class: "wm-form__head" }, Di = { class: "wm-form__icon" }, Ni = { class: "wm-form__main" }, Fi = { class: "wm-form__title" }, Hi = {
   key: 0,
   class: "wm-form__detail"
-}, zi = ["for"], qi = {
+}, ji = ["for"], zi = {
   key: 0,
   class: "wm-form__req",
   "aria-hidden": "true"
-}, Vi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ki = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Wi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], $i = ["id", "onUpdate:modelValue", "required", "disabled"], Gi = {
+}, qi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Vi = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Ki = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], Wi = ["id", "onUpdate:modelValue", "required", "disabled"], $i = {
   key: 4,
   class: "wm-form__bool"
-}, Yi = ["id", "onUpdate:modelValue", "disabled"], Ji = ["id", "onUpdate:modelValue", "required", "disabled"], Xi = {
+}, Gi = ["id", "onUpdate:modelValue", "disabled"], Yi = ["id", "onUpdate:modelValue", "required", "disabled"], Ji = {
   value: "",
   disabled: ""
-}, Qi = ["value"], Zi = {
+}, Xi = ["value"], Qi = {
   key: 6,
   class: "wm-form__multi"
-}, ea = ["value", "checked", "disabled", "onChange"], ta = {
+}, Zi = ["value", "checked", "disabled", "onChange"], ea = {
   key: 0,
   class: "wm-form__err"
-}, na = ["disabled"], sa = {
+}, ta = ["disabled"], na = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, ra = {
+}, sa = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function ia(e, t, s, r, i, n) {
+function ra(e, t, s, r, i, n) {
   const a = P("AIAvatar");
-  return c(), d("div", Ui, [
-    l("div", Di, [
-      l("div", Ni, [
+  return c(), d("div", Pi, [
+    l("div", Ui, [
+      l("div", Di, [
         K(a, {
           size: 24,
           name: s.agentName,
           "image-url": s.agentAvatarUrl
         }, null, 8, ["name", "image-url"])
       ]),
-      l("div", Fi, [
-        l("div", Hi, v(s.form.title || n.t("form.title")), 1),
-        s.form.description ? (c(), d("div", ji, v(s.form.description), 1)) : b("", !0)
+      l("div", Ni, [
+        l("div", Fi, v(s.form.title || n.t("form.title")), 1),
+        s.form.description ? (c(), d("div", Hi, v(s.form.description), 1)) : b("", !0)
       ])
     ]),
     l("form", {
@@ -4943,8 +4997,8 @@ function ia(e, t, s, r, i, n) {
           class: "wm-form__label"
         }, [
           Me(v(o.label), 1),
-          o.required ? (c(), d("span", qi, "*")) : b("", !0)
-        ], 8, zi),
+          o.required ? (c(), d("span", zi, "*")) : b("", !0)
+        ], 8, ji),
         o.type === "text" ? $((c(), d("input", {
           key: 0,
           id: `wm-f-${i._uid}-${o.key}`,
@@ -4954,7 +5008,7 @@ function ia(e, t, s, r, i, n) {
           placeholder: o.placeholder || "",
           required: o.required,
           disabled: s.readOnly || i.busy
-        }, null, 8, Vi)), [
+        }, null, 8, qi)), [
           [ee, i.values[o.key]]
         ]) : o.type === "textarea" ? $((c(), d("textarea", {
           key: 1,
@@ -4965,7 +5019,7 @@ function ia(e, t, s, r, i, n) {
           placeholder: o.placeholder || "",
           required: o.required,
           disabled: s.readOnly || i.busy
-        }, null, 8, Ki)), [
+        }, null, 8, Vi)), [
           [ee, i.values[o.key]]
         ]) : o.type === "number" ? $((c(), d("input", {
           key: 2,
@@ -4976,7 +5030,7 @@ function ia(e, t, s, r, i, n) {
           placeholder: o.placeholder || "",
           required: o.required,
           disabled: s.readOnly || i.busy
-        }, null, 8, Wi)), [
+        }, null, 8, Ki)), [
           [
             ee,
             i.values[o.key],
@@ -4991,15 +5045,15 @@ function ia(e, t, s, r, i, n) {
           class: "wm-form__input",
           required: o.required,
           disabled: s.readOnly || i.busy
-        }, null, 8, $i)), [
+        }, null, 8, Wi)), [
           [ee, i.values[o.key]]
-        ]) : o.type === "boolean" ? (c(), d("label", Gi, [
+        ]) : o.type === "boolean" ? (c(), d("label", $i, [
           $(l("input", {
             id: `wm-f-${i._uid}-${o.key}`,
             "onUpdate:modelValue": (f) => i.values[o.key] = f,
             type: "checkbox",
             disabled: s.readOnly || i.busy
-          }, null, 8, Yi), [
+          }, null, 8, Gi), [
             [Ge, i.values[o.key]]
           ]),
           l("span", null, v(o.placeholder || n.t("common.yes")), 1)
@@ -5011,14 +5065,14 @@ function ia(e, t, s, r, i, n) {
           required: o.required,
           disabled: s.readOnly || i.busy
         }, [
-          l("option", Xi, v(o.placeholder || n.t("form.choose")), 1),
+          l("option", Ji, v(o.placeholder || n.t("form.choose")), 1),
           (c(!0), d(E, null, N(o.options, (f) => (c(), d("option", {
             key: f.value,
             value: f.value
-          }, v(f.label), 9, Qi))), 128))
-        ], 8, Ji)), [
+          }, v(f.label), 9, Xi))), 128))
+        ], 8, Yi)), [
           [Ye, i.values[o.key]]
-        ]) : o.type === "multiselect" ? (c(), d("div", Zi, [
+        ]) : o.type === "multiselect" ? (c(), d("div", Qi, [
           (c(!0), d(E, null, N(o.options, (f) => (c(), d("label", {
             key: f.value,
             class: "wm-form__multiItem"
@@ -5033,25 +5087,25 @@ function ia(e, t, s, r, i, n) {
                 f.value,
                 k.target.checked
               )
-            }, null, 40, ea),
+            }, null, 40, Zi),
             l("span", null, v(f.label), 1)
           ]))), 128))
         ])) : b("", !0)
       ]))), 128)),
-      i.error ? (c(), d("div", ta, v(i.error), 1)) : b("", !0),
-      s.readOnly ? (c(), d("div", ra, v(n.t("form.responseSent")), 1)) : (c(), d("button", {
+      i.error ? (c(), d("div", ea, v(i.error), 1)) : b("", !0),
+      s.readOnly ? (c(), d("div", sa, v(n.t("form.responseSent")), 1)) : (c(), d("button", {
         key: 1,
         type: "submit",
         class: "wm-form__submit",
         disabled: i.busy
       }, [
-        i.busy ? (c(), d("span", sa)) : b("", !0),
+        i.busy ? (c(), d("span", na)) : b("", !0),
         l("span", null, v(i.busy ? n.t("common.sending") : s.form.submit_label || n.t("common.send")), 1)
-      ], 8, na))
+      ], 8, ta))
     ], 32)
   ]);
 }
-const aa = /* @__PURE__ */ U(Pi, [["render", ia], ["__scopeId", "data-v-fe65cc56"]]), oa = {
+const ia = /* @__PURE__ */ U(Bi, [["render", ra], ["__scopeId", "data-v-fe65cc56"]]), aa = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5085,13 +5139,13 @@ const aa = /* @__PURE__ */ U(Pi, [["render", ia], ["__scopeId", "data-v-fe65cc56
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, la = { class: "wm-fb" }, ca = { class: "wm-fb__title" }, da = { class: "wm-fb__sub" }, ua = { class: "wm-fb__row" }, ma = ["onClick"], ha = { class: "wm-fb__emoji" }, fa = { class: "wm-fb__label" }, _a = ["disabled"], ga = {
+}, oa = { class: "wm-fb" }, la = { class: "wm-fb__title" }, ca = { class: "wm-fb__sub" }, da = { class: "wm-fb__row" }, ua = ["onClick"], ha = { class: "wm-fb__emoji" }, ma = { class: "wm-fb__label" }, fa = ["disabled"], _a = {
   key: 1,
   class: "wm-fb__done"
-}, va = { class: "wm-fb__doneTitle" }, ya = { class: "wm-fb__doneSub" };
-function pa(e, t, s, r, i, n) {
-  return c(), d("div", la, [
-    s.done ? (c(), d("div", ga, [
+}, ga = { class: "wm-fb__doneTitle" }, va = { class: "wm-fb__doneSub" };
+function ya(e, t, s, r, i, n) {
+  return c(), d("div", oa, [
+    s.done ? (c(), d("div", _a, [
       t[1] || (t[1] = l("div", { class: "wm-fb__check" }, [
         l("svg", {
           width: "16",
@@ -5107,32 +5161,32 @@ function pa(e, t, s, r, i, n) {
           l("path", { d: "M20 6L9 17l-5-5" })
         ])
       ], -1)),
-      l("div", va, v(n.t("feedback.doneTitle")), 1),
-      l("div", ya, v(n.t("feedback.doneSubtitle")), 1)
+      l("div", ga, v(n.t("feedback.doneTitle")), 1),
+      l("div", va, v(n.t("feedback.doneSubtitle")), 1)
     ])) : (c(), d(E, { key: 0 }, [
-      l("div", ca, v(n.t("feedback.question")), 1),
-      l("div", da, v(n.t("feedback.subtitle")), 1),
-      l("div", ua, [
+      l("div", la, v(n.t("feedback.question")), 1),
+      l("div", ca, v(n.t("feedback.subtitle")), 1),
+      l("div", da, [
         (c(!0), d(E, null, N(n.options, (a) => (c(), d("button", {
           key: a.v,
           type: "button",
-          class: R(["wm-fb__opt", { "is-selected": i.sel === a.v }]),
+          class: x(["wm-fb__opt", { "is-selected": i.sel === a.v }]),
           onClick: (o) => i.sel = a.v
         }, [
           l("span", ha, v(a.e), 1),
-          l("span", fa, v(a.l), 1)
-        ], 10, ma))), 128))
+          l("span", ma, v(a.l), 1)
+        ], 10, ua))), 128))
       ]),
       l("button", {
         type: "button",
         class: "wm-fb__send",
         disabled: !i.sel || s.busy,
         onClick: t[0] || (t[0] = (...a) => n.onSend && n.onSend(...a))
-      }, v(s.busy ? n.t("common.sending") : n.t("feedback.submit")), 9, _a)
+      }, v(s.busy ? n.t("common.sending") : n.t("feedback.submit")), 9, fa)
     ], 64))
   ]);
 }
-const wa = /* @__PURE__ */ U(oa, [["render", pa], ["__scopeId", "data-v-9b630564"]]), ba = {
+const pa = /* @__PURE__ */ U(aa, [["render", ya], ["__scopeId", "data-v-9b630564"]]), wa = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5167,24 +5221,24 @@ const wa = /* @__PURE__ */ U(oa, [["render", pa], ["__scopeId", "data-v-9b630564
       this.soundOn = !this.soundOn, this.$emit("sound-toggle", this.soundOn);
     }
   }
-}, ka = { class: "wm-mm" }, Ca = {
+}, ba = { class: "wm-mm" }, ka = {
   class: "wm-mm__pop",
   role: "menu"
-}, Aa = {
+}, Ca = {
   key: 0,
   class: "wm-mm__section"
-}, Sa = { class: "wm-mm__label" }, Ta = { class: "wm-mm__label" }, Ma = {
+}, Aa = { class: "wm-mm__label" }, Sa = { class: "wm-mm__label" }, Ta = {
   key: 1,
   class: "wm-mm__sep"
-}, xa = { class: "wm-mm__section" }, Oa = { class: "wm-mm__label" }, Ra = { class: "wm-mm__section" }, La = { class: "wm-mm__label" }, Ia = { class: "wm-mm__label" };
-function Ea(e, t, s, r, i, n) {
-  return c(), d("div", ka, [
+}, Ma = { class: "wm-mm__section" }, xa = { class: "wm-mm__label" }, Oa = { class: "wm-mm__section" }, Ra = { class: "wm-mm__label" }, La = { class: "wm-mm__label" };
+function Ia(e, t, s, r, i, n) {
+  return c(), d("div", ba, [
     l("div", {
       class: "wm-mm__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    l("div", Ca, [
-      s.canRename || s.canExport ? (c(), d("div", Aa, [
+    l("div", ka, [
+      s.canRename || s.canExport ? (c(), d("div", Ca, [
         s.canRename ? (c(), d("button", {
           key: 0,
           type: "button",
@@ -5207,7 +5261,7 @@ function Ea(e, t, s, r, i, n) {
               l("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z" })
             ])
           ], -1)),
-          l("span", Sa, v(n.t("moreMenu.editTitle")), 1)
+          l("span", Aa, v(n.t("moreMenu.editTitle")), 1)
         ])) : b("", !0),
         s.canExport ? (c(), d("button", {
           key: 1,
@@ -5230,12 +5284,12 @@ function Ea(e, t, s, r, i, n) {
               l("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8M16 6l-4-4-4 4M12 2v13" })
             ])
           ], -1)),
-          l("span", Ta, v(n.t("moreMenu.exportTranscript")), 1),
+          l("span", Sa, v(n.t("moreMenu.exportTranscript")), 1),
           t[8] || (t[8] = l("span", { class: "wm-mm__hint" }, ".txt", -1))
         ])) : b("", !0)
       ])) : b("", !0),
-      s.canRename || s.canExport ? (c(), d("div", Ma)) : b("", !0),
-      l("div", xa, [
+      s.canRename || s.canExport ? (c(), d("div", Ta)) : b("", !0),
+      l("div", Ma, [
         l("button", {
           type: "button",
           class: "wm-mm__item",
@@ -5257,16 +5311,16 @@ function Ea(e, t, s, r, i, n) {
               l("path", { d: "M15.54 8.46a5 5 0 010 7.07M19.07 4.93a10 10 0 010 14.14" })
             ])
           ], -1)),
-          l("span", Oa, v(n.t("moreMenu.sound")), 1),
+          l("span", xa, v(n.t("moreMenu.sound")), 1),
           l("span", {
-            class: R(["wm-mm__toggle", { "wm-mm__toggle--on": i.soundOn }])
+            class: x(["wm-mm__toggle", { "wm-mm__toggle--on": i.soundOn }])
           }, [...t[9] || (t[9] = [
             l("span", { class: "wm-mm__knob" }, null, -1)
           ])], 2)
         ])
       ]),
       t[13] || (t[13] = l("div", { class: "wm-mm__sep" }, null, -1)),
-      l("div", Ra, [
+      l("div", Oa, [
         s.statusUrl ? (c(), d("button", {
           key: 0,
           type: "button",
@@ -5288,7 +5342,7 @@ function Ea(e, t, s, r, i, n) {
               l("path", { d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 6v4l3 2" })
             ])
           ], -1)),
-          l("span", La, v(n.t("moreMenu.serviceStatus")), 1)
+          l("span", Ra, v(n.t("moreMenu.serviceStatus")), 1)
         ])) : b("", !0),
         s.helpUrl ? (c(), d("button", {
           key: 1,
@@ -5311,13 +5365,13 @@ function Ea(e, t, s, r, i, n) {
               l("path", { d: "M9 11a3 3 0 116 0c0 2-3 2-3 5M12 19h.01M12 22a10 10 0 110-20 10 10 0 010 20z" })
             ])
           ], -1)),
-          l("span", Ia, v(n.t("moreMenu.helpCenter")), 1)
+          l("span", La, v(n.t("moreMenu.helpCenter")), 1)
         ])) : b("", !0)
       ])
     ])
   ]);
 }
-const Ba = /* @__PURE__ */ U(ba, [["render", Ea], ["__scopeId", "data-v-4cf6d578"]]), Pa = {
+const Ea = /* @__PURE__ */ U(wa, [["render", Ia], ["__scopeId", "data-v-4cf6d578"]]), Ba = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5359,20 +5413,20 @@ const Ba = /* @__PURE__ */ U(ba, [["render", Ea], ["__scopeId", "data-v-4cf6d578
       this.canSubmit && this.$emit("submit", this.value.trim());
     }
   }
-}, Ua = { class: "wm-dialog" }, Da = {
+}, Pa = { class: "wm-dialog" }, Ua = {
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
-}, Na = { class: "wm-dialog__head" }, Fa = { class: "wm-dialog__title" }, Ha = ["aria-label"], ja = { class: "wm-dialog__body" }, za = ["placeholder"], qa = { class: "wm-dialog__actions" }, Va = ["disabled"];
-function Ka(e, t, s, r, i, n) {
-  return c(), d("div", Ua, [
+}, Da = { class: "wm-dialog__head" }, Na = { class: "wm-dialog__title" }, Fa = ["aria-label"], Ha = { class: "wm-dialog__body" }, ja = ["placeholder"], za = { class: "wm-dialog__actions" }, qa = ["disabled"];
+function Va(e, t, s, r, i, n) {
+  return c(), d("div", Pa, [
     l("div", {
       class: "wm-dialog__scrim",
       onClick: t[0] || (t[0] = (a) => e.$emit("close"))
     }),
-    l("div", Da, [
-      l("div", Na, [
-        l("div", Fa, v(s.title || n.t("rename.title")), 1),
+    l("div", Ua, [
+      l("div", Da, [
+        l("div", Na, v(s.title || n.t("rename.title")), 1),
         l("button", {
           type: "button",
           class: "wm-dialog__close",
@@ -5392,9 +5446,9 @@ function Ka(e, t, s, r, i, n) {
           }, [
             l("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, Ha)
+        ])], 8, Fa)
       ]),
-      l("div", ja, [
+      l("div", Ha, [
         $(l("input", {
           ref: "input",
           "onUpdate:modelValue": t[2] || (t[2] = (a) => i.value = a),
@@ -5406,11 +5460,11 @@ function Ka(e, t, s, r, i, n) {
             t[3] || (t[3] = _e(G((...a) => n.onSubmit && n.onSubmit(...a), ["prevent"]), ["enter"])),
             t[4] || (t[4] = _e(G((a) => e.$emit("close"), ["prevent"]), ["esc"]))
           ]
-        }, null, 40, za), [
+        }, null, 40, ja), [
           [ee, i.value]
         ])
       ]),
-      l("div", qa, [
+      l("div", za, [
         l("button", {
           type: "button",
           class: "wm-dialog__btn",
@@ -5421,25 +5475,25 @@ function Ka(e, t, s, r, i, n) {
           class: "wm-dialog__btn wm-dialog__btn--primary",
           disabled: !n.canSubmit,
           onClick: t[6] || (t[6] = (...a) => n.onSubmit && n.onSubmit(...a))
-        }, v(n.t("common.save")), 9, Va)
+        }, v(n.t("common.save")), 9, qa)
       ])
     ])
   ]);
 }
-const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8"]]), He = "ww-messenger-tokens", $a = {
+const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8"]]), He = "ww-messenger-tokens", Wa = {
   name: "Messenger",
   components: {
     Launcher: qt,
     Header: _n,
-    Onboarding: Zn,
-    History: _s,
-    MessageList: oi,
-    Composer: Ti,
-    InlineCallbacks: Ei,
-    FormCard: aa,
-    Feedback: wa,
-    MoreMenu: Ba,
-    RenameDialog: Wa
+    Onboarding: Qn,
+    History: fs,
+    MessageList: ai,
+    Composer: Si,
+    InlineCallbacks: Ii,
+    FormCard: ia,
+    Feedback: pa,
+    MoreMenu: Ea,
+    RenameDialog: Ka
   },
   mixins: [
     wt,
@@ -5517,13 +5571,17 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__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,
-      // Direction of the last screen change, driving the slide
-      // transition: true = going deeper (home → chat / history),
-      // false = stepping back (→ home). Lets the entering/leaving
-      // screens slide the right way (forward = up & forward, back =
-      // down & receding). See `screenTransition` + the `wm-screen-*`
-      // CSS.
-      navForward: !0,
+      // 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.
+      launching: !1,
+      // First message captured from the home input, sent once the
+      // launch animation has handed off to the real conversation.
+      pendingLaunchText: "",
       // convId → true quand l'utilisateur a cliqué "Rouvrir" sur une conv
       // fermée : débloque le composer localement le temps qu'un message la
       // réactive côté serveur. Reset au reload (non persisté, volontaire).
@@ -5602,12 +5660,6 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8
     isEmbedded() {
       return this.displayMode === "embedded";
     },
-    // Transition name for the screen crossfade, flipped by nav direction
-    // so "enter a conversation" slides forward/up and "back to home"
-    // slides back/down.
-    screenTransition() {
-      return this.navForward ? "wm-screen-fwd" : "wm-screen-back";
-    },
     // Language set on the authenticated customer. Checked both as a
     // top-level column and as a named variable (`values.language`).
     // Falls back to the consumer-supplied `context.customer.language`
@@ -5909,7 +5961,7 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8
       }
       const s = this.revealedAt, r = (this.s.messagesByConv[e.id] || []).filter((a) => {
         var o, f, k, y, T;
-        return (a == null ? void 0 : a.type) === "action" && ((o = a == null ? void 0 : a.payload) == null ? void 0 : o.state) === "pending" || me(a) && !(s[a.id] > 0) ? !1 : (a == null ? void 0 : a.type) === "action" || (a == null ? void 0 : a.type) === "system" || ((f = a == null ? void 0 : a.payload) == null ? void 0 : f.type) === "system" || Array.isArray((k = a == null ? void 0 : a.payload) == null ? void 0 : k.attachments) && a.payload.attachments.length || (y = a == null ? void 0 : a.metadata) != null && y.artifact || (T = a == null ? void 0 : a.metadata) != null && T.form || Array.isArray(a == null ? void 0 : a.callbacks) && a.callbacks.some((I) => (I == null ? void 0 : I.intent) === "submit_form") ? !0 : typeof (a == null ? void 0 : a.text_md) == "string" && a.text_md.trim().length > 0;
+        return (a == null ? void 0 : a.type) === "action" && ((o = a == null ? void 0 : a.payload) == null ? void 0 : o.state) === "pending" || he(a) && !(s[a.id] > 0) ? !1 : (a == null ? void 0 : a.type) === "action" || (a == null ? void 0 : a.type) === "system" || ((f = a == null ? void 0 : a.payload) == null ? void 0 : f.type) === "system" || Array.isArray((k = a == null ? void 0 : a.payload) == null ? void 0 : k.attachments) && a.payload.attachments.length || (y = a == null ? void 0 : a.metadata) != null && y.artifact || (T = a == null ? void 0 : a.metadata) != null && T.form || Array.isArray(a == null ? void 0 : a.callbacks) && a.callbacks.some((I) => (I == null ? void 0 : I.intent) === "submit_form") ? !0 : typeof (a == null ? void 0 : a.text_md) == "string" && a.text_md.trim().length > 0;
       });
       return t.length ? [...t, ...r] : r;
     },
@@ -5921,7 +5973,7 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8
       var s, r, i;
       const e = this.currentConv;
       return e ? Object.keys(((s = this.s) == null ? void 0 : s.streamingByMsgId) || {}).length > 0 ? !0 : this.actionInFlight ? !1 : this.widgetWelcomeMessage && this.welcomeRevealedAt[e.id] === 0 ? !0 : (((i = (r = this.s) == null ? void 0 : r.messagesByConv) == null ? void 0 : i[e.id]) || []).some(
-        (n) => me(n) && !(this.revealedAt[n.id] > 0)
+        (n) => he(n) && !(this.revealedAt[n.id] > 0)
       ) : !1;
     },
     // Internal: the raw persisted list for the current conversation. We
@@ -6334,12 +6386,12 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8
       const s = (((I = this.launcherPeeks) == null ? void 0 : I.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 x = f.getBoundingClientRect();
+        const O = f.getBoundingClientRect();
         k = {
-          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))
+          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))
         };
       }
       this.notifyParentResize("closed", {
@@ -6381,17 +6433,29 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__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 → open a conversation already seeded
-    // with the user's first message. Entering draft mode swaps the
-    // home screen for the conversation view, which crossfades in via
-    // the `wm-screen` transition ; `onSend` then materializes the
-    // draft server-side and posts the text.
+    // 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.
     onOnboardingStart(e) {
       const t = (e || "").trim();
-      this.startConv(), t && this.$nextTick(() => this.onSend(t));
+      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.
+    onHomeLaunched() {
+      const e = this.pendingLaunchText;
+      this.pendingLaunchText = "", this.startConv(), e && this.$nextTick(() => this.onSend(e)), window.setTimeout(() => {
+        this.launching = !1;
+      }, 650);
     },
     startConv() {
-      this.navForward = !0, this.draftConv = {
+      this.draftConv = {
         id: "__draft__",
         _draft: !0,
         name: "",
@@ -6517,11 +6581,10 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8
       this.moreOpen = !this.moreOpen;
     },
     goHome() {
-      this.navForward = !1, this.moreOpen = !1, this.draftConv = null, this.activeConvId = null, this.backToHistory ? (this.showOnboarding = !1, this.showHistory = !0, this.backToHistory = !1) : (this.showOnboarding = !0, this.showHistory = !1);
+      this.moreOpen = !1, this.draftConv = null, this.activeConvId = null, this.backToHistory ? (this.showOnboarding = !1, this.showHistory = !0, this.backToHistory = !1) : (this.showOnboarding = !0, this.showHistory = !1);
     },
     async onDrawerPick(e) {
       if (!(e != null && e.id) || !this.store) return;
-      this.navForward = !0;
       const t = this.showHistory;
       this.draftConv = null, this.activeConvId = e.id, this.showOnboarding = !1, this.showHistory = !1, this.backToHistory = t;
       try {
@@ -6619,7 +6682,7 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8
     async onFormSubmit({ values: e }) {
       const t = this.pendingForm;
       if (!(t != null && t.form)) return;
-      const s = ht(t.form, e, this.translator);
+      const s = mt(t.form, e, this.translator);
       if (!s) return;
       let r = this.currentConv;
       r && (r._draft && (r = await this.ensureRealConv(), !r) || await this.store.send(r.id, s, {
@@ -6732,45 +6795,42 @@ const Wa = /* @__PURE__ */ U(Pa, [["render", Ka], ["__scopeId", "data-v-6d5f94a8
       }
     }
   }
-}, Ga = {
+}, $a = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, Ya = ["aria-label"], Ja = { class: "wm-screens" }, Xa = {
+}, Ga = ["aria-label"], Ya = { class: "wm-screens" }, Ja = {
   key: "error",
   class: "wm-screen wm-state"
-}, Qa = { class: "wm-state__err" }, Za = { class: "wm-state__errTitle" }, eo = { class: "wm-state__errSub" }, to = {
-  key: "chat",
-  class: "wm-screen wm-screen--chat"
-}, no = { class: "wm-bottom" }, so = {
+}, Xa = { class: "wm-state__err" }, Qa = { class: "wm-state__errTitle" }, Za = { class: "wm-state__errSub" }, eo = { class: "wm-bottom" }, to = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, ro = {
+}, no = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, io = { class: "wm-actionWait__lbl" }, ao = {
+}, so = { class: "wm-actionWait__lbl" }, ro = {
   key: 2,
   class: "wm-attached"
-}, oo = ["src", "alt"], lo = {
+}, io = ["src", "alt"], ao = {
   key: 1,
   class: "wm-attached__file"
-}, co = { class: "wm-attached__fileMeta" }, uo = { class: "wm-attached__fileName" }, mo = {
+}, oo = { class: "wm-attached__fileMeta" }, lo = { class: "wm-attached__fileName" }, co = {
   key: 0,
   class: "wm-attached__fileSize"
-}, ho = ["aria-label", "onClick"], fo = {
+}, uo = ["aria-label", "onClick"], ho = {
   key: 3,
   class: "wm-ended",
   role: "status",
   "aria-live": "polite"
-}, _o = { class: "wm-ended__lbl" };
-function go(e, t, s, r, i, n) {
+}, mo = { class: "wm-ended__lbl" };
+function fo(e, t, s, r, i, n) {
   const a = P("Launcher"), o = P("Header"), f = P("History"), k = P("Onboarding"), y = P("MessageList"), T = P("InlineCallbacks"), I = P("FormCard"), S = P("Feedback"), z = P("Composer"), M = P("MoreMenu"), D = P("RenameDialog");
   return c(), d("div", {
-    class: R(["wm-root", `wm-root--${s.displayMode}`]),
+    class: x(["wm-root", `wm-root--${s.displayMode}`]),
     style: F(n.rootStyle)
   }, [
     !i.isOpen && !n.isEmbedded ? (c(), B(a, {
@@ -6783,7 +6843,7 @@ function go(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: R([
+      class: x([
         "wm-panel",
         `wm-panel--${s.displayMode}`,
         { "wm-panel--welcome": n.ready && !n.error && !n.currentConv }
@@ -6791,15 +6851,15 @@ function go(e, t, s, r, i, n) {
       style: F(i.floatHeight ? { "--wm-float-h": i.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger",
-      onClick: t[7] || (t[7] = (...x) => n.onPanelClick && n.onPanelClick(...x))
+      onClick: t[7] || (t[7] = (...O) => n.onPanelClick && n.onPanelClick(...O))
     }, [
-      !n.ready && !n.error ? (c(), d("div", Ga, [
+      !n.ready && !n.error ? (c(), d("div", $a, [
         n.isEmbedded ? b("", !0) : (c(), d("button", {
           key: 0,
           type: "button",
           class: "wm-loading__close",
           "aria-label": n.t("loading.minimize"),
-          onClick: t[0] || (t[0] = (...x) => n.close && n.close(...x))
+          onClick: t[0] || (t[0] = (...O) => n.close && n.close(...O))
         }, [...t[8] || (t[8] = [
           l("svg", {
             width: "13",
@@ -6814,7 +6874,7 @@ function go(e, t, s, r, i, n) {
           }, [
             l("path", { d: "M18 6L6 18M6 6l12 12" })
           ], -1)
-        ])], 8, Ya)),
+        ])], 8, Ga)),
         t[9] || (t[9] = l("div", {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
@@ -6834,11 +6894,11 @@ function go(e, t, s, r, i, n) {
           onMore: n.toggleMore,
           onClose: n.close
         }, null, 8, ["title", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "agent-name", "agent-avatar-url", "onBack", "onMore", "onClose"]),
-        l("div", Ja, [
-          K(Ae, { name: n.screenTransition }, {
+        l("div", Ya, [
+          K(Ae, { name: "wm-none" }, {
             default: Se(() => [
-              n.error ? (c(), d("div", Xa, [
-                l("div", Qa, [
+              n.error ? (c(), d("div", Ja, [
+                l("div", Xa, [
                   t[10] || (t[10] = l("div", { class: "wm-state__errIcon" }, [
                     l("svg", {
                       width: "14",
@@ -6855,8 +6915,8 @@ function go(e, t, s, r, i, n) {
                     ])
                   ], -1)),
                   l("div", null, [
-                    l("div", Za, v(n.t("error.connectionFailed")), 1),
-                    l("div", eo, v(n.error), 1)
+                    l("div", Qa, v(n.t("error.connectionFailed")), 1),
+                    l("div", Za, v(n.error), 1)
                   ])
                 ])
               ])) : !n.currentConv && i.showHistory ? (c(), B(f, {
@@ -6864,7 +6924,10 @@ function go(e, t, s, r, i, n) {
                 class: "wm-screen",
                 threads: n.openThreads,
                 onResume: n.onDrawerPick
-              }, null, 8, ["threads", "onResume"])) : n.currentConv ? (c(), d("div", to, [
+              }, null, 8, ["threads", "onResume"])) : n.currentConv ? (c(), d("div", {
+                key: "chat",
+                class: x(["wm-screen wm-screen--chat", { "wm-screen--launching": i.launching }])
+              }, [
                 K(y, {
                   ref: "messageList",
                   messages: n.displayedMessages,
@@ -6879,8 +6942,8 @@ function go(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", no, [
-                  n.floatVisible ? (c(), d("div", so, [
+                l("div", eo, [
+                  n.floatVisible ? (c(), d("div", to, [
                     n.pendingApproval ? (c(), B(T, {
                       key: `appr-${n.pendingApproval.id}`,
                       variant: "buttons",
@@ -6908,26 +6971,26 @@ function go(e, t, s, r, i, n) {
                       onSelect: n.onSuggestion
                     }, null, 8, ["items", "onSelect"]))
                   ], 512)) : b("", !0),
-                  n.actionInFlight ? (c(), d("div", ro, [
+                  n.actionInFlight ? (c(), d("div", no, [
                     t[11] || (t[11] = l("span", {
                       class: "wm-actionWait__spinner",
                       "aria-hidden": "true"
                     }, null, -1)),
-                    l("span", io, v(n.t("action.inProgress", {
+                    l("span", so, v(n.t("action.inProgress", {
                       name: n.actionInFlightName
                     })), 1)
                   ])) : b("", !0),
-                  i.pendingAttachments.length ? (c(), d("div", ao, [
-                    (c(!0), d(E, null, N(i.pendingAttachments, (x, q) => (c(), d("div", {
-                      key: x.path || q,
+                  i.pendingAttachments.length ? (c(), d("div", ro, [
+                    (c(!0), d(E, null, N(i.pendingAttachments, (O, q) => (c(), d("div", {
+                      key: O.path || q,
                       class: "wm-attached__item"
                     }, [
-                      x.previewUrl ? (c(), d("img", {
+                      O.previewUrl ? (c(), d("img", {
                         key: 0,
                         class: "wm-attached__thumb",
-                        src: x.previewUrl,
-                        alt: x.name
-                      }, null, 8, oo)) : (c(), d("div", lo, [
+                        src: O.previewUrl,
+                        alt: O.name
+                      }, null, 8, io)) : (c(), d("div", ao, [
                         t[12] || (t[12] = l("span", { class: "wm-attached__fileIcon" }, [
                           l("svg", {
                             width: "16",
@@ -6944,10 +7007,10 @@ function go(e, t, s, r, i, n) {
                             l("path", { d: "M14 2v6h6" })
                           ])
                         ], -1)),
-                        l("span", co, [
-                          l("span", uo, v(x.name), 1),
-                          n.formatAttachmentSize(x.size_bytes) ? (c(), d("span", mo, v(n.formatAttachmentSize(
-                            x.size_bytes
+                        l("span", oo, [
+                          l("span", lo, v(O.name), 1),
+                          n.formatAttachmentSize(O.size_bytes) ? (c(), d("span", co, v(n.formatAttachmentSize(
+                            O.size_bytes
                           )), 1)) : b("", !0)
                         ])
                       ])),
@@ -6970,21 +7033,21 @@ function go(e, t, s, r, i, n) {
                         }, [
                           l("path", { d: "M18 6L6 18M6 6l12 12" })
                         ], -1)
-                      ])], 8, ho)
+                      ])], 8, uo)
                     ]))), 128))
                   ])) : b("", !0),
-                  n.endedBlockVisible ? (c(), d("div", fo, [
-                    l("span", _o, v(n.isClosed ? n.t("composer.conversationClosed") : n.t("composer.conversationEnded")), 1),
+                  n.endedBlockVisible ? (c(), d("div", ho, [
+                    l("span", mo, v(n.isClosed ? n.t("composer.conversationClosed") : n.t("composer.conversationEnded")), 1),
                     l("button", {
                       type: "button",
                       class: "wm-ended__btn",
-                      onClick: t[2] || (t[2] = (x) => n.isClosed ? n.onReopen() : n.startConv())
+                      onClick: t[2] || (t[2] = (O) => n.isClosed ? n.onReopen() : n.startConv())
                     }, v(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] = (x) => i.draft = x),
+                    "onUpdate:modelValue": t[3] || (t[3] = (O) => i.draft = O),
                     placeholder: n.composerPlaceholder,
                     "attach-label": n.t("composer.attachFile"),
                     "display-mode": s.displayMode,
@@ -6999,7 +7062,7 @@ function go(e, t, s, r, i, n) {
                   "sound-enabled": e.soundEnabled,
                   "status-url": n.statusUrl,
                   "help-url": n.helpUrl,
-                  onClose: t[4] || (t[4] = (x) => i.moreOpen = !1),
+                  onClose: t[4] || (t[4] = (O) => 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),
@@ -7007,10 +7070,10 @@ function go(e, t, s, r, i, n) {
                   key: 1,
                   "initial-value": n.currentConv.name || "",
                   title: n.t("rename.dialogTitle"),
-                  onClose: t[5] || (t[5] = (x) => i.renameDialogOpen = !1),
+                  onClose: t[5] || (t[5] = (O) => i.renameDialogOpen = !1),
                   onSubmit: n.onRenameSubmit
                 }, null, 8, ["initial-value", "title", "onSubmit"])) : b("", !0)
-              ])) : (c(), B(k, {
+              ], 2)) : (c(), B(k, {
                 key: "home",
                 class: "wm-screen",
                 title: n.widgetTitle,
@@ -7021,16 +7084,16 @@ function go(e, t, s, r, i, n) {
                 "quick-links": n.quickLinks,
                 "open-threads": n.openThreads,
                 busy: i.busy,
+                launching: i.launching,
                 onStart: n.onOnboardingStart,
+                onLaunched: n.onHomeLaunched,
                 onSelect: n.onQuickLink,
                 onResume: n.onDrawerPick,
-                onViewHistory: t[1] || (t[1] = (x) => {
-                  i.navForward = !0, i.showHistory = !0;
-                })
-              }, null, 8, ["title", "subtitle", "agent-name", "default-icon-url", "cover-image-url", "quick-links", "open-threads", "busy", "onStart", "onSelect", "onResume"]))
+                onViewHistory: t[1] || (t[1] = (O) => 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
-          }, 8, ["name"])
+          })
         ]),
         i.moreOpen && !n.currentConv ? (c(), B(M, {
           key: 0,
@@ -7039,7 +7102,7 @@ function go(e, t, s, r, i, n) {
           "sound-enabled": e.soundEnabled,
           "status-url": n.statusUrl,
           "help-url": n.helpUrl,
-          onClose: t[6] || (t[6] = (x) => i.moreOpen = !1),
+          onClose: t[6] || (t[6] = (O) => i.moreOpen = !1),
           onSoundToggle: e.onSoundToggle,
           onAction: n.onMoreAction
         }, null, 8, ["sound-enabled", "status-url", "help-url", "onSoundToggle", "onAction"])) : b("", !0)
@@ -7047,52 +7110,52 @@ function go(e, t, s, r, i, n) {
     ], 6)) : b("", !0)
   ], 6);
 }
-const po = /* @__PURE__ */ U($a, [["render", go], ["__scopeId", "data-v-11fad0d2"]]), wo = "0.6.8";
+const vo = /* @__PURE__ */ U(Wa, [["render", fo], ["__scopeId", "data-v-ae5eee36"]]), yo = "0.6.10";
 export {
-  he as AIAvatar,
+  me as AIAvatar,
   be as AVATAR_COLORS,
-  Ms as ActionResult,
-  Us as ArtifactFormResponse,
-  Ys as ArtifactInfoCard,
-  fr as ArtifactRenderer,
-  dr as ArtifactTicket,
-  Tr as AttachmentPreview,
-  Rr as Bubble,
-  Ti as Composer,
+  Ts as ActionResult,
+  Ps as ArtifactFormResponse,
+  Gs as ArtifactInfoCard,
+  mr as ArtifactRenderer,
+  cr as ArtifactTicket,
+  Sr as AttachmentPreview,
+  Or as Bubble,
+  Si as Composer,
   ot as DEFAULT_BASE_URL,
   ue as DEFAULT_LANGUAGE,
-  wa as Feedback,
-  aa as FormCard,
+  pa as Feedback,
+  ia as FormCard,
   _n as Header,
   ve as HumanAvatar,
-  Ei as InlineCallbacks,
+  Ii as InlineCallbacks,
   qt as Launcher,
   Le as MEDIA_RECORDER_SUPPORTED,
-  oi as MessageList,
-  po as Messenger,
-  Ba as MoreMenu,
-  Zn as Onboarding,
+  ai as MessageList,
+  vo as Messenger,
+  Ea as MoreMenu,
+  Qn as Onboarding,
   ge as SCREEN_CAPTURE_SUPPORTED,
-  mt as SUPPORTED_LANGUAGES,
+  ht as SUPPORTED_LANGUAGES,
   tn as TeamAvatars,
-  Br as Typing,
-  wo as VERSION,
+  Er as Typing,
+  yo as VERSION,
   xe as avatarColor,
   Oe as avatarInitials,
-  ci as captureScreenshotFile,
+  li as captureScreenshotFile,
   j as colors,
   it as createStore,
   H as createTranslator,
   tt as createTransport,
   re as dateLocale,
-  po as default,
+  vo as default,
   Ce as formatTime,
-  yo as guessAttachmentKind,
-  li as pickRecorderMime,
+  go as guessAttachmentKind,
+  oi as pickRecorderMime,
   Ve as renderInlineMarkdown,
   _t as renderMarkdown,
   Re as resolveLanguage,
-  ui as startScreenRecording,
+  di as startScreenRecording,
   at as tokensCss,
   rt as uuid,
   rt as v4