@_solaris/messenger-widget 0.2.0 → 0.2.2

package/dist/messenger.js

@@ -1,15 +1,15 @@
-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";
-const Le = [
+import { reactive as Se, openBlock as l, createElementBlock as c, createVNode as P, Transition as xe, withCtx as Me, withKeys as me, withModifiers as Y, createElementVNode as i, toDisplayString as b, createCommentVNode as y, normalizeStyle as V, normalizeClass as E, Fragment as M, renderList as F, resolveComponent as I, createBlock as $, createTextVNode as se, resolveDynamicComponent as Te, renderSlot as Oe, withDirectives as z, vModelText as G, vModelCheckbox as Ie, vModelSelect as Ee, createStaticVNode as ue, markRaw as fe } from "vue";
+const Be = [
   "connected",
   "message",
   "message_stream",
   "conversation_updated",
   "config_updated",
   "action_status"
-], Re = 5 * 60 * 1e3, $e = 10 * 60 * 1e3, Fe = 5 * 60 * 1e3;
-function je(t) {
+], Le = 5 * 60 * 1e3, Re = 10 * 60 * 1e3, $e = 5 * 60 * 1e3;
+function Fe(t) {
   const e = {
-    baseUrl: Ue(t.baseUrl || ""),
+    baseUrl: je(t.baseUrl || ""),
     widgetId: t.widgetId || "",
     userId: t.userId || "",
     userHash: t.userHash || "",
@@ -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), T = 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 T.status = k.status, T.body = O, T;
     }
     return k.status === 204 ? null : k.json();
   }
@@ -148,27 +148,27 @@ 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, {
+    ), T = await fetch(O.upload_url, {
       method: "PUT",
       headers: { "Content-Type": p },
       body: h
     });
-    if (!M.ok)
-      throw new Error(`HTTP ${M.status} PUT signed upload`);
+    if (!T.ok)
+      throw new Error(`HTTP ${T.status} PUT signed upload`);
     return {
-      type: De(p),
-      path: T.path,
+      type: Ue(p),
+      path: O.path,
       mime_type: p,
       size_bytes: k
     };
@@ -191,7 +191,7 @@ function je(t) {
     if (!e.eventSource && !(typeof document < "u" && document.hidden))
       try {
         const h = new EventSource(re());
-        for (const f of Le)
+        for (const f of Be)
           h.addEventListener(f, (p) => ie(f, p.data));
         h.addEventListener("error", () => a("error", new Error("SSE error"))), e.eventSource = h, r("open");
       } catch (h) {
@@ -212,16 +212,16 @@ function je(t) {
   function W() {
     clearTimeout(e.burstTimer), q(), e.panelOpen || (e.burstTimer = setTimeout(() => {
       e.panelOpen || K();
-    }, $e));
+    }, Re));
   }
   function ae(h) {
     e.panelOpen = !!h, e.panelOpen ? (clearTimeout(e.burstTimer), q()) : W();
   }
   async function oe() {
     try {
-      const h = await S(), f = h.reduce((k, T) => {
-        const M = T == null ? void 0 : T.last_message_at;
-        return M && (!k || M > k) ? M : k;
+      const h = await S(), f = h.reduce((k, O) => {
+        const T = O == null ? void 0 : O.last_message_at;
+        return T && (!k || T > k) ? T : k;
       }, null);
       f && (!e.lastActivityAt || f > e.lastActivityAt) && (e.lastActivityAt = f, a("activity", { conversations: h, latestAt: f }), W());
     } catch (h) {
@@ -229,7 +229,7 @@ function je(t) {
     }
   }
   function Q() {
-    u(), !(typeof document < "u" && document.hidden) && (e.pollTimer = setInterval(oe, Re));
+    u(), !(typeof document < "u" && document.hidden) && (e.pollTimer = setInterval(oe, Le));
   }
   function u() {
     e.pollTimer && (clearInterval(e.pollTimer), e.pollTimer = null);
@@ -238,7 +238,7 @@ function je(t) {
     if (document.hidden)
       clearTimeout(e.hiddenGraceTimer), e.hiddenGraceTimer = setTimeout(() => {
         e.hiddenGraceTimer = null, document.hidden && (u(), K(), r("paused"));
-      }, Fe);
+      }, $e);
     else {
       if (e.hiddenGraceTimer) {
         clearTimeout(e.hiddenGraceTimer), e.hiddenGraceTimer = null;
@@ -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() {
@@ -290,13 +290,13 @@ function je(t) {
     }
   };
 }
-function Ue(t) {
+function je(t) {
   return t.endsWith("/") ? t.slice(0, -1) : t;
 }
-function De(t) {
+function Ue(t) {
   return t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : "file";
 }
-function Ne() {
+function De() {
   if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
     return crypto.randomUUID();
   const t = new Uint8Array(16);
@@ -308,8 +308,8 @@ function Ne() {
   const e = [...t].map((n) => n.toString(16).padStart(2, "0"));
   return e.slice(0, 4).join("") + "-" + e.slice(4, 6).join("") + "-" + e.slice(6, 8).join("") + "-" + e.slice(8, 10).join("") + "-" + e.slice(10, 16).join("");
 }
-function Pe(t) {
-  const e = xe({
+function Ne(t) {
+  const e = Se({
     ready: !1,
     error: null,
     config: null,
@@ -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,8 +419,8 @@ 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];
-        e.messagesByConv[u] = M, w(u, {
+        const k = e.messagesByConv[u] || [], O = new Set(k.map((R) => String(R == null ? void 0 : R.id))), T = [...f.filter((R) => !O.has(String(R == null ? void 0 : R.id))), ...k];
+        e.messagesByConv[u] = T, w(u, {
           nextCursor: h,
           loading: !1,
           loaded: !0
@@ -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 } = {}) {
-    var M;
+  async function L(u, m, { attachments: _, metadata: g } = {}) {
+    var T;
     const h = (m || "").trim(), f = Array.isArray(_) && _.length > 0;
     if (!u || !h && !f) return;
-    const p = Ne(), k = Q(u), T = {
+    const p = De(), k = Q(u), O = {
       id: p,
       client_msg_id: p,
       conversation_id: u,
@@ -449,22 +449,22 @@ function Pe(t) {
       text_md: h,
       author: {
         type: "user",
-        id: ((M = e.customer) == null ? void 0 : M.external_id) || null
+        id: ((T = e.customer) == null ? void 0 : T.external_id) || null
       },
       created_at: k,
       // 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,27 +533,27 @@ 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) => {
-        if (typeof M == "string") {
-          const R = M.trim();
+      const O = (f = k == null ? void 0 : k.metadata) == null ? void 0 : f.suggested_replies;
+      return Array.isArray(O) && O.length ? O.map((T) => {
+        if (typeof T == "string") {
+          const R = T.trim();
           return R ? { label: R, kind: null } : null;
         }
-        if (M && typeof M == "object" && typeof M.label == "string") {
-          const R = M.label.trim();
+        if (T && typeof T == "object" && typeof T.label == "string") {
+          const R = T.label.trim();
           if (!R) return null;
-          const Z = M.kind === "cta" || M.kind === "choice" || M.kind === "followup" ? M.kind : null;
+          const Z = T.kind === "cta" || T.kind === "choice" || T.kind === "followup" ? T.kind : null;
           return { label: R, kind: Z };
         }
         return 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
   };
@@ -649,7 +649,7 @@ const U = {
   red: "#B91C1C",
   redBg: "#FDECEC"
 }, le = ["#5B5FEF", "#7C3AED", "#DB2777", "#0891B2", "#D97706", "#059669"];
-function ge(t = "") {
+function ye(t = "") {
   return t ? le[t.charCodeAt(0) % le.length] : le[0];
 }
 function we(t = "") {
@@ -658,7 +658,7 @@ function we(t = "") {
 function be(t = /* @__PURE__ */ new Date()) {
   return t.toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" });
 }
-const He = `
+const Pe = `
 @import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');
 
 .wm-root {
@@ -704,12 +704,12 @@ const He = `
     0%   { transform: translateX(110%); opacity: 0; }
     100% { transform: translateX(0); opacity: 1; }
 }
-`, ze = "https://api.messenger.victorc.fr", B = (t, e) => {
+`, He = "https://api.messenger.victorc.fr", B = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [a, r] of e)
     n[a] = r;
   return n;
-}, Ve = {
+}, ze = {
   name: "WmLauncher",
   props: {
     // Nombre de conversations non lues — pilote la pastille.
@@ -719,11 +719,11 @@ const He = `
     peek: { type: String, default: "" }
   },
   emits: ["open", "dismiss"]
-}, 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" }, {
-      default: Te(() => [
+}, Ve = { class: "wm-launcherWrap" }, qe = { class: "wm-peek__text" }, We = ["aria-label"];
+function Ge(t, e, n, a, r, s) {
+  return l(), c("div", Ve, [
+    P(xe, { name: "wm-peek" }, {
+      default: Me(() => [
         n.peek ? (l(), c("div", {
           key: 0,
           class: "wm-peek",
@@ -736,7 +736,7 @@ function Ke(t, e, n, a, r, s) {
             e[3] || (e[3] = me(Y((o) => t.$emit("open"), ["prevent"]), ["space"]))
           ]
         }, [
-          i("p", We, b(n.peek), 1),
+          i("p", qe, b(n.peek), 1),
           i("button", {
             type: "button",
             class: "wm-peek__close",
@@ -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,30 +784,28 @@ 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, We)) : y("", !0)
     ])
   ]);
 }
-const Ye = /* @__PURE__ */ B(Ve, [["render", Ke], ["__scopeId", "data-v-fabef371"]]), Je = {
+const Ke = /* @__PURE__ */ B(ze, [["render", Ge], ["__scopeId", "data-v-fabef371"]]), Ye = {
   name: "WmAIAvatar",
   props: {
     size: { type: Number, default: 26 },
     pulse: { type: Boolean, default: !1 }
   }
+}, Je = {
+  key: 0,
+  class: "wm-aiav__pulse"
 }, Xe = ["width", "height"];
 function Qe(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", Je)) : 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,
@@ -836,10 +834,10 @@ function Qe(t, e, n, a, r, s) {
           opacity: "0.38"
         }, null, -1)
       ])], 8, Xe))
-    ], 6)
+    ], 2)
   ], 4);
 }
-const J = /* @__PURE__ */ B(Je, [["render", Qe], ["__scopeId", "data-v-fe042be7"]]), Ze = {
+const J = /* @__PURE__ */ B(Ye, [["render", Qe], ["__scopeId", "data-v-5ce9c382"]]), Ze = {
   name: "WmHumanAvatar",
   props: {
     name: { type: String, default: "" },
@@ -848,7 +846,7 @@ const J = /* @__PURE__ */ B(Je, [["render", Qe], ["__scopeId", "data-v-fe042be7"
   },
   computed: {
     bg() {
-      return this.avatarUrl ? "transparent" : ge(this.name);
+      return this.avatarUrl ? "transparent" : ye(this.name);
     },
     initials() {
       return we(this.name);
@@ -858,10 +856,10 @@ const J = /* @__PURE__ */ B(Je, [["render", Qe], ["__scopeId", "data-v-fe042be7"
 function tt(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
     })
   }, [
@@ -871,11 +869,11 @@ function tt(t, e, n, a, r, s) {
       alt: n.name || ""
     }, null, 8, et)) : (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(Ze, [["render", tt], ["__scopeId", "data-v-a772b179"]]), nt = {
   name: "WmTeamAvatars",
   props: {
     members: { type: Array, default: () => [] },
@@ -891,7 +889,7 @@ const ke = /* @__PURE__ */ B(Ze, [["render", tt], ["__scopeId", "data-v-79449443
   },
   methods: {
     colorFor(t) {
-      return t.avatar_url ? "transparent" : ge(t.name || "");
+      return t.avatar_url ? "transparent" : ye(t.name || "");
     },
     initialsFor(t) {
       return we(t.name || "");
@@ -908,12 +906,12 @@ function ot(t, e, n, a, r, s) {
   return s.visible ? (l(), c("div", st, [
     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(M, 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,
@@ -922,8 +920,8 @@ function ot(t, e, n, a, r, s) {
         }, null, 8, rt)) : (l(), c("span", it, 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", at, b(n.responseLabel), 1)) : y("", !0)
+  ])) : y("", !0);
 }
 const lt = /* @__PURE__ */ B(nt, [["render", ot], ["__scopeId", "data-v-3659b9c1"]]), ct = {
   name: "WmHeader",
@@ -967,8 +965,8 @@ const lt = /* @__PURE__ */ B(nt, [["render", ot], ["__scopeId", "data-v-3659b9c1
 }, pt = { class: "wm-header__status" }, vt = {
   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 yt(t, e, n, a, r, s) {
   const o = I("HumanAvatar"), d = I("AIAvatar"), v = I("TeamAvatars");
   return l(), c("div", dt, [
     n.showBack ? (l(), c("button", {
@@ -992,7 +990,7 @@ 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 }, [
+    n.showIdentity ? (l(), c(M, { key: 2 }, [
       i("div", ht, [
         n.escalated ? (l(), $(o, {
           key: 0,
@@ -1011,15 +1009,15 @@ function gt(t, e, n, a, r, s) {
             key: 0,
             members: n.teamMembers,
             "response-label": n.responseLabel
-          }, null, 8, ["members", "response-label"])) : g("", !0),
+          }, null, 8, ["members", "response-label"])) : y("", !0),
           i("span", pt, [
             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, [
+    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,11 +1071,11 @@ 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 wt = /* @__PURE__ */ B(ct, [["render", yt], ["__scopeId", "data-v-b5f5f6a9"]]), _e = {
   book: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",
   changelog: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2",
   status: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
@@ -1111,7 +1109,7 @@ Je réponds en quelques secondes.`;
 }, kt = { class: "wm-onb" }, Ct = { class: "wm-onb__hero" }, At = { class: "wm-onb__title" }, St = { class: "wm-onb__sub" }, xt = {
   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 = {
+}, Mt = { class: "wm-onb__links" }, Tt = ["onClick"], Ot = { class: "wm-onb__resume-body" }, It = { class: "wm-onb__resume-title" }, Et = { class: "wm-onb__resume-preview" }, Bt = {
   key: 1,
   class: "wm-onb__section"
 }, Lt = { class: "wm-onb__links" }, Rt = ["onClick"], $t = { class: "wm-onb__link-icon" }, Ft = {
@@ -1129,7 +1127,7 @@ function Pt(t, e, n, a, r, s) {
   const o = I("AIAvatar");
   return l(), c("div", kt, [
     i("div", Ct, [
-      H(o, {
+      P(o, {
         size: 56,
         pulse: !0
       }),
@@ -1139,7 +1137,7 @@ function Pt(t, e, n, a, r, s) {
     n.unreadThreads.length ? (l(), c("div", xt, [
       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", {
+        (l(!0), c(M, null, F(n.unreadThreads, (d) => (l(), c("button", {
           key: d.id,
           type: "button",
           class: "wm-onb__link wm-onb__resume",
@@ -1164,8 +1162,8 @@ function Pt(t, e, n, a, r, s) {
               "aria-label": "Non lu"
             })
           ], -1)),
-          i("span", It, [
-            i("span", Ot, b(d.title), 1),
+          i("span", Ot, [
+            i("span", It, b(d.title), 1),
             i("span", Et, b(d.preview), 1)
           ]),
           e[2] || (e[2] = i("svg", {
@@ -1184,11 +1182,11 @@ function Pt(t, e, n, a, r, s) {
           ], -1))
         ], 8, Tt))), 128))
       ])
-    ])) : g("", !0),
+    ])) : y("", !0),
     n.quickLinks.length ? (l(), c("div", Bt, [
       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", {
+        (l(!0), c(M, null, F(n.quickLinks, (d, v) => (l(), c("button", {
           key: v,
           type: "button",
           class: "wm-onb__link",
@@ -1218,7 +1216,7 @@ function Pt(t, e, n, a, r, s) {
           ], -1))
         ], 8, Rt))), 128))
       ])
-    ])) : g("", !0),
+    ])) : y("", !0),
     i("div", Dt, [
       i("button", {
         type: "button",
@@ -1229,86 +1227,7 @@ function Pt(t, e, n, a, r, s) {
     ])
   ]);
 }
-const Ht = /* @__PURE__ */ B(bt, [["render", Pt], ["__scopeId", "data-v-bd89bc8f"]]);
-function zt(t) {
-  return String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function Vt(t) {
-  return /^(https?:\/\/|mailto:|tel:)/i.test(String(t).trim());
-}
-const pe = "";
-function ee(t) {
-  let e = t;
-  const n = [];
-  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;
-}
-function Ce(t) {
-  if (!t) return "";
-  const e = zt(t).split(`
-`), n = [];
-  let a = 0;
-  for (; a < e.length; ) {
-    const s = e[a];
-    if (/^\s*```([\w-]*)\s*$/.exec(s)) {
-      a++;
-      const C = [];
-      for (; a < e.length && !/^\s*```\s*$/.test(e[a]); )
-        C.push(e[a]), a++;
-      a < e.length && a++, n.push({
-        type: "block",
-        html: `<pre class="wm-md-pre"><code>${C.join(`
-`)}</code></pre>`
-      });
-      continue;
-    }
-    if (/^\s*[-*]\s+/.test(s)) {
-      const C = [];
-      for (; a < e.length; ) {
-        const S = /^\s*[-*]\s+(.*)$/.exec(e[a]);
-        if (!S) break;
-        C.push(S[1]), a++;
-      }
-      const w = C.map((S) => `<li>${ee(S)}</li>`).join("");
-      n.push({ type: "block", html: `<ul class="wm-md-ul">${w}</ul>` });
-      continue;
-    }
-    const d = /^\s*(\d+)\.\s+(.*)$/.exec(s);
-    if (d) {
-      const C = parseInt(d[1], 10), w = [d[2]];
-      for (a++; a < e.length; ) {
-        const A = /^\s*\d+\.\s+(.*)$/.exec(e[a]);
-        if (!A) break;
-        w.push(A[1]), a++;
-      }
-      const S = w.map((A) => `<li>${ee(A)}</li>`).join(""), L = C !== 1 ? ` start="${C}"` : "";
-      n.push({ type: "block", html: `<ol class="wm-md-ol"${L}>${S}</ol>` });
-      continue;
-    }
-    const v = /^(#{1,6})\s+(.*)$/.exec(s);
-    if (v) {
-      const C = v[1].length;
-      n.push({
-        type: "block",
-        html: `<h${C} class="wm-md-h wm-md-h${C}">${ee(v[2])}</h${C}>`
-      }), a++;
-      continue;
-    }
-    n.push({ type: "text", html: ee(s) }), a++;
-  }
-  let r = "";
-  for (let s = 0; s < n.length; s++) {
-    const o = n[s];
-    r += o.html;
-    const d = n[s + 1];
-    d && o.type !== "block" && d.type !== "block" && (r += `
-`);
-  }
-  return r;
-}
-const qt = {
+const Ht = /* @__PURE__ */ B(bt, [["render", Pt], ["__scopeId", "data-v-bd89bc8f"]]), zt = {
   name: "WmArtifactFormResponse",
   props: {
     data: { type: Object, required: !0 }
@@ -1319,11 +1238,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),
+}, Vt = { class: "wm-art wm-art--formResponse" }, qt = { class: "wm-art__head" }, Wt = { class: "wm-art__title" }, Gt = { class: "wm-art__body" }, Kt = { class: "wm-art__fieldLabel" };
+function Yt(t, e, n, a, r, s) {
+  return l(), c("div", Vt, [
+    i("div", qt, [
+      i("div", Wt, 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 +1260,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", Gt, [
+      (l(!0), c(M, null, F(s.fields, (o, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
-        i("div", Jt, b(o.label), 1),
+        i("div", Kt, b(o.label), 1),
         i("div", {
           class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, b(o.value), 3)
@@ -1354,7 +1273,7 @@ function Xt(t, e, n, a, r, s) {
     ])
   ]);
 }
-const Qt = /* @__PURE__ */ B(qt, [["render", Xt], ["__scopeId", "data-v-812bda8b"]]), Zt = {
+const Jt = /* @__PURE__ */ B(zt, [["render", Yt], ["__scopeId", "data-v-812bda8b"]]), Xt = {
   name: "WmArtifactInfoCard",
   props: {
     data: { type: Object, required: !0 }
@@ -1369,61 +1288,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 = {
+}, Qt = { class: "wm-art wm-art--infoCard" }, Zt = {
   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 = {
+}, en = ["src", "alt"], tn = { class: "wm-art__head" }, nn = { class: "wm-art__headMain" }, sn = { class: "wm-art__title" }, rn = {
   key: 0,
   class: "wm-art__subtitle"
-}, ln = {
+}, an = {
   key: 1,
   class: "wm-art__body"
-}, cn = {
+}, on = {
   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, [
+}, ln = { class: "wm-art__fieldLabel" };
+function cn(t, e, n, a, r, s) {
+  return l(), c("div", Qt, [
+    n.data.image_url ? (l(), c("figure", Zt, [
       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, en)
+    ])) : y("", !0),
+    i("div", tn, [
+      i("div", nn, [
+        i("div", sn, b(n.data.title), 1),
+        n.data.subtitle ? (l(), c("div", rn, 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", an, [
+      n.data.body ? (l(), c("div", on, b(n.data.body), 1)) : y("", !0),
+      s.fields.length ? (l(!0), c(M, { 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", ln, 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 dn = /* @__PURE__ */ B(Xt, [["render", cn], ["__scopeId", "data-v-d7369333"]]);
+function un(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 hn = {
   name: "WmArtifactTicket",
   props: {
     data: { type: Object, required: !0 }
@@ -1433,13 +1352,9 @@ const fn = {
       var t;
       return Array.isArray((t = this.data) == null ? void 0 : t.fields) ? this.data.fields : [];
     },
-    hasBody() {
-      var t;
-      return !!((t = this.data) != null && t.body) || this.fields.length > 0;
-    },
     formattedDate() {
       var t;
-      return mn((t = this.data) == null ? void 0 : t.created_at);
+      return un((t = this.data) == null ? void 0 : t.created_at);
     }
   },
   methods: {
@@ -1456,22 +1371,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 = {
-  key: 0,
-  class: "wm-art__body"
-}, bn = {
+}, mn = { class: "wm-art wm-art--ticket" }, fn = { class: "wm-art__head wm-tk__head" }, _n = { class: "wm-art__title wm-tk__title" }, pn = { class: "wm-tk__sub" }, vn = { class: "wm-tk__ref" }, gn = {
   key: 0,
   class: "wm-tk__text"
-}, kn = { class: "wm-art__fieldLabel" }, Cn = ["data-level"], An = {
+}, yn = {
+  key: 0,
+  class: "wm-art__body"
+}, wn = { class: "wm-art__fieldLabel" }, bn = ["data-level"], kn = {
   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 Cn(t, e, n, a, r, s) {
+  return l(), c("div", mn, [
+    i("div", fn, [
+      i("div", _n, b(n.data.title), 1),
+      i("div", pn, [
+        i("div", vn, [
           e[0] || (e[0] = i("svg", {
             width: "11",
             height: "11",
@@ -1497,15 +1412,15 @@ function Sn(t, e, n, a, r, s) {
           }, null, -1)),
           se(" " + b(n.data.status.label), 1)
         ], 2)
-      ])
+      ]),
+      n.data.body ? (l(), c("div", gn, b(n.data.body), 1)) : y("", !0)
     ]),
-    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.fields.length ? (l(), c("div", yn, [
+      (l(!0), c(M, null, F(s.fields, (o, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
-        i("div", kn, b(o.label), 1),
+        i("div", wn, b(o.label), 1),
         i("div", {
           class: E(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
         }, [
@@ -1539,12 +1454,12 @@ function Sn(t, e, n, a, r, s) {
               height: "9",
               rx: "0.5"
             }, null, -1)
-          ])], 8, Cn)) : g("", !0),
+          ])], 8, bn)) : 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),
+    n.data.created_at ? (l(), c("div", kn, [
       e[3] || (e[3] = i("svg", {
         width: "11",
         height: "11",
@@ -1566,14 +1481,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 An = /* @__PURE__ */ B(hn, [["render", Cn], ["__scopeId", "data-v-1253a996"]]), Sn = {
+  form_response: Jt,
+  info_card: dn,
+  ticket: An
+}, xn = {
   name: "WmArtifactRenderer",
   props: {
     // Forme : { kind: string, data: any } (le `data` est validé
@@ -1584,95 +1499,114 @@ 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 && Sn[t] || null;
     }
   }
 };
-function In(t, e, n, a, r, s) {
-  return s.component ? (l(), $(Ie(s.component), {
+function Mn(t, e, n, a, r, s) {
+  return s.component ? (l(), $(Te(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 Ce = /* @__PURE__ */ B(xn, [["render", Mn]]);
+function Tn(t) {
+  return typeof t != "string" ? "" : t.replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), "$1").replace(/__([^_]+)__/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\s+/g, " ").trim();
+}
+const On = {
   name: "WmActionResult",
-  components: { ArtifactRenderer: Ae },
+  components: { ArtifactRenderer: Ce },
   props: {
     state: { type: String, default: "success" },
     // 'success' | 'failure' | 'rejected'
     label: { type: String, required: !0 },
     detail: { type: String, default: "" },
-    // Artifact attaché au résultat (forme `{ kind, data }`, posé par
-    // le sub-agent via `set_result_artifact`). `null` si rien à afficher.
     artifact: { type: Object, default: null }
   },
   computed: {
-    ok() {
-      return this.state === "success";
-    },
-    // Sub-agent summaries arrive as free-form text often containing
-    // bullet lists / bold emphasis / inline code. Render them through
-    // the shared markdown pipeline so they read like the chat bubbles.
-    detailHtml() {
-      return Ce(this.detail);
+    detailText() {
+      return Tn(this.detail);
     }
   }
-}, En = { class: "wm-result-wrap" }, Bn = { class: "wm-result" }, Ln = {
+}, In = { class: "wm-result-wrap" }, En = {
+  class: "wm-result__icon",
+  "aria-hidden": "true"
+}, Bn = {
   key: 0,
-  width: "10",
-  height: "10",
+  width: "11",
+  height: "11",
   viewBox: "0 0 24 24",
   fill: "none",
-  stroke: "#fff",
-  "stroke-width": "2.5",
+  stroke: "currentColor",
+  "stroke-width": "2.8",
   "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "aria-hidden": "true"
-}, Rn = {
+  "stroke-linejoin": "round"
+}, Ln = {
   key: 1,
-  width: "10",
-  height: "10",
+  width: "11",
+  height: "11",
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
-  "stroke-width": "2.5",
+  "stroke-width": "2.6",
   "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "aria-hidden": "true"
-}, $n = { class: "wm-result__body" }, Fn = ["innerHTML"], jn = {
+  "stroke-linejoin": "round"
+}, Rn = {
+  key: 2,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, $n = { class: "wm-result__label" }, Fn = { class: "wm-result__detail" }, jn = {
   key: 0,
   class: "wm-result-art"
 };
 function Un(t, e, n, a, r, s) {
   const o = I("ArtifactRenderer");
-  return l(), c("div", En, [
-    i("div", Bn, [
-      i("div", {
-        class: E(["wm-result__check", { "wm-result__check--ok": s.ok }])
-      }, [
-        s.ok ? (l(), c("svg", Ln, [...e[0] || (e[0] = [
+  return l(), c("div", In, [
+    i("div", {
+      class: E(["wm-result", `wm-result--${n.state}`])
+    }, [
+      i("span", En, [
+        n.state === "success" ? (l(), c("svg", Bn, [...e[0] || (e[0] = [
           i("path", { d: "M20 6L9 17l-5-5" }, null, -1)
-        ])])) : (l(), c("svg", Rn, [...e[1] || (e[1] = [
+        ])])) : n.state === "rejected" ? (l(), c("svg", Ln, [...e[1] || (e[1] = [
           i("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
+        ])])) : (l(), c("svg", Rn, [...e[2] || (e[2] = [
+          i("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }, null, -1),
+          i("line", {
+            x1: "12",
+            y1: "9",
+            x2: "12",
+            y2: "13"
+          }, null, -1),
+          i("line", {
+            x1: "12",
+            y1: "17",
+            x2: "12.01",
+            y2: "17"
+          }, null, -1)
         ])]))
-      ], 2),
-      i("div", $n, [
-        i("div", {
-          class: E(["wm-result__label", { "wm-result__label--struck": !s.ok }])
-        }, b(n.label), 3),
-        n.detail ? (l(), c("div", {
-          key: 0,
-          class: "wm-result__detail",
-          innerHTML: s.detailHtml
-        }, null, 8, Fn)) : g("", !0)
-      ])
-    ]),
+      ]),
+      i("span", $n, b(n.label), 1),
+      s.detailText ? (l(), c(M, { key: 0 }, [
+        e[3] || (e[3] = i("span", {
+          class: "wm-result__sep",
+          "aria-hidden": "true"
+        }, "·", -1)),
+        i("span", Fn, b(s.detailText), 1)
+      ], 64)) : y("", !0)
+    ], 2),
     n.artifact ? (l(), c("div", jn, [
-      H(o, { artifact: n.artifact }, null, 8, ["artifact"])
-    ])) : g("", !0)
+      P(o, { artifact: n.artifact }, null, 8, ["artifact"])
+    ])) : y("", !0)
   ]);
 }
-const Dn = /* @__PURE__ */ B(On, [["render", Un], ["__scopeId", "data-v-037fd69e"]]), Nn = {
+const Dn = /* @__PURE__ */ B(On, [["render", Un], ["__scopeId", "data-v-6cd32022"]]), Nn = {
   name: "WmAttachmentPreview",
   inject: {
     signAttachmentFn: { default: null }
@@ -1787,13 +1721,92 @@ function Jn(t, e, n, a, r, s) {
       ], -1)),
       i("span", Wn, [
         i("span", Gn, b(s.displayName), 1),
-        s.sizeLabel ? (l(), c("span", Kn, b(s.sizeLabel), 1)) : g("", !0)
+        s.sizeLabel ? (l(), c("span", Kn, b(s.sizeLabel), 1)) : y("", !0)
       ]),
-      r.loading ? (l(), c("span", Yn)) : g("", !0)
+      r.loading ? (l(), c("span", Yn)) : y("", !0)
     ], 8, qn))
   ], 2);
 }
-const Xn = /* @__PURE__ */ B(Nn, [["render", Jn], ["__scopeId", "data-v-1cd1267b"]]), Qn = {
+const Xn = /* @__PURE__ */ B(Nn, [["render", Jn], ["__scopeId", "data-v-1cd1267b"]]);
+function Qn(t) {
+  return String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function Zn(t) {
+  return /^(https?:\/\/|mailto:|tel:)/i.test(String(t).trim());
+}
+const pe = "";
+function ee(t) {
+  let e = t;
+  const n = [];
+  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) => Zn(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 es(t) {
+  if (!t) return "";
+  const e = Qn(t).split(`
+`), n = [];
+  let a = 0;
+  for (; a < e.length; ) {
+    const s = e[a];
+    if (/^\s*```([\w-]*)\s*$/.exec(s)) {
+      a++;
+      const C = [];
+      for (; a < e.length && !/^\s*```\s*$/.test(e[a]); )
+        C.push(e[a]), a++;
+      a < e.length && a++, n.push({
+        type: "block",
+        html: `<pre class="wm-md-pre"><code>${C.join(`
+`)}</code></pre>`
+      });
+      continue;
+    }
+    if (/^\s*[-*]\s+/.test(s)) {
+      const C = [];
+      for (; a < e.length; ) {
+        const S = /^\s*[-*]\s+(.*)$/.exec(e[a]);
+        if (!S) break;
+        C.push(S[1]), a++;
+      }
+      const w = C.map((S) => `<li>${ee(S)}</li>`).join("");
+      n.push({ type: "block", html: `<ul class="wm-md-ul">${w}</ul>` });
+      continue;
+    }
+    const d = /^\s*(\d+)\.\s+(.*)$/.exec(s);
+    if (d) {
+      const C = parseInt(d[1], 10), w = [d[2]];
+      for (a++; a < e.length; ) {
+        const A = /^\s*\d+\.\s+(.*)$/.exec(e[a]);
+        if (!A) break;
+        w.push(A[1]), a++;
+      }
+      const S = w.map((A) => `<li>${ee(A)}</li>`).join(""), L = C !== 1 ? ` start="${C}"` : "";
+      n.push({ type: "block", html: `<ol class="wm-md-ol"${L}>${S}</ol>` });
+      continue;
+    }
+    const v = /^(#{1,6})\s+(.*)$/.exec(s);
+    if (v) {
+      const C = v[1].length;
+      n.push({
+        type: "block",
+        html: `<h${C} class="wm-md-h wm-md-h${C}">${ee(v[2])}</h${C}>`
+      }), a++;
+      continue;
+    }
+    n.push({ type: "text", html: ee(s) }), a++;
+  }
+  let r = "";
+  for (let s = 0; s < n.length; s++) {
+    const o = n[s];
+    r += o.html;
+    const d = n[s + 1];
+    d && o.type !== "block" && d.type !== "block" && (r += `
+`);
+  }
+  return r;
+}
+const ts = {
   name: "WmBubble",
   props: {
     role: { type: String, default: "ai" },
@@ -1802,41 +1815,41 @@ const Xn = /* @__PURE__ */ B(Nn, [["render", Jn], ["__scopeId", "data-v-1cd1267b
   },
   computed: {
     rendered() {
-      return Ce(this.text);
+      return es(this.text);
     }
   }
-}, Zn = ["innerHTML"];
-function es(t, e, n, a, r, s) {
+}, ns = ["innerHTML"];
+function ss(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)
+      i("span", { innerHTML: s.rendered }, null, 8, ns)
     ], !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 rs = /* @__PURE__ */ B(ts, [["render", ss], ["__scopeId", "data-v-c52bb028"]]), is = { name: "WmTyping" }, as = { class: "wm-typing" };
+function os(t, e, n, a, r, s) {
+  return l(), c("div", as, [...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 ls = /* @__PURE__ */ B(is, [["render", os], ["__scopeId", "data-v-df2447fd"]]);
 function ce(t) {
   return t ? t.client_msg_id || t.id : "";
 }
-const as = {
+const cs = {
   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 = {
+}, ds = 80, us = 200, hs = {
   name: "WmMessageList",
-  components: { AIAvatar: J, HumanAvatar: ke, Bubble: ts, Typing: is, ActionResult: Dn, AttachmentPreview: Xn, ArtifactRenderer: Ae },
+  components: { AIAvatar: J, HumanAvatar: ke, Bubble: rs, Typing: ls, ActionResult: Dn, AttachmentPreview: Xn, ArtifactRenderer: Ce },
   props: {
     messages: { type: Array, default: () => [] },
     streamingActive: { type: Boolean, default: !1 },
@@ -1847,7 +1860,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 +1905,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 +1935,11 @@ const as = {
   methods: {
     messageKey: ce,
     isAtBottom(t) {
-      return t.scrollHeight - t.scrollTop - t.clientHeight <= os;
+      return t.scrollHeight - t.scrollTop - t.clientHeight <= ds;
     },
     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 <= us && (this._pendingLoadMore = !0, this.$emit("load-more")));
     },
     // Capture pre-patch scroll state and restore it on the next tick.
     //
@@ -2006,7 +2037,7 @@ const as = {
     // logic. `null` means the item renders nothing (no body, no
     // bubble) and shouldn't count as a neighbour.
     itemKindOf(t) {
-      return t ? t.type === "action" && t.payload && t.payload.state !== "pending" || this.artifactOf(t) ? "card" : t.text_md ? "bubble" : null : null;
+      return t ? t.type === "action" && t.payload && t.payload.state !== "pending" ? "bubble" : this.artifactOf(t) ? "card" : t.text_md ? "bubble" : null : null;
     },
     // Per-corner border radius for an item inside a multi-item
     // cluster. Geometric model:
@@ -2080,7 +2111,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 = cs[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 +2119,136 @@ const as = {
       t && (t.scrollTop = t.scrollHeight);
     }
   }
-}, ds = {
+}, ms = {
   key: 0,
   class: "wm-list__loadMore",
   role: "status",
   "aria-live": "polite"
-}, us = {
+}, fs = {
   key: 1,
   class: "wm-list__historyEnd"
-}, hs = {
+}, _s = {
   key: 2,
   class: "wm-list__sep"
-}, ms = { class: "wm-list__sep-label" }, fs = {
+}, ps = { class: "wm-list__sep-label" }, vs = {
+  key: 0,
+  class: "wm-list__sep wm-list__sep--unread"
+}, gs = {
   key: 0,
   class: "wm-list__sysep"
-}, _s = { class: "wm-list__sysep-label" }, ps = {
+}, ys = { class: "wm-list__sysep-label" }, ws = {
   key: 0,
   class: "wm-list__avatarSlot"
-}, vs = {
+}, bs = {
   key: 3,
   class: "wm-list__body"
-}, ys = { key: 0 }, gs = {
+}, ks = { key: 0 }, Cs = {
   key: 1,
   "aria-hidden": "true"
-}, ws = { key: 2 }, bs = {
+}, As = { key: 2 }, Ss = {
   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) {
+}, xs = { class: "wm-list__avatarSlot" };
+function Ms(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", ms, [...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", fs, "Début de la conversation")) : y("", !0),
+    n.dateLabel ? (l(), c("div", _s, [
       e[2] || (e[2] = i("div", { class: "wm-list__line" }, null, -1)),
-      i("span", ms, b(n.dateLabel), 1),
+      i("span", ps, 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(M, null, F(s.groups, (A, D) => (l(), c(M, {
+      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", vs, [...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", gs, [
+          e[5] || (e[5] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
+          i("span", ys, b(A.systemLabel), 1),
+          e[6] || (e[6] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
+        ])) : (l(), c(M, { key: 1 }, [
+          (l(!0), c(M, 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", ws, [
+              N === A.messages.length - 1 ? (l(), c(M, { 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", bs, [
+              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(M, 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", ks, b(s.roleLabel(A)), 1)) : y("", !0),
+            A.role !== "user" && s.lastTimeOf(A) ? (l(), c("span", Cs, "·")) : y("", !0),
+            s.lastTimeOf(A) ? (l(), c("span", As, b(s.lastTimeOf(A)), 1)) : y("", !0)
+          ], 2)) : y("", !0)
+        ], 64))
+      ], 2)
+    ], 64))), 128)),
+    n.streamingActive ? (l(), c("div", Ss, [
+      i("div", xs, [
+        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 Ts = /* @__PURE__ */ B(hs, [["render", Ms], ["__scopeId", "data-v-0404f48d"]]), te = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", he = typeof window < "u" && typeof window.MediaRecorder < "u";
+function Os() {
   return he && [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -2217,7 +2259,7 @@ function Ss() {
     return (a = (n = window.MediaRecorder).isTypeSupported) == null ? void 0 : a.call(n, e);
   }) || "";
 }
-function Se({ audio: t }) {
+function Ae({ audio: t }) {
   return {
     video: !0,
     audio: !!t,
@@ -2226,19 +2268,19 @@ function Se({ audio: t }) {
     systemAudio: t ? "include" : "exclude"
   };
 }
-function ji(t) {
+function Pi(t) {
   return t ? t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : "file" : "file";
 }
-async function xs() {
+async function Is() {
   if (!te) return null;
   let t;
   try {
-    t = await navigator.mediaDevices.getDisplayMedia(Se({ audio: !1 }));
+    t = await navigator.mediaDevices.getDisplayMedia(Ae({ audio: !1 }));
   } catch (e) {
     return (e == null ? void 0 : e.name) !== "NotAllowedError" && console.error("[media] screenshot picker", e), null;
   }
   try {
-    return await Ms(t);
+    return await Es(t);
   } catch (e) {
     return console.error("[media] screenshot capture", e), null;
   } finally {
@@ -2247,7 +2289,7 @@ async function xs() {
     });
   }
 }
-async function Ms(t) {
+async function Es(t) {
   const e = document.createElement("video");
   e.muted = !0, e.playsInline = !0, e.srcObject = t, await e.play(), await new Promise((d) => requestAnimationFrame(d));
   const n = e.videoWidth || 1280, a = e.videoHeight || 720, r = document.createElement("canvas");
@@ -2257,16 +2299,16 @@ 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 Bs(t = {}) {
   var C;
   if (!te || !he) return null;
   let e;
   try {
-    e = await navigator.mediaDevices.getDisplayMedia(Se({ audio: !0 }));
+    e = await navigator.mediaDevices.getDisplayMedia(Ae({ audio: !0 }));
   } catch (w) {
     return (w == null ? void 0 : w.name) !== "NotAllowedError" && console.error("[media] record picker", w), null;
   }
-  const n = Ss();
+  const n = Os();
   let a;
   try {
     a = n ? new window.MediaRecorder(e, { mimeType: n }) : new window.MediaRecorder(e);
@@ -2318,7 +2360,7 @@ async function Ts(t = {}) {
     }
   };
 }
-const Is = [
+const Ls = [
   {
     action: "file",
     label: "Joindre un fichier",
@@ -2334,7 +2376,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 = {
+], Rs = {
   name: "WmComposer",
   props: {
     modelValue: { type: String, default: "" },
@@ -2357,7 +2399,7 @@ const Is = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Is.map((t) => ({
+      return Ls.map((t) => ({
         ...t,
         disabled: t.action === "screenshot" && !te || t.action === "record" && (!te || !he)
       }));
@@ -2429,13 +2471,13 @@ const Is = [
     },
     async captureScreenshot() {
       if (this.disabled) return;
-      const t = await xs();
+      const t = await Is();
       t && this.$emit("attach", t);
     },
     async startRecording() {
       if (this.recording || this.disabled) return;
       this.recordingElapsed = 0;
-      const t = await Ts({
+      const t = await Bs({
         onstart: () => {
           this.recording = !0;
         },
@@ -2460,33 +2502,33 @@ const Is = [
         }
     }
   }
-}, Es = { class: "wm-compose-wrap" }, Bs = {
+}, $s = { class: "wm-compose-wrap" }, Fs = {
   key: 0,
   class: "wm-rec"
-}, Ls = { class: "wm-rec__lbl" }, Rs = {
+}, js = { class: "wm-rec__lbl" }, Us = {
   key: 1,
   class: "wm-compose__menu",
   role: "menu"
-}, $s = ["disabled", "onClick"], Fs = { class: "wm-compose__menuIcon" }, js = {
+}, Ds = ["disabled", "onClick"], Ns = { class: "wm-compose__menuIcon" }, Ps = {
   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, [
+}, Hs = ["d"], zs = ["placeholder", "disabled"], Vs = { class: "wm-compose__actions" }, qs = ["title", "aria-label", "disabled"], Ws = ["disabled"];
+function Gs(t, e, n, a, r, s) {
+  return l(), c("div", $s, [
+    r.recording ? (l(), c("div", Fs, [
       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", js, "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 +2544,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", Us, [
+        (l(!0), c(M, 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", Ns, [
+            (l(), c("svg", Ps, [
               i("path", {
                 d: o.path,
                 stroke: "currentColor",
@@ -2520,13 +2562,13 @@ function zs(t, e, n, a, r, s) {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Us)
+              }, null, 8, Hs)
             ]))
           ]),
           i("span", null, b(o.label), 1)
-        ], 8, $s))), 128))
-      ])) : g("", !0),
-      V(i("textarea", {
+        ], 8, Ds))), 128))
+      ])) : y("", !0),
+      z(i("textarea", {
         ref: "inputEl",
         "onUpdate:modelValue": e[3] || (e[3] = (o) => r.local = o),
         class: "wm-compose__input",
@@ -2535,10 +2577,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, zs), [
         [G, r.local]
       ]),
-      i("div", Ns, [
+      i("div", Vs, [
         i("button", {
           type: "button",
           class: E(["wm-compose__icon", { "is-open": r.attachOpen }]),
@@ -2560,7 +2602,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, qs),
         i("button", {
           type: "submit",
           class: E(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -2580,12 +2622,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, Ws)
       ])
     ], 34)
   ]);
 }
-const Vs = /* @__PURE__ */ B(Os, [["render", zs], ["__scopeId", "data-v-14fa9ec0"]]), qs = {
+const Ks = /* @__PURE__ */ B(Rs, [["render", Gs], ["__scopeId", "data-v-14fa9ec0"]]), Ys = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -2602,22 +2644,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) {
+}, Js = ["onClick"];
+function Xs(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(M, 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, Js))), 128))
+  ])) : y("", !0);
 }
-const Ks = /* @__PURE__ */ B(qs, [["render", Gs], ["__scopeId", "data-v-55aa529d"]]), Ys = {
+const Qs = /* @__PURE__ */ B(Ys, [["render", Xs], ["__scopeId", "data-v-55aa529d"]]), Zs = {
   name: "WmApprovalCard",
   components: { AIAvatar: J },
   props: {
@@ -2650,41 +2692,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 = {
+}, er = { class: "wm-approval" }, tr = { class: "wm-approval__head" }, nr = { class: "wm-approval__icon" }, sr = { class: "wm-approval__main" }, rr = { class: "wm-approval__title" }, ir = {
   key: 0,
   class: "wm-approval__detail"
-}, nr = { class: "wm-approval__actions" };
-function sr(t, e, n, a, r, s) {
+}, ar = { class: "wm-approval__actions" };
+function or(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", er, [
+    i("div", tr, [
+      i("div", nr, [
+        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", sr, [
+        i("div", rr, b(n.action), 1),
+        n.detail ? (l(), c("div", ir, b(n.detail), 1)) : y("", !0)
       ])
     ]),
-    i("div", nr, [
+    i("div", ar, [
       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 lr = /* @__PURE__ */ B(Zs, [["render", or], ["__scopeId", "data-v-b1be139c"]]);
 let ve = 0;
-const ir = /* @__PURE__ */ new Set([
+const cr = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -2692,7 +2734,7 @@ const ir = /* @__PURE__ */ new Set([
   "select",
   "multiselect",
   "date"
-]), ar = {
+]), dr = {
   name: "WmFormCard",
   components: { AIAvatar: J },
   props: {
@@ -2715,7 +2757,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) || !cr.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
     }
   },
   created() {
@@ -2766,50 +2808,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 = {
+}, ur = { class: "wm-form" }, hr = { class: "wm-form__head" }, mr = { class: "wm-form__icon" }, fr = { class: "wm-form__main" }, _r = { class: "wm-form__title" }, pr = {
   key: 0,
   class: "wm-form__detail"
-}, mr = ["for"], fr = {
+}, vr = ["for"], gr = {
   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 = {
+}, yr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], wr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], br = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], kr = ["id", "onUpdate:modelValue", "required", "disabled"], Cr = {
   key: 4,
   class: "wm-form__bool"
-}, wr = ["id", "onUpdate:modelValue", "disabled"], br = ["id", "onUpdate:modelValue", "required", "disabled"], kr = {
+}, Ar = ["id", "onUpdate:modelValue", "disabled"], Sr = ["id", "onUpdate:modelValue", "required", "disabled"], xr = {
   value: "",
   disabled: ""
-}, Cr = ["value"], Ar = {
+}, Mr = ["value"], Tr = {
   key: 6,
   class: "wm-form__multi"
-}, Sr = ["value", "checked", "disabled", "onChange"], xr = {
+}, Or = ["value", "checked", "disabled", "onChange"], Ir = {
   key: 0,
   class: "wm-form__err"
-}, Mr = ["disabled"], Tr = {
+}, Er = ["disabled"], Br = {
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Ir = {
+}, Lr = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function Or(t, e, n, a, r, s) {
+function Rr(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", ur, [
+    i("div", hr, [
+      i("div", mr, [
+        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", fr, [
+        i("div", _r, b(n.form.title || "Formulaire"), 1),
+        n.form.description ? (l(), c("div", pr, 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(M, null, F(s.normalizedFields, (d) => (l(), c("div", {
         key: d.key,
         class: "wm-form__field"
       }, [
@@ -2818,9 +2860,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", gr, "*")) : y("", !0)
+        ], 8, vr),
+        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 +2871,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, yr)), [
           [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 +2882,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, wr)), [
           [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 +2893,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, br)), [
           [
             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 +2908,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, kr)), [
           [G, r.values[d.key]]
-        ]) : d.type === "boolean" ? (l(), c("label", gr, [
-          V(i("input", {
+        ]) : d.type === "boolean" ? (l(), c("label", Cr, [
+          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), [
-            [Ee, r.values[d.key]]
+          }, null, 8, Ar), [
+            [Ie, 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 +2928,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", xr, b(d.placeholder || "Choisir…"), 1),
+          (l(!0), c(M, null, F(d.options, (v) => (l(), c("option", {
             key: v.value,
             value: v.value
-          }, b(v.label), 9, Cr))), 128))
-        ], 8, br)), [
-          [Be, r.values[d.key]]
-        ]) : d.type === "multiselect" ? (l(), c("div", Ar, [
-          (l(!0), c(O, null, F(d.options, (v) => (l(), c("label", {
+          }, b(v.label), 9, Mr))), 128))
+        ], 8, Sr)), [
+          [Ee, r.values[d.key]]
+        ]) : d.type === "multiselect" ? (l(), c("div", Tr, [
+          (l(!0), c(M, null, F(d.options, (v) => (l(), c("label", {
             key: v.value,
             class: "wm-form__multiItem"
           }, [
@@ -2904,25 +2946,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, Or),
             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", Ir, b(r.error), 1)) : y("", !0),
+      n.readOnly ? (l(), c("div", Lr, "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", Br)) : y("", !0),
         i("span", null, b(r.busy ? "Envoi…" : n.form.submit_label || "Envoyer"), 1)
-      ], 8, Mr))
+      ], 8, Er))
     ], 32)
   ]);
 }
-const Er = /* @__PURE__ */ B(ar, [["render", Or], ["__scopeId", "data-v-64b40f76"]]), Br = {
+const $r = /* @__PURE__ */ B(dr, [["render", Rr], ["__scopeId", "data-v-64b40f76"]]), Fr = {
   name: "WmFeedback",
   props: {
     busy: { type: Boolean, default: !1 },
@@ -2946,43 +2988,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 = {
+}, jr = { class: "wm-fb" }, Ur = { class: "wm-fb__row" }, Dr = ["onClick"], Nr = { class: "wm-fb__emoji" }, Pr = { class: "wm-fb__label" }, Hr = ["disabled"], zr = {
   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 Vr(t, e, n, a, r, s) {
+  return l(), c("div", jr, [
+    n.done ? (l(), c("div", zr, [...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(M, { key: 0 }, [
       e[1] || (e[1] = i("div", { class: "wm-fb__title" }, "Comment s'est passée cette conversation ?", -1)),
       e[2] || (e[2] = i("div", { class: "wm-fb__sub" }, "Votre avis nous aide à améliorer l'assistant.", -1)),
-      i("div", Rr, [
-        (l(!0), c(O, null, F(r.options, (o) => (l(), c("button", {
+      i("div", Ur, [
+        (l(!0), c(M, 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", Nr, b(o.e), 1),
+          i("span", Pr, b(o.l), 1)
+        ], 10, Dr))), 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, Hr)
     ], 64))
   ]);
 }
-const Pr = /* @__PURE__ */ B(Br, [["render", Nr], ["__scopeId", "data-v-6f45ff3b"]]);
-function Hr(t) {
+const qr = /* @__PURE__ */ B(Fr, [["render", Vr], ["__scopeId", "data-v-6f45ff3b"]]);
+function Wr(t) {
   const e = new Date(t);
   return e.setHours(0, 0, 0, 0), e;
 }
-const zr = {
+const Gr = {
   name: "WmHistoryDrawer",
   props: {
     conversations: { type: Array, default: () => [] },
@@ -3016,7 +3058,7 @@ const zr = {
       ) : this.normalized;
     },
     groups() {
-      const e = Hr(/* @__PURE__ */ new Date()).getTime(), n = e - 6 * 864e5, a = [], r = [], s = [];
+      const e = Wr(/* @__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 +3076,29 @@ const zr = {
       return this.filtered.length > 0;
     }
   }
-}, Vr = { class: "wm-hd" }, qr = {
+}, Kr = { class: "wm-hd" }, Yr = {
   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 = {
+}, Jr = { class: "wm-hd__head" }, Xr = { class: "wm-hd__top" }, Qr = { class: "wm-hd__search" }, Zr = { class: "wm-hd__list" }, ei = {
   key: 0,
   class: "wm-hd__group"
-}, Xr = { class: "wm-hd__groupLabel" }, Qr = { class: "wm-hd__rows" }, Zr = ["onClick"], ei = { class: "wm-hd__rowIcon" }, ti = {
+}, ti = { class: "wm-hd__groupLabel" }, ni = { class: "wm-hd__rows" }, si = ["onClick"], ri = { class: "wm-hd__rowIcon" }, ii = {
   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 = {
+}, ai = { class: "wm-hd__rowBody" }, oi = { class: "wm-hd__rowTop" }, li = { class: "wm-hd__rowTitle" }, ci = { class: "wm-hd__rowPreview" }, di = {
   key: 0,
   class: "wm-hd__empty"
 };
-function oi(t, e, n, a, r, s) {
-  return l(), c("div", Vr, [
+function ui(t, e, n, a, r, s) {
+  return l(), c("div", Kr, [
     i("div", {
       class: "wm-hd__scrim",
       onClick: e[0] || (e[0] = (o) => t.$emit("close"))
     }),
-    i("aside", qr, [
-      i("div", Wr, [
+    i("aside", Yr, [
+      i("div", Jr, [
         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 +3124,7 @@ function oi(t, e, n, a, r, s) {
           ], -1)
         ])])
       ]),
-      i("div", Gr, [
+      i("div", Xr, [
         i("button", {
           type: "button",
           class: "wm-hd__new",
@@ -3105,7 +3147,7 @@ function oi(t, e, n, a, r, s) {
           ], -1),
           i("span", null, "Démarrer un nouveau fil", -1)
         ])]),
-        i("div", Kr, [
+        i("div", Qr, [
           e[7] || (e[7] = i("span", { class: "wm-hd__searchIcon" }, [
             i("svg", {
               width: "12",
@@ -3121,7 +3163,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 +3173,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", Zr, [
+        (l(!0), c(M, null, F(s.groups, (o) => (l(), c(M, {
           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", ei, [
+            i("div", ti, b(o.label), 1),
+            i("div", ni, [
+              (l(!0), c(M, null, F(o.items, (d) => (l(), c("button", {
                 key: d.id,
                 type: "button",
                 class: E(["wm-hd__row", {
@@ -3147,7 +3189,7 @@ function oi(t, e, n, a, r, s) {
                 }]),
                 onClick: (v) => t.$emit("pick", d)
               }, [
-                i("div", ei, [
+                i("div", ri, [
                   e[8] || (e[8] = i("svg", {
                     width: "11",
                     height: "11",
@@ -3161,24 +3203,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", ii)) : y("", !0)
                 ]),
-                i("div", ni, [
-                  i("div", si, [
-                    i("span", ri, b(d.title), 1)
+                i("div", ai, [
+                  i("div", oi, [
+                    i("span", li, b(d.title), 1)
                   ]),
-                  i("div", ii, b(d.preview || "Aucun message"), 1)
+                  i("div", ci, b(d.preview || "Aucun message"), 1)
                 ])
-              ], 10, Zr))), 128))
+              ], 10, si))), 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", di, " Aucun fil pour le moment. "))
       ])
     ])
   ]);
 }
-const li = /* @__PURE__ */ B(zr, [["render", oi], ["__scopeId", "data-v-1259e822"]]), ci = {
+const hi = /* @__PURE__ */ B(Gr, [["render", ui], ["__scopeId", "data-v-1259e822"]]), mi = {
   name: "WmMoreMenu",
   props: {
     canRename: { type: Boolean, default: !0 },
@@ -3205,18 +3247,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 = {
+}, fi = { class: "wm-mm" }, _i = {
   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, [
+}, pi = { class: "wm-mm__section" }, vi = { class: "wm-mm__section" }, gi = { class: "wm-mm__section" };
+function yi(t, e, n, a, r, s) {
+  return l(), c("div", fi, [
     i("div", {
       class: "wm-mm__scrim",
       onClick: e[0] || (e[0] = (o) => t.$emit("close"))
     }),
-    i("div", ui, [
-      i("div", hi, [
+    i("div", _i, [
+      i("div", pi, [
         i("button", {
           type: "button",
           class: "wm-mm__item",
@@ -3246,7 +3288,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 +3311,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 +3319,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", vi, [
         i("button", {
           type: "button",
           class: "wm-mm__item",
@@ -3310,7 +3352,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", gi, [
         n.statusUrl ? (l(), c("button", {
           key: 0,
           type: "button",
@@ -3333,7 +3375,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 +3398,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 wi = /* @__PURE__ */ B(mi, [["render", yi], ["__scopeId", "data-v-c1bb81d2"]]), ge = "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 bi(t, e) {
   if (!t || !e) return "";
   const n = Array.isArray(t.fields) ? t.fields : [], a = [];
   for (const r of n) {
@@ -3390,7 +3432,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 ki(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 +3454,20 @@ function yi(t, e) {
     }
   };
 }
-const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
+const Ci = 450, Ai = 50, Si = 900, xi = 12e3, Mi = 300, Ti = {
   name: "Messenger",
   components: {
-    Launcher: Ye,
+    Launcher: Ke,
     Header: wt,
     Onboarding: Ht,
-    MessageList: As,
-    Composer: Vs,
-    SuggestionChips: Ks,
-    ApprovalCard: rr,
-    FormCard: Er,
-    Feedback: Pr,
-    HistoryDrawer: li,
-    MoreMenu: pi
+    MessageList: Ts,
+    Composer: Ks,
+    SuggestionChips: Qs,
+    ApprovalCard: lr,
+    FormCard: $r,
+    Feedback: qr,
+    HistoryDrawer: hi,
+    MoreMenu: wi
   },
   // Make signAttachment available to deep children (AttachmentPreview)
   // without prop drilling. The store may not exist yet at provide-time
@@ -3441,7 +3483,7 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
   },
   props: {
     // Hardcoded server default (overridable for staging/dev).
-    baseUrl: { type: String, default: ze },
+    baseUrl: { type: String, default: He },
     widgetId: { type: String, default: "" },
     userId: { type: String, default: "" },
     userHash: { type: String, default: "" },
@@ -3501,6 +3543,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 +3664,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 +3896,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
@@ -3922,9 +3990,9 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
       hasWidgetId: !!this.widgetId,
       hasUserId: !!this.userId,
       hasUserHash: !!this.userHash
-    }), typeof document < "u" && !document.getElementById(ye)) {
+    }), typeof document < "u" && !document.getElementById(ge)) {
       const t = document.createElement("style");
-      t.id = ye, t.textContent = He, document.head.appendChild(t);
+      t.id = ge, t.textContent = Pe, document.head.appendChild(t);
     }
     this.hydrateReadState(), await this.boot(), this.isEmbedded && this.store && await this.open();
   },
@@ -4075,11 +4143,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)
+        xi,
+        Math.max(Si, n * Ai)
       ), s = Math.max(
-        e + gi,
-        this.nextRevealAt + Ci
+        e + Ci,
+        this.nextRevealAt + Mi
       ) + a;
       this.nextRevealAt = s;
       const o = Math.max(0, s - e), d = t.id, v = setTimeout(() => {
@@ -4106,12 +4174,12 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
           baseUrl: this.baseUrl,
           widgetId: this.widgetId,
           userId: this.userId
-        }), this.transport = fe(je({
+        }), this.transport = fe(Fe({
           baseUrl: this.baseUrl,
           widgetId: this.widgetId,
           userId: this.userId,
           userHash: this.userHash
-        })), this.store = fe(Pe(this.transport)), await this.store.start(), this.customer && typeof this.customer == "object" && await this.store.applyCustomer(this.customer), console.log("[ww-messenger] boot done", {
+        })), this.store = fe(Ne(this.transport)), await this.store.start(), this.customer && typeof this.customer == "object" && await this.store.applyCustomer(this.customer), console.log("[ww-messenger] boot done", {
           ready: this.store.state.ready,
           error: this.store.state.error
         });
@@ -4287,12 +4355,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 = bi(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: ki(e.form, t)
         }
       });
     },
@@ -4336,28 +4404,28 @@ const gi = 450, wi = 50, bi = 900, ki = 12e3, Ci = 300, Ai = {
       }
     }
   }
-}, Si = {
+}, Oi = {
   key: 0,
   class: "wm-loading",
   "aria-busy": "true",
   "aria-live": "polite"
-}, xi = {
+}, Ii = {
   key: 0,
   class: "wm-state"
-}, Mi = { class: "wm-state__err" }, Ti = { class: "wm-state__errSub" }, Ii = { class: "wm-bottom" }, Oi = {
+}, Ei = { class: "wm-state__err" }, Bi = { class: "wm-state__errSub" }, Li = { class: "wm-bottom" }, Ri = {
   key: 0,
   ref: "floatEl",
   class: "wm-float"
-}, Ei = {
+}, $i = {
   key: 1,
   class: "wm-actionWait",
   role: "status",
   "aria-live": "polite"
-}, Bi = { class: "wm-actionWait__lbl" }, Li = {
+}, Fi = { class: "wm-actionWait__lbl" }, ji = {
   key: 1,
   class: "wm-attached"
-}, Ri = ["onClick"];
-function $i(t, e, n, a, r, s) {
+}, Ui = ["onClick"];
+function Di(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 +4436,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", Oi, [
+        s.isEmbedded ? y("", !0) : (l(), c("button", {
           key: 0,
           type: "button",
           class: "wm-loading__close",
@@ -4402,8 +4470,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(M, { key: 1 }, [
+        P(d, {
           title: s.headerTitle,
           escalated: s.isEscalated,
           "agent-name": s.humanAgentName,
@@ -4418,8 +4486,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", Ii, [
+          i("div", Ei, [
             e[9] || (e[9] = i("div", { class: "wm-state__errIcon" }, [
               i("svg", {
                 width: "14",
@@ -4437,11 +4505,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", Bi, b(s.error), 1)
             ])
           ])
-        ])) : s.currentConv ? (l(), c(O, { key: 2 }, [
-          H(C, {
+        ])) : s.currentConv ? (l(), c(M, { key: 2 }, [
+          P(C, {
             ref: "messageList",
             messages: s.displayedMessages,
             "streaming-active": s.streamingActive,
@@ -4449,10 +4517,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", Li, [
+            s.floatVisible ? (l(), c("div", Ri, [
               s.approvalReady ? (l(), $(w, {
                 key: 0,
                 action: s.approvalTitle,
@@ -4473,13 +4542,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", $i, [
               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", Fi, b(s.actionInFlightName) + " en cours, veuillez patienter…", 1)
             ])) : (l(), $(D, {
               key: 2,
               ref: "composer",
@@ -4503,10 +4572,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", ji, [
+            (l(!0), c(M, null, F(r.pendingAttachments, (j, H) => (l(), c("div", {
+              key: H,
               class: "wm-attached__chip"
             }, [
               e[12] || (e[12] = i("svg", {
@@ -4526,7 +4595,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 +4610,9 @@ function $i(t, e, n, a, r, s) {
                 }, [
                   i("path", { d: "M18 6L6 18M6 6l12 12" })
                 ], -1)
-              ])], 8, Ri)
+              ])], 8, Ui)
             ]))), 128))
-          ])) : g("", !0)
+          ])) : y("", !0)
         ], 64)) : (l(), $(v, {
           key: 1,
           "welcome-message": s.widgetWelcomeMessage,
@@ -4562,7 +4631,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,54 +4643,54 @@ 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 Hi = /* @__PURE__ */ B(Ti, [["render", Di], ["__scopeId", "data-v-5233982a"]]), zi = "0.2.2";
 export {
   J as AIAvatar,
   le as AVATAR_COLORS,
   Dn as ActionResult,
-  rr as ApprovalCard,
-  Qt as ArtifactFormResponse,
-  hn as ArtifactInfoCard,
-  Ae as ArtifactRenderer,
-  xn as ArtifactTicket,
+  lr as ApprovalCard,
+  Jt as ArtifactFormResponse,
+  dn as ArtifactInfoCard,
+  Ce as ArtifactRenderer,
+  An as ArtifactTicket,
   Xn as AttachmentPreview,
-  ts as Bubble,
-  Vs as Composer,
-  ze as DEFAULT_BASE_URL,
-  Pr as Feedback,
-  Er as FormCard,
+  rs as Bubble,
+  Ks as Composer,
+  He as DEFAULT_BASE_URL,
+  qr as Feedback,
+  $r as FormCard,
   wt as Header,
-  li as HistoryDrawer,
+  hi as HistoryDrawer,
   ke as HumanAvatar,
-  Ye as Launcher,
+  Ke as Launcher,
   he as MEDIA_RECORDER_SUPPORTED,
-  As as MessageList,
-  Ui as Messenger,
-  pi as MoreMenu,
+  Ts as MessageList,
+  Hi as Messenger,
+  wi as MoreMenu,
   Ht as Onboarding,
   te as SCREEN_CAPTURE_SUPPORTED,
-  Ks as SuggestionChips,
+  Qs as SuggestionChips,
   lt as TeamAvatars,
-  is as Typing,
-  Di as VERSION,
-  ge as avatarColor,
+  ls as Typing,
+  zi as VERSION,
+  ye as avatarColor,
   we as avatarInitials,
-  xs as captureScreenshotFile,
+  Is as captureScreenshotFile,
   U as colors,
-  Pe as createStore,
-  je as createTransport,
-  Ui as default,
+  Ne as createStore,
+  Fe as createTransport,
+  Hi as default,
   be as formatTime,
-  ji as guessAttachmentKind,
-  Ss as pickRecorderMime,
-  Ce as renderMarkdown,
-  Ts as startScreenRecording,
-  He as tokensCss,
-  Ne as uuid,
-  Ne as v4
+  Pi as guessAttachmentKind,
+  Os as pickRecorderMime,
+  es as renderMarkdown,
+  Bs as startScreenRecording,
+  Pe as tokensCss,
+  De as uuid,
+  De as v4
 };