@_solaris/messenger-widget 0.2.0 → 0.2.1

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as xe, openBlock as l, createElementBlock as c, createVNode as H, Transition as Me, withCtx as Te, withKeys as me, withModifiers as Y, createElementVNode as i, toDisplayString as b, createCommentVNode as g, normalizeStyle as P, normalizeClass as E, Fragment as O, renderList as F, resolveComponent as I, createBlock as $, createTextVNode as se, resolveDynamicComponent as Ie, renderSlot as Oe, withDirectives as V, vModelText as G, vModelCheckbox as Ee, vModelSelect as Be, createStaticVNode as ue, markRaw as fe } from "vue";
+import { reactive as xe, openBlock as l, createElementBlock as c, createVNode as P, Transition as Me, withCtx as Te, withKeys as me, withModifiers as Y, createElementVNode as i, toDisplayString as b, createCommentVNode as y, normalizeStyle as V, normalizeClass as E, Fragment as T, renderList as F, resolveComponent as I, createBlock as $, createTextVNode as se, resolveDynamicComponent as Oe, renderSlot as Ie, withDirectives as z, vModelText as G, vModelCheckbox as Ee, vModelSelect as Be, createStaticVNode as ue, markRaw as fe } from "vue";
 const Le = [
   "connected",
   "message",
@@ -39,8 +39,8 @@ function je(t) {
     p && p.forEach((k) => {
       try {
         k(f);
-      } catch (T) {
-        console.error("[transport] listener", h, T);
+      } catch (O) {
+        console.error("[transport] listener", h, O);
       }
     });
   }
@@ -61,10 +61,10 @@ function je(t) {
       body: p !== void 0 ? JSON.stringify(p) : void 0
     });
     if (!k.ok) {
-      const T = await d(k), M = new Error(
-        `HTTP ${k.status} ${h} ${f} :: ${(T == null ? void 0 : T.error) || k.statusText}`
+      const O = await d(k), M = new Error(
+        `HTTP ${k.status} ${h} ${f} :: ${(O == null ? void 0 : O.error) || k.statusText}`
       );
-      throw M.status = k.status, M.body = T, M;
+      throw M.status = k.status, M.body = O, M;
     }
     return k.status === 204 ? null : k.json();
   }
@@ -148,18 +148,18 @@ function je(t) {
       p ? { inputs: p } : {}
     );
   }
-  async function z(h) {
+  async function H(h) {
     const f = (
       /** @type {File} */
       h.name || "attachment"
-    ), p = h.type || "application/octet-stream", k = h.size || 0, T = (
+    ), p = h.type || "application/octet-stream", k = h.size || 0, O = (
       /** @type {import('./types.js').AttachmentUploadTicket} */
       await o("POST", "/attachments", {
         mime_type: p,
         size_bytes: k,
         name: f
       })
-    ), M = await fetch(T.upload_url, {
+    ), M = await fetch(O.upload_url, {
       method: "PUT",
       headers: { "Content-Type": p },
       body: h
@@ -168,7 +168,7 @@ function je(t) {
       throw new Error(`HTTP ${M.status} PUT signed upload`);
     return {
       type: De(p),
-      path: T.path,
+      path: O.path,
       mime_type: p,
       size_bytes: k
     };
@@ -219,8 +219,8 @@ function je(t) {
   }
   async function oe() {
     try {
-      const h = await S(), f = h.reduce((k, T) => {
-        const M = T == null ? void 0 : T.last_message_at;
+      const h = await S(), f = h.reduce((k, O) => {
+        const M = O == null ? void 0 : O.last_message_at;
         return M && (!k || M > k) ? M : k;
       }, null);
       f && (!e.lastActivityAt || f > e.lastActivityAt) && (e.lastActivityAt = f, a("activity", { conversations: h, latestAt: f }), W());
@@ -255,21 +255,21 @@ function je(t) {
     try {
       const f = await S();
       e.lastActivityAt = f.reduce((p, k) => {
-        const T = k == null ? void 0 : k.last_message_at;
-        return T && (!p || T > p) ? T : p;
+        const O = k == null ? void 0 : k.last_message_at;
+        return O && (!p || O > p) ? O : p;
       }, null);
     } catch (f) {
       console.error("[transport] initial /conversations failed", f);
     }
     return typeof document < "u" && (e.visibilityHandler = m, document.addEventListener("visibilitychange", e.visibilityHandler)), Q(), h;
   }
-  function y() {
+  function g() {
     u(), clearTimeout(e.burstTimer), clearTimeout(e.hiddenGraceTimer), e.hiddenGraceTimer = null, K(), e.visibilityHandler && (document.removeEventListener("visibilitychange", e.visibilityHandler), e.visibilityHandler = null), e.started = !1;
   }
   return {
     on: n,
     start: _,
-    stop: y,
+    stop: g,
     setPanelOpen: ae,
     // REST
     bootstrap: v,
@@ -282,7 +282,7 @@ function je(t) {
     listMessages: x,
     postMessage: N,
     postCallback: j,
-    uploadAttachment: z,
+    uploadAttachment: H,
     signAttachment: X,
     // Read-only state
     get connection() {
@@ -351,22 +351,22 @@ function Pe(t) {
   })), n.push(t.on("conversation_updated", (u) => {
     const m = u == null ? void 0 : u.conversation_id, _ = u == null ? void 0 : u.changes;
     if (!m || !_) return;
-    const y = e.conversations.findIndex((h) => h.id === m);
-    y !== -1 && (e.conversations[y] = { ...e.conversations[y], ..._ });
+    const g = e.conversations.findIndex((h) => h.id === m);
+    g !== -1 && (e.conversations[g] = { ...e.conversations[g], ..._ });
   })), n.push(t.on("config_updated", (u) => {
     u != null && u.config && (e.config = u.config);
   })), n.push(t.on("action_status", (u) => {
-    const m = u == null ? void 0 : u.conversation_id, _ = u == null ? void 0 : u.action_id, y = u == null ? void 0 : u.action_name;
+    const m = u == null ? void 0 : u.conversation_id, _ = u == null ? void 0 : u.action_id, g = u == null ? void 0 : u.action_name;
     if (!m || !_) return;
     const h = e.runningActionsByConv[m] || {};
-    u.state === "running" ? (h[_] = y || _, e.runningActionsByConv[m] = { ...h }) : u.state === "done" && (delete h[_], e.runningActionsByConv[m] = { ...h });
+    u.state === "running" ? (h[_] = g || _, e.runningActionsByConv[m] = { ...h }) : u.state === "done" && (delete h[_], e.runningActionsByConv[m] = { ...h });
   })), n.push(t.on("activity", (u) => {
     Array.isArray(u == null ? void 0 : u.conversations) && (e.conversations = u.conversations);
   }));
   async function a() {
     try {
       const u = new Promise(
-        (_, y) => setTimeout(() => y(new Error("bootstrap timeout (15s) — check baseUrl, CORS, and network")), 15e3)
+        (_, g) => setTimeout(() => g(new Error("bootstrap timeout (15s) — check baseUrl, CORS, and network")), 15e3)
       ), m = await Promise.race([t.start(), u]);
       e.config = m.config, e.customer = m.customer, e.conversations = await Promise.race([t.listConversations(), u]), e.ready = !0;
     } catch (u) {
@@ -393,7 +393,7 @@ function Pe(t) {
     return e.customer;
   }
   async function o(u = {}) {
-    const m = await t.createConversation(u), _ = e.conversations.findIndex((y) => y.id === m.id);
+    const m = await t.createConversation(u), _ = e.conversations.findIndex((g) => g.id === m.id);
     return _ === -1 ? e.conversations = [m, ...e.conversations] : e.conversations[_] = m, m;
   }
   const d = 50;
@@ -419,7 +419,7 @@ function Pe(t) {
           }), Z = (R == null ? void 0 : R.messages) ?? [];
           if (f = [...Z, ...f], h = (R == null ? void 0 : R.next_cursor) ?? null, !Z.length || f.length >= 60) break;
         }
-        const k = e.messagesByConv[u] || [], T = new Set(k.map((R) => String(R == null ? void 0 : R.id))), M = [...f.filter((R) => !T.has(String(R == null ? void 0 : R.id))), ...k];
+        const k = e.messagesByConv[u] || [], O = new Set(k.map((R) => String(R == null ? void 0 : R.id))), M = [...f.filter((R) => !O.has(String(R == null ? void 0 : R.id))), ...k];
         e.messagesByConv[u] = M, w(u, {
           nextCursor: h,
           loading: !1,
@@ -434,14 +434,14 @@ function Pe(t) {
     e.paginationByConv = { ...e.paginationByConv, [u]: m };
   }
   async function S(u, m) {
-    const _ = await t.patchConversation(u, m), y = e.conversations.findIndex((h) => h.id === u);
-    y !== -1 && (e.conversations[y] = _);
+    const _ = await t.patchConversation(u, m), g = e.conversations.findIndex((h) => h.id === u);
+    g !== -1 && (e.conversations[g] = _);
   }
-  async function L(u, m, { attachments: _, metadata: y } = {}) {
+  async function L(u, m, { attachments: _, metadata: g } = {}) {
     var M;
     const h = (m || "").trim(), f = Array.isArray(_) && _.length > 0;
     if (!u || !h && !f) return;
-    const p = Ne(), k = Q(u), T = {
+    const p = Ne(), k = Q(u), O = {
       id: p,
       client_msg_id: p,
       conversation_id: u,
@@ -455,16 +455,16 @@ function Pe(t) {
       // Local-only flag — UI may render dimmed until the SSE echo lands.
       _pending: !0,
       ...f ? { payload: { type: "content", attachments: _ } } : {},
-      ...y && typeof y == "object" ? { metadata: y } : {}
+      ...g && typeof g == "object" ? { metadata: g } : {}
     };
-    q(u, T);
+    q(u, O);
     try {
       await t.postMessage(u, {
         client_msg_id: p,
         text_md: h,
         created_at: k,
         ...f ? { attachments: _ } : {},
-        ...y && typeof y == "object" ? { metadata: y } : {}
+        ...g && typeof g == "object" ? { metadata: g } : {}
       });
     } catch (R) {
       console.error("[store] send failed", R), K(u, p, { _failed: !0, _pending: !1 });
@@ -474,8 +474,8 @@ function Pe(t) {
     u != null && (e.awaitingCallback[u] = !0);
     try {
       await t.postCallback(u, m, _);
-    } catch (y) {
-      console.error("[store] callback failed", y), u != null && delete e.awaitingCallback[u];
+    } catch (g) {
+      console.error("[store] callback failed", g), u != null && delete e.awaitingCallback[u];
     }
   }
   const D = /* @__PURE__ */ new Map();
@@ -496,8 +496,8 @@ function Pe(t) {
     return null;
   }
   async function N(u, { rating: m, comment: _ } = {}) {
-    const y = e.conversations.find((p) => p.id === u), f = {
-      ...(y == null ? void 0 : y.metadata) || {},
+    const g = e.conversations.find((p) => p.id === u), f = {
+      ...(g == null ? void 0 : g.metadata) || {},
       feedback: {
         rating: m,
         comment: _ || null,
@@ -507,21 +507,21 @@ function Pe(t) {
     await S(u, { metadata: f });
   }
   function j(u) {
-    var _, y;
+    var _, g;
     const m = e.messagesByConv[u] || [];
     for (let h = m.length - 1; h >= 0; h--) {
       const f = m[h];
-      if ((f == null ? void 0 : f.type) === "action" && ((_ = f == null ? void 0 : f.payload) == null ? void 0 : _.type) === "action" && ((y = f == null ? void 0 : f.payload) == null ? void 0 : y.state) === "pending" && Array.isArray(f == null ? void 0 : f.callbacks) && f.callbacks.length > 0 && !e.awaitingCallback[f.id])
+      if ((f == null ? void 0 : f.type) === "action" && ((_ = f == null ? void 0 : f.payload) == null ? void 0 : _.type) === "action" && ((g = f == null ? void 0 : f.payload) == null ? void 0 : g.state) === "pending" && Array.isArray(f == null ? void 0 : f.callbacks) && f.callbacks.length > 0 && !e.awaitingCallback[f.id])
         return f;
     }
     return null;
   }
-  function z(u) {
-    var _, y, h;
+  function H(u) {
+    var _, g, h;
     const m = e.messagesByConv[u] || [];
     for (let f = m.length - 1; f >= 0; f--) {
       const p = m[f];
-      if (((_ = p == null ? void 0 : p.author) == null ? void 0 : _.type) === "user" || (p == null ? void 0 : p.type) === "action" && ((y = p == null ? void 0 : p.payload) == null ? void 0 : y.state) === "pending") return null;
+      if (((_ = p == null ? void 0 : p.author) == null ? void 0 : _.type) === "user" || (p == null ? void 0 : p.type) === "action" && ((g = p == null ? void 0 : p.payload) == null ? void 0 : g.state) === "pending") return null;
       const k = (h = p == null ? void 0 : p.metadata) == null ? void 0 : h.form;
       if (k && Array.isArray(k.fields) && k.fields.length > 0)
         return { message: p, form: k };
@@ -533,19 +533,19 @@ function Pe(t) {
     if (!m) return null;
     const _ = Object.keys(m);
     if (_.length === 0) return null;
-    const y = _[0];
-    return { id: y, payload: { name: m[y] } };
+    const g = _[0];
+    return { id: g, payload: { name: m[g] } };
   }
   function re(u) {
-    var _, y, h, f;
+    var _, g, h, f;
     const m = e.messagesByConv[u] || [];
     for (let p = m.length - 1; p >= 0; p--) {
       const k = m[p];
       if (((_ = k == null ? void 0 : k.author) == null ? void 0 : _.type) === "user") return [];
-      if ((k == null ? void 0 : k.type) === "action" && ((y = k == null ? void 0 : k.payload) == null ? void 0 : y.state) === "pending") return [];
+      if ((k == null ? void 0 : k.type) === "action" && ((g = k == null ? void 0 : k.payload) == null ? void 0 : g.state) === "pending") return [];
       if (((h = k == null ? void 0 : k.author) == null ? void 0 : h.type) !== "agent_ia") continue;
-      const T = (f = k == null ? void 0 : k.metadata) == null ? void 0 : f.suggested_replies;
-      return Array.isArray(T) && T.length ? T.map((M) => {
+      const O = (f = k == null ? void 0 : k.metadata) == null ? void 0 : f.suggested_replies;
+      return Array.isArray(O) && O.length ? O.map((M) => {
         if (typeof M == "string") {
           const R = M.trim();
           return R ? { label: R, kind: null } : null;
@@ -564,31 +564,31 @@ function Pe(t) {
   function q(u, m) {
     var f;
     const _ = e.messagesByConv[u] || [];
-    let y = -1;
-    m != null && m.client_msg_id && (y = _.findIndex(
+    let g = -1;
+    m != null && m.client_msg_id && (g = _.findIndex(
       (p) => (p == null ? void 0 : p.client_msg_id) && p.client_msg_id === m.client_msg_id
-    )), y === -1 && (m == null ? void 0 : m.id) !== void 0 && (m == null ? void 0 : m.id) !== null && (y = _.findIndex((p) => ie(p == null ? void 0 : p.id, m.id)));
+    )), g === -1 && (m == null ? void 0 : m.id) !== void 0 && (m == null ? void 0 : m.id) !== null && (g = _.findIndex((p) => ie(p == null ? void 0 : p.id, m.id)));
     let h;
-    y === -1 ? h = [..._, m].sort(ae) : (h = _.slice(), h[y] = { ..._[y], ...m, _pending: !1, _failed: !1 }), e.messagesByConv[u] = h, (m == null ? void 0 : m.type) === "action" && ((f = m == null ? void 0 : m.payload) != null && f.state) && m.payload.state !== "pending" && (m == null ? void 0 : m.id) != null && e.awaitingCallback[m.id] && delete e.awaitingCallback[m.id];
+    g === -1 ? h = [..._, m].sort(ae) : (h = _.slice(), h[g] = { ..._[g], ...m, _pending: !1, _failed: !1 }), e.messagesByConv[u] = h, (m == null ? void 0 : m.type) === "action" && ((f = m == null ? void 0 : m.payload) != null && f.state) && m.payload.state !== "pending" && (m == null ? void 0 : m.id) != null && e.awaitingCallback[m.id] && delete e.awaitingCallback[m.id];
   }
   function ie(u, m) {
     return u === m ? !0 : u == null || m == null ? !1 : String(u) === String(m);
   }
   function K(u, m, _) {
-    const y = e.messagesByConv[u];
-    if (!y) return;
-    const h = y.findIndex((p) => p.id === m);
+    const g = e.messagesByConv[u];
+    if (!g) return;
+    const h = g.findIndex((p) => p.id === m);
     if (h === -1) return;
-    const f = y.slice();
-    f[h] = { ...y[h], ..._ }, e.messagesByConv[u] = f;
+    const f = g.slice();
+    f[h] = { ...g[h], ..._ }, e.messagesByConv[u] = f;
   }
   function W(u, m) {
     const _ = e.conversations.findIndex((h) => h.id === u);
     if (_ === -1) return;
-    const y = e.conversations[_];
-    if (m && (!y.last_message_at || m > y.last_message_at)) {
+    const g = e.conversations[_];
+    if (m && (!g.last_message_at || m > g.last_message_at)) {
       const h = e.conversations.slice();
-      h[_] = { ...y, last_message_at: m }, h.sort(
+      h[_] = { ...g, last_message_at: m }, h.sort(
         (f, p) => (p.last_message_at || "").localeCompare(f.last_message_at || "")
       ), e.conversations = h;
     }
@@ -599,8 +599,8 @@ function Pe(t) {
   function oe(u) {
     if (!u || typeof u != "object") return null;
     const m = {}, _ = {};
-    for (const [y, h] of Object.entries(u))
-      h !== void 0 && (y === "name" || y === "email" ? h != null && String(h).trim() !== "" && (m[y] = h) : (y === "values" || y === "metadata") && h && typeof h == "object" ? Object.assign(_, h) : _[y] = h);
+    for (const [g, h] of Object.entries(u))
+      h !== void 0 && (g === "name" || g === "email" ? h != null && String(h).trim() !== "" && (m[g] = h) : (g === "values" || g === "metadata") && h && typeof h == "object" ? Object.assign(_, h) : _[g] = h);
     return Object.keys(_).length && (m.values = _), Object.keys(m).length ? m : null;
   }
   function Q(u) {
@@ -608,8 +608,8 @@ function Pe(t) {
     let _ = "";
     for (const f of m)
       f != null && f.created_at && f.created_at > _ && (_ = f.created_at);
-    const y = (/* @__PURE__ */ new Date()).toISOString();
-    return !_ || y > _ ? y : new Date(Date.parse(_) + 1).toISOString();
+    const g = (/* @__PURE__ */ new Date()).toISOString();
+    return !_ || g > _ ? g : new Date(Date.parse(_) + 1).toISOString();
   }
   return {
     state: e,
@@ -627,7 +627,7 @@ function Pe(t) {
     getPendingApproval: j,
     getActionInFlight: X,
     getLatestSuggestions: re,
-    getLatestForm: z,
+    getLatestForm: H,
     // Pass-through for panel open/close (controls SSE burst).
     setPanelOpen: t.setPanelOpen
   };
@@ -722,7 +722,7 @@ const He = `
 }, qe = { class: "wm-launcherWrap" }, We = { class: "wm-peek__text" }, Ge = ["aria-label"];
 function Ke(t, e, n, a, r, s) {
   return l(), c("div", qe, [
-    H(Me, { name: "wm-peek" }, {
+    P(Me, { name: "wm-peek" }, {
       default: Te(() => [
         n.peek ? (l(), c("div", {
           key: 0,
@@ -757,7 +757,7 @@ function Ke(t, e, n, a, r, s) {
               i("path", { d: "M18 6L6 18M6 6l12 12" })
             ], -1)
           ])])
-        ], 32)) : g("", !0)
+        ], 32)) : y("", !0)
       ]),
       _: 1
     }),
@@ -784,7 +784,7 @@ function Ke(t, e, n, a, r, s) {
         key: 0,
         class: "wm-launcher__badge",
         "aria-label": `${n.unreadCount} conversation${n.unreadCount > 1 ? "s" : ""} non lue${n.unreadCount > 1 ? "s" : ""}`
-      }, b(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Ge)) : g("", !0)
+      }, b(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Ge)) : y("", !0)
     ])
   ]);
 }
@@ -794,20 +794,18 @@ const Ye = /* @__PURE__ */ B(Ve, [["render", Ke], ["__scopeId", "data-v-fabef371
     size: { type: Number, default: 26 },
     pulse: { type: Boolean, default: !1 }
   }
-}, Xe = ["width", "height"];
-function Qe(t, e, n, a, r, s) {
+}, Xe = {
+  key: 0,
+  class: "wm-aiav__pulse"
+}, Qe = ["width", "height"];
+function Ze(t, e, n, a, r, s) {
   return l(), c("div", {
     class: "wm-aiav",
-    style: P({ width: n.size + "px", height: n.size + "px" })
+    style: V({ width: n.size + "px", height: n.size + "px", "--wm-avr": n.size * 0.32 + "px" })
   }, [
-    n.pulse ? (l(), c("div", {
-      key: 0,
-      class: "wm-aiav__pulse",
-      style: P({ borderRadius: n.size * 0.32 + 3 + "px" })
-    }, null, 4)) : g("", !0),
+    n.pulse ? (l(), c("div", Xe)) : y("", !0),
     i("div", {
-      class: E(["wm-aiav__inner", { "wm-aiav__inner--glow": n.pulse }]),
-      style: P({ borderRadius: n.size * 0.32 + "px" })
+      class: E(["wm-aiav__inner", { "wm-aiav__inner--glow": n.pulse }])
     }, [
       (l(), c("svg", {
         width: n.size * 0.5,
@@ -835,11 +833,11 @@ function Qe(t, e, n, a, r, s) {
           fill: "white",
           opacity: "0.38"
         }, null, -1)
-      ])], 8, Xe))
-    ], 6)
+      ])], 8, Qe))
+    ], 2)
   ], 4);
 }
-const J = /* @__PURE__ */ B(Je, [["render", Qe], ["__scopeId", "data-v-fe042be7"]]), Ze = {
+const J = /* @__PURE__ */ B(Je, [["render", Ze], ["__scopeId", "data-v-5ce9c382"]]), et = {
   name: "WmHumanAvatar",
   props: {
     name: { type: String, default: "" },
@@ -854,14 +852,14 @@ const J = /* @__PURE__ */ B(Je, [["render", Qe], ["__scopeId", "data-v-fe042be7"
       return we(this.name);
     }
   }
-}, et = ["src", "alt"];
-function tt(t, e, n, a, r, s) {
+}, tt = ["src", "alt"];
+function nt(t, e, n, a, r, s) {
   return l(), c("div", {
     class: "wm-huav",
-    style: P({
+    style: V({
       width: n.size + "px",
       height: n.size + "px",
-      borderRadius: Math.round(n.size * 0.32) + "px",
+      "--wm-avr": Math.round(n.size * 0.32) + "px",
       background: s.bg
     })
   }, [
@@ -869,13 +867,13 @@ function tt(t, e, n, a, r, s) {
       key: 0,
       src: n.avatarUrl,
       alt: n.name || ""
-    }, null, 8, et)) : (l(), c("span", {
+    }, null, 8, tt)) : (l(), c("span", {
       key: 1,
-      style: P({ fontSize: n.size * 0.36 + "px" })
+      style: V({ fontSize: n.size * 0.36 + "px" })
     }, b(s.initials), 5))
   ], 4);
 }
-const ke = /* @__PURE__ */ B(Ze, [["render", tt], ["__scopeId", "data-v-79449443"]]), nt = {
+const ke = /* @__PURE__ */ B(et, [["render", nt], ["__scopeId", "data-v-a772b179"]]), st = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -897,37 +895,37 @@ const ke = /* @__PURE__ */ B(Ze, [["render", tt], ["__scopeId", "data-v-79449443
       return we(t.name || "");
     }
   }
-}, st = {
+}, rt = {
   key: 0,
   class: "wm-team"
-}, rt = ["src", "alt"], it = { key: 1 }, at = {
+}, it = ["src", "alt"], at = { key: 1 }, ot = {
   key: 0,
   class: "wm-team__label"
 };
-function ot(t, e, n, a, r, s) {
-  return s.visible ? (l(), c("div", st, [
+function lt(t, e, n, a, r, s) {
+  return s.visible ? (l(), c("div", rt, [
     i("div", {
       class: "wm-team__stack",
-      style: P({ width: s.stackWidth + "px" })
+      style: V({ width: s.stackWidth + "px" })
     }, [
-      (l(!0), c(O, null, F(n.members.slice(0, 3), (o, d) => (l(), c("div", {
+      (l(!0), c(T, null, F(n.members.slice(0, 3), (o, d) => (l(), c("div", {
         key: d,
         class: "wm-team__pill",
-        style: P({ left: d * 13 + "px", zIndex: 3 - d, background: s.colorFor(o) })
+        style: V({ left: d * 13 + "px", zIndex: 3 - d, background: s.colorFor(o) })
       }, [
         o.avatar_url ? (l(), c("img", {
           key: 0,
           src: o.avatar_url,
           alt: o.name || ""
-        }, null, 8, rt)) : (l(), c("span", it, b(s.initialsFor(o)), 1))
+        }, null, 8, it)) : (l(), c("span", at, b(s.initialsFor(o)), 1))
       ], 4))), 128))
     ], 4),
-    n.responseLabel ? (l(), c("span", at, b(n.responseLabel), 1)) : g("", !0)
-  ])) : g("", !0);
+    n.responseLabel ? (l(), c("span", ot, b(n.responseLabel), 1)) : y("", !0)
+  ])) : y("", !0);
 }
-const lt = /* @__PURE__ */ B(nt, [["render", ot], ["__scopeId", "data-v-3659b9c1"]]), ct = {
+const ct = /* @__PURE__ */ B(st, [["render", lt], ["__scopeId", "data-v-3659b9c1"]]), dt = {
   name: "WmHeader",
-  components: { AIAvatar: J, HumanAvatar: ke, TeamAvatars: lt },
+  components: { AIAvatar: J, HumanAvatar: ke, TeamAvatars: ct },
   props: {
     title: { type: String, default: "Nouvelle conversation" },
     escalated: { type: Boolean, default: !1 },
@@ -958,19 +956,19 @@ const lt = /* @__PURE__ */ B(nt, [["render", ot], ["__scopeId", "data-v-3659b9c1
       return this.escalated && this.agentName ? this.agentName : "En ligne";
     }
   }
-}, dt = { class: "wm-header" }, ut = {
+}, ut = { class: "wm-header" }, ht = {
   key: 1,
   style: { width: "30px", height: "30px", "flex-shrink": "0" }
-}, ht = { class: "wm-header__avatar" }, mt = { class: "wm-header__main" }, ft = { class: "wm-header__title" }, _t = {
+}, mt = { class: "wm-header__avatar" }, ft = { class: "wm-header__main" }, _t = { class: "wm-header__title" }, pt = {
   key: 0,
   class: "wm-header__sub"
-}, pt = { class: "wm-header__status" }, vt = {
+}, vt = { class: "wm-header__status" }, yt = {
   key: 3,
   class: "wm-header__fill"
-}, yt = { class: "wm-header__actions" };
-function gt(t, e, n, a, r, s) {
+}, gt = { class: "wm-header__actions" };
+function wt(t, e, n, a, r, s) {
   const o = I("HumanAvatar"), d = I("AIAvatar"), v = I("TeamAvatars");
-  return l(), c("div", dt, [
+  return l(), c("div", ut, [
     n.showBack ? (l(), c("button", {
       key: 0,
       type: "button",
@@ -991,9 +989,9 @@ function gt(t, e, n, a, r, s) {
       }, [
         i("path", { d: "M19 12H5M12 5l-7 7 7 7" })
       ], -1)
-    ])])) : (l(), c("div", ut)),
-    n.showIdentity ? (l(), c(O, { key: 2 }, [
-      i("div", ht, [
+    ])])) : (l(), c("div", ht)),
+    n.showIdentity ? (l(), c(T, { key: 2 }, [
+      i("div", mt, [
         n.escalated ? (l(), $(o, {
           key: 0,
           name: n.agentName,
@@ -1004,22 +1002,22 @@ function gt(t, e, n, a, r, s) {
           size: 34
         }))
       ]),
-      i("div", mt, [
-        i("div", ft, b(n.title), 1),
-        s.showPresence ? (l(), c("div", _t, [
+      i("div", ft, [
+        i("div", _t, b(n.title), 1),
+        s.showPresence ? (l(), c("div", pt, [
           s.hasTeam ? (l(), $(v, {
             key: 0,
             members: n.teamMembers,
             "response-label": n.responseLabel
-          }, null, 8, ["members", "response-label"])) : g("", !0),
-          i("span", pt, [
+          }, null, 8, ["members", "response-label"])) : y("", !0),
+          i("span", vt, [
             e[4] || (e[4] = i("span", { class: "wm-header__dot" }, null, -1)),
             se(" " + b(s.statusText), 1)
           ])
-        ])) : g("", !0)
+        ])) : y("", !0)
       ])
-    ], 64)) : (l(), c("div", vt)),
-    i("div", yt, [
+    ], 64)) : (l(), c("div", yt)),
+    i("div", gt, [
       n.showMore ? (l(), c("button", {
         key: 0,
         type: "button",
@@ -1051,7 +1049,7 @@ function gt(t, e, n, a, r, s) {
             r: "1.6"
           })
         ], -1)
-      ])], 2)) : g("", !0),
+      ])], 2)) : y("", !0),
       n.showClose ? (l(), c("button", {
         key: 1,
         type: "button",
@@ -1073,17 +1071,17 @@ function gt(t, e, n, a, r, s) {
         }, [
           i("path", { d: "M18 6L6 18M6 6l12 12" })
         ], -1)
-      ])])) : g("", !0)
+      ])])) : y("", !0)
     ])
   ]);
 }
-const wt = /* @__PURE__ */ B(ct, [["render", gt], ["__scopeId", "data-v-b5f5f6a9"]]), _e = {
+const bt = /* @__PURE__ */ B(dt, [["render", wt], ["__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",
   chat: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z",
   link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
-}, bt = {
+}, kt = {
   name: "WmOnboarding",
   components: { AIAvatar: J },
   props: {
@@ -1108,13 +1106,13 @@ Je réponds en quelques secondes.`;
       return _e[t] || _e.link;
     }
   }
-}, kt = { class: "wm-onb" }, Ct = { class: "wm-onb__hero" }, At = { class: "wm-onb__title" }, St = { class: "wm-onb__sub" }, xt = {
+}, Ct = { class: "wm-onb" }, At = { class: "wm-onb__hero" }, St = { class: "wm-onb__title" }, xt = { class: "wm-onb__sub" }, Mt = {
   key: 0,
   class: "wm-onb__section"
-}, Mt = { class: "wm-onb__links" }, Tt = ["onClick"], It = { class: "wm-onb__resume-body" }, Ot = { class: "wm-onb__resume-title" }, Et = { class: "wm-onb__resume-preview" }, Bt = {
+}, Tt = { class: "wm-onb__links" }, Ot = ["onClick"], It = { class: "wm-onb__resume-body" }, Et = { class: "wm-onb__resume-title" }, Bt = { class: "wm-onb__resume-preview" }, Lt = {
   key: 1,
   class: "wm-onb__section"
-}, Lt = { class: "wm-onb__links" }, Rt = ["onClick"], $t = { class: "wm-onb__link-icon" }, Ft = {
+}, Rt = { class: "wm-onb__links" }, $t = ["onClick"], Ft = { class: "wm-onb__link-icon" }, jt = {
   width: "14",
   height: "14",
   viewBox: "0 0 24 24",
@@ -1124,22 +1122,22 @@ Je réponds en quelques secondes.`;
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, jt = ["d"], Ut = { class: "wm-onb__link-label" }, Dt = { class: "wm-onb__cta" }, Nt = ["disabled"];
-function Pt(t, e, n, a, r, s) {
+}, Ut = ["d"], Dt = { class: "wm-onb__link-label" }, Nt = { class: "wm-onb__cta" }, Pt = ["disabled"];
+function Ht(t, e, n, a, r, s) {
   const o = I("AIAvatar");
-  return l(), c("div", kt, [
-    i("div", Ct, [
-      H(o, {
+  return l(), c("div", Ct, [
+    i("div", At, [
+      P(o, {
         size: 56,
         pulse: !0
       }),
-      i("div", At, b(s.heroTitle), 1),
-      i("div", St, b(s.heroSub), 1)
+      i("div", St, b(s.heroTitle), 1),
+      i("div", xt, b(s.heroSub), 1)
     ]),
-    n.unreadThreads.length ? (l(), c("div", xt, [
+    n.unreadThreads.length ? (l(), c("div", Mt, [
       e[3] || (e[3] = i("div", { class: "wm-onb__section-title" }, "Messages non lus", -1)),
-      i("div", Mt, [
-        (l(!0), c(O, null, F(n.unreadThreads, (d) => (l(), c("button", {
+      i("div", Tt, [
+        (l(!0), c(T, null, F(n.unreadThreads, (d) => (l(), c("button", {
           key: d.id,
           type: "button",
           class: "wm-onb__link wm-onb__resume",
@@ -1165,8 +1163,8 @@ function Pt(t, e, n, a, r, s) {
             })
           ], -1)),
           i("span", It, [
-            i("span", Ot, b(d.title), 1),
-            i("span", Et, b(d.preview), 1)
+            i("span", Et, b(d.title), 1),
+            i("span", Bt, b(d.preview), 1)
           ]),
           e[2] || (e[2] = i("svg", {
             width: "13",
@@ -1182,26 +1180,26 @@ function Pt(t, e, n, a, r, s) {
           }, [
             i("path", { d: "M9 18l6-6-6-6" })
           ], -1))
-        ], 8, Tt))), 128))
+        ], 8, Ot))), 128))
       ])
-    ])) : g("", !0),
-    n.quickLinks.length ? (l(), c("div", Bt, [
+    ])) : y("", !0),
+    n.quickLinks.length ? (l(), c("div", Lt, [
       e[5] || (e[5] = i("div", { class: "wm-onb__section-title" }, "Accès rapide", -1)),
-      i("div", Lt, [
-        (l(!0), c(O, null, F(n.quickLinks, (d, v) => (l(), c("button", {
+      i("div", Rt, [
+        (l(!0), c(T, null, F(n.quickLinks, (d, v) => (l(), c("button", {
           key: v,
           type: "button",
           class: "wm-onb__link",
           onClick: (C) => t.$emit("select", d)
         }, [
-          i("span", $t, [
-            (l(), c("svg", Ft, [
+          i("span", Ft, [
+            (l(), c("svg", jt, [
               i("path", {
                 d: s.iconPath(d.icon)
-              }, null, 8, jt)
+              }, null, 8, Ut)
             ]))
           ]),
-          i("span", Ut, b(d.label), 1),
+          i("span", Dt, b(d.label), 1),
           e[4] || (e[4] = i("svg", {
             width: "13",
             height: "13",
@@ -1216,24 +1214,24 @@ function Pt(t, e, n, a, r, s) {
           }, [
             i("path", { d: "M9 18l6-6-6-6" })
           ], -1))
-        ], 8, Rt))), 128))
+        ], 8, $t))), 128))
       ])
-    ])) : g("", !0),
-    i("div", Dt, [
+    ])) : y("", !0),
+    i("div", Nt, [
       i("button", {
         type: "button",
         class: "wm-onb__startBtn",
         disabled: n.busy,
         onClick: e[0] || (e[0] = (d) => t.$emit("start"))
-      }, b(n.busy ? "…" : "Commencer une conversation"), 9, Nt)
+      }, b(n.busy ? "…" : "Commencer une conversation"), 9, Pt)
     ])
   ]);
 }
-const Ht = /* @__PURE__ */ B(bt, [["render", Pt], ["__scopeId", "data-v-bd89bc8f"]]);
-function zt(t) {
+const zt = /* @__PURE__ */ B(kt, [["render", Ht], ["__scopeId", "data-v-bd89bc8f"]]);
+function Vt(t) {
   return String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function Vt(t) {
+function qt(t) {
   return /^(https?:\/\/|mailto:|tel:)/i.test(String(t).trim());
 }
 const pe = "";
@@ -1243,11 +1241,11 @@ function ee(t) {
   return e = e.replace(/`([^`\n]+)`/g, (a, r) => {
     const s = n.length;
     return n.push(r), `${pe}CODE${s}${pe}`;
-  }), e = e.replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g, (a, r, s) => Vt(s) ? `<a href="${s}" target="_blank" rel="noopener noreferrer">${r}</a>` : r), e = e.replace(/\*\*([^\n*][^\n]*?)\*\*/g, "<strong>$1</strong>"), e = e.replace(/__([^\n_][^\n]*?)__/g, "<u>$1</u>"), e = e.replace(/~~([^\n~][^\n]*?)~~/g, "<s>$1</s>"), e = e.replace(/(^|[^\w*])\*([^\n*]+?)\*(?!\w)/g, "$1<em>$2</em>"), e = e.replace(/(^|[^\w_])_([^\n_]+?)_(?!\w)/g, "$1<em>$2</em>"), e = e.replace(/CODE(\d+)/g, (a, r) => `<code class="wm-md-code">${n[+r]}</code>`), e;
+  }), e = e.replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g, (a, r, s) => qt(s) ? `<a href="${s}" target="_blank" rel="noopener noreferrer">${r}</a>` : r), e = e.replace(/\*\*([^\n*][^\n]*?)\*\*/g, "<strong>$1</strong>"), e = e.replace(/__([^\n_][^\n]*?)__/g, "<u>$1</u>"), e = e.replace(/~~([^\n~][^\n]*?)~~/g, "<s>$1</s>"), e = e.replace(/(^|[^\w*])\*([^\n*]+?)\*(?!\w)/g, "$1<em>$2</em>"), e = e.replace(/(^|[^\w_])_([^\n_]+?)_(?!\w)/g, "$1<em>$2</em>"), e = e.replace(/CODE(\d+)/g, (a, r) => `<code class="wm-md-code">${n[+r]}</code>`), e;
 }
 function Ce(t) {
   if (!t) return "";
-  const e = zt(t).split(`
+  const e = Vt(t).split(`
 `), n = [];
   let a = 0;
   for (; a < e.length; ) {
@@ -1308,7 +1306,7 @@ function Ce(t) {
   }
   return r;
 }
-const qt = {
+const Wt = {
   name: "WmArtifactFormResponse",
   props: {
     data: { type: Object, required: !0 }
@@ -1319,11 +1317,11 @@ const qt = {
       return Array.isArray((t = this.data) == null ? void 0 : t.fields) ? this.data.fields : [];
     }
   }
-}, Wt = { class: "wm-art wm-art--formResponse" }, Gt = { class: "wm-art__head" }, Kt = { class: "wm-art__title" }, Yt = { class: "wm-art__body" }, Jt = { class: "wm-art__fieldLabel" };
-function Xt(t, e, n, a, r, s) {
-  return l(), c("div", Wt, [
-    i("div", Gt, [
-      i("div", Kt, b(n.data.title || "Formulaire"), 1),
+}, Gt = { class: "wm-art wm-art--formResponse" }, Kt = { class: "wm-art__head" }, Yt = { class: "wm-art__title" }, Jt = { class: "wm-art__body" }, Xt = { class: "wm-art__fieldLabel" };
+function Qt(t, e, n, a, r, s) {
+  return l(), c("div", Gt, [
+    i("div", Kt, [
+      i("div", Yt, b(n.data.title || "Formulaire"), 1),
       e[0] || (e[0] = i("span", { class: "wm-art__badge wm-art__badge--success" }, [
         i("svg", {
           width: "11",
@@ -1341,12 +1339,12 @@ function Xt(t, e, n, a, r, s) {
         se(" Envoyé ")
       ], -1))
     ]),
-    i("div", Yt, [
-      (l(!0), c(O, null, F(s.fields, (o, d) => (l(), c("div", {
+    i("div", Jt, [
+      (l(!0), c(T, null, F(s.fields, (o, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
-        i("div", Jt, b(o.label), 1),
+        i("div", Xt, b(o.label), 1),
         i("div", {
           class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, b(o.value), 3)
@@ -1354,7 +1352,7 @@ function Xt(t, e, n, a, r, s) {
     ])
   ]);
 }
-const Qt = /* @__PURE__ */ B(qt, [["render", Xt], ["__scopeId", "data-v-812bda8b"]]), Zt = {
+const Zt = /* @__PURE__ */ B(Wt, [["render", Qt], ["__scopeId", "data-v-812bda8b"]]), en = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -1369,61 +1367,61 @@ const Qt = /* @__PURE__ */ B(qt, [["render", Xt], ["__scopeId", "data-v-812bda8b
       return !!((t = this.data) != null && t.body) || this.fields.length > 0;
     }
   }
-}, en = { class: "wm-art wm-art--infoCard" }, tn = {
+}, tn = { class: "wm-art wm-art--infoCard" }, nn = {
   key: 0,
   class: "wm-art__image"
-}, nn = ["src", "alt"], sn = { class: "wm-art__head" }, rn = { class: "wm-art__headMain" }, an = { class: "wm-art__title" }, on = {
+}, sn = ["src", "alt"], rn = { class: "wm-art__head" }, an = { class: "wm-art__headMain" }, on = { class: "wm-art__title" }, ln = {
   key: 0,
   class: "wm-art__subtitle"
-}, ln = {
+}, cn = {
   key: 1,
   class: "wm-art__body"
-}, cn = {
+}, dn = {
   key: 0,
   class: "wm-art__text"
-}, dn = { class: "wm-art__fieldLabel" };
-function un(t, e, n, a, r, s) {
-  return l(), c("div", en, [
-    n.data.image_url ? (l(), c("figure", tn, [
+}, un = { class: "wm-art__fieldLabel" };
+function hn(t, e, n, a, r, s) {
+  return l(), c("div", tn, [
+    n.data.image_url ? (l(), c("figure", nn, [
       i("img", {
         src: n.data.image_url,
         alt: n.data.title || "",
         loading: "lazy"
-      }, null, 8, nn)
-    ])) : g("", !0),
-    i("div", sn, [
-      i("div", rn, [
-        i("div", an, b(n.data.title), 1),
-        n.data.subtitle ? (l(), c("div", on, b(n.data.subtitle), 1)) : g("", !0)
+      }, null, 8, sn)
+    ])) : y("", !0),
+    i("div", rn, [
+      i("div", an, [
+        i("div", on, b(n.data.title), 1),
+        n.data.subtitle ? (l(), c("div", ln, b(n.data.subtitle), 1)) : y("", !0)
       ]),
       n.data.badge && n.data.badge.label ? (l(), c("span", {
         key: 0,
         class: E(["wm-art__badge", `wm-art__badge--${n.data.badge.tone || "neutral"}`])
-      }, b(n.data.badge.label), 3)) : g("", !0)
+      }, b(n.data.badge.label), 3)) : y("", !0)
     ]),
-    s.hasBody ? (l(), c("div", ln, [
-      n.data.body ? (l(), c("div", cn, b(n.data.body), 1)) : g("", !0),
-      s.fields.length ? (l(!0), c(O, { key: 1 }, F(s.fields, (o, d) => (l(), c("div", {
+    s.hasBody ? (l(), c("div", cn, [
+      n.data.body ? (l(), c("div", dn, b(n.data.body), 1)) : y("", !0),
+      s.fields.length ? (l(!0), c(T, { key: 1 }, F(s.fields, (o, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
-        i("div", dn, b(o.label), 1),
+        i("div", un, b(o.label), 1),
         i("div", {
           class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, b(o.value), 3)
-      ]))), 128)) : g("", !0)
-    ])) : g("", !0)
+      ]))), 128)) : y("", !0)
+    ])) : y("", !0)
   ]);
 }
-const hn = /* @__PURE__ */ B(Zt, [["render", un], ["__scopeId", "data-v-d7369333"]]);
-function mn(t) {
+const mn = /* @__PURE__ */ B(en, [["render", hn], ["__scopeId", "data-v-d7369333"]]);
+function fn(t) {
   if (!t) return "";
   const e = new Date(t);
   if (Number.isNaN(e.getTime())) return t;
   const n = e.toLocaleDateString("fr-FR", { day: "numeric", month: "long", year: "numeric" }), a = e.toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" });
   return `${n} à ${a}`;
 }
-const fn = {
+const _n = {
   name: "WmArtifactTicket",
   props: {
     data: { type: Object, required: !0 }
@@ -1439,7 +1437,7 @@ const fn = {
     },
     formattedDate() {
       var t;
-      return mn((t = this.data) == null ? void 0 : t.created_at);
+      return fn((t = this.data) == null ? void 0 : t.created_at);
     }
   },
   methods: {
@@ -1456,22 +1454,22 @@ const fn = {
       return /high|haute|élev|elev|critic|critiq|urgent/.test(e) ? 3 : /low|basse|faible|minor/.test(e) ? 1 : 2;
     }
   }
-}, _n = { class: "wm-art wm-art--ticket" }, pn = { class: "wm-art__head wm-tk__head" }, vn = { class: "wm-art__title wm-tk__title" }, yn = { class: "wm-tk__sub" }, gn = { class: "wm-tk__ref" }, wn = {
+}, pn = { class: "wm-art wm-art--ticket" }, vn = { class: "wm-art__head wm-tk__head" }, yn = { class: "wm-art__title wm-tk__title" }, gn = { class: "wm-tk__sub" }, wn = { class: "wm-tk__ref" }, bn = {
   key: 0,
   class: "wm-art__body"
-}, bn = {
+}, kn = {
   key: 0,
   class: "wm-tk__text"
-}, kn = { class: "wm-art__fieldLabel" }, Cn = ["data-level"], An = {
+}, Cn = { class: "wm-art__fieldLabel" }, An = ["data-level"], Sn = {
   key: 1,
   class: "wm-art__footer wm-tk__footer"
 };
-function Sn(t, e, n, a, r, s) {
-  return l(), c("div", _n, [
-    i("div", pn, [
-      i("div", vn, b(n.data.title), 1),
-      i("div", yn, [
-        i("div", gn, [
+function xn(t, e, n, a, r, s) {
+  return l(), c("div", pn, [
+    i("div", vn, [
+      i("div", yn, b(n.data.title), 1),
+      i("div", gn, [
+        i("div", wn, [
           e[0] || (e[0] = i("svg", {
             width: "11",
             height: "11",
@@ -1499,13 +1497,13 @@ function Sn(t, e, n, a, r, s) {
         ], 2)
       ])
     ]),
-    s.hasBody ? (l(), c("div", wn, [
-      n.data.body ? (l(), c("div", bn, b(n.data.body), 1)) : g("", !0),
-      s.fields.length ? (l(!0), c(O, { key: 1 }, F(s.fields, (o, d) => (l(), c("div", {
+    s.hasBody ? (l(), c("div", bn, [
+      n.data.body ? (l(), c("div", kn, b(n.data.body), 1)) : y("", !0),
+      s.fields.length ? (l(!0), c(T, { key: 1 }, F(s.fields, (o, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
-        i("div", kn, b(o.label), 1),
+        i("div", Cn, b(o.label), 1),
         i("div", {
           class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, [
@@ -1539,12 +1537,12 @@ function Sn(t, e, n, a, r, s) {
               height: "9",
               rx: "0.5"
             }, null, -1)
-          ])], 8, Cn)) : g("", !0),
+          ])], 8, An)) : y("", !0),
           i("span", null, b(o.value), 1)
         ], 2)
-      ]))), 128)) : g("", !0)
-    ])) : g("", !0),
-    n.data.created_at ? (l(), c("div", An, [
+      ]))), 128)) : y("", !0)
+    ])) : y("", !0),
+    n.data.created_at ? (l(), c("div", Sn, [
       e[3] || (e[3] = i("svg", {
         width: "11",
         height: "11",
@@ -1566,14 +1564,14 @@ function Sn(t, e, n, a, r, s) {
         i("path", { d: "M16 2v4M8 2v4M3 10h18" })
       ], -1)),
       i("span", null, b(s.formattedDate), 1)
-    ])) : g("", !0)
+    ])) : y("", !0)
   ]);
 }
-const xn = /* @__PURE__ */ B(fn, [["render", Sn], ["__scopeId", "data-v-f0495924"]]), Mn = {
-  form_response: Qt,
-  info_card: hn,
-  ticket: xn
-}, Tn = {
+const Mn = /* @__PURE__ */ B(_n, [["render", xn], ["__scopeId", "data-v-f0495924"]]), Tn = {
+  form_response: Zt,
+  info_card: mn,
+  ticket: Mn
+}, On = {
   name: "WmArtifactRenderer",
   props: {
     // Forme : { kind: string, data: any } (le `data` est validé
@@ -1584,17 +1582,17 @@ const xn = /* @__PURE__ */ B(fn, [["render", Sn], ["__scopeId", "data-v-f0495924
     component() {
       var e;
       const t = (e = this.artifact) == null ? void 0 : e.kind;
-      return t && Mn[t] || null;
+      return t && Tn[t] || null;
     }
   }
 };
 function In(t, e, n, a, r, s) {
-  return s.component ? (l(), $(Ie(s.component), {
+  return s.component ? (l(), $(Oe(s.component), {
     key: 0,
     data: n.artifact.data
-  }, null, 8, ["data"])) : g("", !0);
+  }, null, 8, ["data"])) : y("", !0);
 }
-const Ae = /* @__PURE__ */ B(Tn, [["render", In]]), On = {
+const Ae = /* @__PURE__ */ B(On, [["render", In]]), En = {
   name: "WmActionResult",
   components: { ArtifactRenderer: Ae },
   props: {
@@ -1617,7 +1615,7 @@ const Ae = /* @__PURE__ */ B(Tn, [["render", In]]), On = {
       return Ce(this.detail);
     }
   }
-}, En = { class: "wm-result-wrap" }, Bn = { class: "wm-result" }, Ln = {
+}, Bn = { class: "wm-result-wrap" }, Ln = { class: "wm-result" }, Rn = {
   key: 0,
   width: "10",
   height: "10",
@@ -1628,7 +1626,7 @@ const Ae = /* @__PURE__ */ B(Tn, [["render", In]]), On = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, Rn = {
+}, $n = {
   key: 1,
   width: "10",
   height: "10",
@@ -1639,24 +1637,24 @@ const Ae = /* @__PURE__ */ B(Tn, [["render", In]]), On = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "aria-hidden": "true"
-}, $n = { class: "wm-result__body" }, Fn = ["innerHTML"], jn = {
+}, Fn = { class: "wm-result__body" }, jn = ["innerHTML"], Un = {
   key: 0,
   class: "wm-result-art"
 };
-function Un(t, e, n, a, r, s) {
+function Dn(t, e, n, a, r, s) {
   const o = I("ArtifactRenderer");
-  return l(), c("div", En, [
-    i("div", Bn, [
+  return l(), c("div", Bn, [
+    i("div", Ln, [
       i("div", {
         class: E(["wm-result__check", { "wm-result__check--ok": s.ok }])
       }, [
-        s.ok ? (l(), c("svg", Ln, [...e[0] || (e[0] = [
+        s.ok ? (l(), c("svg", Rn, [...e[0] || (e[0] = [
           i("path", { d: "M20 6L9 17l-5-5" }, null, -1)
-        ])])) : (l(), c("svg", Rn, [...e[1] || (e[1] = [
+        ])])) : (l(), c("svg", $n, [...e[1] || (e[1] = [
           i("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
         ])]))
       ], 2),
-      i("div", $n, [
+      i("div", Fn, [
         i("div", {
           class: E(["wm-result__label", { "wm-result__label--struck": !s.ok }])
         }, b(n.label), 3),
@@ -1664,15 +1662,15 @@ function Un(t, e, n, a, r, s) {
           key: 0,
           class: "wm-result__detail",
           innerHTML: s.detailHtml
-        }, null, 8, Fn)) : g("", !0)
+        }, null, 8, jn)) : y("", !0)
       ])
     ]),
-    n.artifact ? (l(), c("div", jn, [
-      H(o, { artifact: n.artifact }, null, 8, ["artifact"])
-    ])) : g("", !0)
+    n.artifact ? (l(), c("div", Un, [
+      P(o, { artifact: n.artifact }, null, 8, ["artifact"])
+    ])) : y("", !0)
   ]);
 }
-const Dn = /* @__PURE__ */ B(On, [["render", Un], ["__scopeId", "data-v-037fd69e"]]), Nn = {
+const Nn = /* @__PURE__ */ B(En, [["render", Dn], ["__scopeId", "data-v-037fd69e"]]), Pn = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null }
@@ -1726,15 +1724,15 @@ const Dn = /* @__PURE__ */ B(On, [["render", Un], ["__scopeId", "data-v-037fd69e
       this.url || t.preventDefault();
     }
   }
-}, Pn = ["href"], Hn = ["src", "alt"], zn = ["src"], Vn = ["src"], qn = ["href", "download"], Wn = { class: "wm-att__main" }, Gn = { class: "wm-att__name" }, Kn = {
+}, Hn = ["href"], zn = ["src", "alt"], Vn = ["src"], qn = ["src"], Wn = ["href", "download"], Gn = { class: "wm-att__main" }, Kn = { class: "wm-att__name" }, Yn = {
   key: 0,
   class: "wm-att__meta"
-}, Yn = {
+}, Jn = {
   key: 0,
   class: "wm-att__spin",
   "aria-hidden": "true"
 };
-function Jn(t, e, n, a, r, s) {
+function Xn(t, e, n, a, r, s) {
   return l(), c("div", {
     class: E(["wm-att", ["wm-att--" + (s.kind || "file")]])
   }, [
@@ -1749,18 +1747,18 @@ function Jn(t, e, n, a, r, s) {
         src: r.url,
         alt: s.displayName,
         loading: "lazy"
-      }, null, 8, Hn)
-    ], 8, Pn)) : s.kind === "audio" && r.url ? (l(), c("audio", {
+      }, null, 8, zn)
+    ], 8, Hn)) : s.kind === "audio" && r.url ? (l(), c("audio", {
       key: 1,
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, zn)) : s.kind === "video" && r.url ? (l(), c("video", {
+    }, null, 8, Vn)) : s.kind === "video" && r.url ? (l(), c("video", {
       key: 2,
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, Vn)) : (l(), c("a", {
+    }, null, 8, qn)) : (l(), c("a", {
       key: 3,
       class: "wm-att__file",
       href: r.url || "#",
@@ -1785,15 +1783,15 @@ function Jn(t, e, n, a, r, s) {
           i("path", { d: "M14 2v6h6" })
         ])
       ], -1)),
-      i("span", Wn, [
-        i("span", Gn, b(s.displayName), 1),
-        s.sizeLabel ? (l(), c("span", Kn, b(s.sizeLabel), 1)) : g("", !0)
+      i("span", Gn, [
+        i("span", Kn, b(s.displayName), 1),
+        s.sizeLabel ? (l(), c("span", Yn, b(s.sizeLabel), 1)) : y("", !0)
       ]),
-      r.loading ? (l(), c("span", Yn)) : g("", !0)
-    ], 8, qn))
+      r.loading ? (l(), c("span", Jn)) : y("", !0)
+    ], 8, Wn))
   ], 2);
 }
-const Xn = /* @__PURE__ */ B(Nn, [["render", Jn], ["__scopeId", "data-v-1cd1267b"]]), Qn = {
+const Qn = /* @__PURE__ */ B(Pn, [["render", Xn], ["__scopeId", "data-v-1cd1267b"]]), Zn = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -1805,38 +1803,38 @@ const Xn = /* @__PURE__ */ B(Nn, [["render", Jn], ["__scopeId", "data-v-1cd1267b
       return Ce(this.text);
     }
   }
-}, Zn = ["innerHTML"];
-function es(t, e, n, a, r, s) {
+}, es = ["innerHTML"];
+function ts(t, e, n, a, r, s) {
   return l(), c("div", {
     class: E(["wm-bubble", "wm-bubble--" + n.role])
   }, [
-    Oe(t.$slots, "default", {}, () => [
-      i("span", { innerHTML: s.rendered }, null, 8, Zn)
+    Ie(t.$slots, "default", {}, () => [
+      i("span", { innerHTML: s.rendered }, null, 8, es)
     ], !0)
   ], 2);
 }
-const ts = /* @__PURE__ */ B(Qn, [["render", es], ["__scopeId", "data-v-c52bb028"]]), ns = { name: "WmTyping" }, ss = { class: "wm-typing" };
-function rs(t, e, n, a, r, s) {
-  return l(), c("div", ss, [...e[0] || (e[0] = [
+const ns = /* @__PURE__ */ B(Zn, [["render", ts], ["__scopeId", "data-v-c52bb028"]]), ss = { name: "WmTyping" }, rs = { class: "wm-typing" };
+function is(t, e, n, a, r, s) {
+  return l(), c("div", rs, [...e[0] || (e[0] = [
     i("span", { style: { "animation-delay": "0s" } }, null, -1),
     i("span", { style: { "animation-delay": "0.2s" } }, null, -1),
     i("span", { style: { "animation-delay": "0.4s" } }, null, -1)
   ])]);
 }
-const is = /* @__PURE__ */ B(ns, [["render", rs], ["__scopeId", "data-v-df2447fd"]]);
+const as = /* @__PURE__ */ B(ss, [["render", is], ["__scopeId", "data-v-df2447fd"]]);
 function ce(t) {
   return t ? t.client_msg_id || t.id : "";
 }
-const as = {
+const os = {
   transferred_to_human: "Conversation transférée à un humain",
   assigned: "{name} a rejoint la conversation",
   unassigned: "L'agent a quitté la conversation",
   resolved: "Conversation résolue",
   reopened: "Conversation rouverte",
   idle: "Conversation en pause"
-}, os = 80, ls = 200, cs = {
+}, ls = 80, cs = 200, ds = {
   name: "WmMessageList",
-  components: { AIAvatar: J, HumanAvatar: ke, Bubble: ts, Typing: is, ActionResult: Dn, AttachmentPreview: Xn, ArtifactRenderer: Ae },
+  components: { AIAvatar: J, HumanAvatar: ke, Bubble: ns, Typing: as, ActionResult: Nn, AttachmentPreview: Qn, ArtifactRenderer: Ae },
   props: {
     messages: { type: Array, default: () => [] },
     streamingActive: { type: Boolean, default: !1 },
@@ -1847,7 +1845,12 @@ const as = {
     // True while older messages are being fetched.
     loadingMore: { type: Boolean, default: !1 },
     // True when the server still has older messages to return.
-    hasMore: { type: Boolean, default: !1 }
+    hasMore: { type: Boolean, default: !1 },
+    // ISO timestamp frozen at the moment the user started viewing the
+    // 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: "" }
   },
   emits: ["load-more"],
   data() {
@@ -1887,6 +1890,19 @@ const as = {
         });
       }
       return t;
+    },
+    // Key of the first non-user group that starts after the unread anchor.
+    // ISO 8601 timestamps sort lexicographically, so a string `>` compare
+    // is correct here (same trick as the unread flag in Messenger.vue).
+    unreadGroupKey() {
+      if (!this.unreadAnchorTs) return null;
+      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)
+          return t.key;
+      }
+      return null;
     }
   },
   watch: {
@@ -1904,11 +1920,11 @@ const as = {
   methods: {
     messageKey: ce,
     isAtBottom(t) {
-      return t.scrollHeight - t.scrollTop - t.clientHeight <= os;
+      return t.scrollHeight - t.scrollTop - t.clientHeight <= ls;
     },
     onScroll() {
       const t = this.$refs.scrollEl;
-      t && (this.loadingMore || !this.hasMore || this._pendingLoadMore || t.scrollTop <= ls && (this._pendingLoadMore = !0, this.$emit("load-more")));
+      t && (this.loadingMore || !this.hasMore || this._pendingLoadMore || t.scrollTop <= cs && (this._pendingLoadMore = !0, this.$emit("load-more")));
     },
     // Capture pre-patch scroll state and restore it on the next tick.
     //
@@ -2080,7 +2096,7 @@ const as = {
     },
     systemLabel(t) {
       var r, s, o;
-      const e = (r = t == null ? void 0 : t.payload) == null ? void 0 : r.event, n = as[e] || (t == null ? void 0 : t.text_md) || "Mise à jour de la conversation", a = ((s = t == null ? void 0 : t.metadata) == null ? void 0 : s.agent_name) || ((o = t == null ? void 0 : t.author) == null ? void 0 : o.name) || "";
+      const e = (r = t == null ? void 0 : t.payload) == null ? void 0 : r.event, n = os[e] || (t == null ? void 0 : t.text_md) || "Mise à jour de la conversation", a = ((s = t == null ? void 0 : t.metadata) == null ? void 0 : s.agent_name) || ((o = t == null ? void 0 : t.author) == null ? void 0 : o.name) || "";
       return n.replace("{name}", a || "Un agent");
     },
     scrollToBottom() {
@@ -2088,125 +2104,136 @@ const as = {
       t && (t.scrollTop = t.scrollHeight);
     }
   }
-}, ds = {
+}, us = {
   key: 0,
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, us = {
+}, hs = {
   key: 1,
   class: "wm-list__historyEnd"
-}, hs = {
+}, ms = {
   key: 2,
   class: "wm-list__sep"
-}, ms = { class: "wm-list__sep-label" }, fs = {
+}, fs = { class: "wm-list__sep-label" }, _s = {
+  key: 0,
+  class: "wm-list__sep wm-list__sep--unread"
+}, ps = {
   key: 0,
   class: "wm-list__sysep"
-}, _s = { class: "wm-list__sysep-label" }, ps = {
+}, vs = { class: "wm-list__sysep-label" }, ys = {
   key: 0,
   class: "wm-list__avatarSlot"
-}, vs = {
+}, gs = {
   key: 3,
   class: "wm-list__body"
-}, ys = { key: 0 }, gs = {
+}, ws = { key: 0 }, bs = {
   key: 1,
   "aria-hidden": "true"
-}, ws = { key: 2 }, bs = {
+}, ks = { key: 2 }, Cs = {
   key: 3,
   class: "wm-list__row wm-list__row--ai fade-up"
-}, ks = { class: "wm-list__avatarSlot" };
-function Cs(t, e, n, a, r, s) {
+}, As = { class: "wm-list__avatarSlot" };
+function Ss(t, e, n, a, r, s) {
   const o = I("AIAvatar"), d = I("HumanAvatar"), v = I("ActionResult"), C = I("ArtifactRenderer"), w = I("Bubble"), S = I("AttachmentPreview"), L = I("Typing");
   return l(), c("div", {
     ref: "scrollEl",
     class: E(["wm-list", { "wm-list--silent": r.silentFades }]),
     onScrollPassive: e[0] || (e[0] = (...A) => s.onScroll && s.onScroll(...A))
   }, [
-    n.loadingMore ? (l(), c("div", ds, [...e[1] || (e[1] = [
+    n.loadingMore ? (l(), c("div", us, [...e[1] || (e[1] = [
       i("span", {
         class: "wm-list__loadMore-spinner",
         "aria-hidden": "true"
       }, null, -1),
       i("span", { class: "wm-list__loadMore-lbl" }, "Chargement de l'historique…", -1)
-    ])])) : s.historyExhausted ? (l(), c("div", us, "Début de la conversation")) : g("", !0),
-    n.dateLabel ? (l(), c("div", hs, [
+    ])])) : s.historyExhausted ? (l(), c("div", hs, "Début de la conversation")) : y("", !0),
+    n.dateLabel ? (l(), c("div", ms, [
       e[2] || (e[2] = i("div", { class: "wm-list__line" }, null, -1)),
-      i("span", ms, b(n.dateLabel), 1),
+      i("span", fs, b(n.dateLabel), 1),
       e[3] || (e[3] = i("div", { class: "wm-list__line" }, null, -1))
-    ])) : g("", !0),
-    (l(!0), c(O, null, F(s.groups, (A, D) => (l(), c("div", {
-      key: A.key,
-      class: E(["wm-list__group", "wm-list__group--" + A.role])
+    ])) : y("", !0),
+    (l(!0), c(T, null, F(s.groups, (A, D) => (l(), c(T, {
+      key: A.key
     }, [
-      A.role === "system" ? (l(), c("div", fs, [
-        e[4] || (e[4] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
-        i("span", _s, b(A.systemLabel), 1),
-        e[5] || (e[5] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
-      ])) : (l(), c(O, { key: 1 }, [
-        (l(!0), c(O, null, F(A.messages, (x, N) => (l(), c("div", {
-          key: s.messageKey(x),
-          class: E(["wm-list__row fade-up", ["wm-list__row--" + A.role, { "is-pending": x._pending, "is-failed": x._failed }]]),
-          style: P(s.cornersStyle(A, N))
-        }, [
-          A.role !== "user" ? (l(), c("div", ps, [
-            N === A.messages.length - 1 ? (l(), c(O, { key: 0 }, [
-              A.role === "ai" ? (l(), $(o, {
+      A.key === s.unreadGroupKey ? (l(), c("div", _s, [...e[4] || (e[4] = [
+        i("div", { class: "wm-list__line wm-list__line--unread" }, null, -1),
+        i("span", { class: "wm-list__sep-label wm-list__sep-label--unread" }, "Non lus", -1),
+        i("div", { class: "wm-list__line wm-list__line--unread" }, null, -1)
+      ])])) : y("", !0),
+      i("div", {
+        class: E(["wm-list__group", "wm-list__group--" + A.role])
+      }, [
+        A.role === "system" ? (l(), c("div", ps, [
+          e[5] || (e[5] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
+          i("span", vs, b(A.systemLabel), 1),
+          e[6] || (e[6] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
+        ])) : (l(), c(T, { key: 1 }, [
+          (l(!0), c(T, null, F(A.messages, (x, N) => (l(), c("div", {
+            key: s.messageKey(x),
+            class: E(["wm-list__row fade-up", ["wm-list__row--" + A.role, { "is-pending": x._pending, "is-failed": x._failed }]]),
+            style: V(s.cornersStyle(A, N))
+          }, [
+            A.role !== "user" ? (l(), c("div", ys, [
+              N === A.messages.length - 1 ? (l(), c(T, { key: 0 }, [
+                A.role === "ai" ? (l(), $(o, {
+                  key: 0,
+                  size: 26
+                })) : (l(), $(d, {
+                  key: 1,
+                  name: A.agentName,
+                  "avatar-url": A.agentAvatarUrl,
+                  size: 26
+                }, null, 8, ["name", "avatar-url"]))
+              ], 64)) : y("", !0)
+            ])) : y("", !0),
+            x.type === "action" && x.payload && x.payload.state !== "pending" ? (l(), $(v, {
+              key: 1,
+              state: x.payload.state,
+              label: s.actionLabel(x),
+              detail: s.actionDetail(x),
+              artifact: s.actionArtifact(x)
+            }, null, 8, ["state", "label", "detail", "artifact"])) : s.artifactOf(x) ? (l(), $(C, {
+              key: 2,
+              artifact: s.artifactOf(x)
+            }, null, 8, ["artifact"])) : (l(), c("div", gs, [
+              x.text_md ? (l(), $(w, {
                 key: 0,
-                size: 26
-              })) : (l(), $(d, {
+                role: A.role,
+                text: x.text_md
+              }, null, 8, ["role", "text"])) : y("", !0),
+              s.attachmentsOf(x).length ? (l(), c("div", {
                 key: 1,
-                name: A.agentName,
-                "avatar-url": A.agentAvatarUrl,
-                size: 26
-              }, null, 8, ["name", "avatar-url"]))
-            ], 64)) : g("", !0)
-          ])) : g("", !0),
-          x.type === "action" && x.payload && x.payload.state !== "pending" ? (l(), $(v, {
-            key: 1,
-            state: x.payload.state,
-            label: s.actionLabel(x),
-            detail: s.actionDetail(x),
-            artifact: s.actionArtifact(x)
-          }, null, 8, ["state", "label", "detail", "artifact"])) : s.artifactOf(x) ? (l(), $(C, {
-            key: 2,
-            artifact: s.artifactOf(x)
-          }, null, 8, ["artifact"])) : (l(), c("div", vs, [
-            x.text_md ? (l(), $(w, {
-              key: 0,
-              role: A.role,
-              text: x.text_md
-            }, null, 8, ["role", "text"])) : g("", !0),
-            s.attachmentsOf(x).length ? (l(), c("div", {
-              key: 1,
-              class: E(["wm-list__atts", { "wm-list__atts--align-end": A.role === "user" }])
-            }, [
-              (l(!0), c(O, null, F(s.attachmentsOf(x), (j, z) => (l(), $(S, {
-                key: `${s.messageKey(x)}-att-${z}`,
-                attachment: j
-              }, null, 8, ["attachment"]))), 128))
-            ], 2)) : g("", !0)
-          ]))
-        ], 6))), 128)),
-        A.role !== "user" || s.lastTimeOf(A) ? (l(), c("div", {
-          key: 0,
-          class: E(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
-        }, [
-          A.role !== "user" ? (l(), c("span", ys, b(s.roleLabel(A)), 1)) : g("", !0),
-          A.role !== "user" && s.lastTimeOf(A) ? (l(), c("span", gs, "·")) : g("", !0),
-          s.lastTimeOf(A) ? (l(), c("span", ws, b(s.lastTimeOf(A)), 1)) : g("", !0)
-        ], 2)) : g("", !0)
-      ], 64))
-    ], 2))), 128)),
-    n.streamingActive ? (l(), c("div", bs, [
-      i("div", ks, [
-        H(o, { size: 26 })
+                class: E(["wm-list__atts", { "wm-list__atts--align-end": A.role === "user" }])
+              }, [
+                (l(!0), c(T, null, F(s.attachmentsOf(x), (j, H) => (l(), $(S, {
+                  key: `${s.messageKey(x)}-att-${H}`,
+                  attachment: j
+                }, null, 8, ["attachment"]))), 128))
+              ], 2)) : y("", !0)
+            ]))
+          ], 6))), 128)),
+          A.role !== "user" || s.lastTimeOf(A) ? (l(), c("div", {
+            key: 0,
+            class: E(["wm-list__meta", { "wm-list__meta--right": A.role === "user" }])
+          }, [
+            A.role !== "user" ? (l(), c("span", ws, b(s.roleLabel(A)), 1)) : y("", !0),
+            A.role !== "user" && s.lastTimeOf(A) ? (l(), c("span", bs, "·")) : y("", !0),
+            s.lastTimeOf(A) ? (l(), c("span", ks, b(s.lastTimeOf(A)), 1)) : y("", !0)
+          ], 2)) : y("", !0)
+        ], 64))
+      ], 2)
+    ], 64))), 128)),
+    n.streamingActive ? (l(), c("div", Cs, [
+      i("div", As, [
+        P(o, { size: 26 })
       ]),
-      H(L)
-    ])) : g("", !0)
+      P(L)
+    ])) : y("", !0)
   ], 34);
 }
-const As = /* @__PURE__ */ B(cs, [["render", Cs], ["__scopeId", "data-v-02fa95cc"]]), te = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", he = typeof window < "u" && typeof window.MediaRecorder < "u";
-function Ss() {
+const xs = /* @__PURE__ */ B(ds, [["render", Ss], ["__scopeId", "data-v-195ed9b1"]]), te = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", he = typeof window < "u" && typeof window.MediaRecorder < "u";
+function Ms() {
   return he && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -2226,10 +2253,10 @@ function Se({ audio: t }) {
     systemAudio: t ? "include" : "exclude"
   };
 }
-function ji(t) {
+function Di(t) {
   return t ? t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : "file" : "file";
 }
-async function xs() {
+async function Ts() {
   if (!te) return null;
   let t;
   try {
@@ -2238,7 +2265,7 @@ async function xs() {
     return (e == null ? void 0 : e.name) !== "NotAllowedError" && console.error("[media] screenshot picker", e), null;
   }
   try {
-    return await Ms(t);
+    return await Os(t);
   } catch (e) {
     return console.error("[media] screenshot capture", e), null;
   } finally {
@@ -2247,7 +2274,7 @@ async function xs() {
     });
   }
 }
-async function Ms(t) {
+async function Os(t) {
   const e = document.createElement("video");
   e.muted = !0, e.playsInline = !0, e.srcObject = t, await e.play(), await new Promise((d) => requestAnimationFrame(d));
   const n = e.videoWidth || 1280, a = e.videoHeight || 720, r = document.createElement("canvas");
@@ -2257,7 +2284,7 @@ async function Ms(t) {
   }), o = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return new File([s], `capture-${o}.png`, { type: "image/png" });
 }
-async function Ts(t = {}) {
+async function Is(t = {}) {
   var C;
   if (!te || !he) return null;
   let e;
@@ -2266,7 +2293,7 @@ async function Ts(t = {}) {
   } catch (w) {
     return (w == null ? void 0 : w.name) !== "NotAllowedError" && console.error("[media] record picker", w), null;
   }
-  const n = Ss();
+  const n = Ms();
   let a;
   try {
     a = n ? new window.MediaRecorder(e, { mimeType: n }) : new window.MediaRecorder(e);
@@ -2318,7 +2345,7 @@ async function Ts(t = {}) {
     }
   };
 }
-const Is = [
+const Es = [
   {
     action: "file",
     label: "Joindre un fichier",
@@ -2334,7 +2361,7 @@ const Is = [
     label: "Enregistrer l'écran",
     path: "M23 7l-7 5 7 5V7z M1 5a2 2 0 012-2h12a2 2 0 012 2v14a2 2 0 01-2 2H3a2 2 0 01-2-2V5z"
   }
-], Os = {
+], Bs = {
   name: "WmComposer",
   props: {
     modelValue: { type: String, default: "" },
@@ -2357,7 +2384,7 @@ const Is = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Is.map((t) => ({
+      return Es.map((t) => ({
         ...t,
         disabled: t.action === "screenshot" && !te || t.action === "record" && (!te || !he)
       }));
@@ -2429,13 +2456,13 @@ const Is = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const t = await xs();
+      const t = await Ts();
       t && this.$emit("attach", t);
     },
     async startRecording() {
       if (this.recording || this.disabled) return;
       this.recordingElapsed = 0;
-      const t = await Ts({
+      const t = await Is({
         onstart: () => {
           this.recording = !0;
         },
@@ -2460,33 +2487,33 @@ const Is = [
         }
     }
   }
-}, Es = { class: "wm-compose-wrap" }, Bs = {
+}, Ls = { class: "wm-compose-wrap" }, Rs = {
   key: 0,
   class: "wm-rec"
-}, Ls = { class: "wm-rec__lbl" }, Rs = {
+}, $s = { class: "wm-rec__lbl" }, Fs = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, $s = ["disabled", "onClick"], Fs = { class: "wm-compose__menuIcon" }, js = {
+}, js = ["disabled", "onClick"], Us = { class: "wm-compose__menuIcon" }, Ds = {
   viewBox: "0 0 24 24",
   width: "14",
   height: "14",
   "aria-hidden": "true"
-}, Us = ["d"], Ds = ["placeholder", "disabled"], Ns = { class: "wm-compose__actions" }, Ps = ["title", "aria-label", "disabled"], Hs = ["disabled"];
-function zs(t, e, n, a, r, s) {
-  return l(), c("div", Es, [
-    r.recording ? (l(), c("div", Bs, [
+}, Ns = ["d"], Ps = ["placeholder", "disabled"], Hs = { class: "wm-compose__actions" }, zs = ["title", "aria-label", "disabled"], Vs = ["disabled"];
+function qs(t, e, n, a, r, s) {
+  return l(), c("div", Ls, [
+    r.recording ? (l(), c("div", Rs, [
       e[8] || (e[8] = i("span", {
         class: "wm-rec__dot",
         "aria-hidden": "true"
       }, null, -1)),
-      i("span", Ls, "Enregistrement · " + b(s.recordingElapsedLabel), 1),
+      i("span", $s, "Enregistrement · " + b(s.recordingElapsedLabel), 1),
       i("button", {
         type: "button",
         class: "wm-rec__stop",
         onClick: e[0] || (e[0] = (...o) => s.stopRecording && s.stopRecording(...o))
       }, "Arrêter")
-    ])) : g("", !0),
+    ])) : y("", !0),
     i("form", {
       class: E(["wm-compose", { "has-attach": r.attachOpen }]),
       onSubmit: e[7] || (e[7] = Y((...o) => s.onSubmit && s.onSubmit(...o), ["prevent"]))
@@ -2502,17 +2529,17 @@ function zs(t, e, n, a, r, s) {
         key: 0,
         class: "wm-compose__overlay",
         onClick: e[2] || (e[2] = (o) => r.attachOpen = !1)
-      })) : g("", !0),
-      r.attachOpen ? (l(), c("div", Rs, [
-        (l(!0), c(O, null, F(s.attachItems, (o) => (l(), c("button", {
+      })) : y("", !0),
+      r.attachOpen ? (l(), c("div", Fs, [
+        (l(!0), c(T, null, F(s.attachItems, (o) => (l(), c("button", {
           key: o.action,
           type: "button",
           class: "wm-compose__menuItem",
           disabled: o.disabled,
           onClick: (d) => s.onAttachAction(o.action)
         }, [
-          i("span", Fs, [
-            (l(), c("svg", js, [
+          i("span", Us, [
+            (l(), c("svg", Ds, [
               i("path", {
                 d: o.path,
                 stroke: "currentColor",
@@ -2520,13 +2547,13 @@ function zs(t, e, n, a, r, s) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Us)
+              }, null, 8, Ns)
             ]))
           ]),
           i("span", null, b(o.label), 1)
-        ], 8, $s))), 128))
-      ])) : g("", !0),
-      V(i("textarea", {
+        ], 8, js))), 128))
+      ])) : y("", !0),
+      z(i("textarea", {
         ref: "inputEl",
         "onUpdate:modelValue": e[3] || (e[3] = (o) => r.local = o),
         class: "wm-compose__input",
@@ -2535,10 +2562,10 @@ function zs(t, e, n, a, r, s) {
         disabled: n.disabled,
         onKeydown: e[4] || (e[4] = (...o) => s.onKeydown && s.onKeydown(...o)),
         onInput: e[5] || (e[5] = (...o) => s.autosize && s.autosize(...o))
-      }, null, 40, Ds), [
+      }, null, 40, Ps), [
         [G, r.local]
       ]),
-      i("div", Ns, [
+      i("div", Hs, [
         i("button", {
           type: "button",
           class: E(["wm-compose__icon", { "is-open": r.attachOpen }]),
@@ -2560,7 +2587,7 @@ function zs(t, e, n, a, r, s) {
           }, [
             i("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
           ], -1)
-        ])], 10, Ps),
+        ])], 10, zs),
         i("button", {
           type: "submit",
           class: E(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -2580,12 +2607,12 @@ function zs(t, e, n, a, r, s) {
           }, [
             i("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
           ], -1)
-        ])], 10, Hs)
+        ])], 10, Vs)
       ])
     ], 34)
   ]);
 }
-const Vs = /* @__PURE__ */ B(Os, [["render", zs], ["__scopeId", "data-v-14fa9ec0"]]), qs = {
+const Ws = /* @__PURE__ */ B(Bs, [["render", qs], ["__scopeId", "data-v-14fa9ec0"]]), Gs = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -2602,22 +2629,22 @@ const Vs = /* @__PURE__ */ B(Os, [["render", zs], ["__scopeId", "data-v-14fa9ec0
       return this.items.map((t) => (t == null ? void 0 : t.label) || (t == null ? void 0 : t.text) || "").join("§");
     }
   }
-}, Ws = ["onClick"];
-function Gs(t, e, n, a, r, s) {
+}, Ks = ["onClick"];
+function Ys(t, e, n, a, r, s) {
   return n.items.length ? (l(), c("div", {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (l(!0), c(O, null, F(n.items, (o, d) => (l(), c("button", {
+    (l(!0), c(T, null, F(n.items, (o, d) => (l(), c("button", {
       key: d,
       type: "button",
       class: "wm-chip",
-      style: P({ animationDelay: n.baseDelay + d * n.stepDelay + "ms" }),
+      style: V({ animationDelay: n.baseDelay + d * n.stepDelay + "ms" }),
       onClick: (v) => t.$emit("select", o)
-    }, b(o.label), 13, Ws))), 128))
-  ])) : g("", !0);
+    }, b(o.label), 13, Ks))), 128))
+  ])) : y("", !0);
 }
-const Ks = /* @__PURE__ */ B(qs, [["render", Gs], ["__scopeId", "data-v-55aa529d"]]), Ys = {
+const Js = /* @__PURE__ */ B(Gs, [["render", Ys], ["__scopeId", "data-v-55aa529d"]]), Xs = {
   name: "WmApprovalCard",
   components: { AIAvatar: J },
   props: {
@@ -2650,41 +2677,41 @@ const Ks = /* @__PURE__ */ B(qs, [["render", Gs], ["__scopeId", "data-v-55aa529d
       return ((t = this.rejectCallback) == null ? void 0 : t.label) || "Refuser";
     }
   }
-}, Js = { class: "wm-approval" }, Xs = { class: "wm-approval__head" }, Qs = { class: "wm-approval__icon" }, Zs = { class: "wm-approval__main" }, er = { class: "wm-approval__title" }, tr = {
+}, Qs = { class: "wm-approval" }, Zs = { class: "wm-approval__head" }, er = { class: "wm-approval__icon" }, tr = { class: "wm-approval__main" }, nr = { class: "wm-approval__title" }, sr = {
   key: 0,
   class: "wm-approval__detail"
-}, nr = { class: "wm-approval__actions" };
-function sr(t, e, n, a, r, s) {
+}, rr = { class: "wm-approval__actions" };
+function ir(t, e, n, a, r, s) {
   const o = I("AIAvatar");
-  return l(), c("div", Js, [
-    i("div", Xs, [
-      i("div", Qs, [
-        H(o, { size: 24 })
+  return l(), c("div", Qs, [
+    i("div", Zs, [
+      i("div", er, [
+        P(o, { size: 24 })
       ]),
-      i("div", Zs, [
-        i("div", er, b(n.action), 1),
-        n.detail ? (l(), c("div", tr, b(n.detail), 1)) : g("", !0)
+      i("div", tr, [
+        i("div", nr, b(n.action), 1),
+        n.detail ? (l(), c("div", sr, b(n.detail), 1)) : y("", !0)
       ])
     ]),
-    i("div", nr, [
+    i("div", rr, [
       s.rejectId ? (l(), c("button", {
         key: 0,
         type: "button",
         class: "wm-approval__btn wm-approval__btn--neutral",
         onClick: e[0] || (e[0] = (d) => t.$emit("callback", s.rejectId))
-      }, b(s.rejectLabel), 1)) : g("", !0),
+      }, b(s.rejectLabel), 1)) : y("", !0),
       s.approveId ? (l(), c("button", {
         key: 1,
         type: "button",
         class: "wm-approval__btn wm-approval__btn--primary",
         onClick: e[1] || (e[1] = (d) => t.$emit("callback", s.approveId))
-      }, b(s.approveLabel), 1)) : g("", !0)
+      }, b(s.approveLabel), 1)) : y("", !0)
     ])
   ]);
 }
-const rr = /* @__PURE__ */ B(Ys, [["render", sr], ["__scopeId", "data-v-b1be139c"]]);
+const ar = /* @__PURE__ */ B(Xs, [["render", ir], ["__scopeId", "data-v-b1be139c"]]);
 let ve = 0;
-const ir = /* @__PURE__ */ new Set([
+const or = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -2692,7 +2719,7 @@ const ir = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), ar = {
+]), lr = {
   name: "WmFormCard",
   components: { AIAvatar: J },
   props: {
@@ -2715,7 +2742,7 @@ const ir = /* @__PURE__ */ new Set([
     // douteux.
     normalizedFields() {
       var e;
-      return (Array.isArray((e = this.form) == null ? void 0 : e.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !ir.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
+      return (Array.isArray((e = this.form) == null ? void 0 : e.fields) ? this.form.fields : []).filter((n) => !(!(n != null && n.key) || !(n != null && n.label) || !or.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
     }
   },
   created() {
@@ -2766,50 +2793,50 @@ const ir = /* @__PURE__ */ new Set([
       }
     }
   }
-}, or = { class: "wm-form" }, lr = { class: "wm-form__head" }, cr = { class: "wm-form__icon" }, dr = { class: "wm-form__main" }, ur = { class: "wm-form__title" }, hr = {
+}, cr = { class: "wm-form" }, dr = { class: "wm-form__head" }, ur = { class: "wm-form__icon" }, hr = { class: "wm-form__main" }, mr = { class: "wm-form__title" }, fr = {
   key: 0,
   class: "wm-form__detail"
-}, mr = ["for"], fr = {
+}, _r = ["for"], pr = {
   key: 0,
   class: "wm-form__req",
   "aria-hidden": "true"
-}, _r = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], pr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], vr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], yr = ["id", "onUpdate:modelValue", "required", "disabled"], gr = {
+}, vr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], yr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], gr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], wr = ["id", "onUpdate:modelValue", "required", "disabled"], br = {
   key: 4,
   class: "wm-form__bool"
-}, wr = ["id", "onUpdate:modelValue", "disabled"], br = ["id", "onUpdate:modelValue", "required", "disabled"], kr = {
+}, kr = ["id", "onUpdate:modelValue", "disabled"], Cr = ["id", "onUpdate:modelValue", "required", "disabled"], Ar = {
   value: "",
   disabled: ""
-}, Cr = ["value"], Ar = {
+}, Sr = ["value"], xr = {
   key: 6,
   class: "wm-form__multi"
-}, Sr = ["value", "checked", "disabled", "onChange"], xr = {
+}, Mr = ["value", "checked", "disabled", "onChange"], Tr = {
   key: 0,
   class: "wm-form__err"
-}, Mr = ["disabled"], Tr = {
+}, Or = ["disabled"], Ir = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Ir = {
+}, Er = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function Or(t, e, n, a, r, s) {
+function Br(t, e, n, a, r, s) {
   const o = I("AIAvatar");
-  return l(), c("div", or, [
-    i("div", lr, [
-      i("div", cr, [
-        H(o, { size: 24 })
+  return l(), c("div", cr, [
+    i("div", dr, [
+      i("div", ur, [
+        P(o, { size: 24 })
       ]),
-      i("div", dr, [
-        i("div", ur, b(n.form.title || "Formulaire"), 1),
-        n.form.description ? (l(), c("div", hr, b(n.form.description), 1)) : g("", !0)
+      i("div", hr, [
+        i("div", mr, b(n.form.title || "Formulaire"), 1),
+        n.form.description ? (l(), c("div", fr, b(n.form.description), 1)) : y("", !0)
       ])
     ]),
     i("form", {
       class: "wm-form__body",
       onSubmit: e[0] || (e[0] = Y((...d) => s.onSubmit && s.onSubmit(...d), ["prevent"]))
     }, [
-      (l(!0), c(O, null, F(s.normalizedFields, (d) => (l(), c("div", {
+      (l(!0), c(T, null, F(s.normalizedFields, (d) => (l(), c("div", {
         key: d.key,
         class: "wm-form__field"
       }, [
@@ -2818,9 +2845,9 @@ function Or(t, e, n, a, r, s) {
           class: "wm-form__label"
         }, [
           se(b(d.label), 1),
-          d.required ? (l(), c("span", fr, "*")) : g("", !0)
-        ], 8, mr),
-        d.type === "text" ? V((l(), c("input", {
+          d.required ? (l(), c("span", pr, "*")) : y("", !0)
+        ], 8, _r),
+        d.type === "text" ? z((l(), c("input", {
           key: 0,
           id: `wm-f-${r._uid}-${d.key}`,
           "onUpdate:modelValue": (v) => r.values[d.key] = v,
@@ -2829,9 +2856,9 @@ function Or(t, e, n, a, r, s) {
           placeholder: d.placeholder || "",
           required: d.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, _r)), [
+        }, null, 8, vr)), [
           [G, r.values[d.key]]
-        ]) : d.type === "textarea" ? V((l(), c("textarea", {
+        ]) : d.type === "textarea" ? z((l(), c("textarea", {
           key: 1,
           id: `wm-f-${r._uid}-${d.key}`,
           "onUpdate:modelValue": (v) => r.values[d.key] = v,
@@ -2840,9 +2867,9 @@ function Or(t, e, n, a, r, s) {
           placeholder: d.placeholder || "",
           required: d.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, pr)), [
+        }, null, 8, yr)), [
           [G, r.values[d.key]]
-        ]) : d.type === "number" ? V((l(), c("input", {
+        ]) : d.type === "number" ? z((l(), c("input", {
           key: 2,
           id: `wm-f-${r._uid}-${d.key}`,
           "onUpdate:modelValue": (v) => r.values[d.key] = v,
@@ -2851,14 +2878,14 @@ function Or(t, e, n, a, r, s) {
           placeholder: d.placeholder || "",
           required: d.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, vr)), [
+        }, null, 8, gr)), [
           [
             G,
             r.values[d.key],
             void 0,
             { number: !0 }
           ]
-        ]) : d.type === "date" ? V((l(), c("input", {
+        ]) : d.type === "date" ? z((l(), c("input", {
           key: 3,
           id: `wm-f-${r._uid}-${d.key}`,
           "onUpdate:modelValue": (v) => r.values[d.key] = v,
@@ -2866,19 +2893,19 @@ function Or(t, e, n, a, r, s) {
           class: "wm-form__input",
           required: d.required,
           disabled: n.readOnly || r.busy
-        }, null, 8, yr)), [
+        }, null, 8, wr)), [
           [G, r.values[d.key]]
-        ]) : d.type === "boolean" ? (l(), c("label", gr, [
-          V(i("input", {
+        ]) : d.type === "boolean" ? (l(), c("label", br, [
+          z(i("input", {
             id: `wm-f-${r._uid}-${d.key}`,
             "onUpdate:modelValue": (v) => r.values[d.key] = v,
             type: "checkbox",
             disabled: n.readOnly || r.busy
-          }, null, 8, wr), [
+          }, null, 8, kr), [
             [Ee, r.values[d.key]]
           ]),
           i("span", null, b(d.placeholder || "Oui"), 1)
-        ])) : d.type === "select" ? V((l(), c("select", {
+        ])) : d.type === "select" ? z((l(), c("select", {
           key: 5,
           id: `wm-f-${r._uid}-${d.key}`,
           "onUpdate:modelValue": (v) => r.values[d.key] = v,
@@ -2886,15 +2913,15 @@ function Or(t, e, n, a, r, s) {
           required: d.required,
           disabled: n.readOnly || r.busy
         }, [
-          i("option", kr, b(d.placeholder || "Choisir…"), 1),
-          (l(!0), c(O, null, F(d.options, (v) => (l(), c("option", {
+          i("option", Ar, b(d.placeholder || "Choisir…"), 1),
+          (l(!0), c(T, null, F(d.options, (v) => (l(), c("option", {
             key: v.value,
             value: v.value
-          }, b(v.label), 9, Cr))), 128))
-        ], 8, br)), [
+          }, b(v.label), 9, Sr))), 128))
+        ], 8, Cr)), [
           [Be, r.values[d.key]]
-        ]) : d.type === "multiselect" ? (l(), c("div", Ar, [
-          (l(!0), c(O, null, F(d.options, (v) => (l(), c("label", {
+        ]) : d.type === "multiselect" ? (l(), c("div", xr, [
+          (l(!0), c(T, null, F(d.options, (v) => (l(), c("label", {
             key: v.value,
             class: "wm-form__multiItem"
           }, [
@@ -2904,25 +2931,25 @@ function Or(t, e, n, a, r, s) {
               checked: Array.isArray(r.values[d.key]) && r.values[d.key].includes(v.value),
               disabled: n.readOnly || r.busy,
               onChange: (C) => s.toggleMulti(d.key, v.value, C.target.checked)
-            }, null, 40, Sr),
+            }, null, 40, Mr),
             i("span", null, b(v.label), 1)
           ]))), 128))
-        ])) : g("", !0)
+        ])) : y("", !0)
       ]))), 128)),
-      r.error ? (l(), c("div", xr, b(r.error), 1)) : g("", !0),
-      n.readOnly ? (l(), c("div", Ir, "Réponse envoyée")) : (l(), c("button", {
+      r.error ? (l(), c("div", Tr, b(r.error), 1)) : y("", !0),
+      n.readOnly ? (l(), c("div", Er, "Réponse envoyée")) : (l(), c("button", {
         key: 1,
         type: "submit",
         class: "wm-form__submit",
         disabled: r.busy
       }, [
-        r.busy ? (l(), c("span", Tr)) : g("", !0),
+        r.busy ? (l(), c("span", Ir)) : y("", !0),
         i("span", null, b(r.busy ? "Envoi…" : n.form.submit_label || "Envoyer"), 1)
-      ], 8, Mr))
+      ], 8, Or))
     ], 32)
   ]);
 }
-const Er = /* @__PURE__ */ B(ar, [["render", Or], ["__scopeId", "data-v-64b40f76"]]), Br = {
+const Lr = /* @__PURE__ */ B(lr, [["render", Br], ["__scopeId", "data-v-64b40f76"]]), Rr = {
   name: "WmFeedback",
   props: {
     busy: { type: Boolean, default: !1 },
@@ -2946,43 +2973,43 @@ const Er = /* @__PURE__ */ B(ar, [["render", Or], ["__scopeId", "data-v-64b40f76
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Lr = { class: "wm-fb" }, Rr = { class: "wm-fb__row" }, $r = ["onClick"], Fr = { class: "wm-fb__emoji" }, jr = { class: "wm-fb__label" }, Ur = ["disabled"], Dr = {
+}, $r = { class: "wm-fb" }, Fr = { class: "wm-fb__row" }, jr = ["onClick"], Ur = { class: "wm-fb__emoji" }, Dr = { class: "wm-fb__label" }, Nr = ["disabled"], Pr = {
   key: 1,
   class: "wm-fb__done"
 };
-function Nr(t, e, n, a, r, s) {
-  return l(), c("div", Lr, [
-    n.done ? (l(), c("div", Dr, [...e[3] || (e[3] = [
+function Hr(t, e, n, a, r, s) {
+  return l(), c("div", $r, [
+    n.done ? (l(), c("div", Pr, [...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(), c(O, { key: 0 }, [
+    ])])) : (l(), c(T, { 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", Rr, [
-        (l(!0), c(O, null, F(r.options, (o) => (l(), c("button", {
+      i("div", Fr, [
+        (l(!0), c(T, null, F(r.options, (o) => (l(), c("button", {
           key: o.v,
           type: "button",
           class: E(["wm-fb__opt", { "is-selected": r.sel === o.v }]),
           onClick: (d) => r.sel = o.v
         }, [
-          i("span", Fr, b(o.e), 1),
-          i("span", jr, b(o.l), 1)
-        ], 10, $r))), 128))
+          i("span", Ur, b(o.e), 1),
+          i("span", Dr, b(o.l), 1)
+        ], 10, jr))), 128))
       ]),
       i("button", {
         type: "button",
         class: "wm-fb__send",
         disabled: !r.sel || n.busy,
         onClick: e[0] || (e[0] = (...o) => s.onSend && s.onSend(...o))
-      }, b(n.busy ? "Envoi…" : "Envoyer mon avis"), 9, Ur)
+      }, b(n.busy ? "Envoi…" : "Envoyer mon avis"), 9, Nr)
     ], 64))
   ]);
 }
-const Pr = /* @__PURE__ */ B(Br, [["render", Nr], ["__scopeId", "data-v-6f45ff3b"]]);
-function Hr(t) {
+const zr = /* @__PURE__ */ B(Rr, [["render", Hr], ["__scopeId", "data-v-6f45ff3b"]]);
+function Vr(t) {
   const e = new Date(t);
   return e.setHours(0, 0, 0, 0), e;
 }
-const zr = {
+const qr = {
   name: "WmHistoryDrawer",
   props: {
     conversations: { type: Array, default: () => [] },
@@ -3016,7 +3043,7 @@ const zr = {
       ) : this.normalized;
     },
     groups() {
-      const e = Hr(/* @__PURE__ */ new Date()).getTime(), n = e - 6 * 864e5, a = [], r = [], s = [];
+      const e = Vr(/* @__PURE__ */ new Date()).getTime(), n = e - 6 * 864e5, a = [], r = [], s = [];
       for (const o of this.filtered) {
         if (!o.stamp) {
           s.push(o);
@@ -3034,29 +3061,29 @@ const zr = {
       return this.filtered.length > 0;
     }
   }
-}, Vr = { class: "wm-hd" }, qr = {
+}, Wr = { class: "wm-hd" }, Gr = {
   class: "wm-hd__panel",
   role: "dialog",
   "aria-label": "Vos discussions"
-}, Wr = { class: "wm-hd__head" }, Gr = { class: "wm-hd__top" }, Kr = { class: "wm-hd__search" }, Yr = { class: "wm-hd__list" }, Jr = {
+}, Kr = { class: "wm-hd__head" }, Yr = { class: "wm-hd__top" }, Jr = { class: "wm-hd__search" }, Xr = { class: "wm-hd__list" }, Qr = {
   key: 0,
   class: "wm-hd__group"
-}, Xr = { class: "wm-hd__groupLabel" }, Qr = { class: "wm-hd__rows" }, Zr = ["onClick"], ei = { class: "wm-hd__rowIcon" }, ti = {
+}, Zr = { class: "wm-hd__groupLabel" }, ei = { class: "wm-hd__rows" }, ti = ["onClick"], ni = { class: "wm-hd__rowIcon" }, si = {
   key: 0,
   class: "wm-hd__rowDot",
   "aria-label": "Message non lu"
-}, ni = { class: "wm-hd__rowBody" }, si = { class: "wm-hd__rowTop" }, ri = { class: "wm-hd__rowTitle" }, ii = { class: "wm-hd__rowPreview" }, ai = {
+}, ri = { class: "wm-hd__rowBody" }, ii = { class: "wm-hd__rowTop" }, ai = { class: "wm-hd__rowTitle" }, oi = { class: "wm-hd__rowPreview" }, li = {
   key: 0,
   class: "wm-hd__empty"
 };
-function oi(t, e, n, a, r, s) {
-  return l(), c("div", Vr, [
+function ci(t, e, n, a, r, s) {
+  return l(), c("div", Wr, [
     i("div", {
       class: "wm-hd__scrim",
       onClick: e[0] || (e[0] = (o) => t.$emit("close"))
     }),
-    i("aside", qr, [
-      i("div", Wr, [
+    i("aside", Gr, [
+      i("div", Kr, [
         e[5] || (e[5] = i("div", { class: "wm-hd__heading" }, [
           i("div", { class: "wm-hd__title" }, "Vos discussions"),
           i("div", { class: "wm-hd__sub" }, "Reprenez là où vous en étiez.")
@@ -3082,7 +3109,7 @@ function oi(t, e, n, a, r, s) {
           ], -1)
         ])])
       ]),
-      i("div", Gr, [
+      i("div", Yr, [
         i("button", {
           type: "button",
           class: "wm-hd__new",
@@ -3105,7 +3132,7 @@ function oi(t, e, n, a, r, s) {
           ], -1),
           i("span", null, "Démarrer un nouveau fil", -1)
         ])]),
-        i("div", Kr, [
+        i("div", Jr, [
           e[7] || (e[7] = i("span", { class: "wm-hd__searchIcon" }, [
             i("svg", {
               width: "12",
@@ -3121,7 +3148,7 @@ function oi(t, e, n, a, r, s) {
               i("path", { d: "M21 21l-4.35-4.35M11 17a6 6 0 100-12 6 6 0 000 12z" })
             ])
           ], -1)),
-          V(i("input", {
+          z(i("input", {
             "onUpdate:modelValue": e[3] || (e[3] = (o) => r.query = o),
             type: "text",
             placeholder: "Rechercher dans vos messages",
@@ -3131,14 +3158,14 @@ function oi(t, e, n, a, r, s) {
           ])
         ])
       ]),
-      i("div", Yr, [
-        (l(!0), c(O, null, F(s.groups, (o) => (l(), c(O, {
+      i("div", Xr, [
+        (l(!0), c(T, null, F(s.groups, (o) => (l(), c(T, {
           key: o.key
         }, [
-          o.items.length ? (l(), c("div", Jr, [
-            i("div", Xr, b(o.label), 1),
-            i("div", Qr, [
-              (l(!0), c(O, null, F(o.items, (d) => (l(), c("button", {
+          o.items.length ? (l(), c("div", Qr, [
+            i("div", Zr, b(o.label), 1),
+            i("div", ei, [
+              (l(!0), c(T, null, F(o.items, (d) => (l(), c("button", {
                 key: d.id,
                 type: "button",
                 class: E(["wm-hd__row", {
@@ -3147,7 +3174,7 @@ function oi(t, e, n, a, r, s) {
                 }]),
                 onClick: (v) => t.$emit("pick", d)
               }, [
-                i("div", ei, [
+                i("div", ni, [
                   e[8] || (e[8] = i("svg", {
                     width: "11",
                     height: "11",
@@ -3161,24 +3188,24 @@ function oi(t, e, n, a, r, s) {
                       opacity: "0.92"
                     })
                   ], -1)),
-                  d.unread ? (l(), c("span", ti)) : g("", !0)
+                  d.unread ? (l(), c("span", si)) : y("", !0)
                 ]),
-                i("div", ni, [
-                  i("div", si, [
-                    i("span", ri, b(d.title), 1)
+                i("div", ri, [
+                  i("div", ii, [
+                    i("span", ai, b(d.title), 1)
                   ]),
-                  i("div", ii, b(d.preview || "Aucun message"), 1)
+                  i("div", oi, b(d.preview || "Aucun message"), 1)
                 ])
-              ], 10, Zr))), 128))
+              ], 10, ti))), 128))
             ])
-          ])) : g("", !0)
+          ])) : y("", !0)
         ], 64))), 128)),
-        s.hasAny ? g("", !0) : (l(), c("div", ai, " Aucun fil pour le moment. "))
+        s.hasAny ? y("", !0) : (l(), c("div", li, " Aucun fil pour le moment. "))
       ])
     ])
   ]);
 }
-const li = /* @__PURE__ */ B(zr, [["render", oi], ["__scopeId", "data-v-1259e822"]]), ci = {
+const di = /* @__PURE__ */ B(qr, [["render", ci], ["__scopeId", "data-v-1259e822"]]), ui = {
   name: "WmMoreMenu",
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -3205,18 +3232,18 @@ const li = /* @__PURE__ */ B(zr, [["render", oi], ["__scopeId", "data-v-1259e822
       this.notifOn = !this.notifOn, this.$emit("notif-toggle", this.notifOn);
     }
   }
-}, di = { class: "wm-mm" }, ui = {
+}, hi = { class: "wm-mm" }, mi = {
   class: "wm-mm__pop",
   role: "menu"
-}, hi = { class: "wm-mm__section" }, mi = { class: "wm-mm__section" }, fi = { class: "wm-mm__section" };
-function _i(t, e, n, a, r, s) {
-  return l(), c("div", di, [
+}, fi = { class: "wm-mm__section" }, _i = { class: "wm-mm__section" }, pi = { class: "wm-mm__section" };
+function vi(t, e, n, a, r, s) {
+  return l(), c("div", hi, [
     i("div", {
       class: "wm-mm__scrim",
       onClick: e[0] || (e[0] = (o) => t.$emit("close"))
     }),
-    i("div", ui, [
-      i("div", hi, [
+    i("div", mi, [
+      i("div", fi, [
         i("button", {
           type: "button",
           class: "wm-mm__item",
@@ -3246,7 +3273,7 @@ function _i(t, e, n, a, r, s) {
           onClick: e[2] || (e[2] = (o) => s.emit("rename"))
         }, [...e[9] || (e[9] = [
           ue('<span class="wm-mm__icon" data-v-c1bb81d2><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-v-c1bb81d2><path d="M12 20h9" data-v-c1bb81d2></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z" data-v-c1bb81d2></path></svg></span><span class="wm-mm__label" data-v-c1bb81d2>Renommer le fil</span>', 2)
-        ])])) : g("", !0),
+        ])])) : y("", !0),
         n.canClear ? (l(), c("button", {
           key: 1,
           type: "button",
@@ -3269,7 +3296,7 @@ function _i(t, e, n, a, r, s) {
             ])
           ], -1),
           i("span", { class: "wm-mm__label" }, "Effacer ce fil", -1)
-        ])])) : g("", !0),
+        ])])) : y("", !0),
         n.canExport ? (l(), c("button", {
           key: 2,
           type: "button",
@@ -3277,10 +3304,10 @@ function _i(t, e, n, a, r, s) {
           onClick: e[4] || (e[4] = (o) => s.emit("export"))
         }, [...e[11] || (e[11] = [
           ue('<span class="wm-mm__icon" data-v-c1bb81d2><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-v-c1bb81d2><path d="M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8M16 6l-4-4-4 4M12 2v13" data-v-c1bb81d2></path></svg></span><span class="wm-mm__label" data-v-c1bb81d2>Exporter la transcription</span><span class="wm-mm__hint" data-v-c1bb81d2>.txt</span>', 3)
-        ])])) : g("", !0)
+        ])])) : y("", !0)
       ]),
       e[17] || (e[17] = i("div", { class: "wm-mm__sep" }, null, -1)),
-      i("div", mi, [
+      i("div", _i, [
         i("button", {
           type: "button",
           class: "wm-mm__item",
@@ -3310,7 +3337,7 @@ function _i(t, e, n, a, r, s) {
         ])
       ]),
       e[18] || (e[18] = i("div", { class: "wm-mm__sep" }, null, -1)),
-      i("div", fi, [
+      i("div", pi, [
         n.statusUrl ? (l(), c("button", {
           key: 0,
           type: "button",
@@ -3333,7 +3360,7 @@ function _i(t, e, n, a, r, s) {
             ])
           ], -1),
           i("span", { class: "wm-mm__label" }, "Statut des services", -1)
-        ])])) : g("", !0),
+        ])])) : y("", !0),
         n.helpUrl ? (l(), c("button", {
           key: 1,
           type: "button",
@@ -3356,18 +3383,18 @@ function _i(t, e, n, a, r, s) {
             ])
           ], -1),
           i("span", { class: "wm-mm__label" }, "Centre d'aide", -1)
-        ])])) : g("", !0)
+        ])])) : y("", !0)
       ])
     ])
   ]);
 }
-const pi = /* @__PURE__ */ B(ci, [["render", _i], ["__scopeId", "data-v-c1bb81d2"]]), ye = "ww-messenger-tokens";
+const yi = /* @__PURE__ */ B(ui, [["render", vi], ["__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;
   return e === "agent_ia" || e === "agent_human";
 }
-function vi(t, e) {
+function gi(t, e) {
   if (!t || !e) return "";
   const n = Array.isArray(t.fields) ? t.fields : [], a = [];
   for (const r of n) {
@@ -3390,7 +3417,7 @@ function ne(t, e) {
   const n = t.options.find((a) => (a == null ? void 0 : a.value) === e);
   return (n == null ? void 0 : n.label) || e;
 }
-function yi(t, e) {
+function wi(t, e) {
   const n = [], a = Array.isArray(t == null ? void 0 : t.fields) ? t.fields : [];
   for (const r of a) {
     if (!(r != null && r.key) || !(r != null && r.label)) continue;
@@ -3412,20 +3439,20 @@ function yi(t, e) {
     }
   };
 }
-const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
+const bi = 450, ki = 50, Ci = 900, Ai = 12e3, Si = 300, xi = {
   name: "Messenger",
   components: {
     Launcher: Ye,
-    Header: wt,
-    Onboarding: Ht,
-    MessageList: As,
-    Composer: Vs,
-    SuggestionChips: Ks,
-    ApprovalCard: rr,
-    FormCard: Er,
-    Feedback: Pr,
-    HistoryDrawer: li,
-    MoreMenu: pi
+    Header: bt,
+    Onboarding: zt,
+    MessageList: xs,
+    Composer: Ws,
+    SuggestionChips: Js,
+    ApprovalCard: ar,
+    FormCard: Lr,
+    Feedback: zr,
+    HistoryDrawer: di,
+    MoreMenu: yi
   },
   // Make signAttachment available to deep children (AttachmentPreview)
   // without prop drilling. The store may not exist yet at provide-time
@@ -3501,6 +3528,14 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
       // unread dot in the history drawer survives reloads. The server
       // has no per-customer read model, so this is purely client-side.
       readState: {},
+      // ISO timestamp frozen at the moment the user *started viewing*
+      // the current thread (panel open + thread visible). Drives the
+      // "Non lus" separator inside the MessageList: messages newer than
+      // this anchor are shown below the separator. Distinct from
+      // `readState` because that one gets bumped to the latest as soon
+      // as the messages render — we need to remember what was read
+      // BEFORE this viewing session so the separator stays put.
+      unreadAnchorTs: "",
       // 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
@@ -3614,6 +3649,13 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
       const t = this.latestUnread;
       return t ? t.preview || "Vous avez un nouveau message" : "";
     },
+    // True when the user is actively looking at a thread (panel open or
+    // embedded, no history drawer overlay, a currentConv exists). Used as
+    // the trigger to (re)snapshot `unreadAnchorTs` so the "Non lus"
+    // separator anchors against what was read PRIOR to this viewing.
+    isViewingThread() {
+      return (this.isOpen || this.isEmbedded) && !this.historyOpen && !!this.currentConv;
+    },
     currentConv() {
       if (this.showOnboarding) return null;
       const t = this.allConversations;
@@ -3839,11 +3881,22 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
     // timers, reset the queue and stamp the open time so the messages
     // we're about to load count as history and bypass pacing.
     "currentConv.id": {
-      handler() {
-        this.cancelReveals(), this.revealedAt = {}, this.nextRevealAt = 0, this.convOpenedAt = Date.now(), this.moreOpen = !1, this.resetApprovalPacing();
+      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] || "");
       },
       immediate: !0
     },
+    // Panel just opened onto a thread (or history drawer just closed back
+    // onto one). Snapshot the read mark so the separator marks the
+    // pre-session boundary, even though markConvRead will immediately
+    // bump readState as the messages render.
+    isViewingThread(t, e) {
+      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 = "");
+    },
     // Fresh `pendingApproval` arrival : kick off the settle debounce so
     // the card waits for the conversation to go quiet. Historical
     // approvals (page reload, conv switch on a thread that already had
@@ -4075,11 +4128,11 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
     //     bounded by MIN/MAX_BETWEEN_MS.
     scheduleReveal(t) {
       const e = Date.now(), n = ((t == null ? void 0 : t.text_md) || "").length, a = Math.min(
-        ki,
-        Math.max(bi, n * wi)
+        Ai,
+        Math.max(Ci, n * ki)
       ), s = Math.max(
-        e + gi,
-        this.nextRevealAt + Ci
+        e + bi,
+        this.nextRevealAt + Si
       ) + a;
       this.nextRevealAt = s;
       const o = Math.max(0, s - e), d = t.id, v = setTimeout(() => {
@@ -4287,12 +4340,12 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
     async onFormSubmit({ values: t }) {
       const e = this.pendingForm;
       if (!(e != null && e.form)) return;
-      const n = vi(e.form, t);
+      const n = gi(e.form, t);
       if (!n) return;
       const a = this.currentConv;
       a && await this.store.send(a.id, n, {
         metadata: {
-          artifact: yi(e.form, t)
+          artifact: wi(e.form, t)
         }
       });
     },
@@ -4336,28 +4389,28 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
       }
     }
   }
-}, Si = {
+}, Mi = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, xi = {
+}, Ti = {
   key: 0,
   class: "wm-state"
-}, Mi = { class: "wm-state__err" }, Ti = { class: "wm-state__errSub" }, Ii = { class: "wm-bottom" }, Oi = {
+}, Oi = { class: "wm-state__err" }, Ii = { class: "wm-state__errSub" }, Ei = { class: "wm-bottom" }, Bi = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, Ei = {
+}, Li = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Bi = { class: "wm-actionWait__lbl" }, Li = {
+}, Ri = { class: "wm-actionWait__lbl" }, $i = {
   key: 1,
   class: "wm-attached"
-}, Ri = ["onClick"];
-function $i(t, e, n, a, r, s) {
+}, Fi = ["onClick"];
+function ji(t, e, n, a, r, s) {
   const o = I("Launcher"), d = I("Header"), v = I("Onboarding"), C = I("MessageList"), w = I("ApprovalCard"), S = I("FormCard"), L = I("Feedback"), A = I("SuggestionChips"), D = I("Composer"), x = I("MoreMenu"), N = I("HistoryDrawer");
   return l(), c("div", {
     class: E(["wm-root", `wm-root--${n.displayMode}`])
@@ -4368,16 +4421,16 @@ function $i(t, e, n, a, r, s) {
       peek: s.launcherPeek,
       onOpen: s.openFromPeek,
       onDismiss: e[0] || (e[0] = (j) => r.labelDismissed = !0)
-    }, null, 8, ["unread-count", "peek", "onOpen"])) : g("", !0),
+    }, null, 8, ["unread-count", "peek", "onOpen"])) : y("", !0),
     r.isOpen || s.isEmbedded ? (l(), c("section", {
       key: 1,
       class: E(["wm-panel", `wm-panel--${n.displayMode}`]),
-      style: P(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
+      style: V(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger"
     }, [
-      !s.ready && !s.error ? (l(), c("div", Si, [
-        s.isEmbedded ? g("", !0) : (l(), c("button", {
+      !s.ready && !s.error ? (l(), c("div", Mi, [
+        s.isEmbedded ? y("", !0) : (l(), c("button", {
           key: 0,
           type: "button",
           class: "wm-loading__close",
@@ -4402,8 +4455,8 @@ function $i(t, e, n, a, r, s) {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : (l(), c(O, { key: 1 }, [
-        H(d, {
+      ])) : (l(), c(T, { key: 1 }, [
+        P(d, {
           title: s.headerTitle,
           escalated: s.isEscalated,
           "agent-name": s.humanAgentName,
@@ -4418,8 +4471,8 @@ function $i(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(), c("div", xi, [
-          i("div", Mi, [
+        s.error ? (l(), c("div", Ti, [
+          i("div", Oi, [
             e[9] || (e[9] = i("div", { class: "wm-state__errIcon" }, [
               i("svg", {
                 width: "14",
@@ -4437,11 +4490,11 @@ function $i(t, e, n, a, r, s) {
             ], -1)),
             i("div", null, [
               e[8] || (e[8] = i("div", { class: "wm-state__errTitle" }, "Connexion impossible", -1)),
-              i("div", Ti, b(s.error), 1)
+              i("div", Ii, b(s.error), 1)
             ])
           ])
-        ])) : s.currentConv ? (l(), c(O, { key: 2 }, [
-          H(C, {
+        ])) : s.currentConv ? (l(), c(T, { key: 2 }, [
+          P(C, {
             ref: "messageList",
             messages: s.displayedMessages,
             "streaming-active": s.streamingActive,
@@ -4449,10 +4502,11 @@ function $i(t, e, n, a, r, s) {
             "conversation-id": s.currentConv ? s.currentConv.id : null,
             "loading-more": s.paginationState.loading,
             "has-more": s.paginationState.hasMore,
+            "unread-anchor-ts": r.unreadAnchorTs,
             onLoadMore: s.onLoadMore
-          }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "onLoadMore"]),
-          i("div", Ii, [
-            s.floatVisible ? (l(), c("div", Oi, [
+          }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "unread-anchor-ts", "onLoadMore"]),
+          i("div", Ei, [
+            s.floatVisible ? (l(), c("div", Bi, [
               s.approvalReady ? (l(), $(w, {
                 key: 0,
                 action: s.approvalTitle,
@@ -4473,13 +4527,13 @@ function $i(t, e, n, a, r, s) {
                 items: s.suggestions,
                 onSelect: s.onSuggestion
               }, null, 8, ["items", "onSelect"]))
-            ], 512)) : g("", !0),
-            s.actionInFlight ? (l(), c("div", Ei, [
+            ], 512)) : y("", !0),
+            s.actionInFlight ? (l(), c("div", Li, [
               e[10] || (e[10] = i("span", {
                 class: "wm-actionWait__spinner",
                 "aria-hidden": "true"
               }, null, -1)),
-              i("span", Bi, b(s.actionInFlightName) + " en cours, veuillez patienter…", 1)
+              i("span", Ri, b(s.actionInFlightName) + " en cours, veuillez patienter…", 1)
             ])) : (l(), $(D, {
               key: 2,
               ref: "composer",
@@ -4503,10 +4557,10 @@ function $i(t, e, n, a, r, s) {
             onClose: e[3] || (e[3] = (j) => r.moreOpen = !1),
             onNotifToggle: s.onNotifToggle,
             onAction: s.onMoreAction
-          }, null, 8, ["can-rename", "can-clear", "can-export", "notif-enabled", "status-url", "help-url", "onNotifToggle", "onAction"])) : g("", !0),
-          r.pendingAttachments.length ? (l(), c("div", Li, [
-            (l(!0), c(O, null, F(r.pendingAttachments, (j, z) => (l(), c("div", {
-              key: z,
+          }, null, 8, ["can-rename", "can-clear", "can-export", "notif-enabled", "status-url", "help-url", "onNotifToggle", "onAction"])) : y("", !0),
+          r.pendingAttachments.length ? (l(), c("div", $i, [
+            (l(!0), c(T, null, F(r.pendingAttachments, (j, H) => (l(), c("div", {
+              key: H,
               class: "wm-attached__chip"
             }, [
               e[12] || (e[12] = i("svg", {
@@ -4526,7 +4580,7 @@ function $i(t, e, n, a, r, s) {
               i("button", {
                 type: "button",
                 "aria-label": "Retirer",
-                onClick: (X) => r.pendingAttachments.splice(z, 1)
+                onClick: (X) => r.pendingAttachments.splice(H, 1)
               }, [...e[11] || (e[11] = [
                 i("svg", {
                   width: "10",
@@ -4541,9 +4595,9 @@ function $i(t, e, n, a, r, s) {
                 }, [
                   i("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, Ri)
+              ])], 8, Fi)
             ]))), 128))
-          ])) : g("", !0)
+          ])) : y("", !0)
         ], 64)) : (l(), $(v, {
           key: 1,
           "welcome-message": s.widgetWelcomeMessage,
@@ -4562,7 +4616,7 @@ function $i(t, e, n, a, r, s) {
           onClose: e[4] || (e[4] = (j) => r.historyOpen = !1),
           onNew: s.onDrawerNew,
           onPick: s.onDrawerPick
-        }, null, 8, ["conversations", "active-id", "onNew", "onPick"])) : g("", !0),
+        }, null, 8, ["conversations", "active-id", "onNew", "onPick"])) : y("", !0),
         r.moreOpen && !s.currentConv ? (l(), $(x, {
           key: 4,
           "can-rename": !1,
@@ -4574,53 +4628,53 @@ function $i(t, e, n, a, r, s) {
           onClose: e[5] || (e[5] = (j) => r.moreOpen = !1),
           onNotifToggle: s.onNotifToggle,
           onAction: s.onMoreAction
-        }, null, 8, ["notif-enabled", "status-url", "help-url", "onNotifToggle", "onAction"])) : g("", !0)
+        }, null, 8, ["notif-enabled", "status-url", "help-url", "onNotifToggle", "onAction"])) : y("", !0)
       ], 64))
-    ], 6)) : g("", !0)
+    ], 6)) : y("", !0)
   ], 2);
 }
-const Ui = /* @__PURE__ */ B(Ai, [["render", $i], ["__scopeId", "data-v-bee7b290"]]), Di = "0.2.0";
+const Ni = /* @__PURE__ */ B(xi, [["render", ji], ["__scopeId", "data-v-5233982a"]]), Pi = "0.2.1";
 export {
   J as AIAvatar,
   le as AVATAR_COLORS,
-  Dn as ActionResult,
-  rr as ApprovalCard,
-  Qt as ArtifactFormResponse,
-  hn as ArtifactInfoCard,
+  Nn as ActionResult,
+  ar as ApprovalCard,
+  Zt as ArtifactFormResponse,
+  mn as ArtifactInfoCard,
   Ae as ArtifactRenderer,
-  xn as ArtifactTicket,
-  Xn as AttachmentPreview,
-  ts as Bubble,
-  Vs as Composer,
+  Mn as ArtifactTicket,
+  Qn as AttachmentPreview,
+  ns as Bubble,
+  Ws as Composer,
   ze as DEFAULT_BASE_URL,
-  Pr as Feedback,
-  Er as FormCard,
-  wt as Header,
-  li as HistoryDrawer,
+  zr as Feedback,
+  Lr as FormCard,
+  bt as Header,
+  di as HistoryDrawer,
   ke as HumanAvatar,
   Ye as Launcher,
   he as MEDIA_RECORDER_SUPPORTED,
-  As as MessageList,
-  Ui as Messenger,
-  pi as MoreMenu,
-  Ht as Onboarding,
+  xs as MessageList,
+  Ni as Messenger,
+  yi as MoreMenu,
+  zt as Onboarding,
   te as SCREEN_CAPTURE_SUPPORTED,
-  Ks as SuggestionChips,
-  lt as TeamAvatars,
-  is as Typing,
-  Di as VERSION,
+  Js as SuggestionChips,
+  ct as TeamAvatars,
+  as as Typing,
+  Pi as VERSION,
   ge as avatarColor,
   we as avatarInitials,
-  xs as captureScreenshotFile,
+  Ts as captureScreenshotFile,
   U as colors,
   Pe as createStore,
   je as createTransport,
-  Ui as default,
+  Ni as default,
   be as formatTime,
-  ji as guessAttachmentKind,
-  Ss as pickRecorderMime,
+  Di as guessAttachmentKind,
+  Ms as pickRecorderMime,
   Ce as renderMarkdown,
-  Ts as startScreenRecording,
+  Is as startScreenRecording,
   He as tokensCss,
   Ne as uuid,
   Ne as v4