@_solaris/messenger-widget 0.2.27 → 0.2.28

package/dist/messenger.js

@@ -1,12 +1,12 @@
-import { reactive as Ae, openBlock as l, createElementBlock as d, createVNode as K, Transition as Se, withCtx as xe, withKeys as me, withModifiers as ee, createElementVNode as i, toDisplayString as b, createCommentVNode as w, normalizeStyle as G, normalizeClass as E, Fragment as M, renderList as j, resolveComponent as I, createBlock as $, createTextVNode as oe, resolveDynamicComponent as Me, renderSlot as Te, withDirectives as W, vModelText as Q, vModelCheckbox as Oe, vModelSelect as Ie, createStaticVNode as ue, markRaw as fe } from "vue";
-const Ee = [
+import { reactive as Ae, openBlock as l, createElementBlock as d, createVNode as K, Transition as Se, withCtx as xe, withKeys as me, withModifiers as ee, createElementVNode as i, toDisplayString as b, createCommentVNode as w, normalizeStyle as G, normalizeClass as B, Fragment as M, renderList as j, resolveComponent as I, createBlock as $, createTextVNode as oe, resolveDynamicComponent as Me, renderSlot as Te, withDirectives as W, vModelText as Q, vModelCheckbox as Oe, vModelSelect as Ie, createStaticVNode as ue, markRaw as fe } from "vue";
+const Be = [
   "connected",
   "message",
   "message_stream",
   "conversation_updated",
   "config_updated",
   "action_status"
-], Be = 5 * 60 * 1e3, Le = 10 * 60 * 1e3, $e = 5 * 60 * 1e3;
+], Ee = 5 * 60 * 1e3, Le = 10 * 60 * 1e3, $e = 5 * 60 * 1e3;
 function Re(t) {
   const e = {
     baseUrl: Fe(t.baseUrl || ""),
@@ -126,7 +126,7 @@ function Re(t) {
       `/conversations/${encodeURIComponent(h)}/messages${C}`
     );
   }
-  async function D(h, f) {
+  async function U(h, f) {
     z();
     const p = {
       client_msg_id: f.client_msg_id,
@@ -191,7 +191,7 @@ function Re(t) {
     if (!e.eventSource && !(typeof document < "u" && document.hidden))
       try {
         const h = new EventSource(Y());
-        for (const f of Ee)
+        for (const f of Be)
           h.addEventListener(f, (p) => J(f, p.data));
         h.addEventListener("error", () => a("error", new Error("SSE error"))), e.eventSource = h, r("open");
       } catch (h) {
@@ -229,7 +229,7 @@ function Re(t) {
     }
   }
   function ne() {
-    u(), !(typeof document < "u" && document.hidden) && (e.pollTimer = setInterval(le, Be));
+    u(), !(typeof document < "u" && document.hidden) && (e.pollTimer = setInterval(le, Ee));
   }
   function u() {
     e.pollTimer && (clearInterval(e.pollTimer), e.pollTimer = null);
@@ -280,7 +280,7 @@ function Re(t) {
     getConversation: A,
     patchConversation: P,
     listMessages: x,
-    postMessage: D,
+    postMessage: U,
     postCallback: F,
     uploadAttachment: N,
     signAttachment: V,
@@ -296,7 +296,7 @@ function Fe(t) {
 function je(t) {
   return t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : "file";
 }
-function Ue() {
+function De() {
   if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
     return crypto.randomUUID();
   const t = new Uint8Array(16);
@@ -308,7 +308,7 @@ function Ue() {
   const e = [...t].map((n) => n.toString(16).padStart(2, "0"));
   return e.slice(0, 4).join("") + "-" + e.slice(4, 6).join("") + "-" + e.slice(6, 8).join("") + "-" + e.slice(8, 10).join("") + "-" + e.slice(10, 16).join("");
 }
-function De(t) {
+function Ue(t) {
   const e = Ae({
     ready: !1,
     error: null,
@@ -441,7 +441,7 @@ function De(t) {
     var T;
     const h = (m || "").trim(), f = Array.isArray(_) && _.length > 0;
     if (!u || !h && !f) return;
-    const p = Ue(), C = ne(u), O = {
+    const p = De(), C = ne(u), O = {
       id: p,
       client_msg_id: p,
       conversation_id: u,
@@ -495,7 +495,7 @@ function De(t) {
     }
     return null;
   }
-  async function D(u, { rating: m, comment: _ } = {}) {
+  async function U(u, { rating: m, comment: _ } = {}) {
     const y = e.conversations.find((p) => p.id === u), f = {
       ...(y == null ? void 0 : y.metadata) || {},
       feedback: {
@@ -623,7 +623,7 @@ function De(t) {
     send: R,
     clickCallback: A,
     signAttachment: x,
-    submitFeedback: D,
+    submitFeedback: U,
     getPendingApproval: F,
     getActionInFlight: V,
     getLatestSuggestions: Y,
@@ -632,7 +632,7 @@ function De(t) {
     setPanelOpen: t.setPanelOpen
   };
 }
-const U = {
+const D = {
   w: "#ffffff",
   g50: "#F9F9F7",
   g100: "#F2F1EE",
@@ -664,21 +664,21 @@ const Ne = `
 .wm-root {
     --wm-f: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     --wm-fm: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
-    --wm-w: ${U.w};
-    --wm-g50: ${U.g50};
-    --wm-g100: ${U.g100};
-    --wm-g150: ${U.g150};
-    --wm-g200: ${U.g200};
-    --wm-g300: ${U.g300};
-    --wm-g400: ${U.g400};
-    --wm-g500: ${U.g500};
-    --wm-g700: ${U.g700};
-    --wm-g900: ${U.g900};
-    --wm-a: ${U.accent};
-    --wm-al: ${U.accentLight};
-    --wm-green: ${U.green};
-    --wm-red: ${U.red};
-    --wm-redBg: ${U.redBg};
+    --wm-w: ${D.w};
+    --wm-g50: ${D.g50};
+    --wm-g100: ${D.g100};
+    --wm-g150: ${D.g150};
+    --wm-g200: ${D.g200};
+    --wm-g300: ${D.g300};
+    --wm-g400: ${D.g400};
+    --wm-g500: ${D.g500};
+    --wm-g700: ${D.g700};
+    --wm-g900: ${D.g900};
+    --wm-a: ${D.accent};
+    --wm-al: ${D.accentLight};
+    --wm-green: ${D.green};
+    --wm-red: ${D.red};
+    --wm-redBg: ${D.redBg};
     --wm-sh1: 0 1px 3px rgba(0,0,0,.06);
     --wm-sh2: 0 4px 24px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05);
     --wm-shPanel: 0 12px 40px rgba(0,0,0,.13), 0 2px 8px rgba(0,0,0,.06);
@@ -704,7 +704,7 @@ const Ne = `
     0%   { transform: translateX(110%); opacity: 0; }
     100% { transform: translateX(0); opacity: 1; }
 }
-`, Pe = "https://api.messenger.victorc.fr", B = (t, e) => {
+`, Pe = "https://api.messenger.victorc.fr", E = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [a, r] of e)
     n[a] = r;
@@ -788,7 +788,7 @@ function We(t, e, n, a, r, s) {
     ])
   ]);
 }
-const Ke = /* @__PURE__ */ B(He, [["render", We], ["__scopeId", "data-v-fabef371"]]), Ge = {
+const Ke = /* @__PURE__ */ E(He, [["render", We], ["__scopeId", "data-v-fabef371"]]), Ge = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
@@ -806,12 +806,12 @@ const Ke = /* @__PURE__ */ B(He, [["render", We], ["__scopeId", "data-v-fabef371
 }, Je = ["width", "height"];
 function Xe(t, e, n, a, r, s) {
   return l(), d("div", {
-    class: E(["wm-aiav", { "wm-aiav--tail": n.tail }]),
+    class: B(["wm-aiav", { "wm-aiav--tail": n.tail }]),
     style: G({ width: n.size + "px", height: n.size + "px", "--wm-avr": n.size * 0.32 + "px" })
   }, [
     n.pulse ? (l(), d("div", Ye)) : w("", !0),
     i("div", {
-      class: E(["wm-aiav__inner", { "wm-aiav__inner--glow": n.pulse }])
+      class: B(["wm-aiav__inner", { "wm-aiav__inner--glow": n.pulse }])
     }, [
       (l(), d("svg", {
         width: n.size * 0.5,
@@ -843,7 +843,7 @@ function Xe(t, e, n, a, r, s) {
     ], 2)
   ], 6);
 }
-const te = /* @__PURE__ */ B(Ge, [["render", Xe], ["__scopeId", "data-v-8c924688"]]), Qe = {
+const te = /* @__PURE__ */ E(Ge, [["render", Xe], ["__scopeId", "data-v-8c924688"]]), Qe = {
   name: "WmHumanAvatar",
   props: {
     name: { type: String, default: "" },
@@ -879,7 +879,7 @@ function et(t, e, n, a, r, s) {
     }, b(s.initials), 5))
   ], 4);
 }
-const ke = /* @__PURE__ */ B(Qe, [["render", et], ["__scopeId", "data-v-a772b179"]]), tt = {
+const ke = /* @__PURE__ */ E(Qe, [["render", et], ["__scopeId", "data-v-a772b179"]]), tt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -929,7 +929,7 @@ function at(t, e, n, a, r, s) {
     n.responseLabel ? (l(), d("span", it, b(n.responseLabel), 1)) : w("", !0)
   ])) : w("", !0);
 }
-const ot = /* @__PURE__ */ B(tt, [["render", at], ["__scopeId", "data-v-3659b9c1"]]), lt = {
+const ot = /* @__PURE__ */ E(tt, [["render", at], ["__scopeId", "data-v-3659b9c1"]]), lt = {
   name: "WmHeader",
   components: { AIAvatar: te, HumanAvatar: ke, TeamAvatars: ot },
   props: {
@@ -1027,7 +1027,7 @@ function yt(t, e, n, a, r, s) {
       n.showMore ? (l(), d("button", {
         key: 0,
         type: "button",
-        class: E(["wm-header__icon", { "wm-header__icon--active": n.moreActive }]),
+        class: B(["wm-header__icon", { "wm-header__icon--active": n.moreActive }]),
         "aria-label": "Plus d'options",
         title: "Plus d'options",
         onClick: e[1] || (e[1] = (k) => t.$emit("more"))
@@ -1081,7 +1081,7 @@ function yt(t, e, n, a, r, s) {
     ])
   ]);
 }
-const gt = /* @__PURE__ */ B(lt, [["render", yt], ["__scopeId", "data-v-b5f5f6a9"]]), _e = {
+const gt = /* @__PURE__ */ E(lt, [["render", yt], ["__scopeId", "data-v-b5f5f6a9"]]), _e = {
   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",
@@ -1115,10 +1115,10 @@ Je réponds en quelques secondes.`;
 }, bt = { class: "wm-onb" }, kt = { class: "wm-onb__hero" }, Ct = { class: "wm-onb__title" }, At = { class: "wm-onb__sub" }, St = {
   key: 0,
   class: "wm-onb__section"
-}, xt = { class: "wm-onb__links" }, Mt = ["onClick"], Tt = { class: "wm-onb__resume-body" }, Ot = { class: "wm-onb__resume-title" }, It = { class: "wm-onb__resume-preview" }, Et = {
+}, xt = { class: "wm-onb__links" }, Mt = ["onClick"], Tt = { class: "wm-onb__resume-body" }, Ot = { class: "wm-onb__resume-title" }, It = { class: "wm-onb__resume-preview" }, Bt = {
   key: 1,
   class: "wm-onb__section"
-}, Bt = { class: "wm-onb__links" }, Lt = ["onClick"], $t = { class: "wm-onb__link-icon" }, Rt = {
+}, Et = { class: "wm-onb__links" }, Lt = ["onClick"], $t = { class: "wm-onb__link-icon" }, Rt = {
   width: "14",
   height: "14",
   viewBox: "0 0 24 24",
@@ -1128,7 +1128,7 @@ Je réponds en quelques secondes.`;
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Ft = ["d"], jt = { class: "wm-onb__link-label" }, Ut = { class: "wm-onb__cta" }, Dt = ["disabled"];
+}, Ft = ["d"], jt = { class: "wm-onb__link-label" }, Dt = { class: "wm-onb__cta" }, Ut = ["disabled"];
 function Nt(t, e, n, a, r, s) {
   const o = I("AIAvatar");
   return l(), d("div", bt, [
@@ -1189,9 +1189,9 @@ function Nt(t, e, n, a, r, s) {
         ], 8, Mt))), 128))
       ])
     ])) : w("", !0),
-    n.quickLinks.length ? (l(), d("div", Et, [
+    n.quickLinks.length ? (l(), d("div", Bt, [
       e[5] || (e[5] = i("div", { class: "wm-onb__section-title" }, "Accès rapide", -1)),
-      i("div", Bt, [
+      i("div", Et, [
         (l(!0), d(M, null, j(n.quickLinks, (c, v) => (l(), d("button", {
           key: v,
           type: "button",
@@ -1223,17 +1223,17 @@ function Nt(t, e, n, a, r, s) {
         ], 8, Lt))), 128))
       ])
     ])) : w("", !0),
-    i("div", Ut, [
+    i("div", Dt, [
       i("button", {
         type: "button",
         class: "wm-onb__startBtn",
         disabled: n.busy,
         onClick: e[0] || (e[0] = (c) => t.$emit("start"))
-      }, b(n.busy ? "…" : "Commencer une conversation"), 9, Dt)
+      }, b(n.busy ? "…" : "Commencer une conversation"), 9, Ut)
     ])
   ]);
 }
-const Pt = /* @__PURE__ */ B(wt, [["render", Nt], ["__scopeId", "data-v-bd89bc8f"]]);
+const Pt = /* @__PURE__ */ E(wt, [["render", Nt], ["__scopeId", "data-v-bd89bc8f"]]);
 function Ht(t) {
   return typeof t != "string" ? "" : t.replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), "$1").replace(/__([^_]+)__/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\s+/g, " ").trim();
 }
@@ -1296,7 +1296,7 @@ const zt = {
 }, Yt = { class: "wm-result__label" }, Jt = { class: "wm-result__detail" };
 function Xt(t, e, n, a, r, s) {
   return l(), d("div", {
-    class: E(["wm-result", `wm-result--${n.state}`])
+    class: B(["wm-result", `wm-result--${n.state}`])
   }, [
     i("span", Vt, [
       n.state === "success" ? (l(), d("svg", qt, [...e[0] || (e[0] = [
@@ -1336,7 +1336,7 @@ function Xt(t, e, n, a, r, s) {
     ], 64)) : w("", !0)
   ], 2);
 }
-const Qt = /* @__PURE__ */ B(zt, [["render", Xt], ["__scopeId", "data-v-7f90dad6"]]), Zt = {
+const Qt = /* @__PURE__ */ E(zt, [["render", Xt], ["__scopeId", "data-v-1a71943e"]]), Zt = {
   name: "WmArtifactFormResponse",
   props: {
     data: { type: Object, required: !0 }
@@ -1376,13 +1376,13 @@ function an(t, e, n, a, r, s) {
       }, [
         i("div", rn, b(o.label), 1),
         i("div", {
-          class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
+          class: B(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, b(o.value), 3)
       ]))), 128))
     ])
   ]);
 }
-const on = /* @__PURE__ */ B(Zt, [["render", an], ["__scopeId", "data-v-ca24a9c9"]]), ln = {
+const on = /* @__PURE__ */ E(Zt, [["render", an], ["__scopeId", "data-v-ca24a9c9"]]), ln = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -1426,7 +1426,7 @@ function gn(t, e, n, a, r, s) {
       ]),
       n.data.badge && n.data.badge.label ? (l(), d("span", {
         key: 0,
-        class: E(["wm-art__badge", `wm-art__badge--${n.data.badge.tone || "neutral"}`])
+        class: B(["wm-art__badge", `wm-art__badge--${n.data.badge.tone || "neutral"}`])
       }, b(n.data.badge.label), 3)) : w("", !0)
     ]),
     s.hasBody ? (l(), d("div", pn, [
@@ -1437,13 +1437,13 @@ function gn(t, e, n, a, r, s) {
       }, [
         i("div", yn, b(o.label), 1),
         i("div", {
-          class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
+          class: B(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, b(o.value), 3)
       ]))), 128)) : w("", !0)
     ])) : w("", !0)
   ]);
 }
-const wn = /* @__PURE__ */ B(ln, [["render", gn], ["__scopeId", "data-v-d7369333"]]);
+const wn = /* @__PURE__ */ E(ln, [["render", gn], ["__scopeId", "data-v-d7369333"]]);
 function bn(t) {
   if (!t) return "";
   const e = new Date(t);
@@ -1491,7 +1491,7 @@ const kn = {
 }, On = {
   key: 0,
   class: "wm-art__body"
-}, In = { class: "wm-art__fieldLabel" }, En = ["data-level"], Bn = {
+}, In = { class: "wm-art__fieldLabel" }, Bn = ["data-level"], En = {
   key: 1,
   class: "wm-tk__date",
   width: "12",
@@ -1530,7 +1530,7 @@ function $n(t, e, n, a, r, s) {
           i("span", null, b(n.data.reference), 1)
         ]),
         i("span", {
-          class: E(["wm-art__badge", "wm-tk__badge", `wm-art__badge--${n.data.status.tone || "neutral"}`])
+          class: B(["wm-art__badge", "wm-tk__badge", `wm-art__badge--${n.data.status.tone || "neutral"}`])
         }, [
           e[1] || (e[1] = i("span", {
             class: "wm-tk__dot",
@@ -1548,7 +1548,7 @@ function $n(t, e, n, a, r, s) {
       }, [
         i("div", In, b(o.label), 1),
         i("div", {
-          class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
+          class: B(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, [
           s.isPriority(o.label) ? (l(), d("svg", {
             key: 0,
@@ -1580,7 +1580,7 @@ function $n(t, e, n, a, r, s) {
               height: "9",
               rx: "0.5"
             }, null, -1)
-          ])], 8, En)) : s.isDate(o.label) ? (l(), d("svg", Bn, [...e[3] || (e[3] = [
+          ])], 8, Bn)) : s.isDate(o.label) ? (l(), d("svg", En, [...e[3] || (e[3] = [
             i("rect", {
               x: "3",
               y: "4",
@@ -1619,7 +1619,7 @@ function $n(t, e, n, a, r, s) {
     ])) : w("", !0)
   ]);
 }
-const Rn = /* @__PURE__ */ B(kn, [["render", $n], ["__scopeId", "data-v-8b274eb7"]]), Fn = {
+const Rn = /* @__PURE__ */ E(kn, [["render", $n], ["__scopeId", "data-v-8b274eb7"]]), Fn = {
   form_response: on,
   info_card: wn,
   ticket: Rn
@@ -1638,13 +1638,13 @@ const Rn = /* @__PURE__ */ B(kn, [["render", $n], ["__scopeId", "data-v-8b274eb7
     }
   }
 };
-function Un(t, e, n, a, r, s) {
+function Dn(t, e, n, a, r, s) {
   return s.component ? (l(), $(Me(s.component), {
     key: 0,
     data: n.artifact.data
   }, null, 8, ["data"])) : w("", !0);
 }
-const Dn = /* @__PURE__ */ B(jn, [["render", Un]]), Nn = {
+const Un = /* @__PURE__ */ E(jn, [["render", Dn]]), Nn = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null }
@@ -1708,7 +1708,7 @@ const Dn = /* @__PURE__ */ B(jn, [["render", Un]]), Nn = {
 };
 function Jn(t, e, n, a, r, s) {
   return l(), d("div", {
-    class: E(["wm-att", ["wm-att--" + (s.kind || "file")]])
+    class: B(["wm-att", ["wm-att--" + (s.kind || "file")]])
   }, [
     s.kind === "image" && r.url ? (l(), d("a", {
       key: 0,
@@ -1765,7 +1765,7 @@ function Jn(t, e, n, a, r, s) {
     ], 8, qn))
   ], 2);
 }
-const Xn = /* @__PURE__ */ B(Nn, [["render", Jn], ["__scopeId", "data-v-1cd1267b"]]);
+const Xn = /* @__PURE__ */ E(Nn, [["render", Jn], ["__scopeId", "data-v-1cd1267b"]]);
 function Qn(t) {
   return String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
@@ -1859,14 +1859,14 @@ const ts = {
 }, ns = ["innerHTML"];
 function ss(t, e, n, a, r, s) {
   return l(), d("div", {
-    class: E(["wm-bubble", "wm-bubble--" + n.role])
+    class: B(["wm-bubble", "wm-bubble--" + n.role])
   }, [
     Te(t.$slots, "default", {}, () => [
       i("span", { innerHTML: s.rendered }, null, 8, ns)
     ], !0)
   ], 2);
 }
-const rs = /* @__PURE__ */ B(ts, [["render", ss], ["__scopeId", "data-v-5c9e9f2b"]]), is = { name: "WmTyping" }, as = { class: "wm-typing" };
+const rs = /* @__PURE__ */ E(ts, [["render", ss], ["__scopeId", "data-v-5c9e9f2b"]]), is = { name: "WmTyping" }, as = { class: "wm-typing" };
 function os(t, e, n, a, r, s) {
   return l(), d("div", as, [...e[0] || (e[0] = [
     i("span", { style: { "animation-delay": "0s" } }, null, -1),
@@ -1874,7 +1874,7 @@ function os(t, e, n, a, r, s) {
     i("span", { style: { "animation-delay": "0.4s" } }, null, -1)
   ])]);
 }
-const ls = /* @__PURE__ */ B(is, [["render", os], ["__scopeId", "data-v-df2447fd"]]);
+const ls = /* @__PURE__ */ E(is, [["render", os], ["__scopeId", "data-v-df2447fd"]]);
 function Z(t) {
   return t ? t.client_msg_id || t.id : "";
 }
@@ -1887,7 +1887,7 @@ const cs = {
   idle: "Conversation en pause"
 }, ds = 80, us = 200, hs = {
   name: "WmMessageList",
-  components: { AIAvatar: te, HumanAvatar: ke, Bubble: rs, Typing: ls, ActionResult: Qt, AttachmentPreview: Xn, ArtifactRenderer: Dn },
+  components: { AIAvatar: te, HumanAvatar: ke, Bubble: rs, Typing: ls, ActionResult: Qt, AttachmentPreview: Xn, ArtifactRenderer: Un },
   props: {
     messages: { type: Array, default: () => [] },
     streamingActive: { type: Boolean, default: !1 },
@@ -1903,7 +1903,12 @@ const cs = {
     // current thread. Drives the "Non lus" separator: rendered before the
     // first non-user group whose first message is newer than this anchor.
     // Empty string disables the separator (fresh thread or no prior read).
-    unreadAnchorTs: { type: String, default: "" }
+    unreadAnchorTs: { type: String, default: "" },
+    // Borne haute (instant ISO d'ouverture du thread). Les messages dont
+    // `created_at` la dépasse sont arrivés EN DIRECT pendant que
+    // l'utilisateur regardait — ils n'entrent pas dans le batch "Non lus".
+    // Vide ⇒ pas de borne haute (rétrocompatible).
+    unreadBoundaryTs: { type: String, default: "" }
   },
   emits: ["load-more"],
   data() {
@@ -1980,7 +1985,7 @@ const cs = {
       for (const t of this.groups) {
         if (t.role === "user" || t.role === "system") continue;
         const e = t.messages[0];
-        if (e != null && e.created_at && e.created_at > this.unreadAnchorTs)
+        if (e != null && e.created_at && !(e.created_at <= this.unreadAnchorTs) && !(this.unreadBoundaryTs && e.created_at > this.unreadBoundaryTs))
           return t.key;
       }
       return null;
@@ -2189,8 +2194,8 @@ const cs = {
     cornersFor(t, e) {
       var Y, H, J;
       const n = t.items, a = (Y = n[e]) == null ? void 0 : Y.kind, r = (H = n[e - 1]) == null ? void 0 : H.kind, s = (J = n[e + 1]) == null ? void 0 : J.kind, o = t.role === "user", c = 14, v = 4, k = r == null ? void 0 : r.bottom, g = s == null ? void 0 : s.top, S = this.widthByKey[this.rowKeyOf(t, e)], R = this.widthByKey[this.rowKeyOf(t, e - 1)], A = this.widthByKey[this.rowKeyOf(t, e + 1)], P = 0.5, x = (q, z, X) => q != null && S != null ? q + P >= S : z === X || z === "card" && X === "bubble";
-      let D = c, F = c, N = c, V = c;
-      return o ? (k && (F = v), (g || !s) && (N = v), k && x(R, k, a == null ? void 0 : a.top) && (D = v), g && x(A, g, a == null ? void 0 : a.bottom) && (V = v)) : (k && (D = v), (g || !s) && (V = v), k && x(R, k, a == null ? void 0 : a.top) && (F = v), g && x(A, g, a == null ? void 0 : a.bottom) && (N = v)), { tl: D, tr: F, br: N, bl: V };
+      let U = c, F = c, N = c, V = c;
+      return o ? (k && (F = v), (g || !s) && (N = v), k && x(R, k, a == null ? void 0 : a.top) && (U = v), g && x(A, g, a == null ? void 0 : a.bottom) && (V = v)) : (k && (U = v), (g || !s) && (V = v), k && x(R, k, a == null ? void 0 : a.top) && (F = v), g && x(A, g, a == null ? void 0 : a.bottom) && (N = v)), { tl: U, tr: F, br: N, bl: V };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -2329,7 +2334,7 @@ function Ts(t, e, n, a, r, s) {
   const o = I("AIAvatar"), c = I("HumanAvatar"), v = I("ActionResult"), k = I("ArtifactRenderer"), g = I("Bubble"), S = I("AttachmentPreview"), R = I("Typing");
   return l(), d("div", {
     ref: "scrollEl",
-    class: E(["wm-list", { "wm-list--silent": r.silentFades }]),
+    class: B(["wm-list", { "wm-list--silent": r.silentFades }]),
     onScrollPassive: e[0] || (e[0] = (...A) => s.onScroll && s.onScroll(...A))
   }, [
     n.loadingMore ? (l(), d("div", ms, [...e[1] || (e[1] = [
@@ -2353,21 +2358,21 @@ function Ts(t, e, n, a, r, s) {
         i("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)
       ])])) : w("", !0),
       i("div", {
-        class: E(["wm-list__group", "wm-list__group--" + A.role])
+        class: B(["wm-list__group", "wm-list__group--" + A.role])
       }, [
         A.role === "system" ? (l(), d("div", ys, [
           e[5] || (e[5] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
           i("span", gs, b(A.systemLabel), 1),
           e[6] || (e[6] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
         ])) : (l(), d(M, { key: 1 }, [
-          (l(!0), d(M, null, j(A.items, (x, D) => (l(), d("div", {
+          (l(!0), d(M, null, j(A.items, (x, U) => (l(), d("div", {
             key: `${s.messageKey(x.message)}-${x.partKey}`,
             "data-row-key": `${s.messageKey(x.message)}-${x.partKey}`,
-            class: E(["wm-list__row fade-up", ["wm-list__row--" + A.role, { "is-pending": x.message._pending, "is-failed": x.message._failed }]]),
-            style: G(s.cornersStyle(A, D))
+            class: B(["wm-list__row fade-up", ["wm-list__row--" + A.role, { "is-pending": x.message._pending, "is-failed": x.message._failed }]]),
+            style: G(s.cornersStyle(A, U))
           }, [
             A.role !== "user" ? (l(), d("div", bs, [
-              D === A.items.length - 1 ? (l(), d(M, { key: 0 }, [
+              U === A.items.length - 1 ? (l(), d(M, { key: 0 }, [
                 A.role === "ai" ? (l(), $(o, {
                   key: 0,
                   size: 26,
@@ -2404,7 +2409,7 @@ function Ts(t, e, n, a, r, s) {
               }, null, 8, ["role", "text"])) : w("", !0),
               s.attachmentsOf(x.message).length ? (l(), d("div", {
                 key: 1,
-                class: E(["wm-list__atts", { "wm-list__atts--align-end": A.role === "user" }])
+                class: B(["wm-list__atts", { "wm-list__atts--align-end": A.role === "user" }])
               }, [
                 (l(!0), d(M, null, j(s.attachmentsOf(x.message), (F, N) => (l(), $(S, {
                   key: `${s.messageKey(x.message)}-att-${N}`,
@@ -2415,7 +2420,7 @@ function Ts(t, e, n, a, r, s) {
           ], 14, ws))), 128)),
           A.role !== "user" || s.lastTimeOf(A) ? (l(), d("div", {
             key: 0,
-            class: E(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
+            class: B(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
           }, [
             A.role !== "user" ? (l(), d("span", Cs, b(s.roleLabel(A)), 1)) : w("", !0),
             A.role !== "user" && s.lastTimeOf(A) ? (l(), d("span", As, "·")) : w("", !0),
@@ -2435,7 +2440,7 @@ function Ts(t, e, n, a, r, s) {
     ])) : w("", !0)
   ], 34);
 }
-const Os = /* @__PURE__ */ B(hs, [["render", Ts], ["__scopeId", "data-v-3955655c"]]), ie = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", he = typeof window < "u" && typeof window.MediaRecorder < "u";
+const Os = /* @__PURE__ */ E(hs, [["render", Ts], ["__scopeId", "data-v-63002c7f"]]), ie = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", he = typeof window < "u" && typeof window.MediaRecorder < "u";
 function Is() {
   return he && [
     "video/webm;codecs=vp9,opus",
@@ -2459,7 +2464,7 @@ function Ce({ audio: t }) {
 function Hi(t) {
   return t ? t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : "file" : "file";
 }
-async function Es() {
+async function Bs() {
   if (!ie) return null;
   let t;
   try {
@@ -2468,7 +2473,7 @@ async function Es() {
     return (e == null ? void 0 : e.name) !== "NotAllowedError" && console.error("[media] screenshot picker", e), null;
   }
   try {
-    return await Bs(t);
+    return await Es(t);
   } catch (e) {
     return console.error("[media] screenshot capture", e), null;
   } finally {
@@ -2477,7 +2482,7 @@ async function Es() {
     });
   }
 }
-async function Bs(t) {
+async function Es(t) {
   const e = document.createElement("video");
   e.muted = !0, e.playsInline = !0, e.srcObject = t, await e.play(), await new Promise((c) => requestAnimationFrame(c));
   const n = e.videoWidth || 1280, a = e.videoHeight || 720, r = document.createElement("canvas");
@@ -2514,8 +2519,8 @@ async function Ls(t = {}) {
     if (s && clearInterval(s), e.getTracks().forEach((R) => {
       R.stop();
     }), r.length) {
-      const R = a.mimeType || n || "video/webm", A = new Blob(r, { type: R }), P = /mp4/.test(R) ? "mp4" : "webm", x = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), D = new File([A], `ecran-${x}.${P}`, { type: R });
-      (g = t.onfinalize) == null || g.call(t, D);
+      const R = a.mimeType || n || "video/webm", A = new Blob(r, { type: R }), P = /mp4/.test(R) ? "mp4" : "webm", x = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), U = new File([A], `ecran-${x}.${P}`, { type: R });
+      (g = t.onfinalize) == null || g.call(t, U);
     } else
       (S = t.oncancel) == null || S.call(t);
   }), e.getVideoTracks().forEach((g) => {
@@ -2659,7 +2664,7 @@ const $s = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const t = await Es();
+      const t = await Bs();
       t && this.$emit("attach", t);
     },
     async startRecording() {
@@ -2693,7 +2698,7 @@ const $s = [
 }, Fs = { class: "wm-compose-wrap" }, js = {
   key: 0,
   class: "wm-rec"
-}, Us = { class: "wm-rec__lbl" }, Ds = {
+}, Ds = { class: "wm-rec__lbl" }, Us = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
@@ -2710,7 +2715,7 @@ function Gs(t, e, n, a, r, s) {
         class: "wm-rec__dot",
         "aria-hidden": "true"
       }, null, -1)),
-      i("span", Us, "Enregistrement · " + b(s.recordingElapsedLabel), 1),
+      i("span", Ds, "Enregistrement · " + b(s.recordingElapsedLabel), 1),
       i("button", {
         type: "button",
         class: "wm-rec__stop",
@@ -2718,7 +2723,7 @@ function Gs(t, e, n, a, r, s) {
       }, "Arrêter")
     ])) : w("", !0),
     i("form", {
-      class: E(["wm-compose", { "has-attach": r.attachOpen }]),
+      class: B(["wm-compose", { "has-attach": r.attachOpen }]),
       onSubmit: e[7] || (e[7] = ee((...o) => s.onSubmit && s.onSubmit(...o), ["prevent"]))
     }, [
       i("input", {
@@ -2733,7 +2738,7 @@ function Gs(t, e, n, a, r, s) {
         class: "wm-compose__overlay",
         onClick: e[2] || (e[2] = (o) => r.attachOpen = !1)
       })) : w("", !0),
-      r.attachOpen ? (l(), d("div", Ds, [
+      r.attachOpen ? (l(), d("div", Us, [
         (l(!0), d(M, null, j(s.attachItems, (o) => (l(), d("button", {
           key: o.action,
           type: "button",
@@ -2771,7 +2776,7 @@ function Gs(t, e, n, a, r, s) {
       i("div", qs, [
         i("button", {
           type: "button",
-          class: E(["wm-compose__icon", { "is-open": r.attachOpen }]),
+          class: B(["wm-compose__icon", { "is-open": r.attachOpen }]),
           title: n.attachLabel,
           "aria-label": n.attachLabel,
           disabled: r.recording,
@@ -2793,7 +2798,7 @@ function Gs(t, e, n, a, r, s) {
         ])], 10, Ws),
         i("button", {
           type: "submit",
-          class: E(["wm-compose__send", { "is-empty": !s.canSend }]),
+          class: B(["wm-compose__send", { "is-empty": !s.canSend }]),
           disabled: !s.canSend,
           "aria-label": "Envoyer"
         }, [...e[10] || (e[10] = [
@@ -2815,7 +2820,7 @@ function Gs(t, e, n, a, r, s) {
     ], 34)
   ]);
 }
-const Ys = /* @__PURE__ */ B(Rs, [["render", Gs], ["__scopeId", "data-v-14fa9ec0"]]), Js = {
+const Ys = /* @__PURE__ */ E(Rs, [["render", Gs], ["__scopeId", "data-v-14fa9ec0"]]), Js = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -2847,7 +2852,7 @@ function Qs(t, e, n, a, r, s) {
     }, b(o.label), 13, Xs))), 128))
   ])) : w("", !0);
 }
-const Zs = /* @__PURE__ */ B(Js, [["render", Qs], ["__scopeId", "data-v-55aa529d"]]), er = {
+const Zs = /* @__PURE__ */ E(Js, [["render", Qs], ["__scopeId", "data-v-55aa529d"]]), er = {
   name: "WmApprovalCard",
   components: { AIAvatar: te },
   props: {
@@ -2912,7 +2917,7 @@ function lr(t, e, n, a, r, s) {
     ])
   ]);
 }
-const cr = /* @__PURE__ */ B(er, [["render", lr], ["__scopeId", "data-v-b1be139c"]]);
+const cr = /* @__PURE__ */ E(er, [["render", lr], ["__scopeId", "data-v-b1be139c"]]);
 let ve = 0;
 const dr = /* @__PURE__ */ new Set([
   "text",
@@ -3012,10 +3017,10 @@ const dr = /* @__PURE__ */ new Set([
 }, Tr = ["value"], Or = {
   key: 6,
   class: "wm-form__multi"
-}, Ir = ["value", "checked", "disabled", "onChange"], Er = {
+}, Ir = ["value", "checked", "disabled", "onChange"], Br = {
   key: 0,
   class: "wm-form__err"
-}, Br = ["disabled"], Lr = {
+}, Er = ["disabled"], Lr = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
@@ -3139,7 +3144,7 @@ function Rr(t, e, n, a, r, s) {
           ]))), 128))
         ])) : w("", !0)
       ]))), 128)),
-      r.error ? (l(), d("div", Er, b(r.error), 1)) : w("", !0),
+      r.error ? (l(), d("div", Br, b(r.error), 1)) : w("", !0),
       n.readOnly ? (l(), d("div", $r, "Réponse envoyée")) : (l(), d("button", {
         key: 1,
         type: "submit",
@@ -3148,11 +3153,11 @@ function Rr(t, e, n, a, r, s) {
       }, [
         r.busy ? (l(), d("span", Lr)) : w("", !0),
         i("span", null, b(r.busy ? "Envoi…" : n.form.submit_label || "Envoyer"), 1)
-      ], 8, Br))
+      ], 8, Er))
     ], 32)
   ]);
 }
-const Fr = /* @__PURE__ */ B(ur, [["render", Rr], ["__scopeId", "data-v-64b40f76"]]), jr = {
+const Fr = /* @__PURE__ */ E(ur, [["render", Rr], ["__scopeId", "data-v-64b40f76"]]), jr = {
   name: "WmFeedback",
   props: {
     busy: { type: Boolean, default: !1 },
@@ -3176,22 +3181,22 @@ const Fr = /* @__PURE__ */ B(ur, [["render", Rr], ["__scopeId", "data-v-64b40f76
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Ur = { class: "wm-fb" }, Dr = { class: "wm-fb__row" }, Nr = ["onClick"], Pr = { class: "wm-fb__emoji" }, Hr = { class: "wm-fb__label" }, zr = ["disabled"], Vr = {
+}, Dr = { class: "wm-fb" }, Ur = { class: "wm-fb__row" }, Nr = ["onClick"], Pr = { class: "wm-fb__emoji" }, Hr = { class: "wm-fb__label" }, zr = ["disabled"], Vr = {
   key: 1,
   class: "wm-fb__done"
 };
 function qr(t, e, n, a, r, s) {
-  return l(), d("div", Ur, [
+  return l(), d("div", Dr, [
     n.done ? (l(), d("div", Vr, [...e[3] || (e[3] = [
       ue('<div class="wm-fb__check" data-v-6f45ff3b><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-v-6f45ff3b><path d="M20 6L9 17l-5-5" data-v-6f45ff3b></path></svg></div><div class="wm-fb__doneTitle" data-v-6f45ff3b>Merci pour votre retour !</div><div class="wm-fb__doneSub" data-v-6f45ff3b>Votre avis a bien été pris en compte.</div>', 3)
     ])])) : (l(), d(M, { key: 0 }, [
       e[1] || (e[1] = i("div", { class: "wm-fb__title" }, "Comment s'est passée cette conversation ?", -1)),
       e[2] || (e[2] = i("div", { class: "wm-fb__sub" }, "Votre avis nous aide à améliorer l'assistant.", -1)),
-      i("div", Dr, [
+      i("div", Ur, [
         (l(!0), d(M, null, j(r.options, (o) => (l(), d("button", {
           key: o.v,
           type: "button",
-          class: E(["wm-fb__opt", { "is-selected": r.sel === o.v }]),
+          class: B(["wm-fb__opt", { "is-selected": r.sel === o.v }]),
           onClick: (c) => r.sel = o.v
         }, [
           i("span", Pr, b(o.e), 1),
@@ -3207,7 +3212,7 @@ function qr(t, e, n, a, r, s) {
     ], 64))
   ]);
 }
-const Wr = /* @__PURE__ */ B(jr, [["render", qr], ["__scopeId", "data-v-6f45ff3b"]]);
+const Wr = /* @__PURE__ */ E(jr, [["render", qr], ["__scopeId", "data-v-6f45ff3b"]]);
 function Kr(t) {
   const e = new Date(t);
   return e.setHours(0, 0, 0, 0), e;
@@ -3371,7 +3376,7 @@ function hi(t, e, n, a, r, s) {
               (l(!0), d(M, null, j(o.items, (c) => (l(), d("button", {
                 key: c.id,
                 type: "button",
-                class: E(["wm-hd__row", {
+                class: B(["wm-hd__row", {
                   "wm-hd__row--active": c.id === n.activeId,
                   "wm-hd__row--unread": c.unread
                 }]),
@@ -3408,7 +3413,7 @@ function hi(t, e, n, a, r, s) {
     ])
   ]);
 }
-const mi = /* @__PURE__ */ B(Gr, [["render", hi], ["__scopeId", "data-v-1259e822"]]), fi = {
+const mi = /* @__PURE__ */ E(Gr, [["render", hi], ["__scopeId", "data-v-1259e822"]]), fi = {
   name: "WmMoreMenu",
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -3533,7 +3538,7 @@ function wi(t, e, n, a, r, s) {
           ], -1)),
           e[14] || (e[14] = i("span", { class: "wm-mm__label" }, "Notifications", -1)),
           i("span", {
-            class: E(["wm-mm__toggle", { "wm-mm__toggle--on": r.notifOn }])
+            class: B(["wm-mm__toggle", { "wm-mm__toggle--on": r.notifOn }])
           }, [...e[12] || (e[12] = [
             i("span", { class: "wm-mm__knob" }, null, -1)
           ])], 2)
@@ -3591,7 +3596,7 @@ function wi(t, e, n, a, r, s) {
     ])
   ]);
 }
-const bi = /* @__PURE__ */ B(fi, [["render", wi], ["__scopeId", "data-v-c1bb81d2"]]), ye = "ww-messenger-tokens";
+const bi = /* @__PURE__ */ E(fi, [["render", wi], ["__scopeId", "data-v-c1bb81d2"]]), ye = "ww-messenger-tokens";
 function de(t) {
   var n;
   const e = (n = t == null ? void 0 : t.author) == null ? void 0 : n.type;
@@ -3739,6 +3744,12 @@ const Ai = 450, Si = 50, xi = 900, Mi = 12e3, Ti = 300, Oi = {
       // as the messages render — we need to remember what was read
       // BEFORE this viewing session so the separator stays put.
       unreadAnchorTs: "",
+      // Borne haute du batch "Non lus" — instant ISO capturé à
+      // l'ouverture du thread. Les messages arrivant APRÈS (created_at
+      // > borne) ne déclenchent pas le séparateur : l'utilisateur est
+      // déjà sur le ticket, il les voit arriver en direct. Vide ⇒ pas
+      // de borne (séparateur classique).
+      unreadBoundaryTs: "",
       // Live-measured height of the floating overlay (chips / approval
       // / feedback). Reserved as bottom padding on the MessageList so
       // the latest message scrolls above the overlay instead of
@@ -4085,7 +4096,7 @@ const Ai = 450, Si = 50, xi = 900, Mi = 12e3, Ti = 300, Oi = {
     // we're about to load count as history and bypass pacing.
     "currentConv.id": {
       handler(t) {
-        this.cancelReveals(), this.revealedAt = {}, this.nextRevealAt = 0, this.convOpenedAt = Date.now(), this.moreOpen = !1, this.resetApprovalPacing(), this.isViewingThread && (this.unreadAnchorTs = t && this.readState[t] || "");
+        this.cancelReveals(), this.revealedAt = {}, this.nextRevealAt = 0, this.convOpenedAt = Date.now(), this.moreOpen = !1, this.resetApprovalPacing(), this.isViewingThread && (this.unreadAnchorTs = t && this.readState[t] || "", this.unreadBoundaryTs = t ? (/* @__PURE__ */ new Date()).toISOString() : "");
       },
       immediate: !0
     },
@@ -4097,8 +4108,8 @@ const Ai = 450, Si = 50, xi = 900, Mi = 12e3, Ti = 300, Oi = {
       var n;
       if (t && !e) {
         const a = (n = this.currentConv) == null ? void 0 : n.id;
-        this.unreadAnchorTs = a && this.readState[a] || "";
-      } else t || (this.unreadAnchorTs = "");
+        this.unreadAnchorTs = a && this.readState[a] || "", this.unreadBoundaryTs = a ? (/* @__PURE__ */ new Date()).toISOString() : "";
+      } else t || (this.unreadAnchorTs = "", this.unreadBoundaryTs = "");
     },
     // Fresh `pendingApproval` arrival : kick off the settle debounce so
     // the card waits for the conversation to go quiet. Historical
@@ -4367,7 +4378,7 @@ const Ai = 450, Si = 50, xi = 900, Mi = 12e3, Ti = 300, Oi = {
           widgetId: this.widgetId,
           userId: this.userId,
           userHash: this.userHash
-        })), this.store = fe(De(this.transport)), await this.store.start(), this.customer && typeof this.customer == "object" && await this.store.applyCustomer(this.customer), console.log("[ww-messenger] boot done", {
+        })), this.store = fe(Ue(this.transport)), await this.store.start(), this.customer && typeof this.customer == "object" && await this.store.applyCustomer(this.customer), console.log("[ww-messenger] boot done", {
           ready: this.store.state.ready,
           error: this.store.state.error
         });
@@ -4525,7 +4536,7 @@ const Ai = 450, Si = 50, xi = 900, Mi = 12e3, Ti = 300, Oi = {
       if (!e && (await this.startConv(), !this.currentConv))
         return;
       const n = (this.currentConv || e).id, a = this.pendingAttachments.slice();
-      this.pendingAttachments = [], await this.store.send(n, t, { attachments: a.length ? a : void 0 });
+      this.pendingAttachments = [], this.unreadAnchorTs = "", this.unreadBoundaryTs = "", await this.store.send(n, t, { attachments: a.length ? a : void 0 });
     },
     async onSuggestion(t) {
       const e = t == null ? void 0 : t.label;
@@ -4597,10 +4608,10 @@ const Ai = 450, Si = 50, xi = 900, Mi = 12e3, Ti = 300, Oi = {
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, Ei = {
+}, Bi = {
   key: 0,
   class: "wm-state"
-}, Bi = { class: "wm-state__err" }, Li = { class: "wm-state__errSub" }, $i = { class: "wm-bottom" }, Ri = {
+}, Ei = { class: "wm-state__err" }, Li = { class: "wm-state__errSub" }, $i = { class: "wm-bottom" }, Ri = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
@@ -4609,14 +4620,14 @@ const Ai = 450, Si = 50, xi = 900, Mi = 12e3, Ti = 300, Oi = {
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, ji = { class: "wm-actionWait__lbl" }, Ui = {
+}, ji = { class: "wm-actionWait__lbl" }, Di = {
   key: 1,
   class: "wm-attached"
-}, Di = ["onClick"];
+}, Ui = ["onClick"];
 function Ni(t, e, n, a, r, s) {
-  const o = I("Launcher"), c = I("Header"), v = I("Onboarding"), k = I("MessageList"), g = I("ApprovalCard"), S = I("FormCard"), R = I("Feedback"), A = I("SuggestionChips"), P = I("Composer"), x = I("MoreMenu"), D = I("HistoryDrawer");
+  const o = I("Launcher"), c = I("Header"), v = I("Onboarding"), k = I("MessageList"), g = I("ApprovalCard"), S = I("FormCard"), R = I("Feedback"), A = I("SuggestionChips"), P = I("Composer"), x = I("MoreMenu"), U = I("HistoryDrawer");
   return l(), d("div", {
-    class: E(["wm-root", `wm-root--${n.displayMode}`])
+    class: B(["wm-root", `wm-root--${n.displayMode}`])
   }, [
     !r.isOpen && !s.isEmbedded ? (l(), $(o, {
       key: 0,
@@ -4627,7 +4638,7 @@ function Ni(t, e, n, a, r, s) {
     }, null, 8, ["unread-count", "peek", "onOpen"])) : w("", !0),
     r.isOpen || s.isEmbedded ? (l(), d("section", {
       key: 1,
-      class: E(["wm-panel", `wm-panel--${n.displayMode}`]),
+      class: B(["wm-panel", `wm-panel--${n.displayMode}`]),
       style: G(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger"
@@ -4674,8 +4685,8 @@ function Ni(t, e, n, a, r, s) {
           onMore: s.toggleMore,
           onClose: s.close
         }, null, 8, ["title", "escalated", "agent-name", "agent-avatar-url", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "onBack", "onMore", "onClose"]),
-        s.error ? (l(), d("div", Ei, [
-          i("div", Bi, [
+        s.error ? (l(), d("div", Bi, [
+          i("div", Ei, [
             e[9] || (e[9] = i("div", { class: "wm-state__errIcon" }, [
               i("svg", {
                 width: "14",
@@ -4706,8 +4717,9 @@ function Ni(t, e, n, a, r, s) {
             "loading-more": s.paginationState.loading,
             "has-more": s.paginationState.hasMore,
             "unread-anchor-ts": r.unreadAnchorTs,
+            "unread-boundary-ts": r.unreadBoundaryTs,
             onLoadMore: s.onLoadMore
-          }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "unread-anchor-ts", "onLoadMore"]),
+          }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "unread-anchor-ts", "unread-boundary-ts", "onLoadMore"]),
           i("div", $i, [
             s.floatVisible ? (l(), d("div", Ri, [
               s.approvalReady ? (l(), $(g, {
@@ -4761,7 +4773,7 @@ function Ni(t, e, n, a, r, s) {
             onNotifToggle: s.onNotifToggle,
             onAction: s.onMoreAction
           }, null, 8, ["can-rename", "can-clear", "can-export", "notif-enabled", "status-url", "help-url", "onNotifToggle", "onAction"])) : w("", !0),
-          r.pendingAttachments.length ? (l(), d("div", Ui, [
+          r.pendingAttachments.length ? (l(), d("div", Di, [
             (l(!0), d(M, null, j(r.pendingAttachments, (F, N) => (l(), d("div", {
               key: N,
               class: "wm-attached__chip"
@@ -4798,7 +4810,7 @@ function Ni(t, e, n, a, r, s) {
                 }, [
                   i("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, Di)
+              ])], 8, Ui)
             ]))), 128))
           ])) : w("", !0)
         ], 64)) : (l(), $(v, {
@@ -4812,7 +4824,7 @@ function Ni(t, e, n, a, r, s) {
           onSelect: s.onQuickLink,
           onResume: s.onDrawerPick
         }, null, 8, ["welcome-message", "agent-name", "quick-links", "unread-threads", "busy", "onStart", "onSelect", "onResume"])),
-        r.historyOpen ? (l(), $(D, {
+        r.historyOpen ? (l(), $(U, {
           key: 3,
           conversations: s.drawerConversations,
           "active-id": s.currentConv ? s.currentConv.id : null,
@@ -4836,7 +4848,7 @@ function Ni(t, e, n, a, r, s) {
     ], 6)) : w("", !0)
   ], 2);
 }
-const zi = /* @__PURE__ */ B(Oi, [["render", Ni], ["__scopeId", "data-v-8264e504"]]), Vi = "0.2.27";
+const zi = /* @__PURE__ */ E(Oi, [["render", Ni], ["__scopeId", "data-v-29568eac"]]), Vi = "0.2.28";
 export {
   te as AIAvatar,
   ce as AVATAR_COLORS,
@@ -4844,7 +4856,7 @@ export {
   cr as ApprovalCard,
   on as ArtifactFormResponse,
   wn as ArtifactInfoCard,
-  Dn as ArtifactRenderer,
+  Un as ArtifactRenderer,
   Rn as ArtifactTicket,
   Xn as AttachmentPreview,
   rs as Bubble,
@@ -4868,9 +4880,9 @@ export {
   Vi as VERSION,
   ge as avatarColor,
   we as avatarInitials,
-  Es as captureScreenshotFile,
-  U as colors,
-  De as createStore,
+  Bs as captureScreenshotFile,
+  D as colors,
+  Ue as createStore,
   Re as createTransport,
   zi as default,
   be as formatTime,
@@ -4879,6 +4891,6 @@ export {
   es as renderMarkdown,
   Ls as startScreenRecording,
   Ne as tokensCss,
-  Ue as uuid,
-  Ue as v4
+  De as uuid,
+  De as v4
 };