@_solaris/messenger-widget 0.5.61 → 0.5.62

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Ve, openBlock as c, createElementBlock as d, normalizeStyle as z, normalizeClass as R, toDisplayString as v, resolveComponent as E, createVNode as V, Transition as Ue, withCtx as Fe, Fragment as L, renderList as F, withKeys as ge, withModifiers as J, createElementVNode as o, createCommentVNode as b, createBlock as P, resolveDynamicComponent as Ae, mergeProps as je, withDirectives as G, vModelText as te, createTextVNode as Se, renderSlot as Ke, vModelCheckbox as We, vModelSelect as Ge, markRaw as Re } from "vue";
+import { reactive as Ve, openBlock as c, createElementBlock as d, normalizeStyle as z, normalizeClass as R, toDisplayString as v, resolveComponent as B, createVNode as V, Transition as Ne, withCtx as je, Fragment as I, renderList as j, withKeys as ge, withModifiers as J, createElementVNode as o, createCommentVNode as b, createBlock as U, resolveDynamicComponent as Ae, mergeProps as Fe, withDirectives as G, vModelText as te, createTextVNode as Se, renderSlot as Ke, vModelCheckbox as We, vModelSelect as Ge, markRaw as Re } from "vue";
 const Ye = [
   "connected",
   "message",
@@ -141,7 +141,7 @@ function Ze(e) {
   }
   async function k() {
     try {
-      const u = await I();
+      const u = await E();
       t.lastActivityAt = u.reduce((_, p) => {
         const S = p == null ? void 0 : p.last_message_at;
         return S && (!_ || S > _) ? S : _;
@@ -158,7 +158,7 @@ function Ze(e) {
     const _ = await i("PATCH", "/customers/me", u);
     return (_ == null ? void 0 : _.customer) ?? null;
   }
-  async function I() {
+  async function E() {
     const u = await i("GET", "/conversations");
     return (u == null ? void 0 : u.conversations) ?? [];
   }
@@ -178,14 +178,14 @@ function Ze(e) {
       _
     )).conversation;
   }
-  async function N(u, _) {
+  async function D(u, _) {
     return i(
       "PATCH",
       `/conversations/${encodeURIComponent(u)}/read`,
       { message_id: _ }
     );
   }
-  async function U(u, _ = {}) {
+  async function N(u, _ = {}) {
     const p = new URLSearchParams();
     _.before && p.set("before", _.before), _.since && p.set("since", _.since), _.limit && p.set("limit", String(_.limit));
     const S = p.toString() ? `?${p.toString()}` : "";
@@ -194,7 +194,7 @@ function Ze(e) {
       `/conversations/${encodeURIComponent(u)}/messages${S}`
     );
   }
-  async function D(u, _) {
+  async function L(u, _) {
     ae();
     const p = {
       client_msg_id: _.client_msg_id,
@@ -280,7 +280,7 @@ function Ze(e) {
   }
   async function ye() {
     try {
-      const u = await I(), _ = u.reduce((S, O) => {
+      const u = await E(), _ = u.reduce((S, O) => {
         const x = O == null ? void 0 : O.last_message_at;
         return x && (!S || x > S) ? x : S;
       }, null);
@@ -337,13 +337,13 @@ function Ze(e) {
     // REST
     getCustomer: w,
     patchCustomer: T,
-    listConversations: I,
+    listConversations: E,
     createConversation: A,
     getConversation: q,
     patchConversation: M,
-    markConversationRead: N,
-    listMessages: U,
-    postMessage: D,
+    markConversationRead: D,
+    listMessages: N,
+    postMessage: L,
     postCallback: K,
     uploadAttachment: Q,
     signAttachment: se,
@@ -549,7 +549,7 @@ function st(e) {
     const f = await e.patchConversation(h, m), y = t.conversations.findIndex((C) => C.id === h);
     y !== -1 && (t.conversations[y] = f);
   }
-  async function I(h) {
+  async function E(h) {
     if (!h) return [];
     const m = t.messagesByConv[h] || [];
     let f = "";
@@ -630,10 +630,10 @@ function st(e) {
       console.error("[store] callback failed", y), h != null && delete t.awaitingCallback[h];
     }
   }
-  const N = /* @__PURE__ */ new Map();
-  async function U(h) {
+  const D = /* @__PURE__ */ new Map();
+  async function N(h) {
     if (!h) return null;
-    const m = N.get(h);
+    const m = D.get(h);
     if (m != null && m.url) {
       const f = m.expires_at ? Date.parse(m.expires_at) : 0;
       if (!f || f - Date.now() > 6e4) return m.url;
@@ -641,7 +641,7 @@ function st(e) {
     try {
       const f = await e.signAttachment(h);
       if (f != null && f.signed_url)
-        return N.set(h, {
+        return D.set(h, {
           url: f.signed_url,
           expires_at: f.expires_at
         }), f.signed_url;
@@ -650,7 +650,7 @@ function st(e) {
     }
     return null;
   }
-  async function D(h, { rating: m, comment: f } = {}) {
+  async function L(h, { rating: m, comment: f } = {}) {
     const y = t.conversations.find((_) => _.id === h), u = {
       ...(y == null ? void 0 : y.metadata) || {},
       feedback: {
@@ -781,13 +781,13 @@ function st(e) {
     createConversation: i,
     openConversation: g,
     loadMore: k,
-    fetchSinceLast: I,
+    fetchSinceLast: E,
     patchConversation: T,
     markConversationRead: A,
     send: q,
     clickCallback: M,
-    signAttachment: U,
-    submitFeedback: D,
+    signAttachment: N,
+    submitFeedback: L,
     getPendingApproval: K,
     getActionInFlight: se,
     getLatestSuggestions: re,
@@ -1150,7 +1150,7 @@ function xe(e) {
 function ne(e) {
   return Le[xe(e)] || Le[ue];
 }
-function j(e) {
+function F(e) {
   const t = xe(e), n = ke[t] || ke[ue], r = ke[ue];
   return function(s, i) {
     let l = n[s];
@@ -1168,7 +1168,7 @@ function Ie(e, t) {
 function He(e, t, n) {
   return Array.isArray(t) ? t.map((r) => Ie(e, String(r))).join(", ") : typeof t == "boolean" ? n(t ? "common.yes" : "common.no") : Ie(e, String(t));
 }
-function ht(e, t, n = j()) {
+function ht(e, t, n = F()) {
   if (!e || !t) return "";
   const r = Array.isArray(e.fields) ? e.fields : [], a = [];
   for (const s of r) {
@@ -1183,7 +1183,7 @@ ${l}`);
 
 `);
 }
-function mt(e, t, n = j()) {
+function mt(e, t, n = F()) {
   const r = [], a = Array.isArray(e == null ? void 0 : e.fields) ? e.fields : [];
   for (const s of a) {
     if (!(s != null && s.key) || !(s != null && s.label)) continue;
@@ -1264,10 +1264,10 @@ function ft(e) {
         if (!A) break;
         w.push(A[1]), r++;
       }
-      const T = w.map((A) => `<li>${de(A)}</li>`).join(""), I = k !== 1 ? ` start="${k}"` : "";
+      const T = w.map((A) => `<li>${de(A)}</li>`).join(""), E = k !== 1 ? ` start="${k}"` : "";
       n.push({
         type: "block",
-        html: `<ol class="wm-md-ol"${I}>${T}</ol>`
+        html: `<ol class="wm-md-ol"${E}>${T}</ol>`
       });
       continue;
     }
@@ -1342,7 +1342,7 @@ function pt(e, t, n, r) {
   return a.join(`
 `);
 }
-function vt(e, t, n = j(), r) {
+function vt(e, t, n = F(), r) {
   if (!e) return;
   const a = pt(e, t || [], n, ne(r)), s = new Blob([a], { type: "text/plain;charset=utf-8" });
   try {
@@ -1805,7 +1805,7 @@ function At(e) {
   }
   return null;
 }
-const B = (e, t) => {
+const P = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [r, a] of t)
     n[r] = a;
@@ -1851,13 +1851,13 @@ function Tt(e, t, n, r, a, s) {
     }, v(s.initials), 5))
   ], 6);
 }
-const ve = /* @__PURE__ */ B(St, [["render", Tt], ["__scopeId", "data-v-14e10c0d"]]), xt = 3, Ot = {
+const ve = /* @__PURE__ */ P(St, [["render", Tt], ["__scopeId", "data-v-14e10c0d"]]), xt = 3, Ot = {
   name: "WmLauncher",
   components: { HumanAvatar: ve },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     // Nombre de conversations non lues — pilote la pastille.
@@ -1877,9 +1877,9 @@ const ve = /* @__PURE__ */ B(St, [["render", Tt], ["__scopeId", "data-v-14e10c0d
       return this.peeks.slice(0, xt).reverse();
     }
   }
-}, Rt = ["aria-label", "onClick", "onKeydown"], Lt = ["aria-label", "onClick"], It = { class: "wm-peek__avatar" }, Et = ["aria-label"], Bt = { class: "wm-peek__body" }, Pt = { class: "wm-peek__head" }, Dt = { class: "wm-peek__name" }, Nt = { class: "wm-peek__action" }, Ut = { class: "wm-peek__text" }, Ft = ["onClick"], jt = ["aria-label"], Ht = ["aria-label"];
+}, Rt = ["aria-label", "onClick", "onKeydown"], Lt = ["aria-label", "onClick"], It = { class: "wm-peek__avatar" }, Et = ["aria-label"], Bt = { class: "wm-peek__body" }, Pt = { class: "wm-peek__head" }, Ut = { class: "wm-peek__name" }, Dt = { class: "wm-peek__action" }, Nt = { class: "wm-peek__text" }, jt = ["onClick"], Ft = ["aria-label"], Ht = ["aria-label"];
 function zt(e, t, n, r, a, s) {
-  const i = E("HumanAvatar");
+  const i = B("HumanAvatar");
   return c(), d("div", {
     class: "wm-launcherWrap",
     onMouseenter: t[1] || (t[1] = (l) => e.$emit("hover", !0)),
@@ -1887,13 +1887,13 @@ function zt(e, t, n, r, a, s) {
     onFocusin: t[3] || (t[3] = (l) => e.$emit("hover", !0)),
     onFocusout: t[4] || (t[4] = (l) => e.$emit("hover", !1))
   }, [
-    V(Ue, { name: "wm-peek" }, {
-      default: Fe(() => [
+    V(Ne, { name: "wm-peek" }, {
+      default: je(() => [
         s.visiblePeeks.length ? (c(), d("div", {
           key: 0,
           class: R(["wm-peekStack", { "wm-peekStack--multi": s.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), d(L, null, F(s.visiblePeeks, (l, g) => (c(), d("div", {
+          (c(!0), d(I, null, j(s.visiblePeeks, (l, g) => (c(), d("div", {
             key: l.convId,
             class: "wm-peek",
             style: z({
@@ -1945,16 +1945,16 @@ function zt(e, t, n, r, a, s) {
             ]),
             o("div", Bt, [
               o("div", Pt, [
-                o("span", Dt, v(l.senderName || s.t("common.agent")), 1),
-                o("span", Nt, v(s.t("launcher.repliedToYou")), 1)
+                o("span", Ut, v(l.senderName || s.t("common.agent")), 1),
+                o("span", Dt, v(s.t("launcher.repliedToYou")), 1)
               ]),
-              o("p", Ut, v(l.preview), 1)
+              o("p", Nt, v(l.preview), 1)
             ]),
             o("button", {
               type: "button",
               class: "wm-peek__open",
               onClick: J((k) => e.$emit("open", l.convId), ["stop"])
-            }, v(s.t("common.open")), 9, Ft)
+            }, v(s.t("common.open")), 9, jt)
           ], 44, Rt))), 128))
         ], 2)) : b("", !0)
       ]),
@@ -1988,10 +1988,10 @@ function zt(e, t, n, r, a, s) {
           count: n.unreadCount
         })
       }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Ht)) : b("", !0)
-    ], 8, jt)
+    ], 8, Ft)
   ], 32);
 }
-const qt = /* @__PURE__ */ B(Ot, [["render", zt], ["__scopeId", "data-v-44ddf1a1"]]), $t = {
+const qt = /* @__PURE__ */ P(Ot, [["render", zt], ["__scopeId", "data-v-44ddf1a1"]]), $t = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -2082,7 +2082,7 @@ function Gt(e, t, n, r, a, s) {
     ], 6)
   ], 6);
 }
-const oe = /* @__PURE__ */ B($t, [["render", Gt], ["__scopeId", "data-v-6f7f685d"]]), Yt = {
+const oe = /* @__PURE__ */ P($t, [["render", Gt], ["__scopeId", "data-v-6f7f685d"]]), Yt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -2117,7 +2117,7 @@ function en(e, t, n, r, a, s) {
       class: "wm-team__stack",
       style: z({ width: s.stackWidth + "px" })
     }, [
-      (c(!0), d(L, null, F(n.members.slice(0, 3), (i, l) => (c(), d("div", {
+      (c(!0), d(I, null, j(n.members.slice(0, 3), (i, l) => (c(), d("div", {
         key: l,
         class: "wm-team__pill",
         style: z({
@@ -2136,13 +2136,13 @@ function en(e, t, n, r, a, s) {
     n.responseLabel ? (c(), d("span", Zt, v(n.responseLabel), 1)) : b("", !0)
   ])) : b("", !0);
 }
-const tn = /* @__PURE__ */ B(Yt, [["render", en], ["__scopeId", "data-v-e49a9063"]]), nn = {
+const tn = /* @__PURE__ */ P(Yt, [["render", en], ["__scopeId", "data-v-e49a9063"]]), nn = {
   name: "WmHeader",
   components: { AIAvatar: oe, TeamAvatars: tn },
   inject: {
     // Translator shared by the Messenger shell. Falls back to a French
     // translator when the component is used standalone (no provider).
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     title: { type: String, default: "Nouvelle conversation" },
@@ -2183,7 +2183,7 @@ const tn = /* @__PURE__ */ B(Yt, [["render", en], ["__scopeId", "data-v-e49a9063
   class: "wm-header__fill"
 }, un = { class: "wm-header__actions" }, hn = ["aria-label", "title"], mn = ["aria-label", "title"];
 function fn(e, t, n, r, a, s) {
-  const i = E("AIAvatar"), l = E("TeamAvatars");
+  const i = B("AIAvatar"), l = B("TeamAvatars");
   return c(), d("div", sn, [
     n.showBack ? (c(), d("button", {
       key: 0,
@@ -2206,7 +2206,7 @@ function fn(e, t, n, r, a, s) {
         o("path", { d: "M19 12H5M12 5l-7 7 7 7" })
       ], -1)
     ])], 8, rn)) : (c(), d("div", an)),
-    n.showIdentity ? (c(), d(L, { key: 2 }, [
+    n.showIdentity ? (c(), d(I, { key: 2 }, [
       o("div", on, [
         V(i, {
           size: 30,
@@ -2217,7 +2217,7 @@ function fn(e, t, n, r, a, s) {
       o("div", ln, [
         o("div", cn, v(n.title), 1)
       ]),
-      s.hasTeam ? (c(), P(l, {
+      s.hasTeam ? (c(), U(l, {
         key: 0,
         members: s.displayedTeamMembers,
         "response-label": ""
@@ -2281,7 +2281,7 @@ function fn(e, t, n, r, a, s) {
     ])
   ]);
 }
-const _n = /* @__PURE__ */ B(nn, [["render", fn], ["__scopeId", "data-v-7af4c118"]]), Pe = {
+const _n = /* @__PURE__ */ P(nn, [["render", fn], ["__scopeId", "data-v-7af4c118"]]), Pe = {
   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",
@@ -2295,7 +2295,7 @@ const _n = /* @__PURE__ */ B(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
     // shell. The language getter feeds `formatTs` (relative date
     // labels on unread alerts) ; falls back to French when the
     // component is used standalone.
-    t: { default: () => j() },
+    t: { default: () => F() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2415,7 +2415,7 @@ const _n = /* @__PURE__ */ B(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
 }, Rn = ["innerHTML"], Ln = { class: "wm-onb__alert-meta" }, In = {
   key: 0,
   class: "wm-onb__alert-time"
-}, En = { class: "wm-onb__alert-resume" }, Bn = { class: "wm-onb__actions" }, Pn = ["disabled"], Dn = { class: "wm-onb__btn-label" }, Nn = ["onClick"], Un = { class: "wm-onb__btn-icon" }, Fn = ["aria-label"], jn = {
+}, En = { class: "wm-onb__alert-resume" }, Bn = { class: "wm-onb__actions" }, Pn = ["disabled"], Un = { class: "wm-onb__btn-label" }, Dn = ["onClick"], Nn = { class: "wm-onb__btn-icon" }, jn = ["aria-label"], Fn = {
   key: 1,
   width: "18",
   height: "18",
@@ -2450,7 +2450,7 @@ const _n = /* @__PURE__ */ B(nn, [["render", fn], ["__scopeId", "data-v-7af4c118
   "aria-hidden": "true"
 }, Kn = ["d"], Wn = { class: "wm-onb__btn-label" }, Gn = { class: "wm-onb__btn-count" };
 function Yn(e, t, n, r, a, s) {
-  const i = E("AIAvatar");
+  const i = B("AIAvatar");
   return c(), d("div", pn, [
     o("div", vn, [
       t[2] || (t[2] = o("svg", {
@@ -2497,7 +2497,7 @@ function Yn(e, t, n, r, a, s) {
       ])
     ]),
     s.unreadThreads.length ? (c(), d("div", kn, [
-      (c(!0), d(L, null, F(s.unreadThreads, (l) => (c(), d("button", {
+      (c(!0), d(I, null, j(s.unreadThreads, (l) => (c(), d("button", {
         key: l.id,
         type: "button",
         class: "wm-onb__alert",
@@ -2520,7 +2520,7 @@ function Yn(e, t, n, r, a, s) {
             }, [
               o("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(), P(Ae(s.avatarComponent(l)), je({
+          ])])) : (c(), U(Ae(s.avatarComponent(l)), Fe({
             key: 1,
             ref_for: !0
           }, s.avatarProps(l)), null, 16)),
@@ -2566,22 +2566,22 @@ function Yn(e, t, n, r, a, s) {
             o("path", { d: "M12 5v14M5 12h14" })
           ])
         ], -1)),
-        o("span", Dn, v(n.busy ? "…" : s.t("onboarding.start")), 1)
+        o("span", Un, v(n.busy ? "…" : s.t("onboarding.start")), 1)
       ], 8, Pn),
-      (c(!0), d(L, null, F(n.quickLinks, (l, g) => (c(), d("button", {
+      (c(!0), d(I, null, j(n.quickLinks, (l, g) => (c(), d("button", {
         key: "ql-" + g,
         type: "button",
         class: "wm-onb__btn",
         onClick: (k) => e.$emit("select", l)
       }, [
-        o("span", Un, [
+        o("span", Nn, [
           s.safeIconUrl(l) ? (c(), d("span", {
             key: 0,
             class: "wm-onb__btn-iconImg",
             style: z(s.iconUrlStyle(l)),
             role: "img",
             "aria-label": l.label || ""
-          }, null, 12, Fn)) : (c(), d("svg", jn, [
+          }, null, 12, jn)) : (c(), d("svg", Fn, [
             o("path", {
               d: s.iconPath(l.icon)
             }, null, 8, Hn)
@@ -2591,7 +2591,7 @@ function Yn(e, t, n, r, a, s) {
         s.isExternalLink(l) ? (c(), d("svg", qn, [...t[5] || (t[5] = [
           o("path", { d: "M7 17L17 7M9 7h8v8" }, null, -1)
         ])])) : b("", !0)
-      ], 8, Nn))), 128)),
+      ], 8, Dn))), 128)),
       n.openThreads.length ? (c(), d("button", {
         key: 0,
         type: "button",
@@ -2625,11 +2625,11 @@ function Yn(e, t, n, r, a, s) {
     ])
   ]);
 }
-const Jn = /* @__PURE__ */ B(gn, [["render", Yn], ["__scopeId", "data-v-136c3afe"]]), Xn = {
+const Jn = /* @__PURE__ */ P(gn, [["render", Yn], ["__scopeId", "data-v-136c3afe"]]), Xn = {
   name: "WmHistory",
   components: { AIAvatar: oe, HumanAvatar: ve },
   inject: {
-    t: { default: () => j() },
+    t: { default: () => F() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2732,7 +2732,7 @@ function us(e, t, n, r, a, s) {
       ])
     ]),
     o("div", ts, [
-      (c(!0), d(L, null, F(s.filteredThreads, (i) => (c(), d("button", {
+      (c(!0), d(I, null, j(s.filteredThreads, (i) => (c(), d("button", {
         key: i.id,
         type: "button",
         class: R(["wm-hist__thread", { "wm-hist__thread--unread": i.unread }]),
@@ -2755,7 +2755,7 @@ function us(e, t, n, r, a, s) {
             }, [
               o("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(), P(Ae(s.avatarComponent(i)), je({
+          ])])) : (c(), U(Ae(s.avatarComponent(i)), Fe({
             key: 1,
             ref_for: !0
           }, s.avatarProps(i)), null, 16)),
@@ -2794,7 +2794,7 @@ function us(e, t, n, r, a, s) {
     ])
   ]);
 }
-const hs = /* @__PURE__ */ B(Xn, [["render", us], ["__scopeId", "data-v-6bf35ef1"]]);
+const hs = /* @__PURE__ */ P(Xn, [["render", us], ["__scopeId", "data-v-6bf35ef1"]]);
 function ms(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();
 }
@@ -2889,7 +2889,7 @@ function Cs(e, t, n, r, a, s) {
     ]),
     o("span", ws, [
       o("span", bs, v(n.label), 1),
-      s.detailText ? (c(), d(L, { key: 0 }, [
+      s.detailText ? (c(), d(I, { key: 0 }, [
         t[4] || (t[4] = o("span", {
           class: "wm-result__sep",
           "aria-hidden": "true"
@@ -2899,12 +2899,12 @@ function Cs(e, t, n, r, a, s) {
     ])
   ], 2);
 }
-const As = /* @__PURE__ */ B(fs, [["render", Cs], ["__scopeId", "data-v-7284acd0"]]), Ss = {
+const As = /* @__PURE__ */ P(fs, [["render", Cs], ["__scopeId", "data-v-7284acd0"]]), Ss = {
   name: "WmArtifactFormResponse",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     data: { type: Object, required: !0 }
@@ -2938,7 +2938,7 @@ function Is(e, t, n, r, a, s) {
       ])
     ]),
     o("div", Rs, [
-      (c(!0), d(L, null, F(s.fields, (i, l) => (c(), d("div", {
+      (c(!0), d(I, null, j(s.fields, (i, l) => (c(), d("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2953,7 +2953,7 @@ function Is(e, t, n, r, a, s) {
     ])
   ]);
 }
-const Es = /* @__PURE__ */ B(Ss, [["render", Is], ["__scopeId", "data-v-713aecf1"]]), Bs = {
+const Es = /* @__PURE__ */ P(Ss, [["render", Is], ["__scopeId", "data-v-713aecf1"]]), Bs = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -2968,10 +2968,10 @@ const Es = /* @__PURE__ */ B(Ss, [["render", Is], ["__scopeId", "data-v-713aecf1
       return !!((e = this.data) != null && e.body) || this.fields.length > 0;
     }
   }
-}, Ps = { class: "wm-art wm-art--infoCard" }, Ds = {
+}, Ps = { class: "wm-art wm-art--infoCard" }, Us = {
   key: 0,
   class: "wm-art__image"
-}, Ns = ["src", "alt"], Us = { class: "wm-art__head" }, Fs = { class: "wm-art__headMain" }, js = { class: "wm-art__title" }, Hs = {
+}, Ds = ["src", "alt"], Ns = { class: "wm-art__head" }, js = { class: "wm-art__headMain" }, Fs = { class: "wm-art__title" }, Hs = {
   key: 0,
   class: "wm-art__subtitle"
 }, zs = {
@@ -2983,16 +2983,16 @@ const Es = /* @__PURE__ */ B(Ss, [["render", Is], ["__scopeId", "data-v-713aecf1
 }, $s = { class: "wm-art__fieldLabel" };
 function Vs(e, t, n, r, a, s) {
   return c(), d("div", Ps, [
-    n.data.image_url ? (c(), d("figure", Ds, [
+    n.data.image_url ? (c(), d("figure", Us, [
       o("img", {
         src: n.data.image_url,
         alt: n.data.title || "",
         loading: "lazy"
-      }, null, 8, Ns)
+      }, null, 8, Ds)
     ])) : b("", !0),
-    o("div", Us, [
-      o("div", Fs, [
-        o("div", js, v(n.data.title), 1),
+    o("div", Ns, [
+      o("div", js, [
+        o("div", Fs, v(n.data.title), 1),
         n.data.subtitle ? (c(), d("div", Hs, v(n.data.subtitle), 1)) : b("", !0)
       ]),
       n.data.badge && n.data.badge.label ? (c(), d("span", {
@@ -3005,7 +3005,7 @@ function Vs(e, t, n, r, a, s) {
     ]),
     s.hasBody ? (c(), d("div", zs, [
       n.data.body ? (c(), d("div", qs, v(n.data.body), 1)) : b("", !0),
-      s.fields.length ? (c(!0), d(L, { key: 1 }, F(s.fields, (i, l) => (c(), d("div", {
+      s.fields.length ? (c(!0), d(I, { key: 1 }, j(s.fields, (i, l) => (c(), d("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -3020,7 +3020,7 @@ function Vs(e, t, n, r, a, s) {
     ])) : b("", !0)
   ]);
 }
-const Ks = /* @__PURE__ */ B(Bs, [["render", Vs], ["__scopeId", "data-v-7eae0e4a"]]);
+const Ks = /* @__PURE__ */ P(Bs, [["render", Vs], ["__scopeId", "data-v-7eae0e4a"]]);
 function Ws(e, t, n) {
   if (!e) return "";
   const r = new Date(e);
@@ -3040,7 +3040,7 @@ const Gs = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => j() },
+    t: { default: () => F() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -3142,7 +3142,7 @@ function ar(e, t, n, r, a, s) {
       n.data.body ? (c(), d("div", er, v(n.data.body), 1)) : b("", !0)
     ]),
     s.fields.length ? (c(), d("div", tr, [
-      (c(!0), d(L, null, F(s.fields, (i, l) => (c(), d("div", {
+      (c(!0), d(I, null, j(s.fields, (i, l) => (c(), d("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -3222,7 +3222,7 @@ function ar(e, t, n, r, a, s) {
     ])) : b("", !0)
   ]);
 }
-const or = /* @__PURE__ */ B(Gs, [["render", ar], ["__scopeId", "data-v-5f30c914"]]), lr = {
+const or = /* @__PURE__ */ P(Gs, [["render", ar], ["__scopeId", "data-v-5f30c914"]]), lr = {
   form_response: Es,
   info_card: Ks,
   ticket: or
@@ -3242,18 +3242,18 @@ const or = /* @__PURE__ */ B(Gs, [["render", ar], ["__scopeId", "data-v-5f30c914
   }
 };
 function dr(e, t, n, r, a, s) {
-  return s.component ? (c(), P(Ae(s.component), {
+  return s.component ? (c(), U(Ae(s.component), {
     key: 0,
     data: n.artifact.data
   }, null, 8, ["data"])) : b("", !0);
 }
-const ur = /* @__PURE__ */ B(cr, [["render", dr]]), hr = {
+const ur = /* @__PURE__ */ P(cr, [["render", dr]]), hr = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null },
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     attachment: { type: Object, required: !0 }
@@ -3382,7 +3382,7 @@ function kr(e, t, n, r, a, s) {
     ], 8, pr))
   ], 2);
 }
-const Cr = /* @__PURE__ */ B(hr, [["render", kr], ["__scopeId", "data-v-0c877a62"]]), Ar = {
+const Cr = /* @__PURE__ */ P(hr, [["render", kr], ["__scopeId", "data-v-0c877a62"]]), Ar = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -3404,7 +3404,7 @@ function Mr(e, t, n, r, a, s) {
     ], !0)
   ], 2);
 }
-const Tr = /* @__PURE__ */ B(Ar, [["render", Mr], ["__scopeId", "data-v-7ab13147"]]), xr = { name: "WmTyping" }, Or = { class: "wm-typing" };
+const Tr = /* @__PURE__ */ P(Ar, [["render", Mr], ["__scopeId", "data-v-7ab13147"]]), xr = { name: "WmTyping" }, Or = { class: "wm-typing" };
 function Rr(e, t, n, r, a, s) {
   return c(), d("div", Or, [...t[0] || (t[0] = [
     o("span", { style: { "animation-delay": "0s" } }, null, -1),
@@ -3412,7 +3412,7 @@ function Rr(e, t, n, r, a, s) {
     o("span", { style: { "animation-delay": "0.4s" } }, null, -1)
   ])]);
 }
-const Lr = /* @__PURE__ */ B(xr, [["render", Rr], ["__scopeId", "data-v-df2447fd"]]);
+const Lr = /* @__PURE__ */ P(xr, [["render", Rr], ["__scopeId", "data-v-df2447fd"]]);
 function ee(e) {
   return e ? e.client_msg_id || e.id : "";
 }
@@ -3437,7 +3437,7 @@ const Ir = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => j() },
+    t: { default: () => F() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -3827,9 +3827,9 @@ const Ir = {
     //   doit garder son arrondi.
     cornersFor(e, t) {
       var Q, se, re;
-      const n = e.items, r = (Q = n[t]) == null ? void 0 : Q.kind, a = (se = n[t - 1]) == null ? void 0 : se.kind, s = (re = n[t + 1]) == null ? void 0 : re.kind, i = e.role === "user", l = 14, g = 4, k = a == null ? void 0 : a.bottom, w = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], I = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], q = 0.5, M = (W, ie, X) => W != null && T != null ? W + q >= T : ie === X || ie === "card" && X === "bubble";
-      let N = l, U = l, D = l, K = l;
-      return i ? (k && (U = g), (w || !s) && (D = g), k && M(I, k, r == null ? void 0 : r.top) && (N = g), w && M(A, w, r == null ? void 0 : r.bottom) && (K = g)) : (k && (N = g), (w || !s) && (K = g), k && M(I, k, r == null ? void 0 : r.top) && (U = g), w && M(A, w, r == null ? void 0 : r.bottom) && (D = g)), { tl: N, tr: U, br: D, bl: K };
+      const n = e.items, r = (Q = n[t]) == null ? void 0 : Q.kind, a = (se = n[t - 1]) == null ? void 0 : se.kind, s = (re = n[t + 1]) == null ? void 0 : re.kind, i = e.role === "user", l = 14, g = 4, k = a == null ? void 0 : a.bottom, w = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], E = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], q = 0.5, M = (W, ie, X) => W != null && T != null ? W + q >= T : ie === X || ie === "card" && X === "bubble";
+      let D = l, N = l, L = l, K = l;
+      return i ? (k && (N = g), (w || !s) && (L = g), k && M(E, k, r == null ? void 0 : r.top) && (D = g), w && M(A, w, r == null ? void 0 : r.bottom) && (K = g)) : (k && (D = g), (w || !s) && (K = g), k && M(E, k, r == null ? void 0 : r.top) && (N = g), w && M(A, w, r == null ? void 0 : r.bottom) && (L = g)), { tl: D, tr: N, br: L, bl: K };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3979,15 +3979,15 @@ const Ir = {
       e && (typeof e.scrollTo == "function" ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight, this.showScrollDown = !1);
     }
   }
-}, Dr = { class: "wm-list__wrap" }, Nr = {
+}, Ur = { class: "wm-list__wrap" }, Dr = {
   key: 0,
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, Ur = { class: "wm-list__loadMore-lbl" }, Fr = {
+}, Nr = { class: "wm-list__loadMore-lbl" }, jr = {
   key: 1,
   class: "wm-list__historyEnd"
-}, jr = {
+}, Fr = {
   key: 2,
   class: "wm-list__sep"
 }, Hr = { class: "wm-list__sep-label" }, zr = {
@@ -4013,26 +4013,26 @@ const Ir = {
   class: "wm-list__row wm-list__row--ai fade-up"
 }, ni = { class: "wm-list__avatarSlot" }, si = ["aria-label", "title"];
 function ri(e, t, n, r, a, s) {
-  const i = E("AIAvatar"), l = E("HumanAvatar"), g = E("ActionResult"), k = E("ArtifactRenderer"), w = E("Bubble"), T = E("AttachmentPreview"), I = E("Typing");
-  return c(), d("div", Dr, [
+  const i = B("AIAvatar"), l = B("HumanAvatar"), g = B("ActionResult"), k = B("ArtifactRenderer"), w = B("Bubble"), T = B("AttachmentPreview"), E = B("Typing");
+  return c(), d("div", Ur, [
     o("div", {
       ref: "scrollEl",
       class: R(["wm-list", { "wm-list--silent": a.silentFades }]),
       onScrollPassive: t[4] || (t[4] = (...A) => s.onScroll && s.onScroll(...A))
     }, [
-      n.loadingMore ? (c(), d("div", Nr, [
+      n.loadingMore ? (c(), d("div", Dr, [
         t[6] || (t[6] = o("span", {
           class: "wm-list__loadMore-spinner",
           "aria-hidden": "true"
         }, null, -1)),
-        o("span", Ur, v(s.t("messageList.loadingHistory")), 1)
-      ])) : s.historyExhausted ? (c(), d("div", Fr, v(s.t("messageList.conversationStart")), 1)) : b("", !0),
-      n.dateLabel ? (c(), d("div", jr, [
+        o("span", Nr, v(s.t("messageList.loadingHistory")), 1)
+      ])) : s.historyExhausted ? (c(), d("div", jr, v(s.t("messageList.conversationStart")), 1)) : b("", !0),
+      n.dateLabel ? (c(), d("div", Fr, [
         t[7] || (t[7] = o("div", { class: "wm-list__line" }, null, -1)),
         o("span", Hr, v(n.dateLabel), 1),
         t[8] || (t[8] = o("div", { class: "wm-list__line" }, null, -1))
       ])) : b("", !0),
-      (c(!0), d(L, null, F(s.groups, (A, q) => (c(), d(L, {
+      (c(!0), d(I, null, j(s.groups, (A, q) => (c(), d(I, {
         key: A.key
       }, [
         A.key === s.unreadGroupKey ? (c(), d("div", zr, [
@@ -4048,8 +4048,8 @@ function ri(e, t, n, r, a, s) {
             t[11] || (t[11] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
             o("span", Vr, v(A.systemLabel), 1),
             t[12] || (t[12] = o("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
-          ])) : (c(), d(L, { key: 1 }, [
-            (c(!0), d(L, null, F(A.items, (M, N) => (c(), d(L, {
+          ])) : (c(), d(I, { key: 1 }, [
+            (c(!0), d(I, null, j(A.items, (M, D) => (c(), d(I, {
               key: `${s.messageKey(M.message)}-${M.partKey}`
             }, [
               o("div", {
@@ -4061,23 +4061,23 @@ function ri(e, t, n, r, a, s) {
                     "is-failed": M.message._failed
                   }
                 ]]),
-                style: z(s.cornersStyle(A, N)),
-                onPointerdown: (U) => s.onPressStart(`${s.messageKey(M.message)}-${M.partKey}`),
-                onPointerup: t[0] || (t[0] = (U) => s.onPressEnd()),
-                onPointercancel: t[1] || (t[1] = (U) => s.onPressEnd()),
-                onPointerleave: t[2] || (t[2] = (U) => s.onPressEnd()),
+                style: z(s.cornersStyle(A, D)),
+                onPointerdown: (N) => s.onPressStart(`${s.messageKey(M.message)}-${M.partKey}`),
+                onPointerup: t[0] || (t[0] = (N) => s.onPressEnd()),
+                onPointercancel: t[1] || (t[1] = (N) => s.onPressEnd()),
+                onPointerleave: t[2] || (t[2] = (N) => s.onPressEnd()),
                 onContextmenu: t[3] || (t[3] = J(() => {
                 }, ["prevent"]))
               }, [
                 A.role !== "user" ? (c(), d("div", Wr, [
-                  N === A.items.length - 1 ? (c(), d(L, { key: 0 }, [
-                    A.role === "ai" ? (c(), P(i, {
+                  D === A.items.length - 1 ? (c(), d(I, { key: 0 }, [
+                    A.role === "ai" ? (c(), U(i, {
                       key: 0,
                       size: 26,
                       tail: !0,
                       name: n.aiAgentName,
                       "image-url": n.aiAgentAvatarUrl
-                    }, null, 8, ["name", "image-url"])) : (c(), P(l, {
+                    }, null, 8, ["name", "image-url"])) : (c(), U(l, {
                       key: 1,
                       name: A.agentName,
                       "avatar-url": A.agentAvatarUrl,
@@ -4086,24 +4086,24 @@ function ri(e, t, n, r, a, s) {
                     }, null, 8, ["name", "avatar-url"]))
                   ], 64)) : b("", !0)
                 ])) : b("", !0),
-                M.renderAs === "action" ? (c(), P(g, {
+                M.renderAs === "action" ? (c(), U(g, {
                   key: 1,
                   state: M.message.payload.state,
                   label: s.actionLabel(M.message),
                   detail: s.actionDetail(M.message)
-                }, null, 8, ["state", "label", "detail"])) : M.renderAs === "admin-pending" ? (c(), P(g, {
+                }, null, 8, ["state", "label", "detail"])) : M.renderAs === "admin-pending" ? (c(), U(g, {
                   key: 2,
                   state: "awaiting",
                   label: s.t("messageList.approvalRequestSent"),
                   detail: M.message.text_md || ""
-                }, null, 8, ["label", "detail"])) : M.renderAs === "artifact-of-action" ? (c(), P(k, {
+                }, null, 8, ["label", "detail"])) : M.renderAs === "artifact-of-action" ? (c(), U(k, {
                   key: 3,
                   artifact: s.actionArtifact(M.message)
-                }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), P(k, {
+                }, null, 8, ["artifact"])) : M.renderAs === "artifact" ? (c(), U(k, {
                   key: 4,
                   artifact: s.artifactOf(M.message)
                 }, null, 8, ["artifact"])) : (c(), d("div", Gr, [
-                  M.message.text_md ? (c(), P(w, {
+                  M.message.text_md ? (c(), U(w, {
                     key: 0,
                     role: A.role,
                     text: M.message.text_md
@@ -4114,16 +4114,16 @@ function ri(e, t, n, r, a, s) {
                       "wm-list__atts--align-end": A.role === "user"
                     }])
                   }, [
-                    (c(!0), d(L, null, F(s.attachmentsOf(
+                    (c(!0), d(I, null, j(s.attachmentsOf(
                       M.message
-                    ), (U, D) => (c(), P(T, {
-                      key: `${s.messageKey(M.message)}-att-${D}`,
-                      attachment: U
+                    ), (N, L) => (c(), U(T, {
+                      key: `${s.messageKey(M.message)}-att-${L}`,
+                      attachment: N
                     }, null, 8, ["attachment"]))), 128))
                   ], 2)) : b("", !0)
                 ]))
               ], 46, Kr),
-              N < A.items.length - 1 && a.pressedItemKey === `${s.messageKey(M.message)}-${M.partKey}` && (A.role !== "user" || s.timeOf(M.message)) ? (c(), d("div", {
+              D < A.items.length - 1 && a.pressedItemKey === `${s.messageKey(M.message)}-${M.partKey}` && (A.role !== "user" || s.timeOf(M.message)) ? (c(), d("div", {
                 key: 0,
                 class: R(["wm-list__meta wm-list__meta--press", { "wm-list__meta--right": A.role === "user" }])
               }, [
@@ -4152,11 +4152,11 @@ function ri(e, t, n, r, a, s) {
             "image-url": n.aiAgentAvatarUrl
           }, null, 8, ["name", "image-url"])
         ]),
-        V(I)
+        V(E)
       ])) : b("", !0)
     ], 34),
-    V(Ue, { name: "wm-scrollDown" }, {
-      default: Fe(() => [
+    V(Ne, { name: "wm-scrollDown" }, {
+      default: je(() => [
         a.showScrollDown ? (c(), d("button", {
           key: 0,
           type: "button",
@@ -4184,7 +4184,7 @@ function ri(e, t, n, r, a, s) {
     })
   ]);
 }
-const ii = /* @__PURE__ */ B(Pr, [["render", ri], ["__scopeId", "data-v-cf20685c"]]), pe = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Oe = typeof window < "u" && typeof window.MediaRecorder < "u";
+const ii = /* @__PURE__ */ P(Pr, [["render", ri], ["__scopeId", "data-v-cf20685c"]]), pe = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Oe = typeof window < "u" && typeof window.MediaRecorder < "u";
 function ai() {
   return Oe && [
     "video/webm;codecs=vp9,opus",
@@ -4205,7 +4205,7 @@ function $e({ audio: e }) {
     systemAudio: e ? "include" : "exclude"
   };
 }
-function fo(e) {
+function yo(e) {
   return e ? e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : "file" : "file";
 }
 async function oi() {
@@ -4267,13 +4267,13 @@ async function ci(e = {}) {
     w.data && w.data.size > 0 && a.push(w.data);
   }), r.addEventListener("stop", () => {
     var w, T;
-    if (s && clearInterval(s), t.getTracks().forEach((I) => {
-      I.stop();
+    if (s && clearInterval(s), t.getTracks().forEach((E) => {
+      E.stop();
     }), a.length) {
-      const I = r.mimeType || n || "video/webm", A = new Blob(a, { type: I }), q = /mp4/.test(I) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), N = new File([A], `ecran-${M}.${q}`, {
-        type: I
+      const E = r.mimeType || n || "video/webm", A = new Blob(a, { type: E }), q = /mp4/.test(E) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), D = new File([A], `ecran-${M}.${q}`, {
+        type: E
       });
-      (w = e.onfinalize) == null || w.call(e, N);
+      (w = e.onfinalize) == null || w.call(e, D);
     } else
       (T = e.oncancel) == null || T.call(e);
   }), t.getVideoTracks().forEach((w) => {
@@ -4327,7 +4327,7 @@ const di = [
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     modelValue: { type: String, default: "" },
@@ -4525,7 +4525,7 @@ function Ci(e, t, n, r, a, s) {
         onClick: t[2] || (t[2] = (i) => a.attachOpen = !1)
       })) : b("", !0),
       a.attachOpen ? (c(), d("div", fi, [
-        (c(!0), d(L, null, F(s.attachItems, (i) => (c(), d("button", {
+        (c(!0), d(I, null, j(s.attachItems, (i) => (c(), d("button", {
           key: i.action,
           type: "button",
           class: "wm-compose__menuItem",
@@ -4606,7 +4606,7 @@ function Ci(e, t, n, r, a, s) {
     ], 34)
   ], 6);
 }
-const Ai = /* @__PURE__ */ B(ui, [["render", Ci], ["__scopeId", "data-v-01e81a27"]]), Si = {
+const Ai = /* @__PURE__ */ P(ui, [["render", Ci], ["__scopeId", "data-v-01e81a27"]]), Si = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -4629,7 +4629,7 @@ function Ti(e, t, n, r, a, s) {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (c(!0), d(L, null, F(n.items, (i, l) => (c(), d("button", {
+    (c(!0), d(I, null, j(n.items, (i, l) => (c(), d("button", {
       key: l,
       type: "button",
       class: "wm-chip",
@@ -4638,13 +4638,13 @@ function Ti(e, t, n, r, a, s) {
     }, v(i.label), 13, Mi))), 128))
   ])) : b("", !0);
 }
-const xi = /* @__PURE__ */ B(Si, [["render", Ti], ["__scopeId", "data-v-47ad8085"]]), Oi = {
+const xi = /* @__PURE__ */ P(Si, [["render", Ti], ["__scopeId", "data-v-47ad8085"]]), Oi = {
   name: "WmApprovalCard",
   components: { AIAvatar: oe },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     action: { type: String, required: !0 },
@@ -4685,9 +4685,9 @@ const xi = /* @__PURE__ */ B(Si, [["render", Ti], ["__scopeId", "data-v-47ad8085
 }, Ri = { class: "wm-approval" }, Li = { class: "wm-approval__head" }, Ii = { class: "wm-approval__icon" }, Ei = { class: "wm-approval__main" }, Bi = { class: "wm-approval__title" }, Pi = {
   key: 0,
   class: "wm-approval__detail"
-}, Di = { class: "wm-approval__actions" };
-function Ni(e, t, n, r, a, s) {
-  const i = E("AIAvatar");
+}, Ui = { class: "wm-approval__actions" };
+function Di(e, t, n, r, a, s) {
+  const i = B("AIAvatar");
   return c(), d("div", Ri, [
     o("div", Li, [
       o("div", Ii, [
@@ -4702,7 +4702,7 @@ function Ni(e, t, n, r, a, s) {
         n.detail ? (c(), d("div", Pi, v(n.detail), 1)) : b("", !0)
       ])
     ]),
-    o("div", Di, [
+    o("div", Ui, [
       s.rejectId ? (c(), d("button", {
         key: 0,
         type: "button",
@@ -4718,9 +4718,9 @@ function Ni(e, t, n, r, a, s) {
     ])
   ]);
 }
-const Ui = /* @__PURE__ */ B(Oi, [["render", Ni], ["__scopeId", "data-v-a2bed37e"]]);
-let De = 0;
-const Fi = /* @__PURE__ */ new Set([
+const Ni = /* @__PURE__ */ P(Oi, [["render", Di], ["__scopeId", "data-v-a2bed37e"]]);
+let Ue = 0;
+const ji = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4728,13 +4728,13 @@ const Fi = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), ji = {
+]), Fi = {
   name: "WmFormCard",
   components: { AIAvatar: oe },
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     form: { type: Object, required: !0 },
@@ -4745,8 +4745,8 @@ const Fi = /* @__PURE__ */ new Set([
   },
   emits: ["submit"],
   data() {
-    return De += 1, {
-      _uid: De,
+    return Ue += 1, {
+      _uid: Ue,
       values: {},
       busy: !1,
       error: ""
@@ -4758,7 +4758,7 @@ const Fi = /* @__PURE__ */ new Set([
     // douteux.
     normalizedFields() {
       var t;
-      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !Fi.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
+      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !ji.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
     }
   },
   created() {
@@ -4839,7 +4839,7 @@ const Fi = /* @__PURE__ */ new Set([
   class: "wm-form__doneLbl"
 };
 function da(e, t, n, r, a, s) {
-  const i = E("AIAvatar");
+  const i = B("AIAvatar");
   return c(), d("div", Hi, [
     o("div", zi, [
       o("div", qi, [
@@ -4858,7 +4858,7 @@ function da(e, t, n, r, a, s) {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = J((...l) => s.onSubmit && s.onSubmit(...l), ["prevent"]))
     }, [
-      (c(!0), d(L, null, F(s.normalizedFields, (l) => (c(), d("div", {
+      (c(!0), d(I, null, j(s.normalizedFields, (l) => (c(), d("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4936,14 +4936,14 @@ function da(e, t, n, r, a, s) {
           disabled: n.readOnly || a.busy
         }, [
           o("option", na, v(l.placeholder || s.t("form.choose")), 1),
-          (c(!0), d(L, null, F(l.options, (g) => (c(), d("option", {
+          (c(!0), d(I, null, j(l.options, (g) => (c(), d("option", {
             key: g.value,
             value: g.value
           }, v(g.label), 9, sa))), 128))
         ], 8, ta)), [
           [Ge, a.values[l.key]]
         ]) : l.type === "multiselect" ? (c(), d("div", ra, [
-          (c(!0), d(L, null, F(l.options, (g) => (c(), d("label", {
+          (c(!0), d(I, null, j(l.options, (g) => (c(), d("label", {
             key: g.value,
             class: "wm-form__multiItem"
           }, [
@@ -4975,12 +4975,12 @@ function da(e, t, n, r, a, s) {
     ], 32)
   ]);
 }
-const ua = /* @__PURE__ */ B(ji, [["render", da], ["__scopeId", "data-v-fe65cc56"]]), ha = {
+const ua = /* @__PURE__ */ P(Fi, [["render", da], ["__scopeId", "data-v-fe65cc56"]]), ha = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     busy: { type: Boolean, default: !1 },
@@ -5033,11 +5033,11 @@ function Aa(e, t, n, r, a, s) {
       ], -1)),
       o("div", ka, v(s.t("feedback.doneTitle")), 1),
       o("div", Ca, v(s.t("feedback.doneSubtitle")), 1)
-    ])) : (c(), d(L, { key: 0 }, [
+    ])) : (c(), d(I, { key: 0 }, [
       o("div", fa, v(s.t("feedback.question")), 1),
       o("div", _a, v(s.t("feedback.subtitle")), 1),
       o("div", ga, [
-        (c(!0), d(L, null, F(s.options, (i) => (c(), d("button", {
+        (c(!0), d(I, null, j(s.options, (i) => (c(), d("button", {
           key: i.v,
           type: "button",
           class: R(["wm-fb__opt", { "is-selected": a.sel === i.v }]),
@@ -5056,12 +5056,12 @@ function Aa(e, t, n, r, a, s) {
     ], 64))
   ]);
 }
-const Sa = /* @__PURE__ */ B(ha, [["render", Aa], ["__scopeId", "data-v-9b630564"]]), Ma = {
+const Sa = /* @__PURE__ */ P(ha, [["render", Aa], ["__scopeId", "data-v-9b630564"]]), Ma = {
   name: "WmMoreMenu",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -5100,8 +5100,8 @@ const Sa = /* @__PURE__ */ B(ha, [["render", Aa], ["__scopeId", "data-v-9b630564
 }, Ra = { class: "wm-mm__label" }, La = { class: "wm-mm__label" }, Ia = {
   key: 1,
   class: "wm-mm__sep"
-}, Ea = { class: "wm-mm__section" }, Ba = { class: "wm-mm__label" }, Pa = { class: "wm-mm__section" }, Da = { class: "wm-mm__label" }, Na = { class: "wm-mm__label" };
-function Ua(e, t, n, r, a, s) {
+}, Ea = { class: "wm-mm__section" }, Ba = { class: "wm-mm__label" }, Pa = { class: "wm-mm__section" }, Ua = { class: "wm-mm__label" }, Da = { class: "wm-mm__label" };
+function Na(e, t, n, r, a, s) {
   return c(), d("div", Ta, [
     o("div", {
       class: "wm-mm__scrim",
@@ -5212,7 +5212,7 @@ function Ua(e, t, n, r, a, s) {
               o("path", { d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 6v4l3 2" })
             ])
           ], -1)),
-          o("span", Da, v(s.t("moreMenu.serviceStatus")), 1)
+          o("span", Ua, v(s.t("moreMenu.serviceStatus")), 1)
         ])) : b("", !0),
         n.helpUrl ? (c(), d("button", {
           key: 1,
@@ -5235,18 +5235,18 @@ function Ua(e, t, n, r, a, s) {
               o("path", { d: "M9 11a3 3 0 116 0c0 2-3 2-3 5M12 19h.01M12 22a10 10 0 110-20 10 10 0 010 20z" })
             ])
           ], -1)),
-          o("span", Na, v(s.t("moreMenu.helpCenter")), 1)
+          o("span", Da, v(s.t("moreMenu.helpCenter")), 1)
         ])) : b("", !0)
       ])
     ])
   ]);
 }
-const Fa = /* @__PURE__ */ B(Ma, [["render", Ua], ["__scopeId", "data-v-4cf6d578"]]), ja = {
+const ja = /* @__PURE__ */ P(Ma, [["render", Na], ["__scopeId", "data-v-4cf6d578"]]), Fa = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => j() }
+    t: { default: () => F() }
   },
   props: {
     // Empty defaults: the resolved fallback comes from the translator
@@ -5350,7 +5350,7 @@ function Ja(e, t, n, r, a, s) {
     ])
   ]);
 }
-const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8"]]), Ne = "ww-messenger-tokens", Qa = {
+const Xa = /* @__PURE__ */ P(Fa, [["render", Ja], ["__scopeId", "data-v-6d5f94a8"]]), De = "ww-messenger-tokens", Qa = {
   name: "Messenger",
   components: {
     Launcher: qt,
@@ -5360,10 +5360,10 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
     MessageList: ii,
     Composer: Ai,
     SuggestionChips: xi,
-    ApprovalCard: Ui,
+    ApprovalCard: Ni,
     FormCard: ua,
     Feedback: Sa,
-    MoreMenu: Fa,
+    MoreMenu: ja,
     RenameDialog: Xa
   },
   mixins: [
@@ -5541,7 +5541,7 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
     // `locale` changes. `t()` below (and the provided closure) delegate
     // to it so every string resolves against the current language.
     translator() {
-      return j(this.locale);
+      return F(this.locale);
     },
     error() {
       var e;
@@ -5579,9 +5579,9 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
           const T = a[w];
           if (!T) continue;
           if (((k = T.author) == null ? void 0 : k.type) === "user") break;
-          const I = Y(T.id);
-          if (I != null) {
-            if (s != null && I <= s) break;
+          const E = Y(T.id);
+          if (E != null) {
+            if (s != null && E <= s) break;
             t[T.id] !== 0 && (!l && T.author && (l = T.author), i++);
           }
         }
@@ -6024,9 +6024,9 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
     }
   },
   async mounted() {
-    if (typeof document < "u" && !document.getElementById(Ne)) {
+    if (typeof document < "u" && !document.getElementById(De)) {
       const e = document.createElement("style");
-      e.id = Ne, e.textContent = rt, document.head.appendChild(e);
+      e.id = De, e.textContent = rt, document.head.appendChild(e);
     }
     this._parentMessageHandler = this.onParentMessage.bind(this), window.addEventListener("message", this._parentMessageHandler), window.parent && window.parent !== window && window.parent.postMessage({ type: "READY" }, "*"), this.isEmbedded ? (await this.boot(), this.store && await this.open()) : (await this.$nextTick(), this.sendCurrentLauncherSize(), this.observeLauncherSize());
   },
@@ -6116,7 +6116,14 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
       }
     },
     async refresh() {
-      this.store && this.store.destroy(), this.cancelReveals(), this.cancelWelcomeTimers(), this.welcomeRevealedAt = {}, this.teardownLiveReveal(), this.teardownNotifications(), this.convOpenedAt = 0, this.transport = null, this.store = null, this.isOpen = !1, this.draft = "", this.busy = !1, this.bootError = null, this.pendingAttachments = [], this.feedbackBusy = !1, this.feedbackDone = !1, this.moreOpen = !1, this.renameDialogOpen = !1, this.draftConv = null, this.activeConvId = null, this.showOnboarding = !1, this.showHistory = !1, this.backToHistory = !1, await this.boot(), this.isEmbedded && this.store && await this.open();
+      this.store && this.store.destroy(), this.cancelReveals(), this.cancelWelcomeTimers(), this.welcomeRevealedAt = {}, this.teardownLiveReveal(), this.teardownNotifications(), this.convOpenedAt = 0, this.transport = null, this.store = null, this.isOpen = !1, this.draft = "", this.busy = !1, this.bootError = null;
+      for (const e of this.pendingAttachments)
+        if (e != null && e._previewUrl)
+          try {
+            URL.revokeObjectURL(e._previewUrl);
+          } catch {
+          }
+      this.pendingAttachments = [], this.feedbackBusy = !1, this.feedbackDone = !1, this.moreOpen = !1, this.renameDialogOpen = !1, this.draftConv = null, this.activeConvId = null, this.showOnboarding = !1, this.showHistory = !1, this.backToHistory = !1, await this.boot(), this.isEmbedded && this.store && await this.open();
     },
     // ── Float overlay measurement ────────────────────────────────────
     syncFloatObserver(e) {
@@ -6192,21 +6199,21 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
       this.launcherHovered = e, this.sendCurrentLauncherSize();
     },
     sendCurrentLauncherSize() {
-      var w, T, I, A, q, M, N;
+      var w, T, E, A, q, M, D;
       if (this.isOpen) return;
       const e = (T = (w = this.$el) == null ? void 0 : w.querySelector) == null ? void 0 : T.call(w, ".wm-launcherWrap");
       if (!e) return;
       const t = e.getBoundingClientRect();
       if (!t.width || !t.height) return;
-      const n = (((I = this.launcherPeeks) == null ? void 0 : I.length) ?? 0) > 0, r = 16, a = Math.ceil(t.width), s = Math.ceil(t.height), i = (q = (A = this.$el) == null ? void 0 : A.querySelector) == null ? void 0 : q.call(A, ".wm-launcher"), l = (N = (M = this.$el) == null ? void 0 : M.querySelectorAll) == null ? void 0 : N.call(M, ".wm-peek"), g = l && l.length ? l[l.length - 1] : null;
+      const n = (((E = this.launcherPeeks) == null ? void 0 : E.length) ?? 0) > 0, r = 16, a = Math.ceil(t.width), s = Math.ceil(t.height), i = (q = (A = this.$el) == null ? void 0 : A.querySelector) == null ? void 0 : q.call(A, ".wm-launcher"), l = (D = (M = this.$el) == null ? void 0 : M.querySelectorAll) == null ? void 0 : D.call(M, ".wm-peek"), g = l && l.length ? l[l.length - 1] : null;
       let k = null;
       if (g) {
-        const U = g.getBoundingClientRect();
+        const N = g.getBoundingClientRect();
         k = {
-          width: Math.ceil(U.width),
-          height: Math.ceil(U.height),
-          rightOffset: Math.max(0, Math.ceil(t.right - U.right)),
-          bottomOffset: Math.max(0, Math.ceil(t.bottom - U.bottom))
+          width: Math.ceil(N.width),
+          height: Math.ceil(N.height),
+          rightOffset: Math.max(0, Math.ceil(t.right - N.right)),
+          bottomOffset: Math.max(0, Math.ceil(t.bottom - N.bottom))
         };
       }
       this.notifyParentResize("closed", {
@@ -6432,8 +6439,18 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
       if (!t && (this.startConv(), t = this.currentConv, !t) || t._draft && (t = await this.ensureRealConv(), !t))
         return;
       const n = t.id, r = this.pendingAttachments.slice();
-      this.pendingAttachments = [], this.unreadAnchorId = null, this.unreadBoundaryTs = "", await this.store.send(n, e, {
-        attachments: r.length ? r : void 0
+      this.pendingAttachments = [], this.unreadAnchorId = null, this.unreadBoundaryTs = "";
+      const a = r.map((s) => {
+        const { _previewUrl: i, ...l } = s;
+        if (i)
+          try {
+            URL.revokeObjectURL(i);
+          } catch {
+          }
+        return l;
+      });
+      await this.store.send(n, e, {
+        attachments: a.length ? a : void 0
       });
     },
     async onSuggestion(e) {
@@ -6465,20 +6482,55 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
         }
       }));
     },
-    async onAttach(e) {
-      if (!(!e || !this.transport))
+    // True for attachments whose mime type makes them eligible for a
+    // local-blob thumbnail in the pending strip.
+    isPendingImage(e) {
+      return ((e == null ? void 0 : e.mime_type) || "").toLowerCase().startsWith("image/");
+    },
+    // Human-readable size label (bytes / KB / MB) for the pending
+    // file-card footer. Returns an empty string when the size is
+    // unknown so the row keeps a single-line layout.
+    formatAttachmentSize(e) {
+      return e ? e < 1024 ? this.t("attachment.bytes", { size: e }) : e < 1024 * 1024 ? this.t("attachment.kilobytes", {
+        size: (e / 1024).toFixed(0)
+      }) : this.t("attachment.megabytes", {
+        size: (e / (1024 * 1024)).toFixed(1)
+      }) : "";
+    },
+    // Drop a pending attachment from the strip, revoking the blob URL
+    // we created at attach time so the browser releases the underlying
+    // memory. Safe to call on non-image attachments (the field is
+    // simply absent).
+    removePendingAttachment(e) {
+      const t = this.pendingAttachments[e];
+      if (t != null && t._previewUrl)
         try {
-          const t = await this.transport.uploadAttachment(e);
-          this.pendingAttachments.push({
-            type: t.type || "file",
-            path: t.path,
-            name: e.name || this.t("attachment.fileFallbackName"),
-            mime_type: e.type,
-            size_bytes: e.size
-          });
-        } catch (t) {
-          console.error("[ww-messenger] attachment upload failed", t);
+          URL.revokeObjectURL(t._previewUrl);
+        } catch {
         }
+      this.pendingAttachments.splice(e, 1);
+    },
+    async onAttach(e) {
+      if (!e || !this.transport) return;
+      const n = (e.type || "").toLowerCase().startsWith("image/") ? URL.createObjectURL(e) : null;
+      try {
+        const r = await this.transport.uploadAttachment(e);
+        this.pendingAttachments.push({
+          type: r.type || "file",
+          path: r.path,
+          name: e.name || this.t("attachment.fileFallbackName"),
+          mime_type: e.type,
+          size_bytes: e.size,
+          _previewUrl: n
+        });
+      } catch (r) {
+        if (n)
+          try {
+            URL.revokeObjectURL(n);
+          } catch {
+          }
+        console.error("[ww-messenger] attachment upload failed", r);
+      }
     },
     // Délégation des clics sur les liens `<a href="#...">` rendus dans le
     // panel (typiquement par le markdown des messages agent). On capture
@@ -6560,14 +6612,20 @@ const Xa = /* @__PURE__ */ B(ja, [["render", Ja], ["__scopeId", "data-v-6d5f94a8
 }, lo = { class: "wm-actionWait__lbl" }, co = {
   key: 2,
   class: "wm-attached"
-}, uo = ["aria-label", "onClick"];
-function ho(e, t, n, r, a, s) {
-  const i = E("Launcher"), l = E("Header"), g = E("History"), k = E("Onboarding"), w = E("MessageList"), T = E("ApprovalCard"), I = E("FormCard"), A = E("Feedback"), q = E("SuggestionChips"), M = E("Composer"), N = E("MoreMenu"), U = E("RenameDialog");
+}, uo = ["src", "alt"], ho = {
+  key: 1,
+  class: "wm-attached__file"
+}, mo = { class: "wm-attached__fileMeta" }, fo = { class: "wm-attached__fileName" }, _o = {
+  key: 0,
+  class: "wm-attached__fileSize"
+}, go = ["aria-label", "onClick"];
+function po(e, t, n, r, a, s) {
+  const i = B("Launcher"), l = B("Header"), g = B("History"), k = B("Onboarding"), w = B("MessageList"), T = B("ApprovalCard"), E = B("FormCard"), A = B("Feedback"), q = B("SuggestionChips"), M = B("Composer"), D = B("MoreMenu"), N = B("RenameDialog");
   return c(), d("div", {
     class: R(["wm-root", `wm-root--${n.displayMode}`]),
     style: z(s.rootStyle)
   }, [
-    !a.isOpen && !s.isEmbedded ? (c(), P(i, {
+    !a.isOpen && !s.isEmbedded ? (c(), U(i, {
       key: 0,
       "unread-count": s.unreadCount,
       peeks: s.launcherPeeks,
@@ -6585,7 +6643,7 @@ function ho(e, t, n, r, a, s) {
       style: z(a.floatHeight ? { "--wm-float-h": a.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger",
-      onClick: t[6] || (t[6] = (...D) => s.onPanelClick && s.onPanelClick(...D))
+      onClick: t[6] || (t[6] = (...L) => s.onPanelClick && s.onPanelClick(...L))
     }, [
       !s.ready && !s.error ? (c(), d("div", Za, [
         s.isEmbedded ? b("", !0) : (c(), d("button", {
@@ -6593,7 +6651,7 @@ function ho(e, t, n, r, a, s) {
           type: "button",
           class: "wm-loading__close",
           "aria-label": s.t("loading.minimize"),
-          onClick: t[0] || (t[0] = (...D) => s.close && s.close(...D))
+          onClick: t[0] || (t[0] = (...L) => s.close && s.close(...L))
         }, [...t[7] || (t[7] = [
           o("svg", {
             width: "13",
@@ -6613,7 +6671,7 @@ function ho(e, t, n, r, a, s) {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : (c(), d(L, { key: 1 }, [
+      ])) : (c(), d(I, { key: 1 }, [
         V(l, {
           title: s.headerTitle,
           "team-members": s.teamMembers,
@@ -6650,11 +6708,11 @@ function ho(e, t, n, r, a, s) {
               o("div", ro, v(s.error), 1)
             ])
           ])
-        ])) : !s.currentConv && a.showHistory ? (c(), P(g, {
+        ])) : !s.currentConv && a.showHistory ? (c(), U(g, {
           key: 1,
           threads: s.openThreads,
           onResume: s.onDrawerPick
-        }, null, 8, ["threads", "onResume"])) : s.currentConv ? (c(), d(L, { key: 3 }, [
+        }, null, 8, ["threads", "onResume"])) : s.currentConv ? (c(), d(I, { key: 3 }, [
           V(w, {
             ref: "messageList",
             messages: s.displayedMessages,
@@ -6671,7 +6729,7 @@ function ho(e, t, n, r, a, s) {
           }, 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"]),
           o("div", io, [
             s.floatVisible ? (c(), d("div", ao, [
-              s.approvalReady ? (c(), P(T, {
+              s.approvalReady ? (c(), U(T, {
                 key: 0,
                 action: s.approvalTitle,
                 detail: s.approvalDetail,
@@ -6679,18 +6737,18 @@ function ho(e, t, n, r, a, s) {
                 "agent-name": s.agentName,
                 "agent-avatar-url": s.agentAvatarUrl,
                 onCallback: s.onApprovalCallback
-              }, null, 8, ["action", "detail", "callbacks", "agent-name", "agent-avatar-url", "onCallback"])) : s.pendingForm ? (c(), P(I, {
+              }, null, 8, ["action", "detail", "callbacks", "agent-name", "agent-avatar-url", "onCallback"])) : s.pendingForm ? (c(), U(E, {
                 key: s.pendingForm.message && s.pendingForm.message.id,
                 form: s.pendingForm.form,
                 "agent-name": s.agentName,
                 "agent-avatar-url": s.agentAvatarUrl,
                 onSubmit: s.onFormSubmit
-              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), P(A, {
+              }, null, 8, ["form", "agent-name", "agent-avatar-url", "onSubmit"])) : s.showFeedback ? (c(), U(A, {
                 key: 2,
                 busy: a.feedbackBusy,
                 done: a.feedbackDone,
                 onSubmit: s.onFeedback
-              }, null, 8, ["busy", "done", "onSubmit"])) : (c(), P(q, {
+              }, null, 8, ["busy", "done", "onSubmit"])) : (c(), U(q, {
                 key: 3,
                 items: s.suggestions,
                 onSelect: s.onSuggestion
@@ -6704,11 +6762,11 @@ function ho(e, t, n, r, a, s) {
               o("span", lo, v(s.t("action.inProgress", {
                 name: s.actionInFlightName
               })), 1)
-            ])) : (c(), P(M, {
+            ])) : (c(), U(M, {
               key: 2,
               ref: "composer",
               modelValue: a.draft,
-              "onUpdate:modelValue": t[2] || (t[2] = (D) => a.draft = D),
+              "onUpdate:modelValue": t[2] || (t[2] = (L) => a.draft = L),
               placeholder: s.composerPlaceholder,
               disabled: !!s.pendingApproval,
               "attach-label": s.t("composer.attachFile"),
@@ -6717,65 +6775,79 @@ function ho(e, t, n, r, a, s) {
               onAttach: s.onAttach
             }, null, 8, ["modelValue", "placeholder", "disabled", "attach-label", "display-mode", "onSend", "onAttach"]))
           ]),
-          a.moreOpen ? (c(), P(N, {
+          a.moreOpen ? (c(), U(D, {
             key: 0,
             "can-rename": !!s.currentConv && !s.currentConv._draft,
             "can-export": !!s.currentConv && !s.currentConv._draft,
             "sound-enabled": e.soundEnabled,
             "status-url": s.statusUrl,
             "help-url": s.helpUrl,
-            onClose: t[3] || (t[3] = (D) => a.moreOpen = !1),
+            onClose: t[3] || (t[3] = (L) => a.moreOpen = !1),
             onSoundToggle: e.onSoundToggle,
             onAction: s.onMoreAction
           }, null, 8, ["can-rename", "can-export", "sound-enabled", "status-url", "help-url", "onSoundToggle", "onAction"])) : b("", !0),
-          a.renameDialogOpen && s.currentConv && !s.currentConv._draft ? (c(), P(U, {
+          a.renameDialogOpen && s.currentConv && !s.currentConv._draft ? (c(), U(N, {
             key: 1,
             "initial-value": s.currentConv.name || "",
             title: s.t("rename.dialogTitle"),
-            onClose: t[4] || (t[4] = (D) => a.renameDialogOpen = !1),
+            onClose: t[4] || (t[4] = (L) => a.renameDialogOpen = !1),
             onSubmit: s.onRenameSubmit
           }, null, 8, ["initial-value", "title", "onSubmit"])) : b("", !0),
           a.pendingAttachments.length ? (c(), d("div", co, [
-            (c(!0), d(L, null, F(a.pendingAttachments, (D, K) => (c(), d("div", {
+            (c(!0), d(I, null, j(a.pendingAttachments, (L, K) => (c(), d("div", {
               key: K,
-              class: "wm-attached__chip"
+              class: "wm-attached__item"
             }, [
-              t[12] || (t[12] = o("svg", {
-                width: "11",
-                height: "11",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "1.8",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "aria-hidden": "true"
-              }, [
-                o("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
-              ], -1)),
-              o("span", null, v(D.name), 1),
+              s.isPendingImage(L) && L._previewUrl ? (c(), d("img", {
+                key: 0,
+                class: "wm-attached__thumb",
+                src: L._previewUrl,
+                alt: L.name
+              }, null, 8, uo)) : (c(), d("div", ho, [
+                t[11] || (t[11] = o("span", { class: "wm-attached__fileIcon" }, [
+                  o("svg", {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "1.7",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "aria-hidden": "true"
+                  }, [
+                    o("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" }),
+                    o("path", { d: "M14 2v6h6" })
+                  ])
+                ], -1)),
+                o("span", mo, [
+                  o("span", fo, v(L.name), 1),
+                  s.formatAttachmentSize(L.size_bytes) ? (c(), d("span", _o, v(s.formatAttachmentSize(L.size_bytes)), 1)) : b("", !0)
+                ])
+              ])),
               o("button", {
                 type: "button",
+                class: "wm-attached__remove",
                 "aria-label": s.t("attachment.remove"),
-                onClick: (Q) => a.pendingAttachments.splice(K, 1)
-              }, [...t[11] || (t[11] = [
+                onClick: (Q) => s.removePendingAttachment(K)
+              }, [...t[12] || (t[12] = [
                 o("svg", {
                   width: "10",
                   height: "10",
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
-                  "stroke-width": "2",
+                  "stroke-width": "2.4",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "aria-hidden": "true"
                 }, [
                   o("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, uo)
+              ])], 8, go)
             ]))), 128))
           ])) : b("", !0)
-        ], 64)) : (c(), P(k, {
+        ], 64)) : (c(), U(k, {
           key: 2,
           title: s.widgetTitle,
           subtitle: s.widgetSubtitle,
@@ -6787,16 +6859,16 @@ function ho(e, t, n, r, a, s) {
           onStart: s.startConv,
           onSelect: s.onQuickLink,
           onResume: s.onDrawerPick,
-          onViewHistory: t[1] || (t[1] = (D) => a.showHistory = !0)
+          onViewHistory: t[1] || (t[1] = (L) => a.showHistory = !0)
         }, null, 8, ["title", "subtitle", "agent-name", "default-icon-url", "quick-links", "open-threads", "busy", "onStart", "onSelect", "onResume"])),
-        a.moreOpen && !s.currentConv ? (c(), P(N, {
+        a.moreOpen && !s.currentConv ? (c(), U(D, {
           key: 4,
           "can-rename": !1,
           "can-export": !1,
           "sound-enabled": e.soundEnabled,
           "status-url": s.statusUrl,
           "help-url": s.helpUrl,
-          onClose: t[5] || (t[5] = (D) => a.moreOpen = !1),
+          onClose: t[5] || (t[5] = (L) => a.moreOpen = !1),
           onSoundToggle: e.onSoundToggle,
           onAction: s.onMoreAction
         }, null, 8, ["sound-enabled", "status-url", "help-url", "onSoundToggle", "onAction"])) : b("", !0)
@@ -6804,12 +6876,12 @@ function ho(e, t, n, r, a, s) {
     ], 6)) : b("", !0)
   ], 6);
 }
-const _o = /* @__PURE__ */ B(Qa, [["render", ho], ["__scopeId", "data-v-a3812812"]]), go = "0.5.61";
+const wo = /* @__PURE__ */ P(Qa, [["render", po], ["__scopeId", "data-v-ad854886"]]), bo = "0.5.62";
 export {
   oe as AIAvatar,
   be as AVATAR_COLORS,
   As as ActionResult,
-  Ui as ApprovalCard,
+  Ni as ApprovalCard,
   Es as ArtifactFormResponse,
   Ks as ArtifactInfoCard,
   ur as ArtifactRenderer,
@@ -6826,26 +6898,26 @@ export {
   qt as Launcher,
   Oe as MEDIA_RECORDER_SUPPORTED,
   ii as MessageList,
-  _o as Messenger,
-  Fa as MoreMenu,
+  wo as Messenger,
+  ja as MoreMenu,
   Jn as Onboarding,
   pe as SCREEN_CAPTURE_SUPPORTED,
   ut as SUPPORTED_LANGUAGES,
   xi as SuggestionChips,
   tn as TeamAvatars,
   Lr as Typing,
-  go as VERSION,
+  bo as VERSION,
   Me as avatarColor,
   Te as avatarInitials,
   oi as captureScreenshotFile,
   H as colors,
   st as createStore,
-  j as createTranslator,
+  F as createTranslator,
   Ze as createTransport,
   ne as dateLocale,
-  _o as default,
+  wo as default,
   Ce as formatTime,
-  fo as guessAttachmentKind,
+  yo as guessAttachmentKind,
   ai as pickRecorderMime,
   qe as renderInlineMarkdown,
   ft as renderMarkdown,