@_solaris/messenger-widget 0.3.3 → 0.3.4

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Se, openBlock as l, createElementBlock as c, createVNode as K, Transition as xe, withCtx as Te, withKeys as ae, withModifiers as X, createElementVNode as i, toDisplayString as b, createCommentVNode as y, normalizeStyle as G, normalizeClass as E, Fragment as M, renderList as N, resolveComponent as B, createBlock as L, createTextVNode as te, resolveDynamicComponent as Me, renderSlot as Oe, withDirectives as q, vModelText as J, vModelCheckbox as Ie, vModelSelect as Be, createStaticVNode as ue, markRaw as me } from "vue";
+import { reactive as Se, openBlock as l, createElementBlock as c, createVNode as K, Transition as xe, withCtx as Te, withKeys as ae, withModifiers as X, createElementVNode as i, toDisplayString as b, createCommentVNode as y, normalizeStyle as G, normalizeClass as E, Fragment as M, renderList as D, resolveComponent as B, createBlock as L, createTextVNode as te, resolveDynamicComponent as Me, renderSlot as Oe, withDirectives as q, vModelText as J, vModelCheckbox as Ie, vModelSelect as Be, createStaticVNode as ue, markRaw as me } from "vue";
 const Ee = [
   "connected",
   "message",
@@ -9,7 +9,7 @@ const Ee = [
 ], fe = "/client", $e = 5 * 60 * 1e3, Le = 10 * 60 * 1e3, Re = 5 * 60 * 1e3;
 function Fe(t) {
   const e = {
-    baseUrl: Ne(t.baseUrl || ""),
+    baseUrl: De(t.baseUrl || ""),
     widgetId: t.widgetId || "",
     userId: t.userId || "",
     userHash: t.userHash || "",
@@ -36,9 +36,9 @@ function Fe(t) {
   }
   function o(h, f) {
     const p = e.listeners.get(h);
-    p && p.forEach((k) => {
+    p && p.forEach((C) => {
       try {
-        k(f);
+        C(f);
       } catch (T) {
         console.error("[transport] listener", h, T);
       }
@@ -55,18 +55,18 @@ function Fe(t) {
     };
   }
   async function a(h, f, p) {
-    const k = await fetch(`${e.baseUrl}${fe}${f}`, {
+    const C = await fetch(`${e.baseUrl}${fe}${f}`, {
       method: h,
       headers: { "Content-Type": "application/json", ...s() },
       body: p !== void 0 ? JSON.stringify(p) : void 0
     });
-    if (!k.ok) {
-      const T = await d(k), O = new Error(
-        `HTTP ${k.status} ${h} ${f} :: ${(T == null ? void 0 : T.error) || k.statusText}`
+    if (!C.ok) {
+      const T = await d(C), O = new Error(
+        `HTTP ${C.status} ${h} ${f} :: ${(T == null ? void 0 : T.error) || C.statusText}`
       );
-      throw O.status = k.status, O.body = T, O;
+      throw O.status = C.status, O.body = T, O;
     }
-    return k.status === 204 ? null : k.json();
+    return C.status === 204 ? null : C.json();
   }
   async function d(h) {
     try {
@@ -80,8 +80,8 @@ function Fe(t) {
       // Public — no HMAC required.
       fetch(`${e.baseUrl}/widgets/${encodeURIComponent(e.widgetId)}/config`).then(async (p) => {
         if (!p.ok) {
-          const k = await d(p);
-          throw new Error(`HTTP ${p.status} GET /widgets/:id/config :: ${(k == null ? void 0 : k.error) || p.statusText}`);
+          const C = await d(p);
+          throw new Error(`HTTP ${p.status} GET /widgets/:id/config :: ${(C == null ? void 0 : C.error) || p.statusText}`);
         }
         return p.json();
       }),
@@ -96,7 +96,7 @@ function Fe(t) {
       customer: (f == null ? void 0 : f.customer) ?? null
     };
   }
-  async function C() {
+  async function k() {
     const h = await a("GET", "/customers/me");
     return (h == null ? void 0 : h.customer) ?? null;
   }
@@ -120,10 +120,10 @@ function Fe(t) {
   async function x(h, f = {}) {
     const p = new URLSearchParams();
     f.before && p.set("before", f.before), f.since && p.set("since", f.since), f.limit && p.set("limit", String(f.limit));
-    const k = p.toString() ? `?${p.toString()}` : "";
+    const C = p.toString() ? `?${p.toString()}` : "";
     return a(
       "GET",
-      `/conversations/${encodeURIComponent(h)}/messages${k}`
+      `/conversations/${encodeURIComponent(h)}/messages${C}`
     );
   }
   async function j(h, f) {
@@ -152,11 +152,11 @@ function Fe(t) {
     const f = (
       /** @type {File} */
       h.name || "attachment"
-    ), p = h.type || "application/octet-stream", k = h.size || 0, T = (
+    ), p = h.type || "application/octet-stream", C = h.size || 0, T = (
       /** @type {import('./types.js').AttachmentUploadTicket} */
       await a("POST", "/attachments", {
         mime_type: p,
-        size_bytes: k,
+        size_bytes: C,
         name: f
       })
     ), O = await fetch(T.upload_url, {
@@ -167,10 +167,10 @@ function Fe(t) {
     if (!O.ok)
       throw new Error(`HTTP ${O.status} PUT signed upload`);
     return {
-      type: De(p),
+      type: Ne(p),
       path: T.path,
       mime_type: p,
-      size_bytes: k
+      size_bytes: C
     };
   }
   async function H(h) {
@@ -200,8 +200,8 @@ function Fe(t) {
   }
   function Z(h, f) {
     try {
-      const p = JSON.parse(f), k = p && typeof p == "object" && "data" in p ? p.data : p;
-      o(h, k);
+      const p = JSON.parse(f), C = p && typeof p == "object" && "data" in p ? p.data : p;
+      o(h, C);
     } catch (p) {
       console.error("[transport] bad SSE payload", h, p);
     }
@@ -219,9 +219,9 @@ function Fe(t) {
   }
   async function de() {
     try {
-      const h = await S(), f = h.reduce((k, T) => {
+      const h = await S(), f = h.reduce((C, T) => {
         const O = T == null ? void 0 : T.last_message_at;
-        return O && (!k || O > k) ? O : k;
+        return O && (!C || O > C) ? O : C;
       }, null);
       f && (!e.lastActivityAt || f > e.lastActivityAt) && (e.lastActivityAt = f, o("activity", { conversations: h, latestAt: f }), V());
     } catch (h) {
@@ -254,8 +254,8 @@ function Fe(t) {
     e.lastBootstrap = h;
     try {
       const f = await S();
-      e.lastActivityAt = f.reduce((p, k) => {
-        const T = k == null ? void 0 : k.last_message_at;
+      e.lastActivityAt = f.reduce((p, C) => {
+        const T = C == null ? void 0 : C.last_message_at;
         return T && (!p || T > p) ? T : p;
       }, null);
     } catch (f) {
@@ -273,7 +273,7 @@ function Fe(t) {
     setPanelOpen: Q,
     // REST
     bootstrap: v,
-    getCustomer: C,
+    getCustomer: k,
     patchCustomer: w,
     listConversations: S,
     createConversation: F,
@@ -290,10 +290,10 @@ function Fe(t) {
     }
   };
 }
-function Ne(t) {
+function De(t) {
   return t.endsWith("/") ? t.slice(0, -1) : t;
 }
-function De(t) {
+function Ne(t) {
   return t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : "file";
 }
 function je() {
@@ -406,7 +406,7 @@ function Ue(t) {
       loaded: !0
     });
   }
-  async function C(u) {
+  async function k(u) {
     var h;
     const m = e.paginationByConv[u];
     if (!m || m.loading || !m.nextCursor) return;
@@ -417,11 +417,11 @@ function Ue(t) {
         const f = await t.listMessages(u, {
           before: g,
           limit: d
-        }), p = (f == null ? void 0 : f.messages) ?? [], k = e.messagesByConv[u] || [], T = /* @__PURE__ */ new Set();
-        for (const I of k)
+        }), p = (f == null ? void 0 : f.messages) ?? [], C = e.messagesByConv[u] || [], T = /* @__PURE__ */ new Set();
+        for (const I of C)
           (I == null ? void 0 : I.id) != null && T.add(`id:${String(I.id)}`), I != null && I.client_msg_id && T.add(`c:${I.client_msg_id}`);
         const O = p.filter((I) => !((I == null ? void 0 : I.id) != null && T.has(`id:${String(I.id)}`) || I != null && I.client_msg_id && T.has(`c:${I.client_msg_id}`)));
-        e.messagesByConv[u] = [...O, ...k], w(u, {
+        e.messagesByConv[u] = [...O, ...C], w(u, {
           nextCursor: (f == null ? void 0 : f.next_cursor) ?? null,
           loading: !1,
           loaded: !0
@@ -442,7 +442,7 @@ function Ue(t) {
     var O;
     const h = (m || "").trim(), f = Array.isArray(_) && _.length > 0;
     if (!u || !h && !f) return;
-    const p = je(), k = se(u), T = {
+    const p = je(), C = se(u), T = {
       id: p,
       client_msg_id: p,
       conversation_id: u,
@@ -452,7 +452,7 @@ function Ue(t) {
         type: "user",
         id: ((O = e.customer) == null ? void 0 : O.external_id) || null
       },
-      created_at: k,
+      created_at: C,
       // Local-only flag — UI may render dimmed until the SSE echo lands.
       _pending: !0,
       ...f ? { payload: { type: "content", attachments: _ } } : {},
@@ -463,7 +463,7 @@ function Ue(t) {
       await t.postMessage(u, {
         client_msg_id: p,
         text_md: h,
-        created_at: k,
+        created_at: C,
         ...f ? { attachments: _ } : {},
         ...g && typeof g == "object" ? { metadata: g } : {}
       });
@@ -523,9 +523,9 @@ function Ue(t) {
     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" && ((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 };
+      const C = (h = p == null ? void 0 : p.metadata) == null ? void 0 : h.form;
+      if (C && Array.isArray(C.fields) && C.fields.length > 0)
+        return { message: p, form: C };
     }
     return null;
   }
@@ -541,11 +541,11 @@ function Ue(t) {
     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" && ((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;
+      const C = m[p];
+      if (((_ = C == null ? void 0 : C.author) == null ? void 0 : _.type) === "user") return [];
+      if ((C == null ? void 0 : C.type) === "action" && ((g = C == null ? void 0 : C.payload) == null ? void 0 : g.state) === "pending") return [];
+      if (((h = C == null ? void 0 : C.author) == null ? void 0 : h.type) !== "agent_ia") continue;
+      const T = (f = C == null ? void 0 : C.metadata) == null ? void 0 : f.suggested_replies;
       return Array.isArray(T) && T.length ? T.map((O) => {
         if (typeof O == "string") {
           const I = O.trim();
@@ -619,7 +619,7 @@ function Ue(t) {
     applyCustomer: s,
     createConversation: a,
     openConversation: v,
-    loadMore: C,
+    loadMore: k,
     patchConversation: S,
     send: F,
     clickCallback: A,
@@ -633,7 +633,7 @@ function Ue(t) {
     setPanelOpen: t.setPanelOpen
   };
 }
-const D = {
+const N = {
   w: "#ffffff",
   g50: "#F9F9F7",
   g100: "#F2F1EE",
@@ -665,21 +665,21 @@ const Pe = `
 .wm-root {
     --wm-f: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     --wm-fm: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
-    --wm-w: ${D.w};
-    --wm-g50: ${D.g50};
-    --wm-g100: ${D.g100};
-    --wm-g150: ${D.g150};
-    --wm-g200: ${D.g200};
-    --wm-g300: ${D.g300};
-    --wm-g400: ${D.g400};
-    --wm-g500: ${D.g500};
-    --wm-g700: ${D.g700};
-    --wm-g900: ${D.g900};
-    --wm-a: ${D.accent};
-    --wm-al: ${D.accentLight};
-    --wm-green: ${D.green};
-    --wm-red: ${D.red};
-    --wm-redBg: ${D.redBg};
+    --wm-w: ${N.w};
+    --wm-g50: ${N.g50};
+    --wm-g100: ${N.g100};
+    --wm-g150: ${N.g150};
+    --wm-g200: ${N.g200};
+    --wm-g300: ${N.g300};
+    --wm-g400: ${N.g400};
+    --wm-g500: ${N.g500};
+    --wm-g700: ${N.g700};
+    --wm-g900: ${N.g900};
+    --wm-a: ${N.accent};
+    --wm-al: ${N.accentLight};
+    --wm-green: ${N.green};
+    --wm-red: ${N.red};
+    --wm-redBg: ${N.redBg};
     --wm-sh1: 0 1px 3px rgba(0,0,0,.06);
     --wm-sh2: 0 4px 24px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05);
     --wm-shPanel: 0 12px 40px rgba(0,0,0,.13), 0 2px 8px rgba(0,0,0,.06);
@@ -915,7 +915,7 @@ function ot(t, e, n, o, r, s) {
       class: "wm-team__stack",
       style: G({ width: s.stackWidth + "px" })
     }, [
-      (l(!0), c(M, null, N(n.members.slice(0, 3), (a, d) => (l(), c("div", {
+      (l(!0), c(M, null, D(n.members.slice(0, 3), (a, d) => (l(), c("div", {
         key: d,
         class: "wm-team__pill",
         style: G({ left: d * 13 + "px", zIndex: 3 - d, background: s.colorFor(a) })
@@ -981,7 +981,7 @@ function yt(t, e, n, o, r, s) {
       type: "button",
       class: "wm-header__icon",
       "aria-label": "Retour à l'accueil",
-      onClick: e[0] || (e[0] = (C) => t.$emit("back"))
+      onClick: e[0] || (e[0] = (k) => t.$emit("back"))
     }, [...e[3] || (e[3] = [
       i("svg", {
         width: "13",
@@ -1031,7 +1031,7 @@ function yt(t, e, n, o, r, s) {
         class: E(["wm-header__icon", { "wm-header__icon--active": n.moreActive }]),
         "aria-label": "Plus d'options",
         title: "Plus d'options",
-        onClick: e[1] || (e[1] = (C) => t.$emit("more"))
+        onClick: e[1] || (e[1] = (k) => t.$emit("more"))
       }, [...e[5] || (e[5] = [
         i("svg", {
           width: "13",
@@ -1063,7 +1063,7 @@ function yt(t, e, n, o, r, s) {
         class: "wm-header__icon",
         "aria-label": "Fermer le widget",
         title: "Fermer le widget",
-        onClick: e[2] || (e[2] = (C) => t.$emit("close"))
+        onClick: e[2] || (e[2] = (k) => t.$emit("close"))
       }, [...e[6] || (e[6] = [
         i("svg", {
           width: "13",
@@ -1133,7 +1133,7 @@ Je réponds en quelques secondes.`;
   key: 0,
   class: "wm-onb__resume-dot",
   "aria-label": "Non lu"
-}, Nt = { class: "wm-onb__resume-body" }, Dt = { class: "wm-onb__resume-title" }, jt = { class: "wm-onb__resume-preview" }, Ut = { class: "wm-onb__cta" }, Pt = ["disabled"];
+}, Dt = { class: "wm-onb__resume-body" }, Nt = { class: "wm-onb__resume-title" }, jt = { class: "wm-onb__resume-preview" }, Ut = { class: "wm-onb__cta" }, Pt = ["disabled"];
 function Ht(t, e, n, o, r, s) {
   const a = B("AIAvatar");
   return l(), c("div", kt, [
@@ -1148,11 +1148,11 @@ function Ht(t, e, n, o, r, s) {
     n.quickLinks.length ? (l(), c("div", xt, [
       e[3] || (e[3] = i("div", { class: "wm-onb__section-title" }, "Accès rapide", -1)),
       i("div", Tt, [
-        (l(!0), c(M, null, N(n.quickLinks, (d, v) => (l(), c("button", {
+        (l(!0), c(M, null, D(n.quickLinks, (d, v) => (l(), c("button", {
           key: v,
           type: "button",
           class: "wm-onb__link",
-          onClick: (C) => t.$emit("select", d)
+          onClick: (k) => t.$emit("select", d)
         }, [
           i("span", Ot, [
             (l(), c("svg", It, [
@@ -1182,7 +1182,7 @@ function Ht(t, e, n, o, r, s) {
     n.openThreads.length ? (l(), c("div", $t, [
       e[7] || (e[7] = i("div", { class: "wm-onb__section-title" }, "Vos conversations", -1)),
       i("div", Lt, [
-        (l(!0), c(M, null, N(n.openThreads, (d) => (l(), c("button", {
+        (l(!0), c(M, null, D(n.openThreads, (d) => (l(), c("button", {
           key: d.id,
           type: "button",
           class: "wm-onb__link wm-onb__resume",
@@ -1206,8 +1206,8 @@ function Ht(t, e, n, o, r, s) {
             ], -1)),
             d.unread ? (l(), c("span", Ft)) : y("", !0)
           ], 2),
-          i("span", Nt, [
-            i("span", Dt, b(d.title), 1),
+          i("span", Dt, [
+            i("span", Nt, b(d.title), 1),
             i("span", jt, b(d.preview), 1)
           ]),
           e[5] || (e[5] = i("svg", {
@@ -1396,7 +1396,7 @@ function dn(t, e, n, o, r, s) {
       ], -1))
     ]),
     i("div", on, [
-      (l(!0), c(M, null, N(s.fields, (a, d) => (l(), c("div", {
+      (l(!0), c(M, null, D(s.fields, (a, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
@@ -1457,7 +1457,7 @@ function kn(t, e, n, o, r, s) {
     ]),
     s.hasBody ? (l(), c("div", yn, [
       n.data.body ? (l(), c("div", wn, b(n.data.body), 1)) : y("", !0),
-      s.fields.length ? (l(!0), c(M, { key: 1 }, N(s.fields, (a, d) => (l(), c("div", {
+      s.fields.length ? (l(!0), c(M, { key: 1 }, D(s.fields, (a, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
@@ -1533,7 +1533,7 @@ const Sn = {
   key: 1,
   class: "wm-art__footer wm-tk__footer"
 };
-function Nn(t, e, n, o, r, s) {
+function Dn(t, e, n, o, r, s) {
   return l(), c("div", xn, [
     i("div", Tn, [
       i("div", Mn, b(n.data.title), 1),
@@ -1568,7 +1568,7 @@ function Nn(t, e, n, o, r, s) {
       n.data.body ? (l(), c("div", Bn, b(n.data.body), 1)) : y("", !0)
     ]),
     s.fields.length ? (l(), c("div", En, [
-      (l(!0), c(M, null, N(s.fields, (a, d) => (l(), c("div", {
+      (l(!0), c(M, null, D(s.fields, (a, d) => (l(), c("div", {
         key: d,
         class: "wm-art__field"
       }, [
@@ -1645,10 +1645,10 @@ function Nn(t, e, n, o, r, s) {
     ])) : y("", !0)
   ]);
 }
-const Dn = /* @__PURE__ */ $(Sn, [["render", Nn], ["__scopeId", "data-v-8b274eb7"]]), jn = {
+const Nn = /* @__PURE__ */ $(Sn, [["render", Dn], ["__scopeId", "data-v-8b274eb7"]]), jn = {
   form_response: cn,
   info_card: Cn,
-  ticket: Dn
+  ticket: Nn
 }, Un = {
   name: "WmArtifactRenderer",
   props: {
@@ -1816,45 +1816,45 @@ function ss(t) {
     const s = e[o];
     if (/^\s*```([\w-]*)\s*$/.exec(s)) {
       o++;
-      const C = [];
+      const k = [];
       for (; o < e.length && !/^\s*```\s*$/.test(e[o]); )
-        C.push(e[o]), o++;
+        k.push(e[o]), o++;
       o < e.length && o++, n.push({
         type: "block",
-        html: `<pre class="wm-md-pre"><code>${C.join(`
+        html: `<pre class="wm-md-pre"><code>${k.join(`
 `)}</code></pre>`
       });
       continue;
     }
     if (/^\s*[-*]\s+/.test(s)) {
-      const C = [];
+      const k = [];
       for (; o < e.length; ) {
         const S = /^\s*[-*]\s+(.*)$/.exec(e[o]);
         if (!S) break;
-        C.push(S[1]), o++;
+        k.push(S[1]), o++;
       }
-      const w = C.map((S) => `<li>${re(S)}</li>`).join("");
+      const w = k.map((S) => `<li>${re(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]];
+      const k = parseInt(d[1], 10), w = [d[2]];
       for (o++; o < e.length; ) {
         const A = /^\s*\d+\.\s+(.*)$/.exec(e[o]);
         if (!A) break;
         w.push(A[1]), o++;
       }
-      const S = w.map((A) => `<li>${re(A)}</li>`).join(""), F = C !== 1 ? ` start="${C}"` : "";
+      const S = w.map((A) => `<li>${re(A)}</li>`).join(""), F = k !== 1 ? ` start="${k}"` : "";
       n.push({ type: "block", html: `<ol class="wm-md-ol"${F}>${S}</ol>` });
       continue;
     }
     const v = /^(#{1,6})\s+(.*)$/.exec(s);
     if (v) {
-      const C = v[1].length;
+      const k = v[1].length;
       n.push({
         type: "block",
-        html: `<h${C} class="wm-md-h wm-md-h${C}">${re(v[2])}</h${C}>`
+        html: `<h${k} class="wm-md-h wm-md-h${k}">${re(v[2])}</h${k}>`
       }), o++;
       continue;
     }
@@ -1998,7 +1998,7 @@ const hs = {
         if (a.role === "system") continue;
         const d = [];
         for (const v of a.messages)
-          for (const C of this.itemsOf(v)) d.push(C);
+          for (const k of this.itemsOf(v)) d.push(k);
         a.items = d;
       }
       const e = [];
@@ -2101,9 +2101,9 @@ const hs = {
         }
         if (!r.anchor) return;
         const s = () => {
-          var C;
+          var k;
           const a = r.anchor;
-          if (!((C = a.el) != null && C.isConnected)) return;
+          if (!((k = a.el) != null && k.isConnected)) return;
           const v = a.el.getBoundingClientRect().top - t.getBoundingClientRect().top - a.relY;
           Math.abs(v) > 0.5 && (t.scrollTop += v);
         };
@@ -2229,9 +2229,9 @@ const hs = {
     //   doit garder son arrondi.
     cornersFor(t, e) {
       var Y, z, Z;
-      const n = t.items, o = (Y = n[e]) == null ? void 0 : Y.kind, r = (z = n[e - 1]) == null ? void 0 : z.kind, s = (Z = n[e + 1]) == null ? void 0 : Z.kind, a = t.role === "user", d = 14, v = 4, C = r == null ? void 0 : r.bottom, w = s == null ? void 0 : s.top, S = this.widthByKey[this.rowKeyOf(t, e)], F = this.widthByKey[this.rowKeyOf(t, e - 1)], A = this.widthByKey[this.rowKeyOf(t, e + 1)], U = 0.5, x = (W, V, Q) => W != null && S != null ? W + U >= S : V === Q || V === "card" && Q === "bubble";
+      const n = t.items, o = (Y = n[e]) == null ? void 0 : Y.kind, r = (z = n[e - 1]) == null ? void 0 : z.kind, s = (Z = n[e + 1]) == null ? void 0 : Z.kind, a = t.role === "user", d = 14, v = 4, k = r == null ? void 0 : r.bottom, w = s == null ? void 0 : s.top, S = this.widthByKey[this.rowKeyOf(t, e)], F = this.widthByKey[this.rowKeyOf(t, e - 1)], A = this.widthByKey[this.rowKeyOf(t, e + 1)], U = 0.5, x = (W, V, Q) => W != null && S != null ? W + U >= S : V === Q || V === "card" && Q === "bubble";
       let j = d, P = d, R = d, H = d;
-      return a ? (C && (P = v), (w || !s) && (R = v), C && x(F, C, o == null ? void 0 : o.top) && (j = v), w && x(A, w, o == null ? void 0 : o.bottom) && (H = v)) : (C && (j = v), (w || !s) && (H = v), C && x(F, C, o == null ? void 0 : o.top) && (P = v), w && x(A, w, o == null ? void 0 : o.bottom) && (R = v)), { tl: j, tr: P, br: R, bl: H };
+      return a ? (k && (P = v), (w || !s) && (R = v), k && x(F, k, o == null ? void 0 : o.top) && (j = v), w && x(A, w, o == null ? void 0 : o.bottom) && (H = v)) : (k && (j = v), (w || !s) && (H = v), k && x(F, k, o == null ? void 0 : o.top) && (P = v), w && x(A, w, o == null ? void 0 : o.bottom) && (R = v)), { tl: j, tr: P, br: R, bl: H };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -2376,7 +2376,7 @@ const hs = {
   class: "wm-list__row wm-list__row--ai fade-up"
 }, Is = { class: "wm-list__avatarSlot" };
 function Bs(t, e, n, o, r, s) {
-  const a = B("AIAvatar"), d = B("HumanAvatar"), v = B("ActionResult"), C = B("ArtifactRenderer"), w = B("Bubble"), S = B("AttachmentPreview"), F = B("Typing");
+  const a = B("AIAvatar"), d = B("HumanAvatar"), v = B("ActionResult"), k = B("ArtifactRenderer"), w = B("Bubble"), S = B("AttachmentPreview"), F = B("Typing");
   return l(), c("div", {
     ref: "scrollEl",
     class: E(["wm-list", { "wm-list--silent": r.silentFades }]),
@@ -2394,7 +2394,7 @@ function Bs(t, e, n, o, r, s) {
       i("span", ys, b(n.dateLabel), 1),
       e[3] || (e[3] = i("div", { class: "wm-list__line" }, null, -1))
     ])) : y("", !0),
-    (l(!0), c(M, null, N(s.groups, (A, U) => (l(), c(M, {
+    (l(!0), c(M, null, D(s.groups, (A, U) => (l(), c(M, {
       key: A.key
     }, [
       A.key === s.unreadGroupKey ? (l(), c("div", ws, [...e[4] || (e[4] = [
@@ -2411,7 +2411,7 @@ function Bs(t, e, n, o, r, s) {
           i("span", ks, 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, N(A.items, (x, j) => (l(), c("div", {
+          (l(!0), c(M, null, D(A.items, (x, j) => (l(), c("div", {
             key: `${s.messageKey(x.message)}-${x.partKey}`,
             "data-row-key": `${s.messageKey(x.message)}-${x.partKey}`,
             class: E(["wm-list__row fade-up", ["wm-list__row--" + A.role, { "is-pending": x.message._pending, "is-failed": x.message._failed }]]),
@@ -2441,10 +2441,10 @@ function Bs(t, e, n, o, r, s) {
               state: "awaiting",
               label: "Demande d'approbation envoyée",
               detail: x.message.text_md || ""
-            }, null, 8, ["detail"])) : x.renderAs === "artifact-of-action" ? (l(), L(C, {
+            }, null, 8, ["detail"])) : x.renderAs === "artifact-of-action" ? (l(), L(k, {
               key: 3,
               artifact: s.actionArtifact(x.message)
-            }, null, 8, ["artifact"])) : x.renderAs === "artifact" ? (l(), L(C, {
+            }, null, 8, ["artifact"])) : x.renderAs === "artifact" ? (l(), L(k, {
               key: 4,
               artifact: s.artifactOf(x.message)
             }, null, 8, ["artifact"])) : (l(), c("div", Ss, [
@@ -2457,7 +2457,7 @@ function Bs(t, e, n, o, r, s) {
                 key: 1,
                 class: E(["wm-list__atts", { "wm-list__atts--align-end": A.role === "user" }])
               }, [
-                (l(!0), c(M, null, N(s.attachmentsOf(x.message), (P, R) => (l(), L(S, {
+                (l(!0), c(M, null, D(s.attachmentsOf(x.message), (P, R) => (l(), L(S, {
                   key: `${s.messageKey(x.message)}-att-${R}`,
                   attachment: P
                 }, null, 8, ["attachment"]))), 128))
@@ -2534,12 +2534,12 @@ async function Rs(t) {
   const n = e.videoWidth || 1280, o = e.videoHeight || 720, r = document.createElement("canvas");
   r.width = n, r.height = o, r.getContext("2d").drawImage(e, 0, 0, n, o);
   const s = await new Promise((d, v) => {
-    r.toBlob((C) => C ? d(C) : v(new Error("toBlob failed")), "image/png");
+    r.toBlob((k) => k ? d(k) : v(new Error("toBlob failed")), "image/png");
   }), a = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return new File([s], `capture-${a}.png`, { type: "image/png" });
 }
 async function Fs(t = {}) {
-  var C;
+  var k;
   if (!oe || !he) return null;
   let e;
   try {
@@ -2587,7 +2587,7 @@ async function Fs(t = {}) {
       S.stop();
     }), null;
   }
-  (C = t.onstart) == null || C.call(t);
+  (k = t.onstart) == null || k.call(t);
   const v = Date.now();
   return s = setInterval(() => {
     var w;
@@ -2599,7 +2599,7 @@ async function Fs(t = {}) {
     }
   };
 }
-const Ns = [
+const Ds = [
   {
     action: "file",
     label: "Joindre un fichier",
@@ -2615,7 +2615,7 @@ const Ns = [
     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"
   }
-], Ds = {
+], Ns = {
   name: "WmComposer",
   props: {
     modelValue: { type: String, default: "" },
@@ -2638,7 +2638,7 @@ const Ns = [
       return !this.disabled && !!this.local.trim();
     },
     attachItems() {
-      return Ns.map((t) => ({
+      return Ds.map((t) => ({
         ...t,
         disabled: t.action === "screenshot" && !oe || t.action === "record" && (!oe || !he)
       }));
@@ -2785,7 +2785,7 @@ function Xs(t, e, n, o, r, s) {
         onClick: e[2] || (e[2] = (a) => r.attachOpen = !1)
       })) : y("", !0),
       r.attachOpen ? (l(), c("div", Hs, [
-        (l(!0), c(M, null, N(s.attachItems, (a) => (l(), c("button", {
+        (l(!0), c(M, null, D(s.attachItems, (a) => (l(), c("button", {
           key: a.action,
           type: "button",
           class: "wm-compose__menuItem",
@@ -2866,7 +2866,7 @@ function Xs(t, e, n, o, r, s) {
     ], 34)
   ]);
 }
-const Zs = /* @__PURE__ */ $(Ds, [["render", Xs], ["__scopeId", "data-v-14fa9ec0"]]), Qs = {
+const Zs = /* @__PURE__ */ $(Ns, [["render", Xs], ["__scopeId", "data-v-14fa9ec0"]]), Qs = {
   name: "WmSuggestionChips",
   props: {
     items: { type: Array, default: () => [] },
@@ -2889,7 +2889,7 @@ function tr(t, e, n, o, r, s) {
     key: s.batchKey,
     class: "wm-chips"
   }, [
-    (l(!0), c(M, null, N(n.items, (a, d) => (l(), c("button", {
+    (l(!0), c(M, null, D(n.items, (a, d) => (l(), c("button", {
       key: d,
       type: "button",
       class: "wm-chip",
@@ -3070,11 +3070,11 @@ const mr = /* @__PURE__ */ new Set([
   key: 0,
   class: "wm-form__spinner",
   "aria-hidden": "true"
-}, Nr = {
+}, Dr = {
   key: 2,
   class: "wm-form__doneLbl"
 };
-function Dr(t, e, n, o, r, s) {
+function Nr(t, e, n, o, r, s) {
   const a = B("AIAvatar");
   return l(), c("div", _r, [
     i("div", pr, [
@@ -3090,7 +3090,7 @@ function Dr(t, e, n, o, r, s) {
       class: "wm-form__body",
       onSubmit: e[0] || (e[0] = X((...d) => s.onSubmit && s.onSubmit(...d), ["prevent"]))
     }, [
-      (l(!0), c(M, null, N(s.normalizedFields, (d) => (l(), c("div", {
+      (l(!0), c(M, null, D(s.normalizedFields, (d) => (l(), c("div", {
         key: d.key,
         class: "wm-form__field"
       }, [
@@ -3168,14 +3168,14 @@ function Dr(t, e, n, o, r, s) {
           disabled: n.readOnly || r.busy
         }, [
           i("option", Ir, b(d.placeholder || "Choisir…"), 1),
-          (l(!0), c(M, null, N(d.options, (v) => (l(), c("option", {
+          (l(!0), c(M, null, D(d.options, (v) => (l(), c("option", {
             key: v.value,
             value: v.value
           }, b(v.label), 9, Br))), 128))
         ], 8, Or)), [
           [Be, r.values[d.key]]
         ]) : d.type === "multiselect" ? (l(), c("div", Er, [
-          (l(!0), c(M, null, N(d.options, (v) => (l(), c("label", {
+          (l(!0), c(M, null, D(d.options, (v) => (l(), c("label", {
             key: v.value,
             class: "wm-form__multiItem"
           }, [
@@ -3184,14 +3184,14 @@ function Dr(t, e, n, o, r, s) {
               value: v.value,
               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)
+              onChange: (k) => s.toggleMulti(d.key, v.value, k.target.checked)
             }, null, 40, $r),
             i("span", null, b(v.label), 1)
           ]))), 128))
         ])) : y("", !0)
       ]))), 128)),
       r.error ? (l(), c("div", Lr, b(r.error), 1)) : y("", !0),
-      n.readOnly ? (l(), c("div", Nr, "Réponse envoyée")) : (l(), c("button", {
+      n.readOnly ? (l(), c("div", Dr, "Réponse envoyée")) : (l(), c("button", {
         key: 1,
         type: "submit",
         class: "wm-form__submit",
@@ -3203,7 +3203,7 @@ function Dr(t, e, n, o, r, s) {
     ], 32)
   ]);
 }
-const jr = /* @__PURE__ */ $(fr, [["render", Dr], ["__scopeId", "data-v-64b40f76"]]), Ur = {
+const jr = /* @__PURE__ */ $(fr, [["render", Nr], ["__scopeId", "data-v-64b40f76"]]), Ur = {
   name: "WmFeedback",
   props: {
     busy: { type: Boolean, default: !1 },
@@ -3239,7 +3239,7 @@ function Gr(t, e, n, o, r, s) {
       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", Hr, [
-        (l(!0), c(M, null, N(r.options, (a) => (l(), c("button", {
+        (l(!0), c(M, null, D(r.options, (a) => (l(), c("button", {
           key: a.v,
           type: "button",
           class: E(["wm-fb__opt", { "is-selected": r.sel === a.v }]),
@@ -3413,13 +3413,13 @@ function _i(t, e, n, o, r, s) {
         ])
       ]),
       i("div", si, [
-        (l(!0), c(M, null, N(s.groups, (a) => (l(), c(M, {
+        (l(!0), c(M, null, D(s.groups, (a) => (l(), c(M, {
           key: a.key
         }, [
           a.items.length ? (l(), c("div", ri, [
             i("div", ii, b(a.label), 1),
             i("div", ai, [
-              (l(!0), c(M, null, N(a.items, (d) => (l(), c("button", {
+              (l(!0), c(M, null, D(a.items, (d) => (l(), c("button", {
                 key: d.id,
                 type: "button",
                 class: E(["wm-hd__row", {
@@ -3748,7 +3748,7 @@ function le(t, e) {
   const n = t.options.find((o) => (o == null ? void 0 : o.value) === e);
   return (n == null ? void 0 : n.label) || e;
 }
-function Ni(t, e) {
+function Di(t, e) {
   const n = [], o = Array.isArray(t == null ? void 0 : t.fields) ? t.fields : [];
   for (const r of o) {
     if (!(r != null && r.key) || !(r != null && r.label)) continue;
@@ -3770,7 +3770,7 @@ function Ni(t, e) {
     }
   };
 }
-const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
+const Ni = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
   name: "Messenger",
   components: {
     Launcher: Ge,
@@ -3880,6 +3880,12 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
       // 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 captured the first time this client boots on a
+      // device (no prior `readState` in localStorage). Used as the floor
+      // for conversations with no explicit read entry, so opening the
+      // messenger on a fresh browser doesn't mark every historical
+      // thread as unread.
+      readBootTs: "",
       // 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
@@ -3962,11 +3968,11 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
     // so both are derived client-side from the cached messages + the
     // local `readState`.
     drawerConversations() {
-      var n;
-      const t = this.readState, e = ((n = this.s) == null ? void 0 : n.messagesByConv) || {};
-      return this.allConversations.map((o) => {
-        const r = e[o.id] || [], s = this.convLastActivity(o, r), a = t[o.id] || "", d = this.lastMessageAuthorType(r), v = !!s && d !== "user" && (!a || s > a);
-        return { ...o, _preview: this.convPreview(o, r), _unread: v };
+      var o;
+      const t = this.readState, e = this.readBootTs, n = ((o = this.s) == null ? void 0 : o.messagesByConv) || {};
+      return this.allConversations.map((r) => {
+        const s = n[r.id] || [], a = this.convLastActivity(r, s), d = t[r.id] || e || "", v = this.lastMessageAuthorType(s), k = !!a && v !== "user" && (!d || a > d);
+        return { ...r, _preview: this.convPreview(r, s), _unread: k };
       });
     },
     // How many threads have an unseen agent/human message. Drives the
@@ -4164,7 +4170,7 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
       const e = (v = (d = (a = this.pendingApproval) == null ? void 0 : a.payload) == null ? void 0 : d.pending) == null ? void 0 : v.prepared_params;
       if (!e || typeof e != "object") return "";
       const n = Object.entries(e);
-      return n.length ? n.slice(0, 2).map(([C, w]) => `${C}: ${w}`).join(" · ") : "";
+      return n.length ? n.slice(0, 2).map(([k, w]) => `${k}: ${w}`).join(" · ") : "";
     },
     actionInFlight() {
       var t, e;
@@ -4414,13 +4420,20 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
       const t = this.widgetId || "", e = this.userId || "";
       return `wm:read:${t}:${e}`;
     },
+    readBootStorageKey() {
+      const t = this.widgetId || "", e = this.userId || "";
+      return `wm:read-boot:${t}:${e}`;
+    },
     hydrateReadState() {
       try {
         if (typeof localStorage > "u") return;
         const t = localStorage.getItem(this.readStorageKey());
-        if (!t) return;
-        const e = JSON.parse(t);
-        e && typeof e == "object" && (this.readState = e);
+        if (t) {
+          const n = JSON.parse(t);
+          n && typeof n == "object" && (this.readState = n);
+        }
+        let e = localStorage.getItem(this.readBootStorageKey()) || "";
+        e || (e = (/* @__PURE__ */ new Date()).toISOString(), localStorage.setItem(this.readBootStorageKey(), e)), this.readBootTs = e;
       } catch {
       }
     },
@@ -4474,12 +4487,12 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
         Pi,
         Math.max(Ui, n * ji)
       ), s = Math.max(
-        e + Di,
+        e + Ni,
         this.nextRevealAt + Hi
       ) + o;
       this.nextRevealAt = s;
       const a = Math.max(0, s - e), d = t.id, v = setTimeout(() => {
-        this.revealedAt = { ...this.revealedAt, [d]: Date.now() }, this.revealTimers = this.revealTimers.filter((C) => C !== v);
+        this.revealedAt = { ...this.revealedAt, [d]: Date.now() }, this.revealTimers = this.revealTimers.filter((k) => k !== v);
       }, a);
       this.revealTimers.push(v);
     },
@@ -4741,7 +4754,7 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
         }
     },
     exportCurrentConv() {
-      var r, s, a, d, v, C;
+      var r, s, a, d, v, k;
       const t = this.currentConv;
       if (!t) return;
       const e = (((s = (r = this.s) == null ? void 0 : r.messagesByConv) == null ? void 0 : s[t.id]) || []).slice(), n = [
@@ -4751,7 +4764,7 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
       ];
       for (const w of e) {
         if (!w) continue;
-        const S = ((a = w.author) == null ? void 0 : a.name) || (((d = w.author) == null ? void 0 : d.type) === "user" ? "Vous" : ((v = w.author) == null ? void 0 : v.type) === "agent_human" ? "Agent" : ((C = w.author) == null ? void 0 : C.type) === "agent_ia" ? "Assistant IA" : "Système"), F = w.created_at ? new Date(w.created_at).toLocaleString("fr-FR") : "", A = (w.text_md || "").trim();
+        const S = ((a = w.author) == null ? void 0 : a.name) || (((d = w.author) == null ? void 0 : d.type) === "user" ? "Vous" : ((v = w.author) == null ? void 0 : v.type) === "agent_human" ? "Agent" : ((k = w.author) == null ? void 0 : k.type) === "agent_ia" ? "Assistant IA" : "Système"), F = w.created_at ? new Date(w.created_at).toLocaleString("fr-FR") : "", A = (w.text_md || "").trim();
         A && (n.push(`[${F}] ${S} :`), n.push(A), n.push(""));
       }
       const o = new Blob([n.join(`
@@ -4791,7 +4804,7 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
       let o = this.currentConv;
       o && (o._draft && (o = await this.ensureRealConv(), !o) || await this.store.send(o.id, n, {
         metadata: {
-          artifact: Ni(e.form, t)
+          artifact: Di(e.form, t)
         }
       }));
     },
@@ -4857,7 +4870,7 @@ const Di = 450, ji = 50, Ui = 900, Pi = 12e3, Hi = 300, zi = {
   class: "wm-attached"
 }, Qi = ["onClick"];
 function ea(t, e, n, o, r, s) {
-  const a = B("Launcher"), d = B("Header"), v = B("Onboarding"), C = B("MessageList"), w = B("ApprovalCard"), S = B("FormCard"), F = B("Feedback"), A = B("SuggestionChips"), U = B("Composer"), x = B("MoreMenu"), j = B("RenameDialog"), P = B("HistoryDrawer");
+  const a = B("Launcher"), d = B("Header"), v = B("Onboarding"), k = B("MessageList"), w = B("ApprovalCard"), S = B("FormCard"), F = B("Feedback"), A = B("SuggestionChips"), U = B("Composer"), x = B("MoreMenu"), j = B("RenameDialog"), P = B("HistoryDrawer");
   return l(), c("div", {
     class: E(["wm-root", `wm-root--${n.displayMode}`])
   }, [
@@ -4940,7 +4953,7 @@ function ea(t, e, n, o, r, s) {
             ])
           ])
         ])) : s.currentConv ? (l(), c(M, { key: 2 }, [
-          K(C, {
+          K(k, {
             ref: "messageList",
             messages: s.displayedMessages,
             "streaming-active": s.streamingActive,
@@ -5012,7 +5025,7 @@ function ea(t, e, n, o, r, s) {
             onSubmit: s.onRenameSubmit
           }, null, 8, ["initial-value", "onSubmit"])) : y("", !0),
           r.pendingAttachments.length ? (l(), c("div", Zi, [
-            (l(!0), c(M, null, N(r.pendingAttachments, (R, H) => (l(), c("div", {
+            (l(!0), c(M, null, D(r.pendingAttachments, (R, H) => (l(), c("div", {
               key: H,
               class: "wm-attached__chip"
             }, [
@@ -5086,7 +5099,7 @@ function ea(t, e, n, o, r, s) {
     ], 6)) : y("", !0)
   ], 2);
 }
-const sa = /* @__PURE__ */ $(zi, [["render", ea], ["__scopeId", "data-v-5889aa58"]]), ra = "0.3.3";
+const sa = /* @__PURE__ */ $(zi, [["render", ea], ["__scopeId", "data-v-e5f17e35"]]), ra = "0.3.4";
 export {
   ne as AIAvatar,
   ce as AVATAR_COLORS,
@@ -5095,7 +5108,7 @@ export {
   cn as ArtifactFormResponse,
   Cn as ArtifactInfoCard,
   Hn as ArtifactRenderer,
-  Dn as ArtifactTicket,
+  Nn as ArtifactTicket,
   es as AttachmentPreview,
   os as Bubble,
   Zs as Composer,
@@ -5119,7 +5132,7 @@ export {
   ye as avatarColor,
   we as avatarInitials,
   Ls as captureScreenshotFile,
-  D as colors,
+  N as colors,
   Ue as createStore,
   Fe as createTransport,
   sa as default,