@_solaris/messenger-widget 0.5.63 → 0.5.65

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 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 w, 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";
+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 Fe, Fragment as I, renderList as F, withKeys as ge, withModifiers as J, createElementVNode as o, createCommentVNode as w, createBlock as U, 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";
 const Ye = [
   "connected",
   "message",
@@ -1150,7 +1150,7 @@ function xe(e) {
 function ne(e) {
   return Le[xe(e)] || Le[ue];
 }
-function F(e) {
+function j(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 = F()) {
+function ht(e, t, n = j()) {
   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 = F()) {
+function mt(e, t, n = j()) {
   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;
@@ -1342,7 +1342,7 @@ function pt(e, t, n, r) {
   return a.join(`
 `);
 }
-function vt(e, t, n = F(), r) {
+function vt(e, t, n = j(), r) {
   if (!e) return;
   const a = pt(e, t || [], n, ne(r)), s = new Blob([a], { type: "text/plain;charset=utf-8" });
   try {
@@ -1857,7 +1857,7 @@ const ve = /* @__PURE__ */ P(St, [["render", Tt], ["__scopeId", "data-v-14e10c0d
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     // Nombre de conversations non lues — pilote la pastille.
@@ -1877,7 +1877,7 @@ const ve = /* @__PURE__ */ P(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" }, Ut = { class: "wm-peek__name" }, Dt = { class: "wm-peek__action" }, Nt = { class: "wm-peek__text" }, jt = ["onClick"], Ft = ["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" }, Ft = ["onClick"], jt = ["aria-label"], Ht = ["aria-label"];
 function zt(e, t, n, r, a, s) {
   const i = B("HumanAvatar");
   return c(), d("div", {
@@ -1888,12 +1888,12 @@ function zt(e, t, n, r, a, s) {
     onFocusout: t[4] || (t[4] = (l) => e.$emit("hover", !1))
   }, [
     V(Ne, { name: "wm-peek" }, {
-      default: je(() => [
+      default: Fe(() => [
         s.visiblePeeks.length ? (c(), d("div", {
           key: 0,
           class: R(["wm-peekStack", { "wm-peekStack--multi": s.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), d(I, null, j(s.visiblePeeks, (l, g) => (c(), d("div", {
+          (c(!0), d(I, null, F(s.visiblePeeks, (l, g) => (c(), d("div", {
             key: l.convId,
             class: "wm-peek",
             style: z({
@@ -1954,7 +1954,7 @@ function zt(e, t, n, r, a, s) {
               type: "button",
               class: "wm-peek__open",
               onClick: J((k) => e.$emit("open", l.convId), ["stop"])
-            }, v(s.t("common.open")), 9, jt)
+            }, v(s.t("common.open")), 9, Ft)
           ], 44, Rt))), 128))
         ], 2)) : w("", !0)
       ]),
@@ -1988,7 +1988,7 @@ function zt(e, t, n, r, a, s) {
           count: n.unreadCount
         })
       }, v(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Ht)) : w("", !0)
-    ], 8, Ft)
+    ], 8, jt)
   ], 32);
 }
 const qt = /* @__PURE__ */ P(Ot, [["render", zt], ["__scopeId", "data-v-44ddf1a1"]]), $t = {
@@ -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(I, null, j(n.members.slice(0, 3), (i, l) => (c(), d("div", {
+      (c(!0), d(I, null, F(n.members.slice(0, 3), (i, l) => (c(), d("div", {
         key: l,
         class: "wm-team__pill",
         style: z({
@@ -2142,7 +2142,7 @@ const tn = /* @__PURE__ */ P(Yt, [["render", en], ["__scopeId", "data-v-e49a9063
   inject: {
     // Translator shared by the Messenger shell. Falls back to a French
     // translator when the component is used standalone (no provider).
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     title: { type: String, default: "Nouvelle conversation" },
@@ -2295,7 +2295,7 @@ const _n = /* @__PURE__ */ P(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: () => F() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2415,7 +2415,7 @@ const _n = /* @__PURE__ */ P(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"], Un = { class: "wm-onb__btn-label" }, Dn = ["onClick"], Nn = { class: "wm-onb__btn-icon" }, jn = ["aria-label"], Fn = {
+}, 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" }, Fn = ["aria-label"], jn = {
   key: 1,
   width: "18",
   height: "18",
@@ -2497,7 +2497,7 @@ function Yn(e, t, n, r, a, s) {
       ])
     ]),
     s.unreadThreads.length ? (c(), d("div", kn, [
-      (c(!0), d(I, null, j(s.unreadThreads, (l) => (c(), d("button", {
+      (c(!0), d(I, null, F(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(), U(Ae(s.avatarComponent(l)), Fe({
+          ])])) : (c(), U(Ae(s.avatarComponent(l)), je({
             key: 1,
             ref_for: !0
           }, s.avatarProps(l)), null, 16)),
@@ -2568,7 +2568,7 @@ function Yn(e, t, n, r, a, s) {
         ], -1)),
         o("span", Un, v(n.busy ? "…" : s.t("onboarding.start")), 1)
       ], 8, Pn),
-      (c(!0), d(I, null, j(n.quickLinks, (l, g) => (c(), d("button", {
+      (c(!0), d(I, null, F(n.quickLinks, (l, g) => (c(), d("button", {
         key: "ql-" + g,
         type: "button",
         class: "wm-onb__btn",
@@ -2581,7 +2581,7 @@ function Yn(e, t, n, r, a, s) {
             style: z(s.iconUrlStyle(l)),
             role: "img",
             "aria-label": l.label || ""
-          }, null, 12, jn)) : (c(), d("svg", Fn, [
+          }, null, 12, Fn)) : (c(), d("svg", jn, [
             o("path", {
               d: s.iconPath(l.icon)
             }, null, 8, Hn)
@@ -2629,7 +2629,7 @@ const Jn = /* @__PURE__ */ P(gn, [["render", Yn], ["__scopeId", "data-v-136c3afe
   name: "WmHistory",
   components: { AIAvatar: oe, HumanAvatar: ve },
   inject: {
-    t: { default: () => F() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -2732,7 +2732,7 @@ function us(e, t, n, r, a, s) {
       ])
     ]),
     o("div", ts, [
-      (c(!0), d(I, null, j(s.filteredThreads, (i) => (c(), d("button", {
+      (c(!0), d(I, null, F(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(), U(Ae(s.avatarComponent(i)), Fe({
+          ])])) : (c(), U(Ae(s.avatarComponent(i)), je({
             key: 1,
             ref_for: !0
           }, s.avatarProps(i)), null, 16)),
@@ -2904,7 +2904,7 @@ const As = /* @__PURE__ */ P(fs, [["render", Cs], ["__scopeId", "data-v-7284acd0
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     data: { type: Object, required: !0 }
@@ -2938,7 +2938,7 @@ function Is(e, t, n, r, a, s) {
       ])
     ]),
     o("div", Rs, [
-      (c(!0), d(I, null, j(s.fields, (i, l) => (c(), d("div", {
+      (c(!0), d(I, null, F(s.fields, (i, l) => (c(), d("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -2971,7 +2971,7 @@ const Es = /* @__PURE__ */ P(Ss, [["render", Is], ["__scopeId", "data-v-713aecf1
 }, Ps = { class: "wm-art wm-art--infoCard" }, Us = {
   key: 0,
   class: "wm-art__image"
-}, Ds = ["src", "alt"], Ns = { class: "wm-art__head" }, js = { class: "wm-art__headMain" }, Fs = { class: "wm-art__title" }, Hs = {
+}, Ds = ["src", "alt"], Ns = { class: "wm-art__head" }, Fs = { class: "wm-art__headMain" }, js = { class: "wm-art__title" }, Hs = {
   key: 0,
   class: "wm-art__subtitle"
 }, zs = {
@@ -2991,8 +2991,8 @@ function Vs(e, t, n, r, a, s) {
       }, null, 8, Ds)
     ])) : w("", !0),
     o("div", Ns, [
-      o("div", js, [
-        o("div", Fs, v(n.data.title), 1),
+      o("div", Fs, [
+        o("div", js, v(n.data.title), 1),
         n.data.subtitle ? (c(), d("div", Hs, v(n.data.subtitle), 1)) : w("", !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)) : w("", !0),
-      s.fields.length ? (c(!0), d(I, { key: 1 }, j(s.fields, (i, l) => (c(), d("div", {
+      s.fields.length ? (c(!0), d(I, { key: 1 }, F(s.fields, (i, l) => (c(), d("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -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: () => F() },
+    t: { default: () => j() },
     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)) : w("", !0)
     ]),
     s.fields.length ? (c(), d("div", tr, [
-      (c(!0), d(I, null, j(s.fields, (i, l) => (c(), d("div", {
+      (c(!0), d(I, null, F(s.fields, (i, l) => (c(), d("div", {
         key: l,
         class: "wm-art__field"
       }, [
@@ -3253,7 +3253,7 @@ const ur = /* @__PURE__ */ P(cr, [["render", dr]]), hr = {
     signAttachmentFn: { default: null },
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     attachment: { type: Object, required: !0 }
@@ -3348,7 +3348,8 @@ function kr(e, t, n, r, a, s) {
       key: 2,
       src: a.url,
       controls: "",
-      preload: "metadata"
+      playsinline: "",
+      preload: "auto"
     }, null, 8, gr)) : (c(), d("a", {
       key: 3,
       class: "wm-att__file",
@@ -3382,7 +3383,7 @@ function kr(e, t, n, r, a, s) {
     ], 8, pr))
   ], 2);
 }
-const Cr = /* @__PURE__ */ P(hr, [["render", kr], ["__scopeId", "data-v-0c3d5983"]]), Ar = {
+const Cr = /* @__PURE__ */ P(hr, [["render", kr], ["__scopeId", "data-v-0d27fca6"]]), Ar = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -3437,7 +3438,7 @@ const Ir = {
   inject: {
     // Translator + resolved-language getter shared by the Messenger
     // shell. Fall back to French wording when used standalone.
-    t: { default: () => F() },
+    t: { default: () => j() },
     wmLocale: { default: () => () => "fr" }
   },
   props: {
@@ -3831,6 +3832,14 @@ const Ir = {
       let D = l, N = l, L = l, K = l;
       return i ? (k && (N = g), (b || !s) && (L = g), k && M(E, k, r == null ? void 0 : r.top) && (D = g), b && M(A, b, r == null ? void 0 : r.bottom) && (K = g)) : (k && (D = g), (b || !s) && (K = g), k && M(E, k, r == null ? void 0 : r.top) && (N = g), b && M(A, b, r == null ? void 0 : r.bottom) && (L = g)), { tl: D, tr: N, br: L, bl: K };
     },
+    // Inline column-count for the mosaic grid, capped at 4. Single
+    // attachment falls back to the vertical-list layout (null). Two
+    // or three attachments take their exact count ; four or more
+    // wrap in a 4-column grid, so a 5th attachment lands alone on
+    // the next row rather than blowing out the bubble width.
+    mosaicGridStyle(e) {
+      return !e || e < 2 ? null : { "grid-template-columns": `repeat(${Math.min(e, 4)}, 1fr)` };
+    },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
     // ArtifactRenderer. Returns null for single-item clusters so
@@ -3984,10 +3993,10 @@ const Ir = {
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, Nr = { class: "wm-list__loadMore-lbl" }, jr = {
+}, Nr = { class: "wm-list__loadMore-lbl" }, Fr = {
   key: 1,
   class: "wm-list__historyEnd"
-}, Fr = {
+}, jr = {
   key: 2,
   class: "wm-list__sep"
 }, Hr = { class: "wm-list__sep-label" }, zr = {
@@ -4023,13 +4032,13 @@ function si(e, t, n, r, a, s) {
           "aria-hidden": "true"
         }, null, -1)),
         o("span", Nr, v(s.t("messageList.loadingHistory")), 1)
-      ])) : s.historyExhausted ? (c(), d("div", jr, v(s.t("messageList.conversationStart")), 1)) : w("", !0),
-      n.dateLabel ? (c(), d("div", Fr, [
+      ])) : s.historyExhausted ? (c(), d("div", Fr, v(s.t("messageList.conversationStart")), 1)) : w("", !0),
+      n.dateLabel ? (c(), d("div", jr, [
         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))
       ])) : w("", !0),
-      (c(!0), d(I, null, j(s.groups, (A, q) => (c(), d(I, {
+      (c(!0), d(I, null, F(s.groups, (A, q) => (c(), d(I, {
         key: A.key
       }, [
         A.key === s.unreadGroupKey ? (c(), d("div", zr, [
@@ -4046,7 +4055,7 @@ function si(e, t, n, r, a, s) {
             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(I, { key: 1 }, [
-            (c(!0), d(I, null, j(A.items, (M, D) => (c(), d(I, {
+            (c(!0), d(I, null, F(A.items, (M, D) => (c(), d(I, {
               key: `${s.messageKey(M.message)}-${M.partKey}`
             }, [
               o("div", {
@@ -4113,16 +4122,22 @@ function si(e, t, n, r, a, s) {
                   s.attachmentsOf(M.message).length ? (c(), d("div", {
                     key: 1,
                     class: R(["wm-list__atts", {
-                      "wm-list__atts--align-end": A.role === "user"
-                    }])
+                      "wm-list__atts--align-end": A.role === "user",
+                      "wm-list__atts--mosaic": s.attachmentsOf(M.message).length >= 2
+                    }]),
+                    style: z(
+                      s.mosaicGridStyle(
+                        s.attachmentsOf(M.message).length
+                      )
+                    )
                   }, [
-                    (c(!0), d(I, null, j(s.attachmentsOf(
+                    (c(!0), d(I, null, F(s.attachmentsOf(
                       M.message
                     ), (N, L) => (c(), U(T, {
                       key: `${s.messageKey(M.message)}-att-${L}`,
                       attachment: N
                     }, null, 8, ["attachment"]))), 128))
-                  ], 2)) : w("", !0)
+                  ], 6)) : w("", !0)
                 ], 2))
               ], 46, Kr),
               D < A.items.length - 1 && a.pressedItemKey === `${s.messageKey(M.message)}-${M.partKey}` && (A.role !== "user" || s.timeOf(M.message)) ? (c(), d("div", {
@@ -4158,7 +4173,7 @@ function si(e, t, n, r, a, s) {
       ])) : w("", !0)
     ], 34),
     V(Ne, { name: "wm-scrollDown" }, {
-      default: je(() => [
+      default: Fe(() => [
         a.showScrollDown ? (c(), d("button", {
           key: 0,
           type: "button",
@@ -4186,7 +4201,7 @@ function si(e, t, n, r, a, s) {
     })
   ]);
 }
-const ri = /* @__PURE__ */ P(Pr, [["render", si], ["__scopeId", "data-v-7486891c"]]), pe = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Oe = typeof window < "u" && typeof window.MediaRecorder < "u";
+const ri = /* @__PURE__ */ P(Pr, [["render", si], ["__scopeId", "data-v-4cd2d53a"]]), pe = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", Oe = typeof window < "u" && typeof window.MediaRecorder < "u";
 function ii() {
   return Oe && [
     "video/webm;codecs=vp9,opus",
@@ -4329,7 +4344,7 @@ const ci = [
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     modelValue: { type: String, default: "" },
@@ -4527,7 +4542,7 @@ function ki(e, t, n, r, a, s) {
         onClick: t[2] || (t[2] = (i) => a.attachOpen = !1)
       })) : w("", !0),
       a.attachOpen ? (c(), d("div", mi, [
-        (c(!0), d(I, null, j(s.attachItems, (i) => (c(), d("button", {
+        (c(!0), d(I, null, F(s.attachItems, (i) => (c(), d("button", {
           key: i.action,
           type: "button",
           class: "wm-compose__menuItem",
@@ -4631,7 +4646,7 @@ function Mi(e, t, n, r, a, s) {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (c(!0), d(I, null, j(n.items, (i, l) => (c(), d("button", {
+    (c(!0), d(I, null, F(n.items, (i, l) => (c(), d("button", {
       key: l,
       type: "button",
       class: "wm-chip",
@@ -4646,7 +4661,7 @@ const Ti = /* @__PURE__ */ P(Ai, [["render", Mi], ["__scopeId", "data-v-47ad8085
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     action: { type: String, required: !0 },
@@ -4730,13 +4745,13 @@ const Ni = /* @__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: () => F() }
+    t: { default: () => j() }
   },
   props: {
     form: { type: Object, required: !0 },
@@ -4813,7 +4828,7 @@ const Ni = /* @__PURE__ */ new Set([
       }
     }
   }
-}, Fi = { class: "wm-form" }, Hi = { class: "wm-form__head" }, zi = { class: "wm-form__icon" }, qi = { class: "wm-form__main" }, $i = { class: "wm-form__title" }, Vi = {
+}, ji = { class: "wm-form" }, Hi = { class: "wm-form__head" }, zi = { class: "wm-form__icon" }, qi = { class: "wm-form__main" }, $i = { class: "wm-form__title" }, Vi = {
   key: 0,
   class: "wm-form__detail"
 }, Ki = ["for"], Wi = {
@@ -4842,7 +4857,7 @@ const Ni = /* @__PURE__ */ new Set([
 };
 function ca(e, t, n, r, a, s) {
   const i = B("AIAvatar");
-  return c(), d("div", Fi, [
+  return c(), d("div", ji, [
     o("div", Hi, [
       o("div", zi, [
         V(i, {
@@ -4860,7 +4875,7 @@ function ca(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(I, null, j(s.normalizedFields, (l) => (c(), d("div", {
+      (c(!0), d(I, null, F(s.normalizedFields, (l) => (c(), d("div", {
         key: l.key,
         class: "wm-form__field"
       }, [
@@ -4938,14 +4953,14 @@ function ca(e, t, n, r, a, s) {
           disabled: n.readOnly || a.busy
         }, [
           o("option", ta, v(l.placeholder || s.t("form.choose")), 1),
-          (c(!0), d(I, null, j(l.options, (g) => (c(), d("option", {
+          (c(!0), d(I, null, F(l.options, (g) => (c(), d("option", {
             key: g.value,
             value: g.value
           }, v(g.label), 9, na))), 128))
         ], 8, ea)), [
           [Ge, a.values[l.key]]
         ]) : l.type === "multiselect" ? (c(), d("div", sa, [
-          (c(!0), d(I, null, j(l.options, (g) => (c(), d("label", {
+          (c(!0), d(I, null, F(l.options, (g) => (c(), d("label", {
             key: g.value,
             class: "wm-form__multiItem"
           }, [
@@ -4977,12 +4992,12 @@ function ca(e, t, n, r, a, s) {
     ], 32)
   ]);
 }
-const da = /* @__PURE__ */ P(ji, [["render", ca], ["__scopeId", "data-v-fe65cc56"]]), ua = {
+const da = /* @__PURE__ */ P(Fi, [["render", ca], ["__scopeId", "data-v-fe65cc56"]]), ua = {
   name: "WmFeedback",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     busy: { type: Boolean, default: !1 },
@@ -5039,7 +5054,7 @@ function Ca(e, t, n, r, a, s) {
       o("div", ma, v(s.t("feedback.question")), 1),
       o("div", fa, v(s.t("feedback.subtitle")), 1),
       o("div", _a, [
-        (c(!0), d(I, null, j(s.options, (i) => (c(), d("button", {
+        (c(!0), d(I, null, F(s.options, (i) => (c(), d("button", {
           key: i.v,
           type: "button",
           class: R(["wm-fb__opt", { "is-selected": a.sel === i.v }]),
@@ -5063,7 +5078,7 @@ const Aa = /* @__PURE__ */ P(ua, [["render", Ca], ["__scopeId", "data-v-9b630564
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -5243,12 +5258,12 @@ function Da(e, t, n, r, a, s) {
     ])
   ]);
 }
-const Na = /* @__PURE__ */ P(Sa, [["render", Da], ["__scopeId", "data-v-4cf6d578"]]), ja = {
+const Na = /* @__PURE__ */ P(Sa, [["render", Da], ["__scopeId", "data-v-4cf6d578"]]), Fa = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
     // the component is used standalone.
-    t: { default: () => F() }
+    t: { default: () => j() }
   },
   props: {
     // Empty defaults: the resolved fallback comes from the translator
@@ -5285,13 +5300,13 @@ const Na = /* @__PURE__ */ P(Sa, [["render", Da], ["__scopeId", "data-v-4cf6d578
       this.canSubmit && this.$emit("submit", this.value.trim());
     }
   }
-}, Fa = { class: "wm-dialog" }, Ha = {
+}, ja = { class: "wm-dialog" }, Ha = {
   class: "wm-dialog__card",
   role: "dialog",
   "aria-modal": "true"
 }, za = { class: "wm-dialog__head" }, qa = { class: "wm-dialog__title" }, $a = ["aria-label"], Va = { class: "wm-dialog__body" }, Ka = ["placeholder"], Wa = { class: "wm-dialog__actions" }, Ga = ["disabled"];
 function Ya(e, t, n, r, a, s) {
-  return c(), d("div", Fa, [
+  return c(), d("div", ja, [
     o("div", {
       class: "wm-dialog__scrim",
       onClick: t[0] || (t[0] = (i) => e.$emit("close"))
@@ -5352,7 +5367,7 @@ function Ya(e, t, n, r, a, s) {
     ])
   ]);
 }
-const Ja = /* @__PURE__ */ P(ja, [["render", Ya], ["__scopeId", "data-v-6d5f94a8"]]), De = "ww-messenger-tokens", Xa = {
+const Ja = /* @__PURE__ */ P(Fa, [["render", Ya], ["__scopeId", "data-v-6d5f94a8"]]), De = "ww-messenger-tokens", Xa = {
   name: "Messenger",
   components: {
     Launcher: qt,
@@ -5543,7 +5558,7 @@ const Ja = /* @__PURE__ */ P(ja, [["render", Ya], ["__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 F(this.locale);
+      return j(this.locale);
     },
     error() {
       var e;
@@ -6118,14 +6133,7 @@ const Ja = /* @__PURE__ */ P(ja, [["render", Ya], ["__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;
-      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();
+      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();
     },
     // ── Float overlay measurement ────────────────────────────────────
     syncFloatObserver(e) {
@@ -6443,12 +6451,7 @@ const Ja = /* @__PURE__ */ P(ja, [["render", Ya], ["__scopeId", "data-v-6d5f94a8
       const n = t.id, r = this.pendingAttachments.slice();
       this.pendingAttachments = [], this.unreadAnchorId = null, this.unreadBoundaryTs = "";
       const a = r.map((s) => {
-        const { _previewUrl: i, ...l } = s;
-        if (i)
-          try {
-            URL.revokeObjectURL(i);
-          } catch {
-          }
+        const { previewUrl: i, ...l } = s;
         return l;
       });
       await this.store.send(n, e, {
@@ -6484,11 +6487,6 @@ const Ja = /* @__PURE__ */ P(ja, [["render", Ya], ["__scopeId", "data-v-6d5f94a8
         }
       }));
     },
-    // 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.
@@ -6499,40 +6497,32 @@ const Ja = /* @__PURE__ */ P(ja, [["render", Ya], ["__scopeId", "data-v-6d5f94a8
         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).
+    // Drop a pending attachment from the strip.
     removePendingAttachment(e) {
-      const t = this.pendingAttachments[e];
-      if (t != null && t._previewUrl)
-        try {
-          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);
-      }
+      var t, n;
+      if (!(!e || !this.transport))
+        try {
+          const r = await this.transport.uploadAttachment(e), a = (r == null ? void 0 : r.type) === "image" || (e.type || "").toLowerCase().startsWith("image/") || ((r == null ? void 0 : r.mime_type) || "").toLowerCase().startsWith("image/");
+          let s = null;
+          if (a)
+            try {
+              s = await ((n = (t = this.store) == null ? void 0 : t.signAttachment) == null ? void 0 : n.call(t, r.path)) || null;
+            } catch {
+            }
+          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: s
+          });
+        } catch (r) {
+          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
@@ -6766,14 +6756,14 @@ function go(e, t, n, r, a, s) {
               })), 1)
             ])) : w("", !0),
             a.pendingAttachments.length ? (c(), d("div", lo, [
-              (c(!0), d(I, null, j(a.pendingAttachments, (L, K) => (c(), d("div", {
+              (c(!0), d(I, null, F(a.pendingAttachments, (L, K) => (c(), d("div", {
                 key: L.path || K,
                 class: "wm-attached__item"
               }, [
-                s.isPendingImage(L) && L._previewUrl ? (c(), d("img", {
+                L.previewUrl ? (c(), d("img", {
                   key: 0,
                   class: "wm-attached__thumb",
-                  src: L._previewUrl,
+                  src: L.previewUrl,
                   alt: L.name
                 }, null, 8, co)) : (c(), d("div", uo, [
                   t[11] || (t[11] = o("span", { class: "wm-attached__fileIcon" }, [
@@ -6881,7 +6871,7 @@ function go(e, t, n, r, a, s) {
     ], 6)) : w("", !0)
   ], 6);
 }
-const yo = /* @__PURE__ */ P(Xa, [["render", go], ["__scopeId", "data-v-b87f85e6"]]), wo = "0.5.63";
+const yo = /* @__PURE__ */ P(Xa, [["render", go], ["__scopeId", "data-v-a54649f6"]]), wo = "0.5.65";
 export {
   oe as AIAvatar,
   be as AVATAR_COLORS,
@@ -6917,7 +6907,7 @@ export {
   ai as captureScreenshotFile,
   H as colors,
   st as createStore,
-  F as createTranslator,
+  j as createTranslator,
   Ze as createTransport,
   ne as dateLocale,
   yo as default,