@_solaris/messenger-widget 0.6.15 → 0.6.17

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as N, normalizeClass as R, toDisplayString as y, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as I, renderList as F, withKeys as _e, withModifiers as G, createElementVNode as l, createCommentVNode as b, createBlock as B, resolveDynamicComponent as Te, mergeProps as je, withDirectives as $, vModelText as ee, createTextVNode as Me, renderSlot as $e, vModelCheckbox as Ge, vModelSelect as Ye, markRaw as Ee } from "vue";
+import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as N, normalizeClass as R, toDisplayString as y, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as I, renderList as D, withKeys as _e, withModifiers as G, createElementVNode as l, createCommentVNode as b, createBlock as E, 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 Be } from "vue";
 const Je = [
   "connected",
   "message",
@@ -141,7 +141,7 @@ function tt(e) {
   }
   async function k() {
     try {
-      const u = await E();
+      const u = await B();
       t.lastActivityAt = u.reduce((g, p) => {
         const L = p == null ? void 0 : p.last_message_at;
         return L && (!g || L > g) ? L : g;
@@ -158,7 +158,7 @@ function tt(e) {
     const g = await a("PATCH", "/customers/me", u);
     return (g == null ? void 0 : g.customer) ?? null;
   }
-  async function E() {
+  async function B() {
     const u = await a("GET", "/conversations");
     return (u == null ? void 0 : u.conversations) ?? [];
   }
@@ -178,7 +178,7 @@ function tt(e) {
       g
     )).conversation;
   }
-  async function D(u, g) {
+  async function U(u, g) {
     return a(
       "PATCH",
       `/conversations/${encodeURIComponent(u)}/read`,
@@ -281,7 +281,7 @@ function tt(e) {
   }
   async function pe() {
     try {
-      const u = await E(), g = u.reduce((L, O) => {
+      const u = await B(), g = u.reduce((L, O) => {
         const V = O == null ? void 0 : O.last_message_at;
         return V && (!L || V > L) ? V : L;
       }, null);
@@ -340,11 +340,11 @@ function tt(e) {
     // REST
     getCustomer: v,
     patchCustomer: T,
-    listConversations: E,
+    listConversations: B,
     createConversation: S,
     getConversation: z,
     patchConversation: M,
-    markConversationRead: D,
+    markConversationRead: U,
     listMessages: x,
     postMessage: q,
     postCallback: J,
@@ -552,7 +552,7 @@ function it(e) {
     const _ = await e.patchConversation(h, m), w = t.conversations.findIndex((A) => A.id === h);
     w !== -1 && (t.conversations[w] = _);
   }
-  async function E(h) {
+  async function B(h) {
     if (!h) return [];
     const m = t.messagesByConv[h] || [];
     let _ = "";
@@ -633,10 +633,10 @@ function it(e) {
       console.error("[store] callback failed", w), h != null && delete t.awaitingCallback[h];
     }
   }
-  const D = /* @__PURE__ */ new Map();
+  const U = /* @__PURE__ */ new Map();
   async function x(h) {
     if (!h) return null;
-    const m = D.get(h);
+    const m = U.get(h);
     if (m != null && m.url) {
       const _ = m.expires_at ? Date.parse(m.expires_at) : 0;
       if (!_ || _ - Date.now() > 6e4) return m.url;
@@ -644,7 +644,7 @@ function it(e) {
     try {
       const _ = await e.signAttachment(h);
       if (_ != null && _.signed_url)
-        return D.set(h, {
+        return U.set(h, {
           url: _.signed_url,
           expires_at: _.expires_at
         }), _.signed_url;
@@ -774,7 +774,7 @@ function it(e) {
     createConversation: a,
     openConversation: f,
     loadMore: k,
-    fetchSinceLast: E,
+    fetchSinceLast: B,
     patchConversation: T,
     markConversationRead: S,
     send: z,
@@ -882,7 +882,7 @@ function Ie(e) {
   }
   return t.protocol === "https:" || t.protocol === "http:" || t.protocol === "data:" && /^data:image\//i.test(e) ? e : null;
 }
-const ue = "fr", ht = ["fr", "en"], Be = { fr: "fr-FR", en: "en-US" }, ke = {
+const ue = "fr", ht = ["fr", "en"], Ee = { fr: "fr-FR", en: "en-US" }, ke = {
   fr: {
     // ── Common ───────────────────────────────────────────────────────
     "common.newConversation": "Nouvelle conversation",
@@ -1162,7 +1162,7 @@ function Re(e) {
   return ht.includes(t) ? t : ue;
 }
 function re(e) {
-  return Be[Re(e)] || Be[ue];
+  return Ee[Re(e)] || Ee[ue];
 }
 function H(e) {
   const t = Re(e), s = ke[t] || ke[ue], r = ke[ue];
@@ -1223,13 +1223,13 @@ function qe(e) {
 function fe(e) {
   return /^(https?:\/\/|mailto:|tel:)/i.test(String(e).trim());
 }
-const Ue = "";
+const Fe = "";
 function de(e) {
   let t = e;
   const s = [];
   return t = t.replace(/`([^`\n]+)`/g, (r, i) => {
     const n = s.length;
-    return s.push(i), `${Ue}CODE${n}${Ue}`;
+    return s.push(i), `${Fe}CODE${n}${Fe}`;
   }), t = t.replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g, (r, i, n) => fe(n) ? `<a href="${n}" target="_blank" rel="noopener noreferrer">${i}</a>` : i), t = t.replace(/\*\*([^\n*][^\n]*?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__([^\n_][^\n]*?)__/g, "<u>$1</u>"), t = t.replace(/~~([^\n~][^\n]*?)~~/g, "<s>$1</s>"), t = t.replace(/(^|[^\w*])\*([^\n*]+?)\*(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/(^|[^\w_])_([^\n_]+?)_(?!\w)/g, "$1<em>$2</em>"), t = t.replace(/CODE(\d+)/g, (r, i) => `<code class="wm-md-code">${s[+i]}</code>`), t;
 }
 function Ve(e) {
@@ -1278,10 +1278,10 @@ function _t(e) {
         if (!S) break;
         v.push(S[1]), r++;
       }
-      const T = v.map((S) => `<li>${de(S)}</li>`).join(""), E = k !== 1 ? ` start="${k}"` : "";
+      const T = v.map((S) => `<li>${de(S)}</li>`).join(""), B = k !== 1 ? ` start="${k}"` : "";
       s.push({
         type: "block",
-        html: `<ol class="wm-md-ol"${E}>${T}</ol>`
+        html: `<ol class="wm-md-ol"${B}>${T}</ol>`
       });
       continue;
     }
@@ -1316,7 +1316,7 @@ function Y(e) {
   const t = typeof e == "number" ? e : Number(e);
   return Number.isFinite(t) ? t : null;
 }
-function De(e, t) {
+function Ue(e, t) {
   let s = (e == null ? void 0 : e.last_message_at) || (e == null ? void 0 : e.updated_at) || (e == null ? void 0 : e.created_at) || "";
   for (const r of t)
     r != null && r.created_at && r.created_at > s && (s = r.created_at);
@@ -1812,7 +1812,7 @@ function At(e) {
   }
   return null;
 }
-const U = (e, t) => {
+const F = (e, t) => {
   const s = e.__vccOpts || e;
   for (const [r, i] of t)
     s[r] = i;
@@ -1858,7 +1858,7 @@ function Mt(e, t, s, r, i, n) {
     }, y(n.initials), 5))
   ], 6);
 }
-const ye = /* @__PURE__ */ U(St, [["render", Mt], ["__scopeId", "data-v-14e10c0d"]]), xt = 3, Ot = {
+const ye = /* @__PURE__ */ F(St, [["render", Mt], ["__scopeId", "data-v-14e10c0d"]]), xt = 3, Ot = {
   name: "WmLauncher",
   components: { HumanAvatar: ye },
   inject: {
@@ -1884,7 +1884,7 @@ const ye = /* @__PURE__ */ U(St, [["render", Mt], ["__scopeId", "data-v-14e10c0d
       return this.peeks.slice(0, xt).reverse();
     }
   }
-}, Rt = ["aria-label", "onClick", "onKeydown"], Lt = ["aria-label", "onClick"], Et = { class: "wm-peek__avatar" }, It = ["aria-label"], Bt = { class: "wm-peek__body" }, Pt = { class: "wm-peek__head" }, Ut = { class: "wm-peek__name" }, Dt = { class: "wm-peek__action" }, Ft = { class: "wm-peek__text" }, Nt = ["onClick"], Ht = ["aria-label"], jt = ["aria-label"];
+}, Rt = ["aria-label", "onClick", "onKeydown"], Lt = ["aria-label", "onClick"], Bt = { class: "wm-peek__avatar" }, It = ["aria-label"], Et = { class: "wm-peek__body" }, Pt = { class: "wm-peek__head" }, Ft = { class: "wm-peek__name" }, Ut = { class: "wm-peek__action" }, Dt = { class: "wm-peek__text" }, Nt = ["onClick"], Ht = ["aria-label"], jt = ["aria-label"];
 function zt(e, t, s, r, i, n) {
   const a = P("HumanAvatar");
   return c(), d("div", {
@@ -1900,7 +1900,7 @@ function zt(e, t, s, r, i, n) {
           key: 0,
           class: R(["wm-peekStack", { "wm-peekStack--multi": n.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), d(I, null, F(n.visiblePeeks, (o, f) => (c(), d("div", {
+          (c(!0), d(I, null, D(n.visiblePeeks, (o, f) => (c(), d("div", {
             key: o.convId,
             class: "wm-peek",
             style: N({
@@ -1938,7 +1938,7 @@ function zt(e, t, s, r, i, n) {
                 l("path", { d: "M18 6L6 18M6 6l12 12" })
               ], -1)
             ])], 8, Lt),
-            l("div", Et, [
+            l("div", Bt, [
               K(a, {
                 name: o.senderName,
                 "avatar-url": o.senderAvatarUrl,
@@ -1950,12 +1950,12 @@ function zt(e, t, s, r, i, n) {
                 "aria-label": n.t("launcher.unreadMessages", { count: o.count })
               }, y(o.count > 9 ? "9+" : o.count), 9, It)) : b("", !0)
             ]),
-            l("div", Bt, [
+            l("div", Et, [
               l("div", Pt, [
-                l("span", Ut, y(o.senderName || n.t("common.agent")), 1),
-                l("span", Dt, y(n.t("launcher.repliedToYou")), 1)
+                l("span", Ft, y(o.senderName || n.t("common.agent")), 1),
+                l("span", Ut, y(n.t("launcher.repliedToYou")), 1)
               ]),
-              l("p", Ft, y(o.preview), 1)
+              l("p", Dt, y(o.preview), 1)
             ]),
             l("button", {
               type: "button",
@@ -1998,7 +1998,7 @@ function zt(e, t, s, r, i, n) {
     ], 8, Ht)
   ], 32);
 }
-const qt = /* @__PURE__ */ U(Ot, [["render", zt], ["__scopeId", "data-v-d81459bc"]]), Vt = {
+const qt = /* @__PURE__ */ F(Ot, [["render", zt], ["__scopeId", "data-v-d81459bc"]]), Vt = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -2089,7 +2089,7 @@ function Gt(e, t, s, r, i, n) {
     ], 6)
   ], 6);
 }
-const me = /* @__PURE__ */ U(Vt, [["render", Gt], ["__scopeId", "data-v-6f7f685d"]]), Yt = {
+const me = /* @__PURE__ */ F(Vt, [["render", Gt], ["__scopeId", "data-v-6f7f685d"]]), Yt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -2124,7 +2124,7 @@ function en(e, t, s, r, i, n) {
       class: "wm-team__stack",
       style: N({ width: n.stackWidth + "px" })
     }, [
-      (c(!0), d(I, null, F(s.members.slice(0, 3), (a, o) => (c(), d("div", {
+      (c(!0), d(I, null, D(s.members.slice(0, 3), (a, o) => (c(), d("div", {
         key: o,
         class: "wm-team__pill",
         style: N({
@@ -2143,7 +2143,7 @@ function en(e, t, s, r, i, n) {
     s.responseLabel ? (c(), d("span", Zt, y(s.responseLabel), 1)) : b("", !0)
   ])) : b("", !0);
 }
-const tn = /* @__PURE__ */ U(Yt, [["render", en], ["__scopeId", "data-v-e49a9063"]]), nn = {
+const tn = /* @__PURE__ */ F(Yt, [["render", en], ["__scopeId", "data-v-e49a9063"]]), nn = {
   name: "WmHeader",
   components: { AIAvatar: me, TeamAvatars: tn },
   inject: {
@@ -2224,7 +2224,7 @@ function fn(e, t, s, r, i, n) {
       l("div", ln, [
         l("div", cn, y(s.title), 1)
       ]),
-      n.hasTeam ? (c(), B(o, {
+      n.hasTeam ? (c(), E(o, {
         key: 0,
         members: n.displayedTeamMembers,
         "response-label": ""
@@ -2288,7 +2288,7 @@ function fn(e, t, s, r, i, n) {
     ])
   ]);
 }
-const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009"]]), Fe = {
+const _n = /* @__PURE__ */ F(nn, [["render", fn], ["__scopeId", "data-v-27232009"]]), De = {
   book: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",
   changelog: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2",
   status: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
@@ -2325,6 +2325,10 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
       // input fades out) → 'slide' (the input glides down to the
       // composer slot). Drives the `wm-onb--*` classes.
       launchPhase: "idle",
+      // True while the starter input is focused — expands the input to
+      // the composer shape and tucks the home's central content away
+      // (reversibly). See `onInputFocus` / `onInputBlur`.
+      inputFocused: !1,
       // One-shot guard so `launched` is emitted exactly once.
       launchDone: !1,
       // First-message draft typed straight on the home screen. On
@@ -2381,6 +2385,16 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
     onStarterKeydown(e) {
       e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this.submitStarter());
     },
+    // Focus expands the input and tucks the home content away; blur puts
+    // everything back as it was (the return is purely CSS-driven). We
+    // freeze the state during a launch so the commit sequence isn't
+    // disturbed by the input losing focus.
+    onInputFocus() {
+      this.launchPhase === "idle" && (this.inputFocused = !0);
+    },
+    onInputBlur() {
+      this.launchPhase === "idle" && (this.inputFocused = !1);
+    },
     // Launch choreography, in two beats:
     //   1. 'fade'  — hero, alerts and quick-link buttons fade out,
     //                leaving a white panel with just the input pill.
@@ -2415,7 +2429,7 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
       return new Promise((t) => window.setTimeout(t, e));
     },
     iconPath(e) {
-      return Fe[e] || Fe.link;
+      return De[e] || De.link;
     },
     // True when activating the link opens an external destination
     // (full URL or relative path) — anchor links (`#…`, which route
@@ -2514,25 +2528,10 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
 }, 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"
-}, Rn = ["innerHTML"], Ln = { class: "wm-onb__alert-meta" }, En = {
+}, Rn = ["innerHTML"], Ln = { class: "wm-onb__alert-meta" }, Bn = {
   key: 0,
   class: "wm-onb__alert-time"
-}, In = { 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",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "aria-hidden": "true"
-}, Fn = {
-  key: 1,
-  class: "wm-onb__starter-spinner",
-  "aria-hidden": "true"
-}, Nn = ["onClick"], Hn = { class: "wm-onb__btn-icon" }, jn = ["aria-label"], zn = {
+}, In = { class: "wm-onb__alert-resume" }, En = { class: "wm-onb__actions" }, Pn = ["onClick"], Fn = { class: "wm-onb__btn-icon" }, Un = ["aria-label"], Dn = {
   key: 1,
   width: "18",
   height: "18",
@@ -2543,7 +2542,7 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, qn = ["d"], Vn = { class: "wm-onb__btn-label" }, Kn = {
+}, Nn = ["d"], Hn = { class: "wm-onb__btn-label" }, jn = {
   key: 0,
   class: "wm-onb__btn-trail",
   width: "13",
@@ -2555,7 +2554,7 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Wn = { class: "wm-onb__btn-icon" }, $n = {
+}, zn = { class: "wm-onb__btn-icon" }, qn = {
   width: "18",
   height: "18",
   viewBox: "0 0 24 24",
@@ -2565,13 +2564,29 @@ const _n = /* @__PURE__ */ U(nn, [["render", fn], ["__scopeId", "data-v-27232009
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Gn = ["d"], Yn = { class: "wm-onb__btn-label" }, Jn = { class: "wm-onb__btn-count" };
+}, Vn = ["d"], Kn = { class: "wm-onb__btn-label" }, Wn = { class: "wm-onb__btn-count" }, $n = ["placeholder", "disabled", "aria-label"], Gn = ["disabled", "aria-label"], Yn = {
+  key: 0,
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, Jn = {
+  key: 1,
+  class: "wm-onb__starter-spinner",
+  "aria-hidden": "true"
+};
 function Xn(e, t, s, r, i, n) {
   const a = P("AIAvatar");
   return c(), d("div", {
     class: R(["wm-onb", {
       "wm-onb--launching": i.launchPhase !== "idle",
-      "wm-onb--sliding": i.launchPhase === "slide"
+      "wm-onb--sliding": i.launchPhase === "slide",
+      "wm-onb--focused": i.inputFocused
     }])
   }, [
     l("div", {
@@ -2584,7 +2599,7 @@ function Xn(e, t, s, r, i, n) {
         role: "img",
         "aria-label": n.heroTitle
       }, null, 12, yn)) : b("", !0),
-      n.hasCover ? b("", !0) : (c(), d("svg", vn, [...t[4] || (t[4] = [
+      n.hasCover ? b("", !0) : (c(), d("svg", vn, [...t[6] || (t[6] = [
         l("circle", {
           cx: "170",
           cy: "10",
@@ -2621,7 +2636,7 @@ function Xn(e, t, s, r, i, n) {
       ])
     ], 2),
     n.unreadThreads.length ? (c(), d("div", kn, [
-      (c(!0), d(I, null, F(n.unreadThreads, (o) => (c(), d("button", {
+      (c(!0), d(I, null, D(n.unreadThreads, (o) => (c(), d("button", {
         key: o.id,
         type: "button",
         class: "wm-onb__alert",
@@ -2630,7 +2645,7 @@ function Xn(e, t, s, r, i, n) {
         l("span", {
           class: R(["wm-onb__alert-avatar", n.avatarWrapperClass(o)])
         }, [
-          n.isDefaultAvatar(o) ? (c(), d("span", An, [...t[5] || (t[5] = [
+          n.isDefaultAvatar(o) ? (c(), d("span", An, [...t[7] || (t[7] = [
             l("svg", {
               width: "20",
               height: "20",
@@ -2644,7 +2659,7 @@ function Xn(e, t, s, r, i, n) {
             }, [
               l("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
             ], -1)
-          ])])) : (c(), B(Te(n.avatarComponent(o)), je({
+          ])])) : (c(), E(Te(n.avatarComponent(o)), je({
             key: 1,
             ref_for: !0
           }, n.avatarProps(o)), null, 16)),
@@ -2663,84 +2678,52 @@ function Xn(e, t, s, r, i, n) {
           ])
         ]),
         l("span", Ln, [
-          n.formatTs(o._ts) ? (c(), d("span", En, y(n.formatTs(o._ts)), 1)) : b("", !0),
+          n.formatTs(o._ts) ? (c(), d("span", Bn, y(n.formatTs(o._ts)), 1)) : b("", !0),
           l("span", In, y(n.t("onboarding.resume")), 1)
         ])
       ], 8, Cn))), 128))
     ])) : b("", !0),
-    l("div", Bn, [
-      l("form", {
-        ref: "starterForm",
-        class: R(["wm-onb__starter", {
-          "is-active": !!i.starterText.trim(),
-          "wm-onb__starter--toBottom": i.launchPhase === "slide"
-        }]),
-        onSubmit: t[2] || (t[2] = G((...o) => n.submitStarter && n.submitStarter(...o), ["prevent"]))
-      }, [
-        $(l("textarea", {
-          ref: "starterInput",
-          "onUpdate:modelValue": t[0] || (t[0] = (o) => i.starterText = o),
-          class: "wm-onb__starter-input",
-          rows: "1",
-          placeholder: n.t("onboarding.starterPlaceholder"),
-          disabled: s.busy,
-          "aria-label": n.t("onboarding.start"),
-          enterkeyhint: "send",
-          onKeydown: t[1] || (t[1] = (...o) => n.onStarterKeydown && n.onStarterKeydown(...o))
-        }, null, 40, Pn), [
-          [ee, i.starterText]
-        ]),
-        l("button", {
-          type: "submit",
-          class: R(["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", Dn, [...t[6] || (t[6] = [
-            l("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" }, null, -1)
-          ])]))
-        ], 10, Un)
-      ], 34),
-      (c(!0), d(I, null, F(s.quickLinks, (o, f) => (c(), d("button", {
+    l("div", En, [
+      (c(!0), d(I, null, D(s.quickLinks, (o, f) => (c(), d("button", {
         key: "ql-" + f,
         type: "button",
         class: "wm-onb__btn",
         onClick: (k) => e.$emit("select", o)
       }, [
-        l("span", Hn, [
+        l("span", Fn, [
           n.safeIconUrl(o) ? (c(), d("span", {
             key: 0,
             class: "wm-onb__btn-iconImg",
             style: N(n.iconUrlStyle(o)),
             role: "img",
             "aria-label": o.label || ""
-          }, null, 12, jn)) : (c(), d("svg", zn, [
+          }, null, 12, Un)) : (c(), d("svg", Dn, [
             l("path", {
               d: n.iconPath(o.icon)
-            }, null, 8, qn)
+            }, null, 8, Nn)
           ]))
         ]),
-        l("span", Vn, y(o.label), 1),
-        n.isExternalLink(o) ? (c(), d("svg", Kn, [...t[7] || (t[7] = [
+        l("span", Hn, y(o.label), 1),
+        n.isExternalLink(o) ? (c(), d("svg", jn, [...t[8] || (t[8] = [
           l("path", { d: "M7 17L17 7M9 7h8v8" }, null, -1)
         ])])) : b("", !0)
-      ], 8, Nn))), 128)),
+      ], 8, Pn))), 128)),
       s.openThreads.length ? (c(), d("button", {
         key: 0,
         type: "button",
         class: "wm-onb__btn",
-        onClick: t[3] || (t[3] = (o) => e.$emit("view-history"))
+        onClick: t[0] || (t[0] = (o) => e.$emit("view-history"))
       }, [
-        l("span", Wn, [
-          (c(), d("svg", $n, [
+        l("span", zn, [
+          (c(), d("svg", qn, [
             l("path", {
               d: n.iconPath("chat")
-            }, null, 8, Gn)
+            }, null, 8, Vn)
           ]))
         ]),
-        l("span", Yn, y(n.t("onboarding.allConversations")), 1),
-        l("span", Jn, y(s.openThreads.length), 1),
-        t[8] || (t[8] = l("svg", {
+        l("span", Kn, y(n.t("onboarding.allConversations")), 1),
+        l("span", Wn, y(s.openThreads.length), 1),
+        t[9] || (t[9] = l("svg", {
           class: "wm-onb__btn-trail",
           width: "13",
           height: "13",
@@ -2754,11 +2737,46 @@ function Xn(e, t, s, r, i, n) {
         }, [
           l("path", { d: "M9 18l6-6-6-6" })
         ], -1))
-      ])) : b("", !0)
+      ])) : b("", !0),
+      l("form", {
+        ref: "starterForm",
+        class: R(["wm-onb__starter", {
+          "is-active": !!i.starterText.trim(),
+          "is-expanded": i.inputFocused,
+          "wm-onb__starter--toBottom": i.launchPhase === "slide"
+        }]),
+        onSubmit: t[5] || (t[5] = G((...o) => n.submitStarter && n.submitStarter(...o), ["prevent"]))
+      }, [
+        $(l("textarea", {
+          ref: "starterInput",
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => i.starterText = o),
+          class: "wm-onb__starter-input",
+          rows: "1",
+          placeholder: n.t("onboarding.starterPlaceholder"),
+          disabled: s.busy,
+          "aria-label": n.t("onboarding.start"),
+          enterkeyhint: "send",
+          onKeydown: t[2] || (t[2] = (...o) => n.onStarterKeydown && n.onStarterKeydown(...o)),
+          onFocus: t[3] || (t[3] = (...o) => n.onInputFocus && n.onInputFocus(...o)),
+          onBlur: t[4] || (t[4] = (...o) => n.onInputBlur && n.onInputBlur(...o))
+        }, null, 40, $n), [
+          [ee, i.starterText]
+        ]),
+        l("button", {
+          type: "submit",
+          class: R(["wm-onb__starter-send", { "is-empty": !n.canStart }]),
+          disabled: s.busy || !n.canStart,
+          "aria-label": n.t("composer.send")
+        }, [
+          s.busy ? (c(), d("span", Jn)) : (c(), d("svg", Yn, [...t[10] || (t[10] = [
+            l("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" }, null, -1)
+          ])]))
+        ], 10, Gn)
+      ], 34)
     ])
   ], 2);
 }
-const Qn = /* @__PURE__ */ U(gn, [["render", Xn], ["__scopeId", "data-v-ca5a71a9"]]), Zn = {
+const Qn = /* @__PURE__ */ F(gn, [["render", Xn], ["__scopeId", "data-v-3e6686e2"]]), Zn = {
   name: "WmHistory",
   components: { AIAvatar: me, HumanAvatar: ye },
   inject: {
@@ -2865,7 +2883,7 @@ function ms(e, t, s, r, i, n) {
       ])
     ]),
     l("div", ss, [
-      (c(!0), d(I, null, F(n.filteredThreads, (a) => (c(), d("button", {
+      (c(!0), d(I, null, D(n.filteredThreads, (a) => (c(), d("button", {
         key: a.id,
         type: "button",
         class: R(["wm-hist__thread", { "wm-hist__thread--unread": a.unread }]),
@@ -2888,7 +2906,7 @@ function ms(e, t, s, r, i, n) {
             }, [
               l("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" })
             ], -1)
-          ])])) : (c(), B(Te(n.avatarComponent(a)), je({
+          ])])) : (c(), E(Te(n.avatarComponent(a)), je({
             key: 1,
             ref_for: !0
           }, n.avatarProps(a)), null, 16)),
@@ -2927,7 +2945,7 @@ function ms(e, t, s, r, i, n) {
     ])
   ]);
 }
-const fs = /* @__PURE__ */ U(Zn, [["render", ms], ["__scopeId", "data-v-6bf35ef1"]]);
+const fs = /* @__PURE__ */ F(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();
 }
@@ -3032,7 +3050,7 @@ function Ss(e, t, s, r, i, n) {
     ])
   ], 2);
 }
-const Ts = /* @__PURE__ */ U(gs, [["render", Ss], ["__scopeId", "data-v-7284acd0"]]), Ms = {
+const Ts = /* @__PURE__ */ F(gs, [["render", Ss], ["__scopeId", "data-v-7284acd0"]]), Ms = {
   name: "WmArtifactFormResponse",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -3048,8 +3066,8 @@ const Ts = /* @__PURE__ */ U(gs, [["render", Ss], ["__scopeId", "data-v-7284acd0
       return Array.isArray((e = this.data) == null ? void 0 : e.fields) ? this.data.fields : [];
     }
   }
-}, 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" }, Es = { class: "wm-art__body" }, Is = { class: "wm-art__fieldLabel" };
-function Bs(e, t, s, r, i, n) {
+}, 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" }, Bs = { class: "wm-art__body" }, Is = { class: "wm-art__fieldLabel" };
+function Es(e, t, s, r, i, n) {
   return c(), d("div", xs, [
     l("div", Os, [
       l("div", Rs, y(s.data.title || n.t("form.title")), 1),
@@ -3070,8 +3088,8 @@ function Bs(e, t, s, r, i, n) {
         Me(" " + y(n.t("form.sent")), 1)
       ])
     ]),
-    l("div", Es, [
-      (c(!0), d(I, null, F(n.fields, (a, o) => (c(), d("div", {
+    l("div", Bs, [
+      (c(!0), d(I, null, D(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
@@ -3086,7 +3104,7 @@ function Bs(e, t, s, r, i, n) {
     ])
   ]);
 }
-const Ps = /* @__PURE__ */ U(Ms, [["render", Bs], ["__scopeId", "data-v-713aecf1"]]), Us = {
+const Ps = /* @__PURE__ */ F(Ms, [["render", Es], ["__scopeId", "data-v-713aecf1"]]), Fs = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -3101,7 +3119,7 @@ const Ps = /* @__PURE__ */ U(Ms, [["render", Bs], ["__scopeId", "data-v-713aecf1
       return !!((e = this.data) != null && e.body) || this.fields.length > 0;
     }
   }
-}, Ds = { class: "wm-art wm-art--infoCard" }, Fs = {
+}, Us = { class: "wm-art wm-art--infoCard" }, Ds = {
   key: 0,
   class: "wm-art__image"
 }, Ns = ["src", "alt"], Hs = { class: "wm-art__head" }, js = { class: "wm-art__headMain" }, zs = { class: "wm-art__title" }, qs = {
@@ -3115,8 +3133,8 @@ const Ps = /* @__PURE__ */ U(Ms, [["render", Bs], ["__scopeId", "data-v-713aecf1
   class: "wm-art__text"
 }, 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", Fs, [
+  return c(), d("div", Us, [
+    s.data.image_url ? (c(), d("figure", Ds, [
       l("img", {
         src: s.data.image_url,
         alt: s.data.title || "",
@@ -3138,7 +3156,7 @@ function $s(e, t, s, r, i, n) {
     ]),
     n.hasBody ? (c(), d("div", Vs, [
       s.data.body ? (c(), d("div", Ks, y(s.data.body), 1)) : b("", !0),
-      n.fields.length ? (c(!0), d(I, { key: 1 }, F(n.fields, (a, o) => (c(), d("div", {
+      n.fields.length ? (c(!0), d(I, { key: 1 }, D(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
@@ -3153,7 +3171,7 @@ function $s(e, t, s, r, i, n) {
     ])) : b("", !0)
   ]);
 }
-const Gs = /* @__PURE__ */ U(Us, [["render", $s], ["__scopeId", "data-v-7eae0e4a"]]);
+const Gs = /* @__PURE__ */ F(Fs, [["render", $s], ["__scopeId", "data-v-7eae0e4a"]]);
 function Ys(e, t, s) {
   if (!e) return "";
   const r = new Date(e);
@@ -3275,7 +3293,7 @@ function lr(e, t, s, r, i, n) {
       s.data.body ? (c(), d("div", nr, y(s.data.body), 1)) : b("", !0)
     ]),
     n.fields.length ? (c(), d("div", sr, [
-      (c(!0), d(I, null, F(n.fields, (a, o) => (c(), d("div", {
+      (c(!0), d(I, null, D(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
@@ -3355,7 +3373,7 @@ function lr(e, t, s, r, i, n) {
     ])) : b("", !0)
   ]);
 }
-const cr = /* @__PURE__ */ U(Js, [["render", lr], ["__scopeId", "data-v-5f30c914"]]), dr = {
+const cr = /* @__PURE__ */ F(Js, [["render", lr], ["__scopeId", "data-v-5f30c914"]]), dr = {
   form_response: Ps,
   info_card: Gs,
   ticket: cr
@@ -3375,12 +3393,12 @@ const cr = /* @__PURE__ */ U(Js, [["render", lr], ["__scopeId", "data-v-5f30c914
   }
 };
 function hr(e, t, s, r, i, n) {
-  return n.component ? (c(), B(Te(n.component), {
+  return n.component ? (c(), E(Te(n.component), {
     key: 0,
     data: s.artifact.data
   }, null, 8, ["data"])) : b("", !0);
 }
-const mr = /* @__PURE__ */ U(ur, [["render", hr]]), fr = {
+const mr = /* @__PURE__ */ F(ur, [["render", hr]]), fr = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null },
@@ -3516,7 +3534,7 @@ function Ar(e, t, s, r, i, n) {
     ], 8, pr))
   ], 2);
 }
-const Sr = /* @__PURE__ */ U(fr, [["render", Ar], ["__scopeId", "data-v-b207a8bd"]]), Tr = {
+const Sr = /* @__PURE__ */ F(fr, [["render", Ar], ["__scopeId", "data-v-b207a8bd"]]), Tr = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -3538,19 +3556,19 @@ function xr(e, t, s, r, i, n) {
     ], !0)
   ], 2);
 }
-const Or = /* @__PURE__ */ U(Tr, [["render", xr], ["__scopeId", "data-v-7ab13147"]]), Rr = { name: "WmTyping" }, Lr = { class: "wm-typing" };
-function Er(e, t, s, r, i, n) {
+const Or = /* @__PURE__ */ F(Tr, [["render", xr], ["__scopeId", "data-v-7ab13147"]]), Rr = { name: "WmTyping" }, Lr = { class: "wm-typing" };
+function Br(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 Ir = /* @__PURE__ */ U(Rr, [["render", Er], ["__scopeId", "data-v-df2447fd"]]);
+const Ir = /* @__PURE__ */ F(Rr, [["render", Br], ["__scopeId", "data-v-df2447fd"]]);
 function se(e) {
   return e ? e.client_msg_id || e.id : "";
 }
-const Br = {
+const Er = {
   transferred_to_human: "system.transferredToHuman",
   assigned: "system.assigned",
   unassigned: "system.unassigned",
@@ -3558,7 +3576,7 @@ const Br = {
   closed: "system.closed",
   reopened: "system.reopened",
   idle: "system.idle"
-}, Pr = 80, Ur = 200, Dr = {
+}, Pr = 80, Fr = 200, Ur = {
   name: "WmMessageList",
   components: {
     AIAvatar: me,
@@ -3762,7 +3780,7 @@ const Br = {
     },
     onScroll() {
       const e = this.$refs.scrollEl;
-      e && (this.showScrollDown = !this.isAtBottom(e), !(this.loadingMore || !this.hasMore) && (this._pendingLoadMore || e.scrollTop <= Ur && (this._pendingLoadMore = !0, this.$emit("load-more"))));
+      e && (this.showScrollDown = !this.isAtBottom(e), !(this.loadingMore || !this.hasMore) && (this._pendingLoadMore || e.scrollTop <= Fr && (this._pendingLoadMore = !0, this.$emit("load-more"))));
     },
     // Capture pre-patch scroll state and restore it on the next tick.
     //
@@ -3963,9 +3981,9 @@ const Br = {
     //   doit garder son arrondi.
     cornersFor(e, t) {
       var ie, ae, X;
-      const s = e.items, r = (ie = s[t]) == null ? void 0 : ie.kind, i = (ae = s[t - 1]) == null ? void 0 : ae.kind, n = (X = s[t + 1]) == null ? void 0 : X.kind, a = e.role === "user", o = 14, f = 4, k = i == null ? void 0 : i.bottom, v = n == null ? void 0 : n.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], S = this.widthByKey[this.rowKeyOf(e, t + 1)], z = 0.5, M = (Q, oe, Z) => Q != null && T != null ? Q + z >= T : oe === Z || oe === "card" && Z === "bubble";
-      let D = o, x = o, q = o, J = o;
-      return a ? (k && (x = f), (v || !n) && (q = f), k && M(E, k, r == null ? void 0 : r.top) && (D = f), v && M(S, v, r == null ? void 0 : r.bottom) && (J = f)) : (k && (D = f), (v || !n) && (J = f), k && M(E, k, r == null ? void 0 : r.top) && (x = f), v && M(S, v, r == null ? void 0 : r.bottom) && (q = f)), { tl: D, tr: x, br: q, bl: J };
+      const s = e.items, r = (ie = s[t]) == null ? void 0 : ie.kind, i = (ae = s[t - 1]) == null ? void 0 : ae.kind, n = (X = s[t + 1]) == null ? void 0 : X.kind, a = e.role === "user", o = 14, f = 4, k = i == null ? void 0 : i.bottom, v = n == null ? void 0 : n.top, T = this.widthByKey[this.rowKeyOf(e, t)], B = 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 U = o, x = o, q = o, J = o;
+      return a ? (k && (x = f), (v || !n) && (q = f), k && M(B, k, r == null ? void 0 : r.top) && (U = f), v && M(S, v, r == null ? void 0 : r.bottom) && (J = f)) : (k && (U = f), (v || !n) && (J = f), k && M(B, k, r == null ? void 0 : r.top) && (x = f), v && M(S, v, r == null ? void 0 : r.bottom) && (q = f)), { tl: U, tr: x, br: q, bl: J };
     },
     // Inline column-count for the mosaic grid, capped at 4. Single
     // attachment falls back to the vertical-list layout (null). Two
@@ -4132,7 +4150,7 @@ const Br = {
     },
     systemLabel(e) {
       var i, n, a;
-      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");
+      const t = (i = e == null ? void 0 : e.payload) == null ? void 0 : i.event, s = Er[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() {
@@ -4164,7 +4182,7 @@ const Br = {
       e && (typeof e.scrollTo == "function" ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight, this.showScrollDown = !1);
     }
   }
-}, Fr = { class: "wm-list__wrap" }, Nr = {
+}, Dr = { class: "wm-list__wrap" }, Nr = {
   key: 0,
   class: "wm-list__loadMore",
   role: "status",
@@ -4195,8 +4213,8 @@ const Br = {
   class: "wm-list__row wm-list__row--ai fade-up"
 }, 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"), v = P("Bubble"), T = P("AttachmentPreview"), E = P("Typing");
-  return c(), d("div", Fr, [
+  const a = P("AIAvatar"), o = P("HumanAvatar"), f = P("ActionResult"), k = P("ArtifactRenderer"), v = P("Bubble"), T = P("AttachmentPreview"), B = P("Typing");
+  return c(), d("div", Dr, [
     l("div", {
       ref: "scrollEl",
       class: R(["wm-list", { "wm-list--silent": i.silentFades }]),
@@ -4214,7 +4232,7 @@ function ii(e, t, s, r, i, n) {
         l("span", qr, y(s.dateLabel), 1),
         t[8] || (t[8] = l("div", { class: "wm-list__line" }, null, -1))
       ])) : b("", !0),
-      (c(!0), d(I, null, F(n.groups, (S, z) => (c(), d(I, {
+      (c(!0), d(I, null, D(n.groups, (S, z) => (c(), d(I, {
         key: S.key
       }, [
         S.key === n.unreadGroupKey ? (c(), d("div", Vr, [
@@ -4231,7 +4249,7 @@ function ii(e, t, s, r, i, n) {
             l("span", $r, y(S.systemLabel), 1),
             t[12] || (t[12] = l("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
           ])) : (c(), d(I, { key: 1 }, [
-            (c(!0), d(I, null, F(S.items, (M, D) => (c(), d(I, {
+            (c(!0), d(I, null, D(S.items, (M, U) => (c(), d(I, {
               key: `${n.messageKey(M.message)}-${M.partKey}`
             }, [
               l("div", {
@@ -4243,7 +4261,7 @@ function ii(e, t, s, r, i, n) {
                     "is-failed": M.message._failed
                   }
                 ]]),
-                style: N(n.cornersStyle(S, D)),
+                style: N(n.cornersStyle(S, U)),
                 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()),
@@ -4252,14 +4270,14 @@ function ii(e, t, s, r, i, n) {
                 }, ["prevent"]))
               }, [
                 S.role !== "user" ? (c(), d("div", Yr, [
-                  D === S.items.length - 1 ? (c(), d(I, { key: 0 }, [
-                    S.role === "ai" ? (c(), B(a, {
+                  U === S.items.length - 1 ? (c(), d(I, { key: 0 }, [
+                    S.role === "ai" ? (c(), E(a, {
                       key: 0,
                       size: 26,
                       tail: !0,
                       name: s.aiAgentName,
                       "image-url": s.aiAgentAvatarUrl
-                    }, null, 8, ["name", "image-url"])) : (c(), B(o, {
+                    }, null, 8, ["name", "image-url"])) : (c(), E(o, {
                       key: 1,
                       name: S.agentName,
                       "avatar-url": S.agentAvatarUrl,
@@ -4268,20 +4286,20 @@ function ii(e, t, s, r, i, n) {
                     }, null, 8, ["name", "avatar-url"]))
                   ], 64)) : b("", !0)
                 ])) : b("", !0),
-                M.renderAs === "action" ? (c(), B(f, {
+                M.renderAs === "action" ? (c(), E(f, {
                   key: 1,
                   state: M.message.payload.state,
                   label: n.actionLabel(M.message),
                   detail: n.actionDetail(M.message)
-                }, null, 8, ["state", "label", "detail"])) : M.renderAs === "admin-pending" ? (c(), B(f, {
+                }, null, 8, ["state", "label", "detail"])) : M.renderAs === "admin-pending" ? (c(), E(f, {
                   key: 2,
                   state: "awaiting",
                   label: n.t("messageList.approvalRequestSent"),
                   detail: M.message.text_md || ""
-                }, null, 8, ["label", "detail"])) : M.renderAs === "artifact-of-action" ? (c(), B(k, {
+                }, null, 8, ["label", "detail"])) : M.renderAs === "artifact-of-action" ? (c(), E(k, {
                   key: 3,
                   artifact: n.actionArtifact(M.message)
-                }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), B(k, {
+                }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), E(k, {
                   key: 4,
                   artifact: n.artifactOf(M.message)
                 }, null, 8, ["artifact"])) : (c(), d("div", {
@@ -4290,7 +4308,7 @@ function ii(e, t, s, r, i, n) {
                     "wm-list__body--mixed": !!M.message.text_md && n.attachmentsOf(M.message).length > 0
                   }])
                 }, [
-                  M.message.text_md ? (c(), B(v, {
+                  M.message.text_md ? (c(), E(v, {
                     key: 0,
                     role: S.role,
                     text: M.message.text_md
@@ -4307,9 +4325,9 @@ function ii(e, t, s, r, i, n) {
                       )
                     )
                   }, [
-                    (c(!0), d(I, null, F(n.attachmentsOf(
+                    (c(!0), d(I, null, D(n.attachmentsOf(
                       M.message
-                    ), (x, q) => (c(), B(T, {
+                    ), (x, q) => (c(), E(T, {
                       key: `${n.messageKey(M.message)}-att-${q}`,
                       attachment: x,
                       style: N(
@@ -4323,7 +4341,7 @@ function ii(e, t, s, r, i, n) {
                   ], 6)) : b("", !0)
                 ], 2))
               ], 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", {
+              U < 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" }])
               }, [
@@ -4352,7 +4370,7 @@ function ii(e, t, s, r, i, n) {
             "image-url": s.aiAgentAvatarUrl
           }, null, 8, ["name", "image-url"])
         ]),
-        K(E)
+        K(B)
       ])) : b("", !0)
     ], 34),
     K(Ae, { name: "wm-scrollDown" }, {
@@ -4384,7 +4402,7 @@ function ii(e, t, s, r, i, n) {
     })
   ]);
 }
-const ai = /* @__PURE__ */ U(Dr, [["render", ii], ["__scopeId", "data-v-94a2b136"]]), ge = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Le = typeof window < "u" && typeof window.MediaRecorder < "u";
+const ai = /* @__PURE__ */ F(Ur, [["render", ii], ["__scopeId", "data-v-94a2b136"]]), 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",
@@ -4467,13 +4485,13 @@ async function di(e = {}) {
     v.data && v.data.size > 0 && i.push(v.data);
   }), r.addEventListener("stop", () => {
     var v, T;
-    if (n && clearInterval(n), t.getTracks().forEach((E) => {
-      E.stop();
+    if (n && clearInterval(n), t.getTracks().forEach((B) => {
+      B.stop();
     }), i.length) {
-      const E = r.mimeType || s || "video/webm", S = new Blob(i, { type: E }), z = /mp4/.test(E) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), D = new File([S], `ecran-${M}.${z}`, {
-        type: E
+      const B = r.mimeType || s || "video/webm", S = new Blob(i, { type: B }), z = /mp4/.test(B) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), U = new File([S], `ecran-${M}.${z}`, {
+        type: B
       });
-      (v = e.onfinalize) == null || v.call(e, D);
+      (v = e.onfinalize) == null || v.call(e, U);
     } else
       (T = e.oncancel) == null || T.call(e);
   }), t.getVideoTracks().forEach((v) => {
@@ -4538,10 +4556,11 @@ const ui = [
     // visualViewport-based keyboard tracking (mobile fullscreen mode).
     displayMode: { type: String, default: "floating" }
   },
-  emits: ["update:modelValue", "send", "attach"],
+  emits: ["update:modelValue", "send", "attach", "focus", "blur"],
   data() {
     return {
       local: this.modelValue,
+      focused: !1,
       attachOpen: !1,
       recording: !1,
       recordingElapsed: 0,
@@ -4555,6 +4574,13 @@ const ui = [
     canSend() {
       return !this.disabled && !!this.local.trim();
     },
+    // Resting composer is a single light line; it expands to the full
+    // multiline shape (taller input + the attach button revealed above
+    // send) while focused or once it holds text. Pending attachments or
+    // an open attach menu also force the expanded shape.
+    expanded() {
+      return this.focused || !!this.local.trim() || this.attachOpen || this.recording;
+    },
     attachItems() {
       return ui.map((e) => ({
         ...e,
@@ -4599,6 +4625,16 @@ const ui = [
           e.focus();
         }
     },
+    // Focus/blur drive the rest↔expanded morph (and let the host —
+    // e.g. the onboarding screen — react, tucking its content away while
+    // the composer is open). Re-running autosize keeps the textarea
+    // height honest as `min-height` changes between the two states.
+    onFocus() {
+      this.focused = !0, this.$emit("focus"), this.$nextTick(() => this.autosize());
+    },
+    onBlur() {
+      this.focused = !1, this.$emit("blur"), this.$nextTick(() => this.autosize());
+    },
     onSubmit() {
       if (!this.canSend) return;
       const e = this.local.trim();
@@ -4697,7 +4733,7 @@ function Ai(e, t, s, r, i, n) {
     style: N(i.kbOffset ? { transform: `translateY(-${i.kbOffset}px)` } : null)
   }, [
     i.recording ? (c(), d("div", mi, [
-      t[8] || (t[8] = l("span", {
+      t[10] || (t[10] = l("span", {
         class: "wm-rec__dot",
         "aria-hidden": "true"
       }, null, -1)),
@@ -4709,8 +4745,8 @@ function Ai(e, t, s, r, i, n) {
       }, y(n.t("composer.stop")), 1)
     ])) : b("", !0),
     l("form", {
-      class: R(["wm-compose", { "has-attach": i.attachOpen }]),
-      onSubmit: t[7] || (t[7] = G((...a) => n.onSubmit && n.onSubmit(...a), ["prevent"]))
+      class: R(["wm-compose", { "has-attach": i.attachOpen, "is-expanded": n.expanded }]),
+      onSubmit: t[9] || (t[9] = G((...a) => n.onSubmit && n.onSubmit(...a), ["prevent"]))
     }, [
       l("input", {
         ref: "fileEl",
@@ -4725,7 +4761,7 @@ function Ai(e, t, s, r, i, n) {
         onClick: t[2] || (t[2] = (a) => i.attachOpen = !1)
       })) : b("", !0),
       i.attachOpen ? (c(), d("div", _i, [
-        (c(!0), d(I, null, F(n.attachItems, (a) => (c(), d("button", {
+        (c(!0), d(I, null, D(n.attachItems, (a) => (c(), d("button", {
           key: a.action,
           type: "button",
           class: "wm-compose__menuItem",
@@ -4755,7 +4791,9 @@ function Ai(e, t, s, r, i, n) {
         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))
+        onInput: t[5] || (t[5] = (...a) => n.autosize && n.autosize(...a)),
+        onFocus: t[6] || (t[6] = (...a) => n.onFocus && n.onFocus(...a)),
+        onBlur: t[7] || (t[7] = (...a) => n.onBlur && n.onBlur(...a))
       }, null, 40, wi), [
         [ee, i.local]
       ]),
@@ -4766,8 +4804,8 @@ function Ai(e, t, s, r, i, n) {
           title: s.attachLabel,
           "aria-label": s.attachLabel,
           disabled: i.recording,
-          onClick: t[6] || (t[6] = (a) => i.attachOpen = !i.attachOpen)
-        }, [...t[9] || (t[9] = [
+          onClick: t[8] || (t[8] = (a) => i.attachOpen = !i.attachOpen)
+        }, [...t[11] || (t[11] = [
           l("svg", {
             width: "13",
             height: "13",
@@ -4787,7 +4825,7 @@ function Ai(e, t, s, r, i, n) {
           class: R(["wm-compose__send", { "is-empty": !n.canSend }]),
           disabled: !n.canSend,
           "aria-label": n.t("composer.send")
-        }, [...t[10] || (t[10] = [
+        }, [...t[12] || (t[12] = [
           l("svg", {
             width: "16",
             height: "16",
@@ -4806,7 +4844,7 @@ function Ai(e, t, s, r, i, n) {
     ], 34)
   ], 6);
 }
-const Si = /* @__PURE__ */ U(hi, [["render", Ai], ["__scopeId", "data-v-2e0e17a9"]]), Ti = {
+const Si = /* @__PURE__ */ F(hi, [["render", Ai], ["__scopeId", "data-v-f81cec81"]]), Ti = {
   name: "WmInlineCallbacks",
   props: {
     // Array d'items `{ id?, label, style?, ... }`. Pour les suggestions,
@@ -4853,7 +4891,7 @@ function Li(e, t, s, r, i, n) {
     key: n.batchKey,
     class: R(["wm-icb", `wm-icb--${s.variant}`])
   }, [
-    s.variant === "chips" ? (c(!0), d(I, { key: 0 }, F(s.items, (a, o) => (c(), d("button", {
+    s.variant === "chips" ? (c(!0), d(I, { key: 0 }, D(s.items, (a, o) => (c(), d("button", {
       key: a.id != null ? a.id : o,
       type: "button",
       class: "wm-icb__btn wm-icb__btn--chip",
@@ -4862,7 +4900,7 @@ function Li(e, t, s, r, i, n) {
     }, y(a.label), 13, Mi))), 128)) : (c(), d(I, { key: 1 }, [
       n.headerTitle ? (c(), d("div", xi, y(n.headerTitle), 1)) : b("", !0),
       l("div", Oi, [
-        (c(!0), d(I, null, F(s.items, (a, o) => (c(), d("button", {
+        (c(!0), d(I, null, D(s.items, (a, o) => (c(), d("button", {
           key: a.id != null ? a.id : o,
           type: "button",
           class: R(["wm-icb__btn", n.btnClass(a)]),
@@ -4872,7 +4910,7 @@ function Li(e, t, s, r, i, n) {
     ], 64))
   ], 2)) : b("", !0);
 }
-const Ei = /* @__PURE__ */ U(Ti, [["render", Li], ["__scopeId", "data-v-c8cc8cbf"]]);
+const Bi = /* @__PURE__ */ F(Ti, [["render", Li], ["__scopeId", "data-v-c8cc8cbf"]]);
 let Ne = 0;
 const Ii = /* @__PURE__ */ new Set([
   "text",
@@ -4882,7 +4920,7 @@ const Ii = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), Bi = {
+]), Ei = {
   name: "WmFormCard",
   components: { AIAvatar: me },
   inject: {
@@ -4965,7 +5003,7 @@ const Ii = /* @__PURE__ */ new Set([
       }
     }
   }
-}, Pi = { class: "wm-form" }, Ui = { class: "wm-form__head" }, Di = { class: "wm-form__icon" }, Fi = { class: "wm-form__main" }, Ni = { class: "wm-form__title" }, Hi = {
+}, Pi = { class: "wm-form" }, Fi = { class: "wm-form__head" }, Ui = { class: "wm-form__icon" }, Di = { class: "wm-form__main" }, Ni = { class: "wm-form__title" }, Hi = {
   key: 0,
   class: "wm-form__detail"
 }, ji = ["for"], zi = {
@@ -4995,15 +5033,15 @@ const Ii = /* @__PURE__ */ new Set([
 function ra(e, t, s, r, i, n) {
   const a = P("AIAvatar");
   return c(), d("div", Pi, [
-    l("div", Ui, [
-      l("div", Di, [
+    l("div", Fi, [
+      l("div", Ui, [
         K(a, {
           size: 24,
           name: s.agentName,
           "image-url": s.agentAvatarUrl
         }, null, 8, ["name", "image-url"])
       ]),
-      l("div", Fi, [
+      l("div", Di, [
         l("div", Ni, y(s.form.title || n.t("form.title")), 1),
         s.form.description ? (c(), d("div", Hi, y(s.form.description), 1)) : b("", !0)
       ])
@@ -5012,7 +5050,7 @@ function ra(e, t, s, r, i, n) {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = G((...o) => n.onSubmit && n.onSubmit(...o), ["prevent"]))
     }, [
-      (c(!0), d(I, null, F(n.normalizedFields, (o) => (c(), d("div", {
+      (c(!0), d(I, null, D(n.normalizedFields, (o) => (c(), d("div", {
         key: o.key,
         class: "wm-form__field"
       }, [
@@ -5090,14 +5128,14 @@ function ra(e, t, s, r, i, n) {
           disabled: s.readOnly || i.busy
         }, [
           l("option", Ji, y(o.placeholder || n.t("form.choose")), 1),
-          (c(!0), d(I, null, F(o.options, (f) => (c(), d("option", {
+          (c(!0), d(I, null, D(o.options, (f) => (c(), d("option", {
             key: f.value,
             value: f.value
           }, y(f.label), 9, Xi))), 128))
         ], 8, Yi)), [
           [Ye, i.values[o.key]]
         ]) : o.type === "multiselect" ? (c(), d("div", Qi, [
-          (c(!0), d(I, null, F(o.options, (f) => (c(), d("label", {
+          (c(!0), d(I, null, D(o.options, (f) => (c(), d("label", {
             key: f.value,
             class: "wm-form__multiItem"
           }, [
@@ -5129,7 +5167,7 @@ function ra(e, t, s, r, i, n) {
     ], 32)
   ]);
 }
-const ia = /* @__PURE__ */ U(Bi, [["render", ra], ["__scopeId", "data-v-fe65cc56"]]), aa = {
+const ia = /* @__PURE__ */ F(Ei, [["render", ra], ["__scopeId", "data-v-fe65cc56"]]), aa = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5191,7 +5229,7 @@ function va(e, t, s, r, i, n) {
       l("div", la, y(n.t("feedback.question")), 1),
       l("div", ca, y(n.t("feedback.subtitle")), 1),
       l("div", da, [
-        (c(!0), d(I, null, F(n.options, (a) => (c(), d("button", {
+        (c(!0), d(I, null, D(n.options, (a) => (c(), d("button", {
           key: a.v,
           type: "button",
           class: R(["wm-fb__opt", { "is-selected": i.sel === a.v }]),
@@ -5210,7 +5248,7 @@ function va(e, t, s, r, i, n) {
     ], 64))
   ]);
 }
-const pa = /* @__PURE__ */ U(aa, [["render", va], ["__scopeId", "data-v-9b630564"]]), wa = {
+const pa = /* @__PURE__ */ F(aa, [["render", va], ["__scopeId", "data-v-9b630564"]]), wa = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5255,7 +5293,7 @@ const pa = /* @__PURE__ */ U(aa, [["render", va], ["__scopeId", "data-v-9b630564
   key: 1,
   class: "wm-mm__sep"
 }, 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 Ea(e, t, s, r, i, n) {
+function Ba(e, t, s, r, i, n) {
   return c(), d("div", ba, [
     l("div", {
       class: "wm-mm__scrim",
@@ -5395,7 +5433,7 @@ function Ea(e, t, s, r, i, n) {
     ])
   ]);
 }
-const Ia = /* @__PURE__ */ U(wa, [["render", Ea], ["__scopeId", "data-v-4cf6d578"]]), Ba = {
+const Ia = /* @__PURE__ */ F(wa, [["render", Ba], ["__scopeId", "data-v-4cf6d578"]]), Ea = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5437,20 +5475,20 @@ const Ia = /* @__PURE__ */ U(wa, [["render", Ea], ["__scopeId", "data-v-4cf6d578
       this.canSubmit && this.$emit("submit", this.value.trim());
     }
   }
-}, Pa = { class: "wm-dialog" }, Ua = {
+}, Pa = { class: "wm-dialog" }, Fa = {
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
-}, Da = { class: "wm-dialog__head" }, Fa = { class: "wm-dialog__title" }, Na = ["aria-label"], Ha = { class: "wm-dialog__body" }, ja = ["placeholder"], za = { class: "wm-dialog__actions" }, qa = ["disabled"];
+}, Ua = { class: "wm-dialog__head" }, Da = { class: "wm-dialog__title" }, Na = ["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", Ua, [
-      l("div", Da, [
-        l("div", Fa, y(s.title || n.t("rename.title")), 1),
+    l("div", Fa, [
+      l("div", Ua, [
+        l("div", Da, y(s.title || n.t("rename.title")), 1),
         l("button", {
           type: "button",
           class: "wm-dialog__close",
@@ -5504,7 +5542,7 @@ function Va(e, t, s, r, i, n) {
     ])
   ]);
 }
-const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8"]]), He = "ww-messenger-tokens", Wa = {
+const Ka = /* @__PURE__ */ F(Ea, [["render", Va], ["__scopeId", "data-v-6d5f94a8"]]), He = "ww-messenger-tokens", Wa = {
   name: "Messenger",
   components: {
     Launcher: qt,
@@ -5513,7 +5551,7 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
     History: fs,
     MessageList: ai,
     Composer: Si,
-    InlineCallbacks: Ei,
+    InlineCallbacks: Bi,
     FormCard: ia,
     Feedback: pa,
     MoreMenu: Ia,
@@ -5752,9 +5790,9 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
           const T = i[v];
           if (!T) continue;
           if (((k = T.author) == null ? void 0 : k.type) === "user") break;
-          const E = Y(T.id);
-          if (E != null) {
-            if (n != null && E <= n) break;
+          const B = Y(T.id);
+          if (B != null) {
+            if (n != null && B <= n) break;
             t[T.id] !== 0 && (!o && T.author && (o = T.author), a++);
           }
         }
@@ -5794,7 +5832,7 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
         preview: s._preview || this.t("onboarding.newMessage"),
         unread: !!s._unread,
         author: s._lastAuthor || null,
-        _ts: De(s, e[s.id] || [])
+        _ts: Ue(s, e[s.id] || [])
       })).sort((s, r) => s._ts < r._ts ? 1 : s._ts > r._ts ? -1 : 0);
     },
     // Unread threads (one entry per conv with unseen agent/human
@@ -5806,7 +5844,7 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
       const e = ((s = this.s) == null ? void 0 : s.messagesByConv) || {}, t = [];
       for (const r of this.drawerConversations) {
         if (!r._unread) continue;
-        const i = De(r, e[r.id] || []), n = r._lastAuthor, a = !n || n.type === "agent_ia", o = (n == null ? void 0 : n.name) || (a ? this.agentName : "") || "", f = (n == null ? void 0 : n.avatar_url) || (a ? this.agentAvatarUrl : null);
+        const i = Ue(r, e[r.id] || []), n = r._lastAuthor, a = !n || n.type === "agent_ia", o = (n == null ? void 0 : n.name) || (a ? this.agentName : "") || "", f = (n == null ? void 0 : n.avatar_url) || (a ? this.agentAvatarUrl : null);
         t.push({
           convId: r.id,
           preview: r._preview || this.t("notification.youHaveNewMessage"),
@@ -5990,7 +6028,7 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
       }
       const s = this.revealedAt, r = (this.s.messagesByConv[e.id] || []).filter((a) => {
         var o, f, k, v, T;
-        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 || (v = a == null ? void 0 : a.metadata) != null && v.artifact || (T = a == null ? void 0 : a.metadata) != null && T.form || Array.isArray(a == null ? void 0 : a.callbacks) && a.callbacks.some((E) => (E == null ? void 0 : E.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 || (v = a == null ? void 0 : a.metadata) != null && v.artifact || (T = a == null ? void 0 : a.metadata) != null && T.form || Array.isArray(a == null ? void 0 : a.callbacks) && a.callbacks.some((B) => (B == null ? void 0 : B.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;
     },
@@ -6306,12 +6344,12 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
         return;
       }
       try {
-        await this.waitForParentInit(), this.transport = Ee(
+        await this.waitForParentInit(), this.transport = Be(
           tt({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId
           })
-        ), this.store = Ee(it(this.transport)), this.hydrateNotifPref();
+        ), this.store = Be(it(this.transport)), this.hydrateNotifPref();
         const e = this.parentVariables || this.context || null;
         if (await this.store.start({
           origin: this.parentOrigin,
@@ -6406,13 +6444,13 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
       this.launcherHovered = e, this.sendCurrentLauncherSize();
     },
     sendCurrentLauncherSize() {
-      var v, T, E, S, z, M, D;
+      var v, T, B, S, z, M, U;
       if (this.isOpen) return;
       const e = (T = (v = this.$el) == null ? void 0 : v.querySelector) == null ? void 0 : T.call(v, ".wm-launcherWrap");
       if (!e) return;
       const t = e.getBoundingClientRect();
       if (!t.width || !t.height) return;
-      const s = (((E = this.launcherPeeks) == null ? void 0 : E.length) ?? 0) > 0, r = 16, i = Math.ceil(t.width), n = Math.ceil(t.height), a = (z = (S = this.$el) == null ? void 0 : S.querySelector) == null ? void 0 : z.call(S, ".wm-launcher"), o = (D = (M = this.$el) == null ? void 0 : M.querySelectorAll) == null ? void 0 : D.call(M, ".wm-peek"), f = o && o.length ? o[o.length - 1] : null;
+      const s = (((B = this.launcherPeeks) == null ? void 0 : B.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 = (U = (M = this.$el) == null ? void 0 : M.querySelectorAll) == null ? void 0 : U.call(M, ".wm-peek"), f = o && o.length ? o[o.length - 1] : null;
       let k = null;
       if (f) {
         const x = f.getBoundingClientRect();
@@ -6860,12 +6898,12 @@ const Ka = /* @__PURE__ */ U(Ba, [["render", Va], ["__scopeId", "data-v-6d5f94a8
   "aria-live": "polite"
 }, fo = { class: "wm-ended__lbl" };
 function _o(e, t, s, r, i, n) {
-  const a = P("Launcher"), o = P("Header"), f = P("History"), k = P("Onboarding"), v = P("MessageList"), T = P("InlineCallbacks"), E = P("FormCard"), S = P("Feedback"), z = P("Composer"), M = P("MoreMenu"), D = P("RenameDialog");
+  const a = P("Launcher"), o = P("Header"), f = P("History"), k = P("Onboarding"), v = P("MessageList"), T = P("InlineCallbacks"), B = P("FormCard"), S = P("Feedback"), z = P("Composer"), M = P("MoreMenu"), U = P("RenameDialog");
   return c(), d("div", {
     class: R(["wm-root", `wm-root--${s.displayMode}`]),
     style: N(n.rootStyle)
   }, [
-    !i.isOpen && !n.isEmbedded ? (c(), B(a, {
+    !i.isOpen && !n.isEmbedded ? (c(), E(a, {
       key: 0,
       "unread-count": n.unreadCount,
       peeks: n.launcherPeeks,
@@ -6952,7 +6990,7 @@ function _o(e, t, s, r, i, n) {
                     l("div", Za, y(n.error), 1)
                   ])
                 ])
-              ])) : !n.currentConv && i.showHistory ? (c(), B(f, {
+              ])) : !n.currentConv && i.showHistory ? (c(), E(f, {
                 key: "history",
                 class: "wm-screen",
                 threads: n.openThreads,
@@ -6974,28 +7012,28 @@ function _o(e, t, s, r, i, n) {
                 }, 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", to, [
                   n.floatVisible ? (c(), d("div", no, [
-                    n.pendingApproval ? (c(), B(T, {
+                    n.pendingApproval ? (c(), E(T, {
                       key: `appr-${n.pendingApproval.id}`,
                       variant: "buttons",
                       items: n.approvalCallbacks,
                       onSelect: n.onApprovalSelect
-                    }, null, 8, ["items", "onSelect"])) : n.pendingResolution ? (c(), B(T, {
+                    }, null, 8, ["items", "onSelect"])) : n.pendingResolution ? (c(), E(T, {
                       key: `res-${n.pendingResolution.id}`,
                       variant: "buttons",
                       items: n.resolutionCallbacks,
                       onSelect: n.onResolutionSelect
-                    }, null, 8, ["items", "onSelect"])) : n.pendingForm ? (c(), B(E, {
+                    }, null, 8, ["items", "onSelect"])) : n.pendingForm ? (c(), E(B, {
                       key: n.pendingForm.message && n.pendingForm.message.id,
                       form: n.pendingForm.form,
                       "agent-name": n.agentName,
                       "agent-avatar-url": n.agentAvatarUrl,
                       onSubmit: n.onFormSubmit
-                    }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : n.showFeedback ? (c(), B(S, {
+                    }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : n.showFeedback ? (c(), E(S, {
                       key: 3,
                       busy: i.feedbackBusy,
                       done: !!(n.currentConv && i.feedbackDone[n.currentConv.id]),
                       onSubmit: n.onFeedback
-                    }, null, 8, ["busy", "done", "onSubmit"])) : (c(), B(T, {
+                    }, null, 8, ["busy", "done", "onSubmit"])) : (c(), E(T, {
                       key: 4,
                       items: n.suggestions,
                       onSelect: n.onSuggestion
@@ -7011,7 +7049,7 @@ function _o(e, t, s, r, i, n) {
                     })), 1)
                   ])) : b("", !0),
                   i.pendingAttachments.length ? (c(), d("div", io, [
-                    (c(!0), d(I, null, F(i.pendingAttachments, (x, q) => (c(), d("div", {
+                    (c(!0), d(I, null, D(i.pendingAttachments, (x, q) => (c(), d("div", {
                       key: x.path || q,
                       class: "wm-attached__item"
                     }, [
@@ -7073,7 +7111,7 @@ function _o(e, t, s, r, i, n) {
                       class: "wm-ended__btn",
                       onClick: t[2] || (t[2] = (x) => n.isClosed ? n.onReopen() : n.startConv())
                     }, y(n.isClosed ? n.t("composer.reopen") : n.t("composer.newConversation")), 1)
-                  ])) : n.actionInFlight ? b("", !0) : (c(), B(z, {
+                  ])) : n.actionInFlight ? b("", !0) : (c(), E(z, {
                     key: 4,
                     ref: "composer",
                     modelValue: i.draft,
@@ -7085,7 +7123,7 @@ function _o(e, t, s, r, i, n) {
                     onAttach: n.onAttach
                   }, null, 8, ["modelValue", "placeholder", "attach-label", "display-mode", "onSend", "onAttach"]))
                 ]),
-                i.moreOpen ? (c(), B(M, {
+                i.moreOpen ? (c(), E(M, {
                   key: 0,
                   "can-rename": !!n.currentConv && !n.currentConv._draft,
                   "can-export": !!n.currentConv && !n.currentConv._draft,
@@ -7096,14 +7134,14 @@ function _o(e, t, s, r, i, n) {
                   onSoundToggle: e.onSoundToggle,
                   onAction: n.onMoreAction
                 }, null, 8, ["can-rename", "can-export", "sound-enabled", "status-url", "help-url", "onSoundToggle", "onAction"])) : b("", !0),
-                i.renameDialogOpen && n.currentConv && !n.currentConv._draft ? (c(), B(D, {
+                i.renameDialogOpen && n.currentConv && !n.currentConv._draft ? (c(), E(U, {
                   key: 1,
                   "initial-value": n.currentConv.name || "",
                   title: n.t("rename.dialogTitle"),
                   onClose: t[5] || (t[5] = (x) => i.renameDialogOpen = !1),
                   onSubmit: n.onRenameSubmit
                 }, null, 8, ["initial-value", "title", "onSubmit"])) : b("", !0)
-              ])) : (c(), B(k, {
+              ])) : (c(), E(k, {
                 key: "home",
                 class: "wm-screen",
                 title: n.widgetTitle,
@@ -7125,7 +7163,7 @@ function _o(e, t, s, r, i, n) {
             _: 1
           })
         ]),
-        i.moreOpen && !n.currentConv ? (c(), B(M, {
+        i.moreOpen && !n.currentConv ? (c(), E(M, {
           key: 0,
           "can-rename": !1,
           "can-export": !1,
@@ -7140,7 +7178,7 @@ function _o(e, t, s, r, i, n) {
     ], 6)) : b("", !0)
   ], 6);
 }
-const vo = /* @__PURE__ */ U(Wa, [["render", _o], ["__scopeId", "data-v-9601fbb5"]]), po = "0.6.15";
+const vo = /* @__PURE__ */ F(Wa, [["render", _o], ["__scopeId", "data-v-9601fbb5"]]), po = "0.6.17";
 export {
   me as AIAvatar,
   be as AVATAR_COLORS,
@@ -7158,7 +7196,7 @@ export {
   ia as FormCard,
   _n as Header,
   ye as HumanAvatar,
-  Ei as InlineCallbacks,
+  Bi as InlineCallbacks,
   qt as Launcher,
   Le as MEDIA_RECORDER_SUPPORTED,
   ai as MessageList,