@_solaris/messenger-widget 0.1.0

package/dist/messenger.js

@@ -0,0 +1,4594 @@
+import { reactive as Ae, openBlock as l, createElementBlock as d, createVNode as z, Transition as Se, withCtx as xe, withKeys as ue, withModifiers as J, createElementVNode as i, toDisplayString as y, createCommentVNode as v, normalizeStyle as H, normalizeClass as B, Fragment as E, renderList as F, resolveComponent as O, createBlock as $, createTextVNode as se, resolveDynamicComponent as Me, renderSlot as Te, withDirectives as q, vModelText as G, vModelCheckbox as Ie, vModelSelect as Oe, createStaticVNode as de, markRaw as he } from "vue";
+const Ee = [
+  "connected",
+  "message",
+  "message_stream",
+  "conversation_updated",
+  "config_updated",
+  "action_status"
+], Be = 5 * 60 * 1e3, Le = 10 * 60 * 1e3, Re = 30 * 1e3;
+function $e(t) {
+  const e = {
+    baseUrl: Fe(t.baseUrl || ""),
+    widgetId: t.widgetId || "",
+    userId: t.userId || "",
+    userHash: t.userHash || "",
+    listeners: /* @__PURE__ */ new Map(),
+    eventSource: null,
+    connection: "idle",
+    visibilityHandler: null,
+    started: !1,
+    // Hybrid push state
+    panelOpen: !1,
+    pollTimer: null,
+    burstTimer: null,
+    hiddenGraceTimer: null,
+    // Max conversation.last_message_at observed across polls — used as a
+    // cheap "anything new?" cursor since the server has no /me endpoint.
+    lastActivityAt: null
+  };
+  if (!e.baseUrl || !e.widgetId || !e.userId || !e.userHash)
+    throw new Error(
+      "[transport] baseUrl, widgetId, userId, userHash are all required"
+    );
+  function n(m, _) {
+    return e.listeners.has(m) || e.listeners.set(m, /* @__PURE__ */ new Set()), e.listeners.get(m).add(_), () => e.listeners.get(m).delete(_);
+  }
+  function a(m, _) {
+    const b = e.listeners.get(m);
+    b && b.forEach((S) => {
+      try {
+        S(_);
+      } catch (M) {
+        console.error("[transport] listener", m, M);
+      }
+    });
+  }
+  function r(m) {
+    e.connection !== m && (e.connection = m, a("connection", m));
+  }
+  function s() {
+    return {
+      "X-User-Id": e.userId,
+      "X-User-Hash": e.userHash,
+      "X-Widget-Id": e.widgetId
+    };
+  }
+  async function o(m, _, b) {
+    const S = await fetch(`${e.baseUrl}${_}`, {
+      method: m,
+      headers: { "Content-Type": "application/json", ...s() },
+      body: b !== void 0 ? JSON.stringify(b) : void 0
+    });
+    if (!S.ok) {
+      const M = await c(S), D = new Error(
+        `HTTP ${S.status} ${m} ${_} :: ${(M == null ? void 0 : M.error) || S.statusText}`
+      );
+      throw D.status = S.status, D.body = M, D;
+    }
+    return S.status === 204 ? null : S.json();
+  }
+  async function c(m) {
+    try {
+      return await m.json();
+    } catch {
+      return null;
+    }
+  }
+  async function p() {
+    const [m, _] = await Promise.all([
+      // Public — no HMAC required.
+      fetch(`${e.baseUrl}/widgets/${encodeURIComponent(e.widgetId)}/config`).then(async (b) => {
+        if (!b.ok) {
+          const S = await c(b);
+          throw new Error(`HTTP ${b.status} GET /widgets/:id/config :: ${(S == null ? void 0 : S.error) || b.statusText}`);
+        }
+        return b.json();
+      }),
+      // HMAC-protected.
+      o("GET", "/customers/me")
+    ]);
+    return {
+      config: (
+        /** @type {import('./types.js').BootstrapConfig} */
+        m
+      ),
+      customer: (_ == null ? void 0 : _.customer) ?? null
+    };
+  }
+  async function k() {
+    const m = await o("GET", "/customers/me");
+    return (m == null ? void 0 : m.customer) ?? null;
+  }
+  async function g(m) {
+    const _ = await o("PATCH", "/customers/me", m);
+    return (_ == null ? void 0 : _.customer) ?? null;
+  }
+  async function T() {
+    const m = await o("GET", "/conversations");
+    return (m == null ? void 0 : m.conversations) ?? [];
+  }
+  async function R(m = {}) {
+    return (await o("POST", "/conversations", m)).conversation;
+  }
+  async function x(m) {
+    return (await o("GET", `/conversations/${encodeURIComponent(m)}`)).conversation;
+  }
+  async function N(m, _) {
+    return (await o("PATCH", `/conversations/${encodeURIComponent(m)}`, _)).conversation;
+  }
+  async function I(m, _ = {}) {
+    const b = new URLSearchParams();
+    _.before && b.set("before", _.before), _.since && b.set("since", _.since), _.limit && b.set("limit", String(_.limit));
+    const S = b.toString() ? `?${b.toString()}` : "";
+    return o(
+      "GET",
+      `/conversations/${encodeURIComponent(m)}/messages${S}`
+    );
+  }
+  async function P(m, _) {
+    W();
+    const b = {
+      client_msg_id: _.client_msg_id,
+      type: "content",
+      text_md: _.text_md,
+      author: { id: e.userId, type: "user" },
+      created_at: _.created_at || (/* @__PURE__ */ new Date()).toISOString()
+    };
+    return Array.isArray(_.attachments) && _.attachments.length && (b.payload = { type: "content", attachments: _.attachments }), _.metadata && typeof _.metadata == "object" && (b.metadata = _.metadata), o(
+      "POST",
+      `/conversations/${encodeURIComponent(m)}/messages`,
+      b
+    );
+  }
+  async function U(m, _, b) {
+    return W(), o(
+      "POST",
+      `/messages/${encodeURIComponent(m)}/callbacks/${encodeURIComponent(_)}`,
+      b ? { inputs: b } : {}
+    );
+  }
+  async function V(m) {
+    const _ = (
+      /** @type {File} */
+      m.name || "attachment"
+    ), b = m.type || "application/octet-stream", S = m.size || 0, M = (
+      /** @type {import('./types.js').AttachmentUploadTicket} */
+      await o("POST", "/attachments", {
+        mime_type: b,
+        size_bytes: S,
+        name: _
+      })
+    ), D = await fetch(M.upload_url, {
+      method: "PUT",
+      headers: { "Content-Type": b },
+      body: m
+    });
+    if (!D.ok)
+      throw new Error(`HTTP ${D.status} PUT signed upload`);
+    return {
+      type: Ue(b),
+      path: M.path,
+      mime_type: b,
+      size_bytes: S
+    };
+  }
+  async function Q(m) {
+    return o(
+      "GET",
+      `/attachments/sign?path=${encodeURIComponent(m)}`
+    );
+  }
+  function Z() {
+    const m = new URLSearchParams({
+      userId: e.userId,
+      userHash: e.userHash,
+      widgetId: e.widgetId
+    }).toString();
+    return `${e.baseUrl}/stream?${m}`;
+  }
+  function K() {
+    if (!e.eventSource && !(typeof document < "u" && document.hidden))
+      try {
+        const m = new EventSource(Z());
+        for (const _ of Ee)
+          m.addEventListener(_, (b) => re(_, b.data));
+        m.addEventListener("error", () => a("error", new Error("SSE error"))), e.eventSource = m, r("open");
+      } catch (m) {
+        console.error("[transport] SSE open failed", m), a("error", m);
+      }
+  }
+  function re(m, _) {
+    try {
+      const b = JSON.parse(_), S = b && typeof b == "object" && "data" in b ? b.data : b;
+      a(m, S);
+    } catch (b) {
+      console.error("[transport] bad SSE payload", m, b);
+    }
+  }
+  function Y() {
+    e.eventSource && (e.eventSource.close(), e.eventSource = null), e.connection !== "paused" && r("idle");
+  }
+  function W() {
+    clearTimeout(e.burstTimer), K(), e.panelOpen || (e.burstTimer = setTimeout(() => {
+      e.panelOpen || Y();
+    }, Le));
+  }
+  function ie(m) {
+    e.panelOpen = !!m, e.panelOpen ? (clearTimeout(e.burstTimer), K()) : W();
+  }
+  async function u() {
+    try {
+      const m = await T(), _ = m.reduce((S, M) => {
+        const D = M == null ? void 0 : M.last_message_at;
+        return D && (!S || D > S) ? D : S;
+      }, null);
+      _ && (!e.lastActivityAt || _ > e.lastActivityAt) && (e.lastActivityAt = _, a("activity", { conversations: m, latestAt: _ }), W());
+    } catch (m) {
+      console.error("[transport] poll failed", m);
+    }
+  }
+  function h() {
+    f(), !(typeof document < "u" && document.hidden) && (e.pollTimer = setInterval(u, Be));
+  }
+  function f() {
+    e.pollTimer && (clearInterval(e.pollTimer), e.pollTimer = null);
+  }
+  function w() {
+    if (document.hidden)
+      clearTimeout(e.hiddenGraceTimer), e.hiddenGraceTimer = setTimeout(() => {
+        e.hiddenGraceTimer = null, document.hidden && (f(), Y(), r("paused"));
+      }, Re);
+    else {
+      if (e.hiddenGraceTimer) {
+        clearTimeout(e.hiddenGraceTimer), e.hiddenGraceTimer = null;
+        return;
+      }
+      r("idle"), h(), e.panelOpen && K();
+    }
+  }
+  async function A() {
+    if (e.started) return e.lastBootstrap;
+    e.started = !0;
+    const m = await p();
+    e.lastBootstrap = m;
+    try {
+      const _ = await T();
+      e.lastActivityAt = _.reduce((b, S) => {
+        const M = S == null ? void 0 : S.last_message_at;
+        return M && (!b || M > b) ? M : b;
+      }, null);
+    } catch (_) {
+      console.error("[transport] initial /conversations failed", _);
+    }
+    return typeof document < "u" && (e.visibilityHandler = w, document.addEventListener("visibilitychange", e.visibilityHandler)), h(), m;
+  }
+  function C() {
+    f(), clearTimeout(e.burstTimer), clearTimeout(e.hiddenGraceTimer), e.hiddenGraceTimer = null, Y(), e.visibilityHandler && (document.removeEventListener("visibilitychange", e.visibilityHandler), e.visibilityHandler = null), e.started = !1;
+  }
+  return {
+    on: n,
+    start: A,
+    stop: C,
+    setPanelOpen: ie,
+    // REST
+    bootstrap: p,
+    getCustomer: k,
+    patchCustomer: g,
+    listConversations: T,
+    createConversation: R,
+    getConversation: x,
+    patchConversation: N,
+    listMessages: I,
+    postMessage: P,
+    postCallback: U,
+    uploadAttachment: V,
+    signAttachment: Q,
+    // Read-only state
+    get connection() {
+      return e.connection;
+    }
+  };
+}
+function Fe(t) {
+  return t.endsWith("/") ? t.slice(0, -1) : t;
+}
+function Ue(t) {
+  return t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : "file";
+}
+function De() {
+  if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
+    return crypto.randomUUID();
+  const t = new Uint8Array(16);
+  if (typeof crypto < "u" && crypto.getRandomValues)
+    crypto.getRandomValues(t);
+  else
+    for (let n = 0; n < 16; n++) t[n] = Math.floor(Math.random() * 256);
+  t[6] = t[6] & 15 | 64, t[8] = t[8] & 63 | 128;
+  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 je(t) {
+  const e = Ae({
+    ready: !1,
+    error: null,
+    config: null,
+    // BootstrapConfig
+    customer: null,
+    // Customer | null
+    conversations: [],
+    // Conversation[]
+    messagesByConv: {},
+    // id → Message[]
+    // id → { nextCursor: string|null, loading: boolean, loaded: boolean }
+    // History pagination cursor. `nextCursor === null` means "we've reached
+    // the start of the conversation" — used by the UI to stop firing
+    // load-more on scroll-up.
+    paginationByConv: {},
+    // message_id (UUID) → accumulated text_md tokens for an in-flight
+    // agent reply. Cleared when the final `message` event lands.
+    streamingByMsgId: {},
+    // Action message ids whose approve/reject callback was just clicked.
+    // Treated as "no longer pending" by the UI until the server echoes
+    // back the updated state — without this, the ApprovalCard stays
+    // mounted for the SSE round-trip and the user sees nothing happen.
+    awaitingCallback: {},
+    // conversation_id → { action_id: action_name } map des actions dont
+    // le sub-agent serveur est en train de tourner. Alimenté par les
+    // events SSE `action_status` ({state: 'running'|'done'}). Pilote
+    // l'indicateur de frappe quand une action s'exécute.
+    runningActionsByConv: {},
+    connection: "idle"
+  }), n = [];
+  n.push(t.on("connection", (u) => {
+    e.connection = u;
+  })), n.push(t.on("message", (u) => {
+    const h = u == null ? void 0 : u.conversation_id, f = u == null ? void 0 : u.message;
+    !h || !(f != null && f.id) || (Z(h, f), f.client_msg_id && delete e.streamingByMsgId[f.client_msg_id], Y(h, f.created_at));
+  })), n.push(t.on("message_stream", (u) => {
+    const h = u == null ? void 0 : u.message_id, f = u == null ? void 0 : u.token;
+    !h || typeof f != "string" || (e.streamingByMsgId[h] = (e.streamingByMsgId[h] || "") + f);
+  })), n.push(t.on("conversation_updated", (u) => {
+    const h = u == null ? void 0 : u.conversation_id, f = u == null ? void 0 : u.changes;
+    if (!h || !f) return;
+    const w = e.conversations.findIndex((A) => A.id === h);
+    w !== -1 && (e.conversations[w] = { ...e.conversations[w], ...f });
+  })), n.push(t.on("config_updated", (u) => {
+    u != null && u.config && (e.config = u.config);
+  })), n.push(t.on("action_status", (u) => {
+    const h = u == null ? void 0 : u.conversation_id, f = u == null ? void 0 : u.action_id, w = u == null ? void 0 : u.action_name;
+    if (!h || !f) return;
+    const A = e.runningActionsByConv[h] || {};
+    u.state === "running" ? (A[f] = w || f, e.runningActionsByConv[h] = { ...A }) : u.state === "done" && (delete A[f], e.runningActionsByConv[h] = { ...A });
+  })), 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(
+        (f, w) => setTimeout(() => w(new Error("bootstrap timeout (15s) — check baseUrl, CORS, and network")), 15e3)
+      ), h = await Promise.race([t.start(), u]);
+      e.config = h.config, e.customer = h.customer, e.conversations = await Promise.race([t.listConversations(), u]), e.ready = !0;
+    } catch (u) {
+      console.error("[store] start failed", u), e.error = (u == null ? void 0 : u.message) || String(u);
+    }
+  }
+  function r() {
+    for (const u of n)
+      try {
+        u();
+      } catch {
+      }
+    t.stop();
+  }
+  async function s(u = {}) {
+    const h = await t.createConversation(u), f = e.conversations.findIndex((w) => w.id === h.id);
+    return f === -1 ? e.conversations = [h, ...e.conversations] : e.conversations[f] = h, h;
+  }
+  const o = 50;
+  async function c(u) {
+    if (e.messagesByConv[u]) return;
+    const h = await t.listMessages(u, { limit: o });
+    e.messagesByConv[u] = (h == null ? void 0 : h.messages) ?? [], k(u, {
+      nextCursor: (h == null ? void 0 : h.next_cursor) ?? null,
+      loading: !1,
+      loaded: !0
+    });
+  }
+  async function p(u) {
+    const h = e.paginationByConv[u];
+    if (!(!h || h.loading || !h.nextCursor)) {
+      k(u, { ...h, loading: !0 });
+      try {
+        let A = h.nextCursor, C = [], m = 0;
+        for (; m < 6 && A; m++) {
+          const M = await t.listMessages(u, {
+            before: A,
+            limit: o
+          }), D = (M == null ? void 0 : M.messages) ?? [];
+          if (C = [...D, ...C], A = (M == null ? void 0 : M.next_cursor) ?? null, !D.length || C.length >= 60) break;
+        }
+        const _ = e.messagesByConv[u] || [], b = new Set(_.map((M) => String(M == null ? void 0 : M.id))), S = [...C.filter((M) => !b.has(String(M == null ? void 0 : M.id))), ..._];
+        e.messagesByConv[u] = S, k(u, {
+          nextCursor: A,
+          loading: !1,
+          loaded: !0
+        });
+      } catch (f) {
+        console.error("[store] loadMore failed", f), k(u, { ...h, loading: !1 });
+      }
+    }
+  }
+  function k(u, h) {
+    e.paginationByConv = { ...e.paginationByConv, [u]: h };
+  }
+  async function g(u, h) {
+    const f = await t.patchConversation(u, h), w = e.conversations.findIndex((A) => A.id === u);
+    w !== -1 && (e.conversations[w] = f);
+  }
+  async function T(u, h, { attachments: f, metadata: w } = {}) {
+    var S;
+    const A = (h || "").trim(), C = Array.isArray(f) && f.length > 0;
+    if (!u || !A && !C) return;
+    const m = De(), _ = ie(u), b = {
+      id: m,
+      client_msg_id: m,
+      conversation_id: u,
+      type: "content",
+      text_md: A,
+      author: {
+        type: "user",
+        id: ((S = e.customer) == null ? void 0 : S.external_id) || null
+      },
+      created_at: _,
+      // Local-only flag — UI may render dimmed until the SSE echo lands.
+      _pending: !0,
+      ...C ? { payload: { type: "content", attachments: f } } : {},
+      ...w && typeof w == "object" ? { metadata: w } : {}
+    };
+    Z(u, b);
+    try {
+      await t.postMessage(u, {
+        client_msg_id: m,
+        text_md: A,
+        created_at: _,
+        ...C ? { attachments: f } : {},
+        ...w && typeof w == "object" ? { metadata: w } : {}
+      });
+    } catch (M) {
+      console.error("[store] send failed", M), re(u, m, { _failed: !0, _pending: !1 });
+    }
+  }
+  async function R(u, h, f) {
+    u != null && (e.awaitingCallback[u] = !0);
+    try {
+      await t.postCallback(u, h, f);
+    } catch (w) {
+      console.error("[store] callback failed", w), u != null && delete e.awaitingCallback[u];
+    }
+  }
+  const x = /* @__PURE__ */ new Map();
+  async function N(u) {
+    if (!u) return null;
+    const h = x.get(u);
+    if (h != null && h.url) {
+      const f = h.expires_at ? Date.parse(h.expires_at) : 0;
+      if (!f || f - Date.now() > 6e4) return h.url;
+    }
+    try {
+      const f = await t.signAttachment(u);
+      if (f != null && f.signed_url)
+        return x.set(u, { url: f.signed_url, expires_at: f.expires_at }), f.signed_url;
+    } catch (f) {
+      console.error("[store] sign attachment failed", f);
+    }
+    return null;
+  }
+  async function I(u, { rating: h, comment: f } = {}) {
+    const w = e.conversations.find((m) => m.id === u), C = {
+      ...(w == null ? void 0 : w.metadata) || {},
+      feedback: {
+        rating: h,
+        comment: f || null,
+        submitted_at: (/* @__PURE__ */ new Date()).toISOString()
+      }
+    };
+    await g(u, { metadata: C });
+  }
+  function P(u) {
+    var f, w;
+    const h = e.messagesByConv[u] || [];
+    for (let A = h.length - 1; A >= 0; A--) {
+      const C = h[A];
+      if ((C == null ? void 0 : C.type) === "action" && ((f = C == null ? void 0 : C.payload) == null ? void 0 : f.type) === "action" && ((w = C == null ? void 0 : C.payload) == null ? void 0 : w.state) === "pending" && Array.isArray(C == null ? void 0 : C.callbacks) && C.callbacks.length > 0 && !e.awaitingCallback[C.id])
+        return C;
+    }
+    return null;
+  }
+  function U(u) {
+    var f, w, A;
+    const h = e.messagesByConv[u] || [];
+    for (let C = h.length - 1; C >= 0; C--) {
+      const m = h[C];
+      if (((f = m == null ? void 0 : m.author) == null ? void 0 : f.type) === "user" || (m == null ? void 0 : m.type) === "action" && ((w = m == null ? void 0 : m.payload) == null ? void 0 : w.state) === "pending") return null;
+      const _ = (A = m == null ? void 0 : m.metadata) == null ? void 0 : A.form;
+      if (_ && Array.isArray(_.fields) && _.fields.length > 0)
+        return { message: m, form: _ };
+    }
+    return null;
+  }
+  function V(u) {
+    const h = e.runningActionsByConv[u];
+    if (!h) return null;
+    const f = Object.keys(h);
+    if (f.length === 0) return null;
+    const w = f[0];
+    return { id: w, payload: { name: h[w] } };
+  }
+  function Q(u) {
+    var f, w, A, C;
+    const h = e.messagesByConv[u] || [];
+    for (let m = h.length - 1; m >= 0; m--) {
+      const _ = h[m];
+      if (((f = _ == null ? void 0 : _.author) == null ? void 0 : f.type) === "user") return [];
+      if ((_ == null ? void 0 : _.type) === "action" && ((w = _ == null ? void 0 : _.payload) == null ? void 0 : w.state) === "pending") return [];
+      if (((A = _ == null ? void 0 : _.author) == null ? void 0 : A.type) !== "agent_ia") continue;
+      const b = (C = _ == null ? void 0 : _.metadata) == null ? void 0 : C.suggested_replies;
+      return Array.isArray(b) && b.length ? b.map((S) => {
+        if (typeof S == "string") {
+          const M = S.trim();
+          return M ? { label: M, kind: null } : null;
+        }
+        if (S && typeof S == "object" && typeof S.label == "string") {
+          const M = S.label.trim();
+          if (!M) return null;
+          const D = S.kind === "cta" || S.kind === "choice" || S.kind === "followup" ? S.kind : null;
+          return { label: M, kind: D };
+        }
+        return null;
+      }).filter(Boolean).slice(0, 4) : [];
+    }
+    return [];
+  }
+  function Z(u, h) {
+    var C;
+    const f = e.messagesByConv[u] || [];
+    let w = -1;
+    h != null && h.client_msg_id && (w = f.findIndex(
+      (m) => (m == null ? void 0 : m.client_msg_id) && m.client_msg_id === h.client_msg_id
+    )), w === -1 && (h == null ? void 0 : h.id) !== void 0 && (h == null ? void 0 : h.id) !== null && (w = f.findIndex((m) => K(m == null ? void 0 : m.id, h.id)));
+    let A;
+    w === -1 ? A = [...f, h].sort(W) : (A = f.slice(), A[w] = { ...f[w], ...h, _pending: !1, _failed: !1 }), e.messagesByConv[u] = A, (h == null ? void 0 : h.type) === "action" && ((C = h == null ? void 0 : h.payload) != null && C.state) && h.payload.state !== "pending" && (h == null ? void 0 : h.id) != null && e.awaitingCallback[h.id] && delete e.awaitingCallback[h.id];
+  }
+  function K(u, h) {
+    return u === h ? !0 : u == null || h == null ? !1 : String(u) === String(h);
+  }
+  function re(u, h, f) {
+    const w = e.messagesByConv[u];
+    if (!w) return;
+    const A = w.findIndex((m) => m.id === h);
+    if (A === -1) return;
+    const C = w.slice();
+    C[A] = { ...w[A], ...f }, e.messagesByConv[u] = C;
+  }
+  function Y(u, h) {
+    const f = e.conversations.findIndex((A) => A.id === u);
+    if (f === -1) return;
+    const w = e.conversations[f];
+    if (h && (!w.last_message_at || h > w.last_message_at)) {
+      const A = e.conversations.slice();
+      A[f] = { ...w, last_message_at: h }, A.sort(
+        (C, m) => (m.last_message_at || "").localeCompare(C.last_message_at || "")
+      ), e.conversations = A;
+    }
+  }
+  function W(u, h) {
+    return (u.created_at || "").localeCompare(h.created_at || "");
+  }
+  function ie(u) {
+    const h = e.messagesByConv[u] || [];
+    let f = "";
+    for (const C of h)
+      C != null && C.created_at && C.created_at > f && (f = C.created_at);
+    const w = (/* @__PURE__ */ new Date()).toISOString();
+    return !f || w > f ? w : new Date(Date.parse(f) + 1).toISOString();
+  }
+  return {
+    state: e,
+    start: a,
+    destroy: r,
+    createConversation: s,
+    openConversation: c,
+    loadMore: p,
+    patchConversation: g,
+    send: T,
+    clickCallback: R,
+    signAttachment: N,
+    submitFeedback: I,
+    getPendingApproval: P,
+    getActionInFlight: V,
+    getLatestSuggestions: Q,
+    getLatestForm: U,
+    // Pass-through for panel open/close (controls SSE burst).
+    setPanelOpen: t.setPanelOpen
+  };
+}
+const j = {
+  w: "#ffffff",
+  g50: "#F9F9F7",
+  g100: "#F2F1EE",
+  g150: "#E8E6E2",
+  g200: "#D9D6CF",
+  g300: "#B4B0A8",
+  g400: "#888480",
+  g500: "#5A5753",
+  g700: "#2B2926",
+  g900: "#17161A",
+  accent: "#5B5FEF",
+  accentLight: "#EEEFFE",
+  green: "#22C55E",
+  red: "#B91C1C",
+  redBg: "#FDECEC"
+}, ae = ["#5B5FEF", "#7C3AED", "#DB2777", "#0891B2", "#D97706", "#059669"];
+function ve(t = "") {
+  return t ? ae[t.charCodeAt(0) % ae.length] : ae[0];
+}
+function ge(t = "") {
+  return t.split(" ").map((e) => e[0] || "").join("").toUpperCase().slice(0, 2);
+}
+function ye(t = /* @__PURE__ */ new Date()) {
+  return t.toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" });
+}
+const Ne = `
+@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 {
+    --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: ${j.w};
+    --wm-g50: ${j.g50};
+    --wm-g100: ${j.g100};
+    --wm-g150: ${j.g150};
+    --wm-g200: ${j.g200};
+    --wm-g300: ${j.g300};
+    --wm-g400: ${j.g400};
+    --wm-g500: ${j.g500};
+    --wm-g700: ${j.g700};
+    --wm-g900: ${j.g900};
+    --wm-a: ${j.accent};
+    --wm-al: ${j.accentLight};
+    --wm-green: ${j.green};
+    --wm-red: ${j.red};
+    --wm-redBg: ${j.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);
+}
+
+@keyframes wm-heroGlow {
+    0%, 100% { box-shadow: 0 8px 32px rgba(0,0,0,0.28), 0 0 0 0 rgba(0,0,0,0.10); }
+    50%      { box-shadow: 0 14px 52px rgba(0,0,0,0.42), 0 0 36px 14px rgba(0,0,0,0.15); }
+}
+@keyframes wm-typingDot {
+    0%, 60%, 100% { transform: translateY(0); opacity: 0.35; }
+    30%           { transform: translateY(-4px); opacity: 1; }
+}
+@keyframes wm-fadeUp {
+    from { opacity: 0; transform: translateY(6px); }
+    to   { opacity: 1; transform: translateY(0); }
+}
+@keyframes wm-widgetPop {
+    0%   { transform: scale(0.85) translateY(10px); opacity: 0; }
+    100% { transform: scale(1) translateY(0); opacity: 1; }
+}
+@keyframes wm-sheetSlide {
+    0%   { transform: translateX(110%); opacity: 0; }
+    100% { transform: translateX(0); opacity: 1; }
+}
+`, L = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [a, r] of e)
+    n[a] = r;
+  return n;
+}, Pe = {
+  name: "WmLauncher",
+  props: {
+    // Nombre de conversations non lues — pilote la pastille.
+    unreadCount: { type: Number, default: 0 },
+    // Aperçu du dernier message non lu à afficher en étiquette.
+    // Chaîne vide => pas d'étiquette (launcher normal).
+    peek: { type: String, default: "" }
+  },
+  emits: ["open", "dismiss"]
+}, He = { class: "wm-launcherWrap" }, ze = { class: "wm-peek__text" }, Ve = ["aria-label"];
+function qe(t, e, n, a, r, s) {
+  return l(), d("div", He, [
+    z(Se, { name: "wm-peek" }, {
+      default: xe(() => [
+        n.peek ? (l(), d("div", {
+          key: 0,
+          class: "wm-peek",
+          role: "button",
+          tabindex: "0",
+          "aria-label": "Ouvrir le messenger sur le dernier message",
+          onClick: e[1] || (e[1] = (o) => t.$emit("open")),
+          onKeydown: [
+            e[2] || (e[2] = ue(J((o) => t.$emit("open"), ["prevent"]), ["enter"])),
+            e[3] || (e[3] = ue(J((o) => t.$emit("open"), ["prevent"]), ["space"]))
+          ]
+        }, [
+          i("p", ze, y(n.peek), 1),
+          i("button", {
+            type: "button",
+            class: "wm-peek__close",
+            "aria-label": "Ignorer",
+            onClick: e[0] || (e[0] = J((o) => t.$emit("dismiss"), ["stop"]))
+          }, [...e[5] || (e[5] = [
+            i("svg", {
+              width: "11",
+              height: "11",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2.4",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "aria-hidden": "true"
+            }, [
+              i("path", { d: "M18 6L6 18M6 6l12 12" })
+            ], -1)
+          ])])
+        ], 32)) : v("", !0)
+      ]),
+      _: 1
+    }),
+    i("button", {
+      type: "button",
+      class: "wm-launcher",
+      "aria-label": "Ouvrir le messenger",
+      onClick: e[4] || (e[4] = (o) => t.$emit("open"))
+    }, [
+      e[6] || (e[6] = i("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.7",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true"
+      }, [
+        i("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+      ], -1)),
+      n.unreadCount > 0 ? (l(), d("span", {
+        key: 0,
+        class: "wm-launcher__badge",
+        "aria-label": `${n.unreadCount} conversation${n.unreadCount > 1 ? "s" : ""} non lue${n.unreadCount > 1 ? "s" : ""}`
+      }, y(n.unreadCount > 9 ? "9+" : n.unreadCount), 9, Ve)) : v("", !0)
+    ])
+  ]);
+}
+const We = /* @__PURE__ */ L(Pe, [["render", qe], ["__scopeId", "data-v-fabef371"]]), Ge = {
+  name: "WmAIAvatar",
+  props: {
+    size: { type: Number, default: 26 },
+    pulse: { type: Boolean, default: !1 }
+  }
+}, Ke = ["width", "height"];
+function Ye(t, e, n, a, r, s) {
+  return l(), d("div", {
+    class: "wm-aiav",
+    style: H({ width: n.size + "px", height: n.size + "px" })
+  }, [
+    n.pulse ? (l(), d("div", {
+      key: 0,
+      class: "wm-aiav__pulse",
+      style: H({ borderRadius: n.size * 0.32 + 3 + "px" })
+    }, null, 4)) : v("", !0),
+    i("div", {
+      class: B(["wm-aiav__inner", { "wm-aiav__inner--glow": n.pulse }]),
+      style: H({ borderRadius: n.size * 0.32 + "px" })
+    }, [
+      (l(), d("svg", {
+        width: n.size * 0.5,
+        height: n.size * 0.5,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        "aria-hidden": "true"
+      }, [...e[0] || (e[0] = [
+        i("path", {
+          d: "M12 2 L13.5 9 L20 10.5 L13.5 12 L12 19 L10.5 12 L4 10.5 L10.5 9 Z",
+          fill: "white",
+          opacity: "0.92"
+        }, null, -1),
+        i("circle", {
+          cx: "19",
+          cy: "5",
+          r: "1.5",
+          fill: "white",
+          opacity: "0.55"
+        }, null, -1),
+        i("circle", {
+          cx: "5",
+          cy: "18",
+          r: "1",
+          fill: "white",
+          opacity: "0.38"
+        }, null, -1)
+      ])], 8, Ke))
+    ], 6)
+  ], 4);
+}
+const X = /* @__PURE__ */ L(Ge, [["render", Ye], ["__scopeId", "data-v-fe042be7"]]), Je = {
+  name: "WmHumanAvatar",
+  props: {
+    name: { type: String, default: "" },
+    avatarUrl: { type: String, default: null },
+    size: { type: Number, default: 26 }
+  },
+  computed: {
+    bg() {
+      return this.avatarUrl ? "transparent" : ve(this.name);
+    },
+    initials() {
+      return ge(this.name);
+    }
+  }
+}, Xe = ["src", "alt"];
+function Qe(t, e, n, a, r, s) {
+  return l(), d("div", {
+    class: "wm-huav",
+    style: H({
+      width: n.size + "px",
+      height: n.size + "px",
+      borderRadius: Math.round(n.size * 0.32) + "px",
+      background: s.bg
+    })
+  }, [
+    n.avatarUrl ? (l(), d("img", {
+      key: 0,
+      src: n.avatarUrl,
+      alt: n.name || ""
+    }, null, 8, Xe)) : (l(), d("span", {
+      key: 1,
+      style: H({ fontSize: n.size * 0.36 + "px" })
+    }, y(s.initials), 5))
+  ], 4);
+}
+const we = /* @__PURE__ */ L(Je, [["render", Qe], ["__scopeId", "data-v-79449443"]]), Ze = {
+  name: "WmTeamAvatars",
+  props: {
+    members: { type: Array, default: () => [] },
+    responseLabel: { type: String, default: "" }
+  },
+  computed: {
+    visible() {
+      return Array.isArray(this.members) && this.members.length > 0;
+    },
+    stackWidth() {
+      return Math.min(this.members.length, 3) === 1 ? 20 : 16 + Math.min(this.members.length, 3) * 13;
+    }
+  },
+  methods: {
+    colorFor(t) {
+      return t.avatar_url ? "transparent" : ve(t.name || "");
+    },
+    initialsFor(t) {
+      return ge(t.name || "");
+    }
+  }
+}, et = {
+  key: 0,
+  class: "wm-team"
+}, tt = ["src", "alt"], nt = { key: 1 }, st = {
+  key: 0,
+  class: "wm-team__label"
+};
+function rt(t, e, n, a, r, s) {
+  return s.visible ? (l(), d("div", et, [
+    i("div", {
+      class: "wm-team__stack",
+      style: H({ width: s.stackWidth + "px" })
+    }, [
+      (l(!0), d(E, null, F(n.members.slice(0, 3), (o, c) => (l(), d("div", {
+        key: c,
+        class: "wm-team__pill",
+        style: H({ left: c * 13 + "px", zIndex: 3 - c, background: s.colorFor(o) })
+      }, [
+        o.avatar_url ? (l(), d("img", {
+          key: 0,
+          src: o.avatar_url,
+          alt: o.name || ""
+        }, null, 8, tt)) : (l(), d("span", nt, y(s.initialsFor(o)), 1))
+      ], 4))), 128))
+    ], 4),
+    n.responseLabel ? (l(), d("span", st, y(n.responseLabel), 1)) : v("", !0)
+  ])) : v("", !0);
+}
+const it = /* @__PURE__ */ L(Ze, [["render", rt], ["__scopeId", "data-v-3659b9c1"]]), at = {
+  name: "WmHeader",
+  components: { AIAvatar: X, HumanAvatar: we, TeamAvatars: it },
+  props: {
+    title: { type: String, default: "Nouvelle conversation" },
+    escalated: { type: Boolean, default: !1 },
+    agentName: { type: String, default: "" },
+    agentAvatarUrl: { type: String, default: null },
+    showBack: { type: Boolean, default: !1 },
+    teamMembers: { type: Array, default: () => [] },
+    responseLabel: { type: String, default: "" },
+    showClose: { type: Boolean, default: !0 },
+    showMore: { type: Boolean, default: !0 },
+    moreActive: { type: Boolean, default: !1 },
+    // When false (welcome / no conversation) the avatar + title + status
+    // block is hidden so the header stays a minimal action bar.
+    showIdentity: { type: Boolean, default: !0 }
+  },
+  emits: ["back", "close", "more"],
+  computed: {
+    hasTeam() {
+      return Array.isArray(this.teamMembers) && this.teamMembers.length > 0;
+    },
+    // Show the sub-line only when there's a real presence to convey:
+    // configured team members, or a human agent who has taken over.
+    // Plain AI chat with no team shows nothing (no orphan "En ligne").
+    showPresence() {
+      return this.hasTeam || this.escalated && !!this.agentName;
+    },
+    statusText() {
+      return this.escalated && this.agentName ? this.agentName : "En ligne";
+    }
+  }
+}, ot = { class: "wm-header" }, lt = {
+  key: 1,
+  style: { width: "30px", height: "30px", "flex-shrink": "0" }
+}, dt = { class: "wm-header__avatar" }, ct = { class: "wm-header__main" }, ut = { class: "wm-header__title" }, ht = {
+  key: 0,
+  class: "wm-header__sub"
+}, mt = { class: "wm-header__status" }, ft = {
+  key: 3,
+  class: "wm-header__fill"
+}, _t = { class: "wm-header__actions" };
+function pt(t, e, n, a, r, s) {
+  const o = O("HumanAvatar"), c = O("AIAvatar"), p = O("TeamAvatars");
+  return l(), d("div", ot, [
+    n.showBack ? (l(), d("button", {
+      key: 0,
+      type: "button",
+      class: "wm-header__icon",
+      "aria-label": "Retour à l'accueil",
+      onClick: e[0] || (e[0] = (k) => t.$emit("back"))
+    }, [...e[3] || (e[3] = [
+      i("svg", {
+        width: "13",
+        height: "13",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.8",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true"
+      }, [
+        i("path", { d: "M19 12H5M12 5l-7 7 7 7" })
+      ], -1)
+    ])])) : (l(), d("div", lt)),
+    n.showIdentity ? (l(), d(E, { key: 2 }, [
+      i("div", dt, [
+        n.escalated ? (l(), $(o, {
+          key: 0,
+          name: n.agentName,
+          "avatar-url": n.agentAvatarUrl,
+          size: 34
+        }, null, 8, ["name", "avatar-url"])) : (l(), $(c, {
+          key: 1,
+          size: 34
+        }))
+      ]),
+      i("div", ct, [
+        i("div", ut, y(n.title), 1),
+        s.showPresence ? (l(), d("div", ht, [
+          s.hasTeam ? (l(), $(p, {
+            key: 0,
+            members: n.teamMembers,
+            "response-label": n.responseLabel
+          }, null, 8, ["members", "response-label"])) : v("", !0),
+          i("span", mt, [
+            e[4] || (e[4] = i("span", { class: "wm-header__dot" }, null, -1)),
+            se(" " + y(s.statusText), 1)
+          ])
+        ])) : v("", !0)
+      ])
+    ], 64)) : (l(), d("div", ft)),
+    i("div", _t, [
+      n.showMore ? (l(), d("button", {
+        key: 0,
+        type: "button",
+        class: B(["wm-header__icon", { "wm-header__icon--active": n.moreActive }]),
+        "aria-label": "Plus d'options",
+        title: "Plus d'options",
+        onClick: e[1] || (e[1] = (k) => t.$emit("more"))
+      }, [...e[5] || (e[5] = [
+        i("svg", {
+          width: "13",
+          height: "13",
+          viewBox: "0 0 24 24",
+          fill: "currentColor",
+          "aria-hidden": "true"
+        }, [
+          i("circle", {
+            cx: "12",
+            cy: "5",
+            r: "1.6"
+          }),
+          i("circle", {
+            cx: "12",
+            cy: "12",
+            r: "1.6"
+          }),
+          i("circle", {
+            cx: "12",
+            cy: "19",
+            r: "1.6"
+          })
+        ], -1)
+      ])], 2)) : v("", !0),
+      n.showClose ? (l(), d("button", {
+        key: 1,
+        type: "button",
+        class: "wm-header__icon",
+        "aria-label": "Fermer le widget",
+        title: "Fermer le widget",
+        onClick: e[2] || (e[2] = (k) => t.$emit("close"))
+      }, [...e[6] || (e[6] = [
+        i("svg", {
+          width: "13",
+          height: "13",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          i("path", { d: "M18 6L6 18M6 6l12 12" })
+        ], -1)
+      ])])) : v("", !0)
+    ])
+  ]);
+}
+const vt = /* @__PURE__ */ L(at, [["render", pt], ["__scopeId", "data-v-b5f5f6a9"]]), me = {
+  book: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",
+  changelog: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2",
+  status: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
+  chat: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z",
+  link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+}, gt = {
+  name: "WmOnboarding",
+  components: { AIAvatar: X },
+  props: {
+    welcomeMessage: { type: String, default: "" },
+    agentName: { type: String, default: "" },
+    quickLinks: { type: Array, default: () => [] },
+    unreadThreads: { type: Array, default: () => [] },
+    busy: { type: Boolean, default: !1 }
+  },
+  emits: ["start", "select", "resume"],
+  computed: {
+    heroTitle() {
+      return this.welcomeMessage ? this.welcomeMessage : this.agentName ? `Bonjour, je suis ${this.agentName}` : "Bonjour, je suis votre assistant";
+    },
+    heroSub() {
+      return `Posez-moi n'importe quelle question.
+Je réponds en quelques secondes.`;
+    }
+  },
+  methods: {
+    iconPath(t) {
+      return me[t] || me.link;
+    }
+  }
+}, yt = { class: "wm-onb" }, wt = { class: "wm-onb__hero" }, bt = { class: "wm-onb__title" }, kt = { class: "wm-onb__sub" }, Ct = {
+  key: 0,
+  class: "wm-onb__section"
+}, At = { class: "wm-onb__links" }, St = ["onClick"], xt = { class: "wm-onb__resume-body" }, Mt = { class: "wm-onb__resume-title" }, Tt = { class: "wm-onb__resume-preview" }, It = {
+  key: 1,
+  class: "wm-onb__section"
+}, Ot = { class: "wm-onb__links" }, Et = ["onClick"], Bt = { class: "wm-onb__link-icon" }, Lt = {
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.7",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, Rt = ["d"], $t = { class: "wm-onb__link-label" }, Ft = { class: "wm-onb__cta" }, Ut = ["disabled"];
+function Dt(t, e, n, a, r, s) {
+  const o = O("AIAvatar");
+  return l(), d("div", yt, [
+    i("div", wt, [
+      z(o, {
+        size: 56,
+        pulse: !0
+      }),
+      i("div", bt, y(s.heroTitle), 1),
+      i("div", kt, y(s.heroSub), 1)
+    ]),
+    n.unreadThreads.length ? (l(), d("div", Ct, [
+      e[3] || (e[3] = i("div", { class: "wm-onb__section-title" }, "Messages non lus", -1)),
+      i("div", At, [
+        (l(!0), d(E, null, F(n.unreadThreads, (c) => (l(), d("button", {
+          key: c.id,
+          type: "button",
+          class: "wm-onb__link wm-onb__resume",
+          onClick: (p) => t.$emit("resume", c)
+        }, [
+          e[1] || (e[1] = i("span", { class: "wm-onb__link-icon wm-onb__resume-icon" }, [
+            i("svg", {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.7",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "aria-hidden": "true"
+            }, [
+              i("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+            ]),
+            i("span", {
+              class: "wm-onb__resume-dot",
+              "aria-label": "Non lu"
+            })
+          ], -1)),
+          i("span", xt, [
+            i("span", Mt, y(c.title), 1),
+            i("span", Tt, y(c.preview), 1)
+          ]),
+          e[2] || (e[2] = i("svg", {
+            width: "13",
+            height: "13",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "wm-onb__link-chev",
+            "aria-hidden": "true"
+          }, [
+            i("path", { d: "M9 18l6-6-6-6" })
+          ], -1))
+        ], 8, St))), 128))
+      ])
+    ])) : v("", !0),
+    n.quickLinks.length ? (l(), d("div", It, [
+      e[5] || (e[5] = i("div", { class: "wm-onb__section-title" }, "Accès rapide", -1)),
+      i("div", Ot, [
+        (l(!0), d(E, null, F(n.quickLinks, (c, p) => (l(), d("button", {
+          key: p,
+          type: "button",
+          class: "wm-onb__link",
+          onClick: (k) => t.$emit("select", c)
+        }, [
+          i("span", Bt, [
+            (l(), d("svg", Lt, [
+              i("path", {
+                d: s.iconPath(c.icon)
+              }, null, 8, Rt)
+            ]))
+          ]),
+          i("span", $t, y(c.label), 1),
+          e[4] || (e[4] = i("svg", {
+            width: "13",
+            height: "13",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "wm-onb__link-chev",
+            "aria-hidden": "true"
+          }, [
+            i("path", { d: "M9 18l6-6-6-6" })
+          ], -1))
+        ], 8, Et))), 128))
+      ])
+    ])) : v("", !0),
+    i("div", Ft, [
+      i("button", {
+        type: "button",
+        class: "wm-onb__startBtn",
+        disabled: n.busy,
+        onClick: e[0] || (e[0] = (c) => t.$emit("start"))
+      }, y(n.busy ? "…" : "Commencer une conversation"), 9, Ut)
+    ])
+  ]);
+}
+const jt = /* @__PURE__ */ L(gt, [["render", Dt], ["__scopeId", "data-v-bd89bc8f"]]);
+function Nt(t) {
+  return String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function Pt(t) {
+  return /^(https?:\/\/|mailto:|tel:)/i.test(String(t).trim());
+}
+const fe = "";
+function ee(t) {
+  let e = t;
+  const n = [];
+  return e = e.replace(/`([^`\n]+)`/g, (a, r) => {
+    const s = n.length;
+    return n.push(r), `${fe}CODE${s}${fe}`;
+  }), e = e.replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g, (a, r, s) => Pt(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 be(t) {
+  if (!t) return "";
+  const e = Nt(t).split(`
+`), n = [];
+  let a = 0;
+  for (; a < e.length; ) {
+    const s = e[a];
+    if (/^\s*```([\w-]*)\s*$/.exec(s)) {
+      a++;
+      const k = [];
+      for (; a < e.length && !/^\s*```\s*$/.test(e[a]); )
+        k.push(e[a]), a++;
+      a < e.length && a++, n.push({
+        type: "block",
+        html: `<pre class="wm-md-pre"><code>${k.join(`
+`)}</code></pre>`
+      });
+      continue;
+    }
+    if (/^\s*[-*]\s+/.test(s)) {
+      const k = [];
+      for (; a < e.length; ) {
+        const T = /^\s*[-*]\s+(.*)$/.exec(e[a]);
+        if (!T) break;
+        k.push(T[1]), a++;
+      }
+      const g = k.map((T) => `<li>${ee(T)}</li>`).join("");
+      n.push({ type: "block", html: `<ul class="wm-md-ul">${g}</ul>` });
+      continue;
+    }
+    const c = /^\s*(\d+)\.\s+(.*)$/.exec(s);
+    if (c) {
+      const k = parseInt(c[1], 10), g = [c[2]];
+      for (a++; a < e.length; ) {
+        const x = /^\s*\d+\.\s+(.*)$/.exec(e[a]);
+        if (!x) break;
+        g.push(x[1]), a++;
+      }
+      const T = g.map((x) => `<li>${ee(x)}</li>`).join(""), R = k !== 1 ? ` start="${k}"` : "";
+      n.push({ type: "block", html: `<ol class="wm-md-ol"${R}>${T}</ol>` });
+      continue;
+    }
+    const p = /^(#{1,6})\s+(.*)$/.exec(s);
+    if (p) {
+      const k = p[1].length;
+      n.push({
+        type: "block",
+        html: `<h${k} class="wm-md-h wm-md-h${k}">${ee(p[2])}</h${k}>`
+      }), 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 c = n[s + 1];
+    c && o.type !== "block" && c.type !== "block" && (r += `
+`);
+  }
+  return r;
+}
+const Ht = {
+  name: "WmArtifactFormResponse",
+  props: {
+    data: { type: Object, required: !0 }
+  },
+  computed: {
+    fields() {
+      var t;
+      return Array.isArray((t = this.data) == null ? void 0 : t.fields) ? this.data.fields : [];
+    }
+  }
+}, zt = { class: "wm-art wm-art--formResponse" }, Vt = { class: "wm-art__head" }, qt = { class: "wm-art__title" }, Wt = { class: "wm-art__body" }, Gt = { class: "wm-art__fieldLabel" };
+function Kt(t, e, n, a, r, s) {
+  return l(), d("div", zt, [
+    i("div", Vt, [
+      i("div", qt, y(n.data.title || "Formulaire"), 1),
+      e[0] || (e[0] = i("span", { class: "wm-art__badge wm-art__badge--success" }, [
+        i("svg", {
+          width: "11",
+          height: "11",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          i("polyline", { points: "20 6 9 17 4 12" })
+        ]),
+        se(" Envoyé ")
+      ], -1))
+    ]),
+    i("div", Wt, [
+      (l(!0), d(E, null, F(s.fields, (o, c) => (l(), d("div", {
+        key: c,
+        class: "wm-art__field"
+      }, [
+        i("div", Gt, y(o.label), 1),
+        i("div", {
+          class: B(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
+        }, y(o.value), 3)
+      ]))), 128))
+    ])
+  ]);
+}
+const Yt = /* @__PURE__ */ L(Ht, [["render", Kt], ["__scopeId", "data-v-812bda8b"]]), Jt = {
+  name: "WmArtifactInfoCard",
+  props: {
+    data: { type: Object, required: !0 }
+  },
+  computed: {
+    fields() {
+      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;
+    }
+  }
+}, Xt = { class: "wm-art wm-art--infoCard" }, Qt = {
+  key: 0,
+  class: "wm-art__image"
+}, Zt = ["src", "alt"], en = { class: "wm-art__head" }, tn = { class: "wm-art__headMain" }, nn = { class: "wm-art__title" }, sn = {
+  key: 0,
+  class: "wm-art__subtitle"
+}, rn = {
+  key: 1,
+  class: "wm-art__body"
+}, an = {
+  key: 0,
+  class: "wm-art__text"
+}, on = { class: "wm-art__fieldLabel" };
+function ln(t, e, n, a, r, s) {
+  return l(), d("div", Xt, [
+    n.data.image_url ? (l(), d("figure", Qt, [
+      i("img", {
+        src: n.data.image_url,
+        alt: n.data.title || "",
+        loading: "lazy"
+      }, null, 8, Zt)
+    ])) : v("", !0),
+    i("div", en, [
+      i("div", tn, [
+        i("div", nn, y(n.data.title), 1),
+        n.data.subtitle ? (l(), d("div", sn, y(n.data.subtitle), 1)) : v("", !0)
+      ]),
+      n.data.badge && n.data.badge.label ? (l(), d("span", {
+        key: 0,
+        class: B(["wm-art__badge", `wm-art__badge--${n.data.badge.tone || "neutral"}`])
+      }, y(n.data.badge.label), 3)) : v("", !0)
+    ]),
+    s.hasBody ? (l(), d("div", rn, [
+      n.data.body ? (l(), d("div", an, y(n.data.body), 1)) : v("", !0),
+      s.fields.length ? (l(!0), d(E, { key: 1 }, F(s.fields, (o, c) => (l(), d("div", {
+        key: c,
+        class: "wm-art__field"
+      }, [
+        i("div", on, y(o.label), 1),
+        i("div", {
+          class: B(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
+        }, y(o.value), 3)
+      ]))), 128)) : v("", !0)
+    ])) : v("", !0)
+  ]);
+}
+const dn = /* @__PURE__ */ L(Jt, [["render", ln], ["__scopeId", "data-v-d7369333"]]);
+function cn(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 un = {
+  name: "WmArtifactTicket",
+  props: {
+    data: { type: Object, required: !0 }
+  },
+  computed: {
+    fields() {
+      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 cn((t = this.data) == null ? void 0 : t.created_at);
+    }
+  },
+  methods: {
+    // Détection souple par pattern : tout libellé qui ressemble à
+    // "Priorité"/"Priority"/"Prio" déclenche l'icône signal.
+    isPriority(t) {
+      return /priorit|^prio$/i.test(String(t || "").trim());
+    },
+    // 3 niveaux dérivés librement de la valeur ("Moyenne (Medium)",
+    // "Élevée", "Critical"…). Défaut : niveau moyen — non-reconnu vaut
+    // mieux que muet.
+    priorityLevel(t) {
+      const e = String(t || "").toLowerCase();
+      return /high|haute|élev|elev|critic|critiq|urgent/.test(e) ? 3 : /low|basse|faible|minor/.test(e) ? 1 : 2;
+    }
+  }
+}, hn = { class: "wm-art wm-art--ticket" }, mn = { class: "wm-art__head wm-tk__head" }, fn = { class: "wm-art__title wm-tk__title" }, _n = { class: "wm-tk__sub" }, pn = { class: "wm-tk__ref" }, vn = {
+  key: 0,
+  class: "wm-art__body"
+}, gn = {
+  key: 0,
+  class: "wm-tk__text"
+}, yn = { class: "wm-art__fieldLabel" }, wn = ["data-level"], bn = {
+  key: 1,
+  class: "wm-art__footer wm-tk__footer"
+};
+function kn(t, e, n, a, r, s) {
+  return l(), d("div", hn, [
+    i("div", mn, [
+      i("div", fn, y(n.data.title), 1),
+      i("div", _n, [
+        i("div", pn, [
+          e[0] || (e[0] = i("svg", {
+            width: "11",
+            height: "11",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            i("path", { d: "M20 12a2 2 0 0 1 2-2V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v4a2 2 0 0 1 0 4v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 1-2-2z" }),
+            i("path", { d: "M13 5v2M13 17v2M13 11v2" })
+          ], -1)),
+          i("span", null, y(n.data.reference), 1)
+        ]),
+        i("span", {
+          class: B(["wm-art__badge", "wm-tk__badge", `wm-art__badge--${n.data.status.tone || "neutral"}`])
+        }, [
+          e[1] || (e[1] = i("span", {
+            class: "wm-tk__dot",
+            "aria-hidden": "true"
+          }, null, -1)),
+          se(" " + y(n.data.status.label), 1)
+        ], 2)
+      ])
+    ]),
+    s.hasBody ? (l(), d("div", vn, [
+      n.data.body ? (l(), d("div", gn, y(n.data.body), 1)) : v("", !0),
+      s.fields.length ? (l(!0), d(E, { key: 1 }, F(s.fields, (o, c) => (l(), d("div", {
+        key: c,
+        class: "wm-art__field"
+      }, [
+        i("div", yn, y(o.label), 1),
+        i("div", {
+          class: B(["wm-art__fieldValue", { "wm-art__fieldValue--multi": o.multiline }])
+        }, [
+          s.isPriority(o.label) ? (l(), d("svg", {
+            key: 0,
+            class: "wm-tk__prio",
+            "data-level": s.priorityLevel(o.value),
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            "aria-hidden": "true"
+          }, [...e[2] || (e[2] = [
+            i("rect", {
+              x: "1",
+              y: "8",
+              width: "2",
+              height: "3",
+              rx: "0.5"
+            }, null, -1),
+            i("rect", {
+              x: "5",
+              y: "5",
+              width: "2",
+              height: "6",
+              rx: "0.5"
+            }, null, -1),
+            i("rect", {
+              x: "9",
+              y: "2",
+              width: "2",
+              height: "9",
+              rx: "0.5"
+            }, null, -1)
+          ])], 8, wn)) : v("", !0),
+          i("span", null, y(o.value), 1)
+        ], 2)
+      ]))), 128)) : v("", !0)
+    ])) : v("", !0),
+    n.data.created_at ? (l(), d("div", bn, [
+      e[3] || (e[3] = i("svg", {
+        width: "11",
+        height: "11",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true"
+      }, [
+        i("rect", {
+          x: "3",
+          y: "4",
+          width: "18",
+          height: "18",
+          rx: "2"
+        }),
+        i("path", { d: "M16 2v4M8 2v4M3 10h18" })
+      ], -1)),
+      i("span", null, y(s.formattedDate), 1)
+    ])) : v("", !0)
+  ]);
+}
+const Cn = /* @__PURE__ */ L(un, [["render", kn], ["__scopeId", "data-v-f0495924"]]), An = {
+  form_response: Yt,
+  info_card: dn,
+  ticket: Cn
+}, Sn = {
+  name: "WmArtifactRenderer",
+  props: {
+    // Forme : { kind: string, data: any } (le `data` est validé
+    // serveur contre le schéma du `kind` correspondant).
+    artifact: { type: Object, required: !0 }
+  },
+  computed: {
+    component() {
+      var e;
+      const t = (e = this.artifact) == null ? void 0 : e.kind;
+      return t && An[t] || null;
+    }
+  }
+};
+function xn(t, e, n, a, r, s) {
+  return s.component ? (l(), $(Me(s.component), {
+    key: 0,
+    data: n.artifact.data
+  }, null, 8, ["data"])) : v("", !0);
+}
+const ke = /* @__PURE__ */ L(Sn, [["render", xn]]), Mn = {
+  name: "WmActionResult",
+  components: { ArtifactRenderer: ke },
+  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 be(this.detail);
+    }
+  }
+}, Tn = { class: "wm-result-wrap" }, In = { class: "wm-result" }, On = {
+  key: 0,
+  width: "10",
+  height: "10",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "#fff",
+  "stroke-width": "2.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, En = {
+  key: 1,
+  width: "10",
+  height: "10",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, Bn = { class: "wm-result__body" }, Ln = ["innerHTML"], Rn = {
+  key: 0,
+  class: "wm-result-art"
+};
+function $n(t, e, n, a, r, s) {
+  const o = O("ArtifactRenderer");
+  return l(), d("div", Tn, [
+    i("div", In, [
+      i("div", {
+        class: B(["wm-result__check", { "wm-result__check--ok": s.ok }])
+      }, [
+        s.ok ? (l(), d("svg", On, [...e[0] || (e[0] = [
+          i("path", { d: "M20 6L9 17l-5-5" }, null, -1)
+        ])])) : (l(), d("svg", En, [...e[1] || (e[1] = [
+          i("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
+        ])]))
+      ], 2),
+      i("div", Bn, [
+        i("div", {
+          class: B(["wm-result__label", { "wm-result__label--struck": !s.ok }])
+        }, y(n.label), 3),
+        n.detail ? (l(), d("div", {
+          key: 0,
+          class: "wm-result__detail",
+          innerHTML: s.detailHtml
+        }, null, 8, Ln)) : v("", !0)
+      ])
+    ]),
+    n.artifact ? (l(), d("div", Rn, [
+      z(o, { artifact: n.artifact }, null, 8, ["artifact"])
+    ])) : v("", !0)
+  ]);
+}
+const Fn = /* @__PURE__ */ L(Mn, [["render", $n], ["__scopeId", "data-v-037fd69e"]]), Un = {
+  name: "WmAttachmentPreview",
+  inject: {
+    signAttachmentFn: { default: null }
+  },
+  props: {
+    attachment: { type: Object, required: !0 }
+  },
+  data() {
+    return { url: null, loading: !1 };
+  },
+  computed: {
+    kind() {
+      var n, a;
+      const t = (n = this.attachment) == null ? void 0 : n.type;
+      if (t) return t;
+      const e = (((a = this.attachment) == null ? void 0 : a.mime_type) || "").toLowerCase();
+      return e.startsWith("image/") ? "image" : e.startsWith("audio/") ? "audio" : e.startsWith("video/") ? "video" : "file";
+    },
+    displayName() {
+      var t, e, n;
+      return ((e = (t = this.attachment) == null ? void 0 : t.metadata) == null ? void 0 : e.name) || ((n = this.attachment) == null ? void 0 : n.name) || this.guessNameFromPath() || "Pièce jointe";
+    },
+    sizeLabel() {
+      var e;
+      const t = (e = this.attachment) == null ? void 0 : e.size_bytes;
+      return t ? t < 1024 ? `${t} o` : t < 1024 * 1024 ? `${(t / 1024).toFixed(0)} ko` : `${(t / (1024 * 1024)).toFixed(1)} Mo` : "";
+    }
+  },
+  watch: {
+    "attachment.path": { handler() {
+      this.refresh();
+    }, immediate: !0 }
+  },
+  methods: {
+    guessNameFromPath() {
+      var n;
+      return ((((n = this.attachment) == null ? void 0 : n.path) || "").split("/").pop() || "").replace(/^[0-9a-f-]{8,}-/, "");
+    },
+    async refresh() {
+      var t;
+      if (!(!((t = this.attachment) != null && t.path) || !this.signAttachmentFn)) {
+        this.loading = !0;
+        try {
+          this.url = await this.signAttachmentFn(this.attachment.path);
+        } finally {
+          this.loading = !1;
+        }
+      }
+    },
+    onFileClick(t) {
+      this.url || t.preventDefault();
+    }
+  }
+}, Dn = ["href"], jn = ["src", "alt"], Nn = ["src"], Pn = ["src"], Hn = ["href", "download"], zn = { class: "wm-att__main" }, Vn = { class: "wm-att__name" }, qn = {
+  key: 0,
+  class: "wm-att__meta"
+}, Wn = {
+  key: 0,
+  class: "wm-att__spin",
+  "aria-hidden": "true"
+};
+function Gn(t, e, n, a, r, s) {
+  return l(), d("div", {
+    class: B(["wm-att", ["wm-att--" + (s.kind || "file")]])
+  }, [
+    s.kind === "image" && r.url ? (l(), d("a", {
+      key: 0,
+      href: r.url,
+      target: "_blank",
+      rel: "noopener",
+      class: "wm-att__imgWrap"
+    }, [
+      i("img", {
+        src: r.url,
+        alt: s.displayName,
+        loading: "lazy"
+      }, null, 8, jn)
+    ], 8, Dn)) : s.kind === "audio" && r.url ? (l(), d("audio", {
+      key: 1,
+      src: r.url,
+      controls: "",
+      preload: "metadata"
+    }, null, 8, Nn)) : s.kind === "video" && r.url ? (l(), d("video", {
+      key: 2,
+      src: r.url,
+      controls: "",
+      preload: "metadata"
+    }, null, 8, Pn)) : (l(), d("a", {
+      key: 3,
+      class: "wm-att__file",
+      href: r.url || "#",
+      download: s.displayName,
+      target: "_blank",
+      rel: "noopener",
+      onClick: e[0] || (e[0] = (...o) => s.onFileClick && s.onFileClick(...o))
+    }, [
+      e[1] || (e[1] = i("span", { class: "wm-att__icon" }, [
+        i("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "1.7",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          i("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" }),
+          i("path", { d: "M14 2v6h6" })
+        ])
+      ], -1)),
+      i("span", zn, [
+        i("span", Vn, y(s.displayName), 1),
+        s.sizeLabel ? (l(), d("span", qn, y(s.sizeLabel), 1)) : v("", !0)
+      ]),
+      r.loading ? (l(), d("span", Wn)) : v("", !0)
+    ], 8, Hn))
+  ], 2);
+}
+const Kn = /* @__PURE__ */ L(Un, [["render", Gn], ["__scopeId", "data-v-1cd1267b"]]), Yn = {
+  name: "WmBubble",
+  props: {
+    role: { type: String, default: "ai" },
+    // 'user' | 'ai' | 'human'
+    text: { type: String, default: "" }
+  },
+  computed: {
+    rendered() {
+      return be(this.text);
+    }
+  }
+}, Jn = ["innerHTML"];
+function Xn(t, e, n, a, r, s) {
+  return l(), d("div", {
+    class: B(["wm-bubble", "wm-bubble--" + n.role])
+  }, [
+    Te(t.$slots, "default", {}, () => [
+      i("span", { innerHTML: s.rendered }, null, 8, Jn)
+    ], !0)
+  ], 2);
+}
+const Qn = /* @__PURE__ */ L(Yn, [["render", Xn], ["__scopeId", "data-v-bcbe5969"]]), Zn = { name: "WmTyping" }, es = { class: "wm-typing" };
+function ts(t, e, n, a, r, s) {
+  return l(), d("div", es, [...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 ns = /* @__PURE__ */ L(Zn, [["render", ts], ["__scopeId", "data-v-df2447fd"]]);
+function oe(t) {
+  return t ? t.client_msg_id || t.id : "";
+}
+const ss = {
+  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"
+}, rs = 80, is = 200, as = {
+  name: "WmMessageList",
+  components: { AIAvatar: X, HumanAvatar: we, Bubble: Qn, Typing: ns, ActionResult: Fn, AttachmentPreview: Kn, ArtifactRenderer: ke },
+  props: {
+    messages: { type: Array, default: () => [] },
+    streamingActive: { type: Boolean, default: !1 },
+    dateLabel: { type: String, default: "" },
+    // Conversation identity — used to detect a thread switch so the
+    // pinned-scroll logic doesn't carry over from the previous thread.
+    conversationId: { type: [String, Number], default: null },
+    // 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 }
+  },
+  emits: ["load-more"],
+  data() {
+    return {
+      // True while a load-more is in flight and for a short grace
+      // window after, suppressing the per-row fade-up animation so
+      // a freshly prepended history page doesn't visibly flicker
+      // in 50-at-once.
+      silentFades: !1
+    };
+  },
+  computed: {
+    historyExhausted() {
+      return !this.hasMore && !this.loadingMore && this.messages.length >= 20;
+    },
+    groups() {
+      var e, n, a;
+      const t = [];
+      for (const r of this.messages) {
+        const s = this.roleOf(r);
+        if (s === "system") {
+          t.push({
+            key: `sys-${oe(r)}`,
+            role: s,
+            messages: [r],
+            systemLabel: this.systemLabel(r)
+          });
+          continue;
+        }
+        const o = t[t.length - 1];
+        o && o.role === s && (s === "ai" || o.agentName === (((e = r == null ? void 0 : r.author) == null ? void 0 : e.name) || "")) ? o.messages.push(r) : t.push({
+          key: `g-${oe(r)}`,
+          role: s,
+          agentName: ((n = r == null ? void 0 : r.author) == null ? void 0 : n.name) || "",
+          agentAvatarUrl: ((a = r == null ? void 0 : r.author) == null ? void 0 : a.avatar_url) || null,
+          messages: [r]
+        });
+      }
+      return t;
+    }
+  },
+  watch: {
+    messages: { handler: "snapshotAndRestore", deep: !0 },
+    loadingMore(t) {
+      t || (this._pendingLoadMore = !1), this.silentFades = !0, clearTimeout(this._silenceTimer), t || (this._silenceTimer = setTimeout(() => {
+        this.silentFades = !1;
+      }, 250)), this.snapshotAndRestore();
+    },
+    streamingActive: "snapshotAndRestore"
+  },
+  mounted() {
+    this._lastSeenConvId = this.conversationId, this.scrollToBottom();
+  },
+  methods: {
+    messageKey: oe,
+    isAtBottom(t) {
+      return t.scrollHeight - t.scrollTop - t.clientHeight <= rs;
+    },
+    onScroll() {
+      const t = this.$refs.scrollEl;
+      t && (this.loadingMore || !this.hasMore || this._pendingLoadMore || t.scrollTop <= is && (this._pendingLoadMore = !0, this.$emit("load-more")));
+    },
+    // Capture pre-patch scroll state and restore it on the next tick.
+    //
+    // Three regimes, in priority order:
+    //   1. Conv switch       → always snap to bottom.
+    //   2. User was pinned   → snap to bottom (new message at the end).
+    //   3. User scrolled up  → keep an anchor element pinned at its
+    //                          exact viewport offset. We track the
+    //                          anchor's position *relative to the
+    //                          scroll container* (via
+    //                          getBoundingClientRect) rather than an
+    //                          offsetTop delta — that makes the
+    //                          correction idempotent so we can replay
+    //                          it across the next few frames and
+    //                          absorb late layout shifts (images,
+    //                          markdown reflow) in the freshly
+    //                          prepended page. That replay is what
+    //                          removes the residual "half flash".
+    //
+    // The `_scrollSnap` guard coalesces multiple watchers firing in the
+    // same tick (e.g. `messages` + `loadingMore` both change when a page
+    // of history lands) so we only apply the correction once.
+    snapshotAndRestore() {
+      const t = this.$refs.scrollEl;
+      if (!t || this._scrollSnap) return;
+      const e = this._lastSeenConvId !== this.conversationId;
+      this._lastSeenConvId = this.conversationId;
+      const n = this.isAtBottom(t);
+      let a = null;
+      if (!e && !n) {
+        const s = this.pickAnchor(t);
+        if (s != null && s.el) {
+          const o = t.getBoundingClientRect().top;
+          a = {
+            el: s.el,
+            relY: s.el.getBoundingClientRect().top - o
+          };
+        }
+      }
+      const r = { forceBottom: e, wasPinned: n, anchor: a };
+      this._scrollSnap = r, this.$nextTick(() => {
+        if (this._scrollSnap = null, r.forceBottom || r.wasPinned) {
+          t.scrollTop = t.scrollHeight;
+          return;
+        }
+        if (!r.anchor) return;
+        const s = () => {
+          var k;
+          const o = r.anchor;
+          if (!((k = o.el) != null && k.isConnected)) return;
+          const p = o.el.getBoundingClientRect().top - t.getBoundingClientRect().top - o.relY;
+          Math.abs(p) > 0.5 && (t.scrollTop += p);
+        };
+        s(), requestAnimationFrame(() => {
+          s(), requestAnimationFrame(s);
+        });
+      });
+    },
+    // Pick a *stable* DOM element to use as a scroll anchor — one
+    // that will still be mounted after the upcoming patch and whose
+    // `offsetTop` moves in lockstep with content being prepended.
+    //
+    // We must skip:
+    //   - the loader (`wm-list__loadMore`): unmounts when loading
+    //     ends, leaving `anchor.el.isConnected === false`;
+    //   - the history-end marker (`wm-list__historyEnd`): same story;
+    //   - the date sep (`wm-list__sep`): it stays glued to the very
+    //     top of the scroller regardless of prepends, so its
+    //     `offsetTop` delta is always 0 → preservation does nothing
+    //     and the user stays pinned to the top, which is exactly the
+    //     bug we're trying to avoid.
+    //
+    // Falling back to the *first* message group (rather than the
+    // first one past `scrollTop`) when the user is at the very top
+    // is intentional: it's the most reliable anchor and its
+    // `offsetTop` grows by the full prepended height.
+    pickAnchor(t) {
+      const e = t.scrollTop;
+      let n = null;
+      for (const a of t.children)
+        if (a.classList.contains("wm-list__group") && (n || (n = a), a.offsetTop + a.offsetHeight >= e))
+          return { el: a, offsetTop: a.offsetTop };
+      return n ? { el: n, offsetTop: n.offsetTop } : null;
+    },
+    roleOf(t) {
+      var n, a;
+      if ((t == null ? void 0 : t.type) === "system" || ((n = t == null ? void 0 : t.payload) == null ? void 0 : n.type) === "system") return "system";
+      const e = (a = t == null ? void 0 : t.author) == null ? void 0 : a.type;
+      return e === "user" ? "user" : e === "agent_human" ? "human" : "ai";
+    },
+    roleLabel(t) {
+      return t.role === "human" ? t.agentName || "Agent" : "Assistant IA";
+    },
+    // Visible "kind" of a message — drives corner-radius adjacency
+    // 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;
+    },
+    // Per-corner border radius for an item inside a multi-item
+    // cluster. Geometric model:
+    //   - The two corners on the *shared* edge (left for ai/human,
+    //     right for user) become small whenever a neighbour exists
+    //     on that side — the items are flush along that edge.
+    //   - The two corners on the *opposite* edge stay rounded
+    //     unless the neighbour is a strictly-wider item (card vs
+    //     bubble) that physically covers them.
+    // Standalone bubbles (no neighbours) keep the tail design: a
+    // small TL for ai/human, small BR for user.
+    cornersFor(t, e) {
+      const n = t.messages, a = this.itemKindOf(n[e]), r = this.itemKindOf(n[e - 1]), s = this.itemKindOf(n[e + 1]), o = t.role === "user", c = 14, p = 4, k = (N, I) => N === "card" && I === "bubble";
+      let g = c, T = c, R = c, x = c;
+      return o ? (r && (T = p, k(r, a) && (g = p)), s && (R = p, k(s, a) && (x = p)), !r && !s && a === "bubble" && (R = p)) : (r && (g = p, k(r, a) && (T = p)), s && (x = p, k(s, a) && (R = p)), !r && !s && a === "bubble" && (g = p)), { tl: g, tr: T, br: R, bl: x };
+    },
+    // Inline style emitting the four corner CSS variables. Set on
+    // `.wm-list__row` so they cascade to Bubble/ActionResult/
+    // ArtifactRenderer. Returns null for single-item clusters so
+    // those components fall back to their native border-radius.
+    cornersStyle(t, e) {
+      if (t.messages.reduce(
+        (r, s) => r + (this.itemKindOf(s) ? 1 : 0),
+        0
+      ) < 2) return null;
+      const a = this.cornersFor(t, e);
+      return {
+        "--wm-r-tl": `${a.tl}px`,
+        "--wm-r-tr": `${a.tr}px`,
+        "--wm-r-br": `${a.br}px`,
+        "--wm-r-bl": `${a.bl}px`
+      };
+    },
+    lastTimeOf(t) {
+      const e = t.messages[t.messages.length - 1];
+      if (!(e != null && e.created_at)) return "";
+      try {
+        return ye(new Date(e.created_at));
+      } catch {
+        return "";
+      }
+    },
+    attachmentsOf(t) {
+      var n;
+      const e = (n = t == null ? void 0 : t.payload) == null ? void 0 : n.attachments;
+      return Array.isArray(e) ? e : [];
+    },
+    // Returns the artifact descriptor `{ kind, data }` if this message
+    // carries one in `metadata.artifact`. Used to swap the default text
+    // bubble for a dedicated card via `ArtifactRenderer`. Le registry
+    // côté ArtifactRenderer décide quoi afficher pour chaque `kind`.
+    artifactOf(t) {
+      var n;
+      const e = (n = t == null ? void 0 : t.metadata) == null ? void 0 : n.artifact;
+      return !e || typeof e != "object" || typeof e.kind != "string" ? null : e;
+    },
+    actionLabel(t) {
+      var e;
+      return ((e = t == null ? void 0 : t.payload) == null ? void 0 : e.name) || (t == null ? void 0 : t.text_md) || "Action";
+    },
+    actionDetail(t) {
+      var n, a, r, s, o, c;
+      const e = t == null ? void 0 : t.payload;
+      return e ? e.state === "success" ? ((n = e.success) == null ? void 0 : n.summary) || ((r = (a = e.success) == null ? void 0 : a.metadata) == null ? void 0 : r.description) || "" : e.state === "rejected" ? ((s = e.rejected) == null ? void 0 : s.reason) || "Action annulée par l'utilisateur." : e.state === "failure" && (((o = e.failure) == null ? void 0 : o.summary) || ((c = e.failure) == null ? void 0 : c.error)) || "" : "";
+    },
+    actionArtifact(t) {
+      var n, a;
+      const e = (a = (n = t == null ? void 0 : t.payload) == null ? void 0 : n.success) == null ? void 0 : a.artifact;
+      return !e || typeof e != "object" || typeof e.kind != "string" ? null : e;
+    },
+    systemLabel(t) {
+      var r, s, o;
+      const e = (r = t == null ? void 0 : t.payload) == null ? void 0 : r.event, n = ss[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() {
+      const t = this.$refs.scrollEl;
+      t && (t.scrollTop = t.scrollHeight);
+    }
+  }
+}, os = {
+  key: 0,
+  class: "wm-list__loadMore",
+  role: "status",
+  "aria-live": "polite"
+}, ls = {
+  key: 1,
+  class: "wm-list__historyEnd"
+}, ds = {
+  key: 2,
+  class: "wm-list__sep"
+}, cs = { class: "wm-list__sep-label" }, us = {
+  key: 0,
+  class: "wm-list__sysep"
+}, hs = { class: "wm-list__sysep-label" }, ms = {
+  key: 0,
+  class: "wm-list__role"
+}, fs = {
+  key: 0,
+  class: "wm-list__avatarSlot"
+}, _s = {
+  key: 3,
+  class: "wm-list__body"
+}, ps = {
+  key: 3,
+  class: "wm-list__row wm-list__row--ai fade-up"
+}, vs = { class: "wm-list__avatarSlot" };
+function gs(t, e, n, a, r, s) {
+  const o = O("AIAvatar"), c = O("HumanAvatar"), p = O("ActionResult"), k = O("ArtifactRenderer"), g = O("Bubble"), T = O("AttachmentPreview"), R = O("Typing");
+  return l(), d("div", {
+    ref: "scrollEl",
+    class: B(["wm-list", { "wm-list--silent": r.silentFades }]),
+    onScrollPassive: e[0] || (e[0] = (...x) => s.onScroll && s.onScroll(...x))
+  }, [
+    n.loadingMore ? (l(), d("div", os, [...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(), d("div", ls, "Début de la conversation")) : v("", !0),
+    n.dateLabel ? (l(), d("div", ds, [
+      e[2] || (e[2] = i("div", { class: "wm-list__line" }, null, -1)),
+      i("span", cs, y(n.dateLabel), 1),
+      e[3] || (e[3] = i("div", { class: "wm-list__line" }, null, -1))
+    ])) : v("", !0),
+    (l(!0), d(E, null, F(s.groups, (x, N) => (l(), d("div", {
+      key: x.key,
+      class: B(["wm-list__group", "wm-list__group--" + x.role])
+    }, [
+      x.role === "system" ? (l(), d("div", us, [
+        e[4] || (e[4] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
+        i("span", hs, y(x.systemLabel), 1),
+        e[5] || (e[5] = i("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
+      ])) : (l(), d(E, { key: 1 }, [
+        x.role !== "user" ? (l(), d("div", ms, y(s.roleLabel(x)), 1)) : v("", !0),
+        (l(!0), d(E, null, F(x.messages, (I, P) => (l(), d("div", {
+          key: s.messageKey(I),
+          class: B(["wm-list__row fade-up", ["wm-list__row--" + x.role, { "is-pending": I._pending, "is-failed": I._failed }]]),
+          style: H(s.cornersStyle(x, P))
+        }, [
+          x.role !== "user" ? (l(), d("div", fs, [
+            P === x.messages.length - 1 ? (l(), d(E, { key: 0 }, [
+              x.role === "ai" ? (l(), $(o, {
+                key: 0,
+                size: 26
+              })) : (l(), $(c, {
+                key: 1,
+                name: x.agentName,
+                "avatar-url": x.agentAvatarUrl,
+                size: 26
+              }, null, 8, ["name", "avatar-url"]))
+            ], 64)) : v("", !0)
+          ])) : v("", !0),
+          I.type === "action" && I.payload && I.payload.state !== "pending" ? (l(), $(p, {
+            key: 1,
+            state: I.payload.state,
+            label: s.actionLabel(I),
+            detail: s.actionDetail(I),
+            artifact: s.actionArtifact(I)
+          }, null, 8, ["state", "label", "detail", "artifact"])) : s.artifactOf(I) ? (l(), $(k, {
+            key: 2,
+            artifact: s.artifactOf(I)
+          }, null, 8, ["artifact"])) : (l(), d("div", _s, [
+            I.text_md ? (l(), $(g, {
+              key: 0,
+              role: x.role,
+              text: I.text_md
+            }, null, 8, ["role", "text"])) : v("", !0),
+            s.attachmentsOf(I).length ? (l(), d("div", {
+              key: 1,
+              class: B(["wm-list__atts", { "wm-list__atts--align-end": x.role === "user" }])
+            }, [
+              (l(!0), d(E, null, F(s.attachmentsOf(I), (U, V) => (l(), $(T, {
+                key: `${s.messageKey(I)}-att-${V}`,
+                attachment: U
+              }, null, 8, ["attachment"]))), 128))
+            ], 2)) : v("", !0)
+          ]))
+        ], 6))), 128)),
+        s.lastTimeOf(x) ? (l(), d("div", {
+          key: 1,
+          class: B(["wm-list__time", { "wm-list__time--right": x.role === "user" }])
+        }, y(s.lastTimeOf(x)), 3)) : v("", !0)
+      ], 64))
+    ], 2))), 128)),
+    n.streamingActive ? (l(), d("div", ps, [
+      i("div", vs, [
+        z(o, { size: 26 })
+      ]),
+      z(R)
+    ])) : v("", !0)
+  ], 34);
+}
+const ys = /* @__PURE__ */ L(as, [["render", gs], ["__scopeId", "data-v-f23f2f8c"]]), te = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ce = typeof window < "u" && typeof window.MediaRecorder < "u";
+function ws() {
+  return ce && [
+    "video/webm;codecs=vp9,opus",
+    "video/webm;codecs=vp8,opus",
+    "video/webm",
+    "video/mp4"
+  ].find((e) => {
+    var n, a;
+    return (a = (n = window.MediaRecorder).isTypeSupported) == null ? void 0 : a.call(n, e);
+  }) || "";
+}
+function Ce({ audio: t }) {
+  return {
+    video: !0,
+    audio: !!t,
+    selfBrowserSurface: "include",
+    surfaceSwitching: "include",
+    systemAudio: t ? "include" : "exclude"
+  };
+}
+function Bi(t) {
+  return t ? t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : "file" : "file";
+}
+async function bs() {
+  if (!te) return null;
+  let t;
+  try {
+    t = await navigator.mediaDevices.getDisplayMedia(Ce({ audio: !1 }));
+  } catch (e) {
+    return (e == null ? void 0 : e.name) !== "NotAllowedError" && console.error("[media] screenshot picker", e), null;
+  }
+  try {
+    return await ks(t);
+  } catch (e) {
+    return console.error("[media] screenshot capture", e), null;
+  } finally {
+    t.getTracks().forEach((e) => {
+      e.stop();
+    });
+  }
+}
+async function ks(t) {
+  const e = document.createElement("video");
+  e.muted = !0, e.playsInline = !0, e.srcObject = t, await e.play(), await new Promise((c) => requestAnimationFrame(c));
+  const n = e.videoWidth || 1280, a = e.videoHeight || 720, r = document.createElement("canvas");
+  r.width = n, r.height = a, r.getContext("2d").drawImage(e, 0, 0, n, a);
+  const s = await new Promise((c, p) => {
+    r.toBlob((k) => k ? c(k) : p(new Error("toBlob failed")), "image/png");
+  }), o = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
+  return new File([s], `capture-${o}.png`, { type: "image/png" });
+}
+async function Cs(t = {}) {
+  var k;
+  if (!te || !ce) return null;
+  let e;
+  try {
+    e = await navigator.mediaDevices.getDisplayMedia(Ce({ audio: !0 }));
+  } catch (g) {
+    return (g == null ? void 0 : g.name) !== "NotAllowedError" && console.error("[media] record picker", g), null;
+  }
+  const n = ws();
+  let a;
+  try {
+    a = n ? new window.MediaRecorder(e, { mimeType: n }) : new window.MediaRecorder(e);
+  } catch (g) {
+    return console.error("[media] recorder init", g), e.getTracks().forEach((T) => {
+      T.stop();
+    }), null;
+  }
+  const r = [];
+  let s = null, o = !1;
+  a.addEventListener("dataavailable", (g) => {
+    g.data && g.data.size > 0 && r.push(g.data);
+  }), a.addEventListener("stop", () => {
+    var g, T;
+    if (s && clearInterval(s), e.getTracks().forEach((R) => {
+      R.stop();
+    }), r.length) {
+      const R = a.mimeType || n || "video/webm", x = new Blob(r, { type: R }), N = /mp4/.test(R) ? "mp4" : "webm", I = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), P = new File([x], `ecran-${I}.${N}`, { type: R });
+      (g = t.onfinalize) == null || g.call(t, P);
+    } else
+      (T = t.oncancel) == null || T.call(t);
+  }), e.getVideoTracks().forEach((g) => {
+    g.addEventListener("ended", () => c(), { once: !0 });
+  });
+  function c() {
+    if (!o && (o = !0, a.state !== "inactive"))
+      try {
+        a.stop();
+      } catch (g) {
+        console.error("[media] recorder stop", g);
+      }
+  }
+  try {
+    a.start(1e3);
+  } catch (g) {
+    return console.error("[media] recorder start", g), e.getTracks().forEach((T) => {
+      T.stop();
+    }), null;
+  }
+  (k = t.onstart) == null || k.call(t);
+  const p = Date.now();
+  return s = setInterval(() => {
+    var g;
+    (g = t.ontick) == null || g.call(t, Date.now() - p);
+  }, 500), {
+    stop: c,
+    get state() {
+      return a.state;
+    }
+  };
+}
+const As = [
+  {
+    action: "file",
+    label: "Joindre un fichier",
+    path: "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"
+  },
+  {
+    action: "screenshot",
+    label: "Capture d'écran",
+    path: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z M12 17a4 4 0 100-8 4 4 0 000 8z"
+  },
+  {
+    action: "record",
+    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"
+  }
+], Ss = {
+  name: "WmComposer",
+  props: {
+    modelValue: { type: String, default: "" },
+    placeholder: { type: String, default: "Écrivez votre message…" },
+    disabled: { type: Boolean, default: !1 },
+    attachLabel: { type: String, default: "Joindre" }
+  },
+  emits: ["update:modelValue", "send", "attach"],
+  data() {
+    return {
+      local: this.modelValue,
+      attachOpen: !1,
+      recording: !1,
+      recordingElapsed: 0,
+      recorder: null
+    };
+  },
+  computed: {
+    canSend() {
+      return !this.disabled && !!this.local.trim();
+    },
+    attachItems() {
+      return As.map((t) => ({
+        ...t,
+        disabled: t.action === "screenshot" && !te || t.action === "record" && (!te || !ce)
+      }));
+    },
+    recordingElapsedLabel() {
+      const t = Math.floor(this.recordingElapsed / 1e3), e = Math.floor(t / 60), n = t % 60;
+      return `${e}:${n.toString().padStart(2, "0")}`;
+    }
+  },
+  watch: {
+    modelValue(t) {
+      t !== this.local && (this.local = t, this.$nextTick(() => this.autosize()));
+    },
+    local(t) {
+      this.$emit("update:modelValue", t);
+    }
+  },
+  mounted() {
+    this.autosize();
+  },
+  beforeUnmount() {
+    if (this.recorder)
+      try {
+        this.recorder.stop();
+      } catch {
+      }
+  },
+  methods: {
+    // Imperatively move the caret into the textarea — called by the
+    // parent right after a fresh conversation is started so the user
+    // can type immediately without an extra click.
+    focus() {
+      const t = this.$refs.inputEl;
+      if (!(!t || this.disabled))
+        try {
+          t.focus({ preventScroll: !0 });
+        } catch {
+          t.focus();
+        }
+    },
+    onSubmit() {
+      if (!this.canSend) return;
+      const t = this.local.trim();
+      this.local = "", this.$emit("send", t), this.$nextTick(() => this.autosize());
+    },
+    // Enter sends; Shift+Enter (or Ctrl/Cmd+Enter) inserts a newline so
+    // the user can compose multi-line messages without losing the
+    // single-key send affordance.
+    onKeydown(t) {
+      t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && !t.isComposing && (t.preventDefault(), this.onSubmit());
+    },
+    // Auto-resize the textarea to fit its content, capped by the CSS
+    // max-height (~6 lines) — the overflow then scrolls.
+    autosize() {
+      const t = this.$refs.inputEl;
+      t && (t.style.height = "auto", t.style.height = `${t.scrollHeight}px`);
+    },
+    onFile(t) {
+      const e = Array.from(t.target.files || []);
+      for (const n of e) this.$emit("attach", n);
+      t.target.value = "";
+    },
+    onAttachAction(t) {
+      this.attachOpen = !1, t === "file" ? this.pickFile() : t === "screenshot" ? this.captureScreenshot() : t === "record" && this.startRecording();
+    },
+    pickFile() {
+      var t;
+      (t = this.$refs.fileEl) == null || t.click();
+    },
+    async captureScreenshot() {
+      if (this.disabled) return;
+      const t = await bs();
+      t && this.$emit("attach", t);
+    },
+    async startRecording() {
+      if (this.recording || this.disabled) return;
+      this.recordingElapsed = 0;
+      const t = await Cs({
+        onstart: () => {
+          this.recording = !0;
+        },
+        ontick: (e) => {
+          this.recordingElapsed = e;
+        },
+        onfinalize: (e) => {
+          this.$emit("attach", e), this.recording = !1, this.recordingElapsed = 0, this.recorder = null;
+        },
+        oncancel: () => {
+          this.recording = !1, this.recordingElapsed = 0, this.recorder = null;
+        }
+      });
+      t && (this.recorder = t);
+    },
+    stopRecording() {
+      if (this.recorder)
+        try {
+          this.recorder.stop();
+        } catch (t) {
+          console.error("[composer] stop recording", t);
+        }
+    }
+  }
+}, xs = { class: "wm-compose-wrap" }, Ms = {
+  key: 0,
+  class: "wm-rec"
+}, Ts = { class: "wm-rec__lbl" }, Is = {
+  key: 1,
+  class: "wm-compose__menu",
+  role: "menu"
+}, Os = ["disabled", "onClick"], Es = { class: "wm-compose__menuIcon" }, Bs = {
+  viewBox: "0 0 24 24",
+  width: "14",
+  height: "14",
+  "aria-hidden": "true"
+}, Ls = ["d"], Rs = ["placeholder", "disabled"], $s = { class: "wm-compose__actions" }, Fs = ["title", "aria-label", "disabled"], Us = ["disabled"];
+function Ds(t, e, n, a, r, s) {
+  return l(), d("div", xs, [
+    r.recording ? (l(), d("div", Ms, [
+      e[8] || (e[8] = i("span", {
+        class: "wm-rec__dot",
+        "aria-hidden": "true"
+      }, null, -1)),
+      i("span", Ts, "Enregistrement · " + y(s.recordingElapsedLabel), 1),
+      i("button", {
+        type: "button",
+        class: "wm-rec__stop",
+        onClick: e[0] || (e[0] = (...o) => s.stopRecording && s.stopRecording(...o))
+      }, "Arrêter")
+    ])) : v("", !0),
+    i("form", {
+      class: B(["wm-compose", { "has-attach": r.attachOpen }]),
+      onSubmit: e[7] || (e[7] = J((...o) => s.onSubmit && s.onSubmit(...o), ["prevent"]))
+    }, [
+      i("input", {
+        ref: "fileEl",
+        type: "file",
+        hidden: "",
+        multiple: "",
+        onChange: e[1] || (e[1] = (...o) => s.onFile && s.onFile(...o))
+      }, null, 544),
+      r.attachOpen ? (l(), d("div", {
+        key: 0,
+        class: "wm-compose__overlay",
+        onClick: e[2] || (e[2] = (o) => r.attachOpen = !1)
+      })) : v("", !0),
+      r.attachOpen ? (l(), d("div", Is, [
+        (l(!0), d(E, null, F(s.attachItems, (o) => (l(), d("button", {
+          key: o.action,
+          type: "button",
+          class: "wm-compose__menuItem",
+          disabled: o.disabled,
+          onClick: (c) => s.onAttachAction(o.action)
+        }, [
+          i("span", Es, [
+            (l(), d("svg", Bs, [
+              i("path", {
+                d: o.path,
+                stroke: "currentColor",
+                "stroke-width": "1.8",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                fill: "none"
+              }, null, 8, Ls)
+            ]))
+          ]),
+          i("span", null, y(o.label), 1)
+        ], 8, Os))), 128))
+      ])) : v("", !0),
+      q(i("textarea", {
+        ref: "inputEl",
+        "onUpdate:modelValue": e[3] || (e[3] = (o) => r.local = o),
+        class: "wm-compose__input",
+        rows: "3",
+        placeholder: n.placeholder,
+        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, Rs), [
+        [G, r.local]
+      ]),
+      i("div", $s, [
+        i("button", {
+          type: "button",
+          class: B(["wm-compose__icon", { "is-open": r.attachOpen }]),
+          title: n.attachLabel,
+          "aria-label": n.attachLabel,
+          disabled: r.recording,
+          onClick: e[6] || (e[6] = (o) => r.attachOpen = !r.attachOpen)
+        }, [...e[9] || (e[9] = [
+          i("svg", {
+            width: "13",
+            height: "13",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            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, Fs),
+        i("button", {
+          type: "submit",
+          class: B(["wm-compose__send", { "is-empty": !s.canSend }]),
+          disabled: !s.canSend,
+          "aria-label": "Envoyer"
+        }, [...e[10] || (e[10] = [
+          i("svg", {
+            width: "13",
+            height: "13",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            i("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
+          ], -1)
+        ])], 10, Us)
+      ])
+    ], 34)
+  ]);
+}
+const js = /* @__PURE__ */ L(Ss, [["render", Ds], ["__scopeId", "data-v-14fa9ec0"]]), Ns = {
+  name: "WmSuggestionChips",
+  props: {
+    items: { type: Array, default: () => [] },
+    // Lets the chips wait for the latest message to land before they pop
+    // in. Bumped by the parent on each new suggestion set.
+    baseDelay: { type: Number, default: 360 },
+    stepDelay: { type: Number, default: 90 }
+  },
+  emits: ["select"],
+  computed: {
+    // Re-key the whole strip on any content change so Vue tears down
+    // the chips and the entry animation replays for the new set.
+    batchKey() {
+      return this.items.map((t) => (t == null ? void 0 : t.label) || (t == null ? void 0 : t.text) || "").join("§");
+    }
+  }
+}, Ps = ["onClick"];
+function Hs(t, e, n, a, r, s) {
+  return n.items.length ? (l(), d("div", {
+    key: s.batchKey,
+    class: "wm-chips"
+  }, [
+    (l(!0), d(E, null, F(n.items, (o, c) => (l(), d("button", {
+      key: c,
+      type: "button",
+      class: "wm-chip",
+      style: H({ animationDelay: n.baseDelay + c * n.stepDelay + "ms" }),
+      onClick: (p) => t.$emit("select", o)
+    }, y(o.label), 13, Ps))), 128))
+  ])) : v("", !0);
+}
+const zs = /* @__PURE__ */ L(Ns, [["render", Hs], ["__scopeId", "data-v-55aa529d"]]), Vs = {
+  name: "WmApprovalCard",
+  components: { AIAvatar: X },
+  props: {
+    action: { type: String, required: !0 },
+    detail: { type: String, default: "" },
+    callbacks: { type: Array, default: () => [] }
+  },
+  emits: ["callback"],
+  computed: {
+    approveCallback() {
+      return this.callbacks.find((t) => t.id === "approve" || t.style === "primary") || this.callbacks[0];
+    },
+    rejectCallback() {
+      return this.callbacks.find((t) => t.id === "reject" || t.style === "danger" || t.style === "neutral") || (this.callbacks.length > 1 ? this.callbacks[1] : null);
+    },
+    approveId() {
+      var t;
+      return (t = this.approveCallback) == null ? void 0 : t.id;
+    },
+    rejectId() {
+      var t;
+      return (t = this.rejectCallback) == null ? void 0 : t.id;
+    },
+    approveLabel() {
+      var t;
+      return ((t = this.approveCallback) == null ? void 0 : t.label) || "Autoriser";
+    },
+    rejectLabel() {
+      var t;
+      return ((t = this.rejectCallback) == null ? void 0 : t.label) || "Refuser";
+    }
+  }
+}, qs = { class: "wm-approval" }, Ws = { class: "wm-approval__head" }, Gs = { class: "wm-approval__icon" }, Ks = { class: "wm-approval__main" }, Ys = { class: "wm-approval__title" }, Js = {
+  key: 0,
+  class: "wm-approval__detail"
+}, Xs = { class: "wm-approval__actions" };
+function Qs(t, e, n, a, r, s) {
+  const o = O("AIAvatar");
+  return l(), d("div", qs, [
+    i("div", Ws, [
+      i("div", Gs, [
+        z(o, { size: 24 })
+      ]),
+      i("div", Ks, [
+        i("div", Ys, y(n.action), 1),
+        n.detail ? (l(), d("div", Js, y(n.detail), 1)) : v("", !0)
+      ])
+    ]),
+    i("div", Xs, [
+      s.rejectId ? (l(), d("button", {
+        key: 0,
+        type: "button",
+        class: "wm-approval__btn wm-approval__btn--neutral",
+        onClick: e[0] || (e[0] = (c) => t.$emit("callback", s.rejectId))
+      }, y(s.rejectLabel), 1)) : v("", !0),
+      s.approveId ? (l(), d("button", {
+        key: 1,
+        type: "button",
+        class: "wm-approval__btn wm-approval__btn--primary",
+        onClick: e[1] || (e[1] = (c) => t.$emit("callback", s.approveId))
+      }, y(s.approveLabel), 1)) : v("", !0)
+    ])
+  ]);
+}
+const Zs = /* @__PURE__ */ L(Vs, [["render", Qs], ["__scopeId", "data-v-b1be139c"]]);
+let _e = 0;
+const er = /* @__PURE__ */ new Set([
+  "text",
+  "textarea",
+  "number",
+  "boolean",
+  "select",
+  "multiselect",
+  "date"
+]), tr = {
+  name: "WmFormCard",
+  components: { AIAvatar: X },
+  props: {
+    form: { type: Object, required: !0 },
+    readOnly: { type: Boolean, default: !1 },
+    initialValues: { type: Object, default: null }
+  },
+  emits: ["submit"],
+  data() {
+    return _e += 1, {
+      _uid: _e,
+      values: {},
+      busy: !1,
+      error: ""
+    };
+  },
+  computed: {
+    // Filtre les champs invalides (type inconnu, select/multiselect sans
+    // options) plutôt que de planter le rendu si le LLM a passé un schéma
+    // 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) || !er.has(n == null ? void 0 : n.type) || (n.type === "select" || n.type === "multiselect") && (!Array.isArray(n.options) || n.options.length === 0)));
+    }
+  },
+  created() {
+    this.resetValues();
+  },
+  methods: {
+    resetValues() {
+      const t = this.initialValues && typeof this.initialValues == "object" ? this.initialValues : {}, e = {};
+      for (const n of this.normalizedFields) {
+        if (t[n.key] !== void 0) {
+          e[n.key] = t[n.key];
+          continue;
+        }
+        n.type === "boolean" ? e[n.key] = !1 : n.type === "multiselect" ? e[n.key] = [] : e[n.key] = "";
+      }
+      this.values = e, this.error = "";
+    },
+    toggleMulti(t, e, n) {
+      const a = Array.isArray(this.values[t]) ? this.values[t].slice() : [], r = a.indexOf(e);
+      n && r === -1 ? a.push(e) : !n && r !== -1 && a.splice(r, 1), this.values = { ...this.values, [t]: a };
+    },
+    validate() {
+      for (const t of this.normalizedFields) {
+        if (!t.required) continue;
+        const e = this.values[t.key];
+        if (t.type !== "boolean") {
+          if (t.type === "multiselect") {
+            if (!Array.isArray(e) || e.length === 0) return `« ${t.label} » est requis.`;
+            continue;
+          }
+          if (e == null || e === "") return `« ${t.label} » est requis.`;
+        }
+      }
+      return "";
+    },
+    async onSubmit() {
+      if (this.readOnly || this.busy) return;
+      const t = this.validate();
+      if (t) {
+        this.error = t;
+        return;
+      }
+      this.error = "", this.busy = !0;
+      try {
+        await this.$emit("submit", { values: this.values });
+      } finally {
+        this.busy = !1;
+      }
+    }
+  }
+}, nr = { class: "wm-form" }, sr = { class: "wm-form__head" }, rr = { class: "wm-form__icon" }, ir = { class: "wm-form__main" }, ar = { class: "wm-form__title" }, or = {
+  key: 0,
+  class: "wm-form__detail"
+}, lr = ["for"], dr = {
+  key: 0,
+  class: "wm-form__req",
+  "aria-hidden": "true"
+}, cr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], ur = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], hr = ["id", "onUpdate:modelValue", "placeholder", "required", "disabled"], mr = ["id", "onUpdate:modelValue", "required", "disabled"], fr = {
+  key: 4,
+  class: "wm-form__bool"
+}, _r = ["id", "onUpdate:modelValue", "disabled"], pr = ["id", "onUpdate:modelValue", "required", "disabled"], vr = {
+  value: "",
+  disabled: ""
+}, gr = ["value"], yr = {
+  key: 6,
+  class: "wm-form__multi"
+}, wr = ["value", "checked", "disabled", "onChange"], br = {
+  key: 0,
+  class: "wm-form__err"
+}, kr = ["disabled"], Cr = {
+  key: 0,
+  class: "wm-form__spinner",
+  "aria-hidden": "true"
+}, Ar = {
+  key: 2,
+  class: "wm-form__doneLbl"
+};
+function Sr(t, e, n, a, r, s) {
+  const o = O("AIAvatar");
+  return l(), d("div", nr, [
+    i("div", sr, [
+      i("div", rr, [
+        z(o, { size: 24 })
+      ]),
+      i("div", ir, [
+        i("div", ar, y(n.form.title || "Formulaire"), 1),
+        n.form.description ? (l(), d("div", or, y(n.form.description), 1)) : v("", !0)
+      ])
+    ]),
+    i("form", {
+      class: "wm-form__body",
+      onSubmit: e[0] || (e[0] = J((...c) => s.onSubmit && s.onSubmit(...c), ["prevent"]))
+    }, [
+      (l(!0), d(E, null, F(s.normalizedFields, (c) => (l(), d("div", {
+        key: c.key,
+        class: "wm-form__field"
+      }, [
+        i("label", {
+          for: `wm-f-${r._uid}-${c.key}`,
+          class: "wm-form__label"
+        }, [
+          se(y(c.label), 1),
+          c.required ? (l(), d("span", dr, "*")) : v("", !0)
+        ], 8, lr),
+        c.type === "text" ? q((l(), d("input", {
+          key: 0,
+          id: `wm-f-${r._uid}-${c.key}`,
+          "onUpdate:modelValue": (p) => r.values[c.key] = p,
+          type: "text",
+          class: "wm-form__input",
+          placeholder: c.placeholder || "",
+          required: c.required,
+          disabled: n.readOnly || r.busy
+        }, null, 8, cr)), [
+          [G, r.values[c.key]]
+        ]) : c.type === "textarea" ? q((l(), d("textarea", {
+          key: 1,
+          id: `wm-f-${r._uid}-${c.key}`,
+          "onUpdate:modelValue": (p) => r.values[c.key] = p,
+          class: "wm-form__textarea",
+          rows: "3",
+          placeholder: c.placeholder || "",
+          required: c.required,
+          disabled: n.readOnly || r.busy
+        }, null, 8, ur)), [
+          [G, r.values[c.key]]
+        ]) : c.type === "number" ? q((l(), d("input", {
+          key: 2,
+          id: `wm-f-${r._uid}-${c.key}`,
+          "onUpdate:modelValue": (p) => r.values[c.key] = p,
+          type: "number",
+          class: "wm-form__input",
+          placeholder: c.placeholder || "",
+          required: c.required,
+          disabled: n.readOnly || r.busy
+        }, null, 8, hr)), [
+          [
+            G,
+            r.values[c.key],
+            void 0,
+            { number: !0 }
+          ]
+        ]) : c.type === "date" ? q((l(), d("input", {
+          key: 3,
+          id: `wm-f-${r._uid}-${c.key}`,
+          "onUpdate:modelValue": (p) => r.values[c.key] = p,
+          type: "date",
+          class: "wm-form__input",
+          required: c.required,
+          disabled: n.readOnly || r.busy
+        }, null, 8, mr)), [
+          [G, r.values[c.key]]
+        ]) : c.type === "boolean" ? (l(), d("label", fr, [
+          q(i("input", {
+            id: `wm-f-${r._uid}-${c.key}`,
+            "onUpdate:modelValue": (p) => r.values[c.key] = p,
+            type: "checkbox",
+            disabled: n.readOnly || r.busy
+          }, null, 8, _r), [
+            [Ie, r.values[c.key]]
+          ]),
+          i("span", null, y(c.placeholder || "Oui"), 1)
+        ])) : c.type === "select" ? q((l(), d("select", {
+          key: 5,
+          id: `wm-f-${r._uid}-${c.key}`,
+          "onUpdate:modelValue": (p) => r.values[c.key] = p,
+          class: "wm-form__select",
+          required: c.required,
+          disabled: n.readOnly || r.busy
+        }, [
+          i("option", vr, y(c.placeholder || "Choisir…"), 1),
+          (l(!0), d(E, null, F(c.options, (p) => (l(), d("option", {
+            key: p.value,
+            value: p.value
+          }, y(p.label), 9, gr))), 128))
+        ], 8, pr)), [
+          [Oe, r.values[c.key]]
+        ]) : c.type === "multiselect" ? (l(), d("div", yr, [
+          (l(!0), d(E, null, F(c.options, (p) => (l(), d("label", {
+            key: p.value,
+            class: "wm-form__multiItem"
+          }, [
+            i("input", {
+              type: "checkbox",
+              value: p.value,
+              checked: Array.isArray(r.values[c.key]) && r.values[c.key].includes(p.value),
+              disabled: n.readOnly || r.busy,
+              onChange: (k) => s.toggleMulti(c.key, p.value, k.target.checked)
+            }, null, 40, wr),
+            i("span", null, y(p.label), 1)
+          ]))), 128))
+        ])) : v("", !0)
+      ]))), 128)),
+      r.error ? (l(), d("div", br, y(r.error), 1)) : v("", !0),
+      n.readOnly ? (l(), d("div", Ar, "Réponse envoyée")) : (l(), d("button", {
+        key: 1,
+        type: "submit",
+        class: "wm-form__submit",
+        disabled: r.busy
+      }, [
+        r.busy ? (l(), d("span", Cr)) : v("", !0),
+        i("span", null, y(r.busy ? "Envoi…" : n.form.submit_label || "Envoyer"), 1)
+      ], 8, kr))
+    ], 32)
+  ]);
+}
+const xr = /* @__PURE__ */ L(tr, [["render", Sr], ["__scopeId", "data-v-64b40f76"]]), Mr = {
+  name: "WmFeedback",
+  props: {
+    busy: { type: Boolean, default: !1 },
+    done: { type: Boolean, default: !1 }
+  },
+  emits: ["submit"],
+  data() {
+    return {
+      sel: null,
+      options: [
+        { v: 1, e: "😞", l: "Pas bien" },
+        { v: 2, e: "😐", l: "Moyen" },
+        { v: 3, e: "🙂", l: "Bien" },
+        { v: 4, e: "😄", l: "Super" },
+        { v: 5, e: "🤩", l: "Excellent" }
+      ]
+    };
+  },
+  methods: {
+    onSend() {
+      !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
+    }
+  }
+}, Tr = { class: "wm-fb" }, Ir = { class: "wm-fb__row" }, Or = ["onClick"], Er = { class: "wm-fb__emoji" }, Br = { class: "wm-fb__label" }, Lr = ["disabled"], Rr = {
+  key: 1,
+  class: "wm-fb__done"
+};
+function $r(t, e, n, a, r, s) {
+  return l(), d("div", Tr, [
+    n.done ? (l(), d("div", Rr, [...e[3] || (e[3] = [
+      de('<div class="wm-fb__check" data-v-6f45ff3b><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-v-6f45ff3b><path d="M20 6L9 17l-5-5" data-v-6f45ff3b></path></svg></div><div class="wm-fb__doneTitle" data-v-6f45ff3b>Merci pour votre retour !</div><div class="wm-fb__doneSub" data-v-6f45ff3b>Votre avis a bien été pris en compte.</div>', 3)
+    ])])) : (l(), d(E, { 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", Ir, [
+        (l(!0), d(E, null, F(r.options, (o) => (l(), d("button", {
+          key: o.v,
+          type: "button",
+          class: B(["wm-fb__opt", { "is-selected": r.sel === o.v }]),
+          onClick: (c) => r.sel = o.v
+        }, [
+          i("span", Er, y(o.e), 1),
+          i("span", Br, y(o.l), 1)
+        ], 10, Or))), 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))
+      }, y(n.busy ? "Envoi…" : "Envoyer mon avis"), 9, Lr)
+    ], 64))
+  ]);
+}
+const Fr = /* @__PURE__ */ L(Mr, [["render", $r], ["__scopeId", "data-v-6f45ff3b"]]);
+function Ur(t) {
+  const e = new Date(t);
+  return e.setHours(0, 0, 0, 0), e;
+}
+const Dr = {
+  name: "WmHistoryDrawer",
+  props: {
+    conversations: { type: Array, default: () => [] },
+    activeId: { type: [String, Number], default: null }
+  },
+  emits: ["close", "new", "pick"],
+  data() {
+    return { query: "" };
+  },
+  computed: {
+    normalized() {
+      return (Array.isArray(this.conversations) ? this.conversations.slice() : []).map((e) => {
+        var r;
+        const n = e.last_message_at || e.updated_at || e.created_at || null, a = n ? Date.parse(n) : 0;
+        return {
+          id: e.id,
+          raw: e,
+          title: e.name || "Nouvelle conversation",
+          // `_preview` / `_unread` are computed by the parent
+          // from the cached messages + local read state.
+          preview: e._preview || e.last_message_preview || e.preview || ((r = e.metadata) == null ? void 0 : r.last_preview) || "",
+          unread: !!e._unread,
+          stamp: a
+        };
+      }).sort((e, n) => n.stamp - e.stamp);
+    },
+    filtered() {
+      const t = this.query.trim().toLowerCase();
+      return t ? this.normalized.filter(
+        (e) => (e.title || "").toLowerCase().includes(t) || (e.preview || "").toLowerCase().includes(t)
+      ) : this.normalized;
+    },
+    groups() {
+      const e = Ur(/* @__PURE__ */ new Date()).getTime(), n = e - 6 * 864e5, a = [], r = [], s = [];
+      for (const o of this.filtered) {
+        if (!o.stamp) {
+          s.push(o);
+          continue;
+        }
+        o.stamp >= e ? a.push(o) : o.stamp >= n ? r.push(o) : s.push(o);
+      }
+      return [
+        { key: "today", label: "Aujourd'hui", items: a },
+        { key: "week", label: "Cette semaine", items: r },
+        { key: "older", label: "Plus ancien", items: s }
+      ];
+    },
+    hasAny() {
+      return this.filtered.length > 0;
+    }
+  }
+}, jr = { class: "wm-hd" }, Nr = {
+  class: "wm-hd__panel",
+  role: "dialog",
+  "aria-label": "Vos discussions"
+}, Pr = { class: "wm-hd__head" }, Hr = { class: "wm-hd__top" }, zr = { class: "wm-hd__search" }, Vr = { class: "wm-hd__list" }, qr = {
+  key: 0,
+  class: "wm-hd__group"
+}, Wr = { class: "wm-hd__groupLabel" }, Gr = { class: "wm-hd__rows" }, Kr = ["onClick"], Yr = { class: "wm-hd__rowIcon" }, Jr = {
+  key: 0,
+  class: "wm-hd__rowDot",
+  "aria-label": "Message non lu"
+}, Xr = { class: "wm-hd__rowBody" }, Qr = { class: "wm-hd__rowTop" }, Zr = { class: "wm-hd__rowTitle" }, ei = { class: "wm-hd__rowPreview" }, ti = {
+  key: 0,
+  class: "wm-hd__empty"
+};
+function ni(t, e, n, a, r, s) {
+  return l(), d("div", jr, [
+    i("div", {
+      class: "wm-hd__scrim",
+      onClick: e[0] || (e[0] = (o) => t.$emit("close"))
+    }),
+    i("aside", Nr, [
+      i("div", Pr, [
+        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.")
+        ], -1)),
+        i("button", {
+          type: "button",
+          class: "wm-hd__close",
+          "aria-label": "Fermer",
+          onClick: e[1] || (e[1] = (o) => t.$emit("close"))
+        }, [...e[4] || (e[4] = [
+          i("svg", {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            i("path", { d: "M18 6L6 18M6 6l12 12" })
+          ], -1)
+        ])])
+      ]),
+      i("div", Hr, [
+        i("button", {
+          type: "button",
+          class: "wm-hd__new",
+          onClick: e[2] || (e[2] = (o) => t.$emit("new"))
+        }, [...e[6] || (e[6] = [
+          i("span", { class: "wm-hd__newIcon" }, [
+            i("svg", {
+              width: "12",
+              height: "12",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2.2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "aria-hidden": "true"
+            }, [
+              i("path", { d: "M12 5v14M5 12h14" })
+            ])
+          ], -1),
+          i("span", null, "Démarrer un nouveau fil", -1)
+        ])]),
+        i("div", zr, [
+          e[7] || (e[7] = i("span", { class: "wm-hd__searchIcon" }, [
+            i("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"
+            }, [
+              i("path", { d: "M21 21l-4.35-4.35M11 17a6 6 0 100-12 6 6 0 000 12z" })
+            ])
+          ], -1)),
+          q(i("input", {
+            "onUpdate:modelValue": e[3] || (e[3] = (o) => r.query = o),
+            type: "text",
+            placeholder: "Rechercher dans vos messages",
+            "aria-label": "Rechercher dans vos messages"
+          }, null, 512), [
+            [G, r.query]
+          ])
+        ])
+      ]),
+      i("div", Vr, [
+        (l(!0), d(E, null, F(s.groups, (o) => (l(), d(E, {
+          key: o.key
+        }, [
+          o.items.length ? (l(), d("div", qr, [
+            i("div", Wr, y(o.label), 1),
+            i("div", Gr, [
+              (l(!0), d(E, null, F(o.items, (c) => (l(), d("button", {
+                key: c.id,
+                type: "button",
+                class: B(["wm-hd__row", {
+                  "wm-hd__row--active": c.id === n.activeId,
+                  "wm-hd__row--unread": c.unread
+                }]),
+                onClick: (p) => t.$emit("pick", c)
+              }, [
+                i("div", Yr, [
+                  e[8] || (e[8] = i("svg", {
+                    width: "11",
+                    height: "11",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    "aria-hidden": "true"
+                  }, [
+                    i("path", {
+                      d: "M12 2 L13.5 9 L20 10.5 L13.5 12 L12 19 L10.5 12 L4 10.5 L10.5 9 Z",
+                      fill: "white",
+                      opacity: "0.92"
+                    })
+                  ], -1)),
+                  c.unread ? (l(), d("span", Jr)) : v("", !0)
+                ]),
+                i("div", Xr, [
+                  i("div", Qr, [
+                    i("span", Zr, y(c.title), 1)
+                  ]),
+                  i("div", ei, y(c.preview || "Aucun message"), 1)
+                ])
+              ], 10, Kr))), 128))
+            ])
+          ])) : v("", !0)
+        ], 64))), 128)),
+        s.hasAny ? v("", !0) : (l(), d("div", ti, " Aucun fil pour le moment. "))
+      ])
+    ])
+  ]);
+}
+const si = /* @__PURE__ */ L(Dr, [["render", ni], ["__scopeId", "data-v-1259e822"]]), ri = {
+  name: "WmMoreMenu",
+  props: {
+    canRename: { type: Boolean, default: !0 },
+    canClear: { type: Boolean, default: !0 },
+    canExport: { type: Boolean, default: !0 },
+    notifEnabled: { type: Boolean, default: !0 },
+    statusUrl: { type: String, default: "" },
+    helpUrl: { type: String, default: "" }
+  },
+  emits: ["close", "action", "notif-toggle"],
+  data() {
+    return { notifOn: this.notifEnabled };
+  },
+  watch: {
+    notifEnabled(t) {
+      this.notifOn = !!t;
+    }
+  },
+  methods: {
+    emit(t) {
+      this.$emit("action", t);
+    },
+    toggleNotif() {
+      this.notifOn = !this.notifOn, this.$emit("notif-toggle", this.notifOn);
+    }
+  }
+}, ii = { class: "wm-mm" }, ai = {
+  class: "wm-mm__pop",
+  role: "menu"
+}, oi = { class: "wm-mm__section" }, li = { class: "wm-mm__section" }, di = { class: "wm-mm__section" };
+function ci(t, e, n, a, r, s) {
+  return l(), d("div", ii, [
+    i("div", {
+      class: "wm-mm__scrim",
+      onClick: e[0] || (e[0] = (o) => t.$emit("close"))
+    }),
+    i("div", ai, [
+      i("div", oi, [
+        i("button", {
+          type: "button",
+          class: "wm-mm__item",
+          onClick: e[1] || (e[1] = (o) => s.emit("history"))
+        }, [...e[8] || (e[8] = [
+          i("span", { class: "wm-mm__icon" }, [
+            i("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"
+            }, [
+              i("path", { d: "M3 3v5h5M3.05 13A9 9 0 1 0 6 5.3L3 8M12 7v5l4 2" })
+            ])
+          ], -1),
+          i("span", { class: "wm-mm__label" }, "Historique des discussions", -1)
+        ])]),
+        n.canRename ? (l(), d("button", {
+          key: 0,
+          type: "button",
+          class: "wm-mm__item",
+          onClick: e[2] || (e[2] = (o) => s.emit("rename"))
+        }, [...e[9] || (e[9] = [
+          de('<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)
+        ])])) : v("", !0),
+        n.canClear ? (l(), d("button", {
+          key: 1,
+          type: "button",
+          class: "wm-mm__item",
+          onClick: e[3] || (e[3] = (o) => s.emit("clear"))
+        }, [...e[10] || (e[10] = [
+          i("span", { class: "wm-mm__icon" }, [
+            i("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"
+            }, [
+              i("path", { d: "M4 7h16M10 11v6M14 11v6M5 7l1 13a2 2 0 002 2h8a2 2 0 002-2l1-13M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3" })
+            ])
+          ], -1),
+          i("span", { class: "wm-mm__label" }, "Effacer ce fil", -1)
+        ])])) : v("", !0),
+        n.canExport ? (l(), d("button", {
+          key: 2,
+          type: "button",
+          class: "wm-mm__item",
+          onClick: e[4] || (e[4] = (o) => s.emit("export"))
+        }, [...e[11] || (e[11] = [
+          de('<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)
+        ])])) : v("", !0)
+      ]),
+      e[17] || (e[17] = i("div", { class: "wm-mm__sep" }, null, -1)),
+      i("div", li, [
+        i("button", {
+          type: "button",
+          class: "wm-mm__item",
+          onClick: e[5] || (e[5] = (...o) => s.toggleNotif && s.toggleNotif(...o))
+        }, [
+          e[13] || (e[13] = i("span", { class: "wm-mm__icon" }, [
+            i("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"
+            }, [
+              i("path", { d: "M15 17h5l-1.4-1.4A2 2 0 0118 14.2V11a6 6 0 10-12 0v3.2c0 .5-.2 1-.6 1.4L4 17h5m6 0a3 3 0 11-6 0" })
+            ])
+          ], -1)),
+          e[14] || (e[14] = i("span", { class: "wm-mm__label" }, "Notifications", -1)),
+          i("span", {
+            class: B(["wm-mm__toggle", { "wm-mm__toggle--on": r.notifOn }])
+          }, [...e[12] || (e[12] = [
+            i("span", { class: "wm-mm__knob" }, null, -1)
+          ])], 2)
+        ])
+      ]),
+      e[18] || (e[18] = i("div", { class: "wm-mm__sep" }, null, -1)),
+      i("div", di, [
+        n.statusUrl ? (l(), d("button", {
+          key: 0,
+          type: "button",
+          class: "wm-mm__item",
+          onClick: e[6] || (e[6] = (o) => s.emit("status"))
+        }, [...e[15] || (e[15] = [
+          i("span", { class: "wm-mm__icon" }, [
+            i("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"
+            }, [
+              i("path", { d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 6v4l3 2" })
+            ])
+          ], -1),
+          i("span", { class: "wm-mm__label" }, "Statut des services", -1)
+        ])])) : v("", !0),
+        n.helpUrl ? (l(), d("button", {
+          key: 1,
+          type: "button",
+          class: "wm-mm__item",
+          onClick: e[7] || (e[7] = (o) => s.emit("help"))
+        }, [...e[16] || (e[16] = [
+          i("span", { class: "wm-mm__icon" }, [
+            i("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"
+            }, [
+              i("path", { d: "M9 11a3 3 0 116 0c0 2-3 2-3 5M12 19h.01M12 22a10 10 0 110-20 10 10 0 010 20z" })
+            ])
+          ], -1),
+          i("span", { class: "wm-mm__label" }, "Centre d'aide", -1)
+        ])])) : v("", !0)
+      ])
+    ])
+  ]);
+}
+const ui = /* @__PURE__ */ L(ri, [["render", ci], ["__scopeId", "data-v-c1bb81d2"]]), pe = "ww-messenger-tokens";
+function le(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 hi(t, e) {
+  if (!t || !e) return "";
+  const n = Array.isArray(t.fields) ? t.fields : [], a = [];
+  for (const r of n) {
+    if (!(r != null && r.key) || !(r != null && r.label)) continue;
+    const s = e[r.key];
+    if (s == null || s === "") continue;
+    let o;
+    if (Array.isArray(s)) {
+      if (o = s.map((c) => ne(r, String(c))).join(", "), !o) continue;
+    } else typeof s == "boolean" ? o = s ? "Oui" : "Non" : o = ne(r, String(s));
+    a.push(`${r.label} :
+${o}`);
+  }
+  return a.join(`
+
+`);
+}
+function ne(t, e) {
+  if (!Array.isArray(t == null ? void 0 : t.options)) return e;
+  const n = t.options.find((a) => (a == null ? void 0 : a.value) === e);
+  return (n == null ? void 0 : n.label) || e;
+}
+function mi(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;
+    const s = e == null ? void 0 : e[r.key];
+    if (s == null || s === "") continue;
+    let o;
+    if (Array.isArray(s)) {
+      if (o = s.map((p) => ne(r, String(p))).join(", "), !o) continue;
+    } else typeof s == "boolean" ? o = s ? "Oui" : "Non" : o = ne(r, String(s));
+    const c = r.type === "textarea" || typeof o == "string" && (o.length > 60 || o.includes(`
+`));
+    n.push({ label: r.label, value: o, multiline: c });
+  }
+  return {
+    kind: "form_response",
+    data: {
+      title: (t == null ? void 0 : t.title) || "Formulaire",
+      fields: n
+    }
+  };
+}
+const fi = 450, _i = 50, pi = 900, vi = 12e3, gi = 300, yi = {
+  name: "Messenger",
+  components: {
+    Launcher: We,
+    Header: vt,
+    Onboarding: jt,
+    MessageList: ys,
+    Composer: js,
+    SuggestionChips: zs,
+    ApprovalCard: Zs,
+    FormCard: xr,
+    Feedback: Fr,
+    HistoryDrawer: si,
+    MoreMenu: ui
+  },
+  // Make signAttachment available to deep children (AttachmentPreview)
+  // without prop drilling. The store may not exist yet at provide-time
+  // (it's created in mounted), so we go through a stable wrapper that
+  // looks it up lazily.
+  provide() {
+    return {
+      signAttachmentFn: (t) => {
+        var e, n;
+        return ((n = (e = this.store) == null ? void 0 : e.signAttachment) == null ? void 0 : n.call(e, t)) || null;
+      }
+    };
+  },
+  props: {
+    baseUrl: { type: String, default: "" },
+    widgetId: { type: String, default: "" },
+    userId: { type: String, default: "" },
+    userHash: { type: String, default: "" },
+    // 'floating' (default) | 'sheet' | 'embedded'
+    displayMode: { type: String, default: "floating" },
+    // Replaces the old WeWeb `wwEditorState` editor-detection prop.
+    devtools: { type: Boolean, default: !1 }
+  },
+  data() {
+    return {
+      transport: null,
+      store: null,
+      isOpen: !1,
+      draft: "",
+      busy: !1,
+      bootError: null,
+      pendingAttachments: [],
+      feedbackBusy: !1,
+      feedbackDone: !1,
+      // Reveal pacing — agent (ai/human) messages don't pop in the
+      // moment the server emits them; they're queued so consecutive
+      // bubbles are spaced apart, mimicking a human writing several
+      // messages in a row. Map: messageId → ms timestamp once shown.
+      revealedAt: {},
+      nextRevealAt: 0,
+      revealTimers: [],
+      // Set when the user opens the conversation (or when the panel
+      // auto-opens in embedded mode). Any message stamped strictly
+      // before this is treated as history and revealed instantly —
+      // pacing only applies to messages that arrive live.
+      convOpenedAt: 0,
+      // Overlays anchored to the header. Only one open at a time.
+      historyOpen: !1,
+      moreOpen: !1,
+      // When set, takes precedence over the latest-conversation
+      // selection so the user can browse another thread from the
+      // history drawer without losing live updates on the others.
+      activeConvId: null,
+      // When true, force the onboarding screen even if conversations
+      // exist (e.g. user tapped the "back to home" header button).
+      showOnboarding: !1,
+      // Local UI preference; mirrors the toggle in MoreMenu.
+      notifEnabled: !0,
+      // True once the user has dismissed (×) the closed-launcher
+      // étiquette for the current unread batch. Reset automatically
+      // when a newer unread message arrives (see latestUnread watch).
+      labelDismissed: !1,
+      // conversation_id → ISO timestamp of the newest message the user
+      // has seen for that thread. Persisted to localStorage so the
+      // unread dot in the history drawer survives reloads. The server
+      // has no per-customer read model, so this is purely client-side.
+      readState: {},
+      // 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
+      // landing behind it.
+      floatHeight: 0,
+      floatRO: null,
+      // ── Approval card reveal pacing ────────────────────────────────
+      // Goal: the approval card must only appear once the conversation
+      // has visibly "settled" — last bubble done revealing, no new
+      // stream in progress. The server may deliver the `action` and
+      // its explanatory AI bubble in either order, and the bubble
+      // itself goes through the typing-paced reveal queue, so any
+      // logic that just gates on the *current* streamingActive will
+      // either show the card too early (before the explanation
+      // arrives) or flicker (show → message arrives → hide → show).
+      //
+      // The settle approach: every time streamingActive flips (in
+      // either direction) while an approval is pending, bump a short
+      // debounce timer. The card only reveals after that timer has
+      // expired without further changes — i.e. after a quiet beat
+      // following the very last reveal in the burst.
+      //
+      // Once the card has revealed for a given pending action it
+      // *latches* (`approvalLatchId`): a late follow-up bubble in the
+      // same burst no longer re-hides it. Without the latch the user
+      // saw the documented show → hide → show flicker when the
+      // explanation bubble's SSE arrived after the settle window had
+      // already elapsed.
+      approvalSettled: !0,
+      approvalSettleTimer: null,
+      // message id of the pending action the card is currently locked
+      // open for. Cleared whenever the approval clears / conv switches.
+      approvalLatchId: null
+    };
+  },
+  computed: {
+    isEditor() {
+      return !!this.devtools;
+    },
+    isEmbedded() {
+      return this.displayMode === "embedded";
+    },
+    error() {
+      var t;
+      return this.bootError || ((t = this.s) == null ? void 0 : t.error) || null;
+    },
+    canBoot() {
+      return !!(this.baseUrl && this.widgetId && this.userId && this.userHash);
+    },
+    s() {
+      var t;
+      return ((t = this.store) == null ? void 0 : t.state) || null;
+    },
+    ready() {
+      var t;
+      return !!((t = this.s) != null && t.ready);
+    },
+    allConversations() {
+      var e;
+      const t = (e = this.s) == null ? void 0 : e.conversations;
+      return Array.isArray(t) ? t : [];
+    },
+    // Conversations enriched for the history drawer: a one-line preview
+    // of the last message and an unread flag (last activity newer than
+    // what the user has seen). The server exposes no preview/read fields,
+    // 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((a) => {
+        const r = e[a.id] || [], s = this.convLastActivity(a, r), o = t[a.id] || "", c = this.lastMessageAuthorType(r), p = !!s && c !== "user" && (!o || s > o);
+        return { ...a, _preview: this.convPreview(a, r), _unread: p };
+      });
+    },
+    // How many threads have an unseen agent/human message. Drives the
+    // pastille on the closed launcher.
+    unreadCount() {
+      return this.drawerConversations.filter((t) => t._unread).length;
+    },
+    // Unread threads, freshest first, trimmed to a handful — surfaced on
+    // the onboarding/home screen so the user can jump straight back in.
+    unreadThreads() {
+      var e;
+      const t = ((e = this.s) == null ? void 0 : e.messagesByConv) || {};
+      return this.drawerConversations.filter((n) => n._unread).map((n) => ({
+        id: n.id,
+        title: n.name || "Nouvelle conversation",
+        preview: n._preview || "Nouveau message",
+        _ts: this.convLastActivity(n, t[n.id] || [])
+      })).sort((n, a) => n._ts < a._ts ? 1 : n._ts > a._ts ? -1 : 0).slice(0, 3);
+    },
+    // The unread thread with the freshest activity — what the étiquette
+    // previews. `{ convId, preview, ts }` or null when nothing's unread.
+    latestUnread() {
+      var n;
+      const t = ((n = this.s) == null ? void 0 : n.messagesByConv) || {};
+      let e = null;
+      for (const a of this.drawerConversations) {
+        if (!a._unread) continue;
+        const r = this.convLastActivity(a, t[a.id] || []);
+        (!e || r > e.ts) && (e = { convId: a.id, preview: a._preview, ts: r });
+      }
+      return e;
+    },
+    // Text shown in the closed-launcher étiquette: the last unread
+    // message, only while the panel is closed and not dismissed. Empty
+    // string => plain launcher.
+    launcherPeek() {
+      if (this.isOpen || this.isEmbedded || this.labelDismissed) return "";
+      const t = this.latestUnread;
+      return t ? t.preview || "Vous avez un nouveau message" : "";
+    },
+    currentConv() {
+      if (this.showOnboarding) return null;
+      const t = this.allConversations;
+      if (!t.length) return null;
+      if (this.activeConvId != null) {
+        const e = t.find((n) => n.id === this.activeConvId);
+        if (e) return e;
+      }
+      return t[0] || null;
+    },
+    canBack() {
+      return !!this.currentConv;
+    },
+    statusUrl() {
+      var n;
+      const t = (n = this.widget) == null ? void 0 : n.quick_links;
+      if (!Array.isArray(t)) return "";
+      const e = t.find((a) => a.icon === "status" && a.url);
+      return (e == null ? void 0 : e.url) || "";
+    },
+    helpUrl() {
+      var n;
+      const t = (n = this.widget) == null ? void 0 : n.quick_links;
+      if (!Array.isArray(t)) return "";
+      const e = t.find((a) => (a.icon === "chat" || a.icon === "help") && a.url);
+      return (e == null ? void 0 : e.url) || "";
+    },
+    widget() {
+      var t, e;
+      return ((e = (t = this.s) == null ? void 0 : t.config) == null ? void 0 : e.widget) || null;
+    },
+    widgetWelcomeMessage() {
+      var t;
+      return ((t = this.widget) == null ? void 0 : t.welcome_message) || "";
+    },
+    agentName() {
+      var t, e, n;
+      return ((n = (e = (t = this.s) == null ? void 0 : t.config) == null ? void 0 : e.agent) == null ? void 0 : n.name) || "";
+    },
+    agentAvatarUrl() {
+      var t, e, n;
+      return ((n = (e = (t = this.s) == null ? void 0 : t.config) == null ? void 0 : e.agent) == null ? void 0 : n.avatar_url) || null;
+    },
+    quickLinks() {
+      var e;
+      const t = (e = this.widget) == null ? void 0 : e.quick_links;
+      return Array.isArray(t) ? t : [];
+    },
+    teamMembers() {
+      var e;
+      const t = (e = this.widget) == null ? void 0 : e.team_members;
+      return Array.isArray(t) ? t : [];
+    },
+    responseLabel() {
+      var t;
+      return ((t = this.widget) == null ? void 0 : t.response_time_label) || "";
+    },
+    humanMessageAuthor() {
+      var e, n, a;
+      if (!this.currentConv) return null;
+      const t = ((e = this.s.messagesByConv) == null ? void 0 : e[this.currentConv.id]) || [];
+      for (let r = t.length - 1; r >= 0; r--)
+        if (((a = (n = t[r]) == null ? void 0 : n.author) == null ? void 0 : a.type) === "agent_human") return t[r].author;
+      return null;
+    },
+    humanAgentName() {
+      var t;
+      return ((t = this.humanMessageAuthor) == null ? void 0 : t.name) || "";
+    },
+    humanAgentAvatarUrl() {
+      var t;
+      return ((t = this.humanMessageAuthor) == null ? void 0 : t.avatar_url) || null;
+    },
+    // True only once a human has actually posted — drives the avatar swap
+    // in the header so we don't show a blank initial during the
+    // "waiting for human" transitional phase.
+    isEscalated() {
+      return !!this.humanMessageAuthor;
+    },
+    isWaitingHuman() {
+      var e;
+      const t = (e = this.currentConv) == null ? void 0 : e.status;
+      return t === "waiting" || t === "handled";
+    },
+    headerTitle() {
+      var t, e;
+      return ((t = this.currentConv) == null ? void 0 : t.name) || ((e = this.widget) == null ? void 0 : e.name) || "Nouvelle conversation";
+    },
+    composerPlaceholder() {
+      return this.isEscalated && this.humanAgentName ? `Répondre à ${this.humanAgentName.split(" ")[0]}…` : this.isWaitingHuman ? "Un agent prend le relais…" : "Écrivez votre message…";
+    },
+    displayedMessages() {
+      const t = this.currentConv;
+      if (!t) return [];
+      const e = (r) => {
+        var s, o;
+        return (r == null ? void 0 : r.type) === "action" || (r == null ? void 0 : r.type) === "system" || ((s = r == null ? void 0 : r.payload) == null ? void 0 : s.type) === "system" || Array.isArray((o = r == null ? void 0 : r.payload) == null ? void 0 : o.attachments) && r.payload.attachments.length ? !0 : typeof (r == null ? void 0 : r.text_md) == "string" && r.text_md.trim().length > 0;
+      }, n = (r) => {
+        var s;
+        return (r == null ? void 0 : r.type) === "action" && ((s = r == null ? void 0 : r.payload) == null ? void 0 : s.state) === "pending";
+      }, a = this.revealedAt;
+      return (this.s.messagesByConv[t.id] || []).filter((r) => !n(r)).filter((r) => le(r) ? a[r.id] > 0 : !0).filter(e);
+    },
+    // True whenever we should show the "typing" indicator at the bottom
+    // of the list: either the LLM is actively streaming tokens, or one
+    // or more agent messages are queued and waiting for their reveal
+    // slot to fire.
+    streamingActive() {
+      var n, a, r;
+      const t = this.currentConv;
+      return t ? Object.keys(((n = this.s) == null ? void 0 : n.streamingByMsgId) || {}).length > 0 ? !0 : this.actionInFlight ? !1 : (((r = (a = this.s) == null ? void 0 : a.messagesByConv) == null ? void 0 : r[t.id]) || []).some((s) => le(s) && !(this.revealedAt[s.id] > 0)) : !1;
+    },
+    // Internal: the raw persisted list for the current conversation. We
+    // watch this to detect new agent messages that need to be paced.
+    currentConvMessages() {
+      var e, n, a;
+      const t = (e = this.currentConv) == null ? void 0 : e.id;
+      return t ? ((a = (n = this.s) == null ? void 0 : n.messagesByConv) == null ? void 0 : a[t]) || [] : [];
+    },
+    pendingApproval() {
+      return !this.currentConv || !this.store || this.actionInFlight ? null : this.store.getPendingApproval(this.currentConv.id);
+    },
+    // The approval card sits on top of the chat as an overlay. It must
+    // appear only once the conversation has visibly settled, never
+    // alongside typing dots or before the explaining bubble. The two
+    // guards :
+    //   - `streamingActive` — a bubble is currently typing / queued for
+    //     reveal. Always defer.
+    //   - `approvalSettled` — a short debounce that resets every time
+    //     streaming state changes (or a fresh approval arrives). It
+    //     fires after a quiet beat following the *last* transition,
+    //     ensuring we don't surface the card in the brief gap between
+    //     two consecutive reveals when the server sends action +
+    //     explanation back-to-back.
+    approvalReady() {
+      return this.pendingApproval ? this.pendingApproval.id === this.approvalLatchId ? !0 : !(this.streamingActive || !this.approvalSettled) : !1;
+    },
+    approvalTitle() {
+      var t, e, n;
+      return ((e = (t = this.pendingApproval) == null ? void 0 : t.payload) == null ? void 0 : e.name) || ((n = this.pendingApproval) == null ? void 0 : n.text_md) || "Confirmer l'action";
+    },
+    approvalDetail() {
+      var a, r, s, o, c, p;
+      const t = (s = (r = (a = this.pendingApproval) == null ? void 0 : a.payload) == null ? void 0 : r.pending) == null ? void 0 : s.user_explanation;
+      if (typeof t == "string" && t.trim())
+        return t.trim();
+      const e = (p = (c = (o = this.pendingApproval) == null ? void 0 : o.payload) == null ? void 0 : c.pending) == null ? void 0 : p.prepared_params;
+      if (!e || typeof e != "object") return "";
+      const n = Object.entries(e);
+      return n.length ? n.slice(0, 2).map(([k, g]) => `${k}: ${g}`).join(" · ") : "";
+    },
+    actionInFlight() {
+      var t, e;
+      return !this.currentConv || !this.store ? null : ((e = (t = this.store).getActionInFlight) == null ? void 0 : e.call(t, this.currentConv.id)) || null;
+    },
+    actionInFlightName() {
+      var e;
+      const t = this.actionInFlight;
+      return t ? ((e = t.payload) == null ? void 0 : e.name) || t.text_md || "Action" : "";
+    },
+    suggestions() {
+      return !this.currentConv || !this.store ? [] : this.streamingActive ? [] : this.pendingForm ? [] : this.store.getLatestSuggestions(this.currentConv.id);
+    },
+    // Dernier formulaire `request_form` actif sur la conv. Pilote la
+    // FormCard. Même slot que l'ApprovalCard — priorité gérée dans
+    // `floatVisible`. Suit le même pacing (`streamingActive` /
+    // `approvalSettled`) que l'ApprovalCard pour ne pas surgir au-dessus
+    // d'une bulle en cours d'écriture.
+    pendingForm() {
+      var t, e;
+      return !this.currentConv || !this.store || this.pendingApproval || this.actionInFlight || this.streamingActive || !this.approvalSettled ? null : ((e = (t = this.store).getLatestForm) == null ? void 0 : e.call(t, this.currentConv.id)) || null;
+    },
+    showFeedback() {
+      var e;
+      const t = this.currentConv;
+      return t ? this.feedbackDone ? !0 : t.status !== "resolved" ? !1 : !((e = t.metadata) != null && e.feedback) : !1;
+    },
+    floatVisible() {
+      return this.approvalReady || !!this.pendingForm || this.showFeedback || this.suggestions.length > 0;
+    },
+    dateLabel() {
+      var n, a, r;
+      const t = this.currentConv;
+      let e = /* @__PURE__ */ new Date();
+      if (t) {
+        const o = ((r = (((a = (n = this.s) == null ? void 0 : n.messagesByConv) == null ? void 0 : a[t.id]) || []).find((c) => c == null ? void 0 : c.created_at)) == null ? void 0 : r.created_at) || t.created_at;
+        if (o) {
+          const c = new Date(o);
+          Number.isNaN(c.getTime()) || (e = c);
+        }
+      }
+      return `Aujourd'hui · ${ye(e)}`;
+    },
+    // Pagination state for the active conversation. Drives the
+    // MessageList's scroll-up history loader. Defaults are safe (no
+    // history available, nothing loading) so the loader stays inert
+    // until `openConversation` has populated the entry.
+    paginationState() {
+      var n, a, r;
+      const t = (n = this.currentConv) == null ? void 0 : n.id, e = t ? (r = (a = this.s) == null ? void 0 : a.paginationByConv) == null ? void 0 : r[t] : null;
+      return {
+        loading: !!(e != null && e.loading),
+        hasMore: !!(e != null && e.nextCursor)
+      };
+    }
+  },
+  watch: {
+    // Closed-launcher étiquette: a dismissal only silences the *current*
+    // unread batch. A fresh message (newer timestamp, or a different
+    // thread) re-expands it; everything read again clears the flag so
+    // it's primed for next time.
+    latestUnread: {
+      handler(t, e) {
+        if (!t) {
+          this.labelDismissed = !1;
+          return;
+        }
+        (!e || t.convId !== e.convId || t.ts > e.ts) && (this.labelDismissed = !1);
+      },
+      deep: !0
+    },
+    // Conv switch (or first time it's set) — drop any in-flight reveal
+    // 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();
+      },
+      immediate: !0
+    },
+    // 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
+    // a pending action) bypass the wait — there's nothing to pace, the
+    // user expects to see it on landing.
+    pendingApproval: {
+      handler(t, e) {
+        if (t && !e) {
+          const n = t != null && t.created_at ? Date.parse(t.created_at) : NaN;
+          if (!(Number.isFinite(n) && n >= this.convOpenedAt)) {
+            this.resetApprovalPacing();
+            return;
+          }
+          this.bumpApprovalSettle(2600);
+        } else !t && e && this.resetApprovalPacing();
+      },
+      immediate: !1
+    },
+    // Every flip of streamingActive while an approval is pending resets
+    // the settle clock. This is what makes the card wait through the
+    // entire burst : action queue → typing → bubble → maybe another
+    // bubble → finally quiet → settle fires → card reveals. Bumping on
+    // *both* directions covers the case where streaming starts shortly
+    // after settle was about to fire on its own.
+    streamingActive(t, e) {
+      t !== e && this.pendingApproval && this.pendingApproval.id !== this.approvalLatchId && this.bumpApprovalSettle();
+    },
+    // Once the card is cleared to show, latch it to that action id so a
+    // late bubble in the same burst can't toggle it back off.
+    approvalReady(t) {
+      t && this.pendingApproval && (this.approvalLatchId = this.pendingApproval.id);
+    },
+    // New messages in the current conv — non-agent ones are revealed
+    // immediately; agent messages older than `convOpenedAt` are treated
+    // as history (instant reveal too); only live agent messages go
+    // through the pacing queue.
+    // Track the floating overlay (chips / approval / feedback) so we can
+    // reserve matching bottom space in the MessageList — otherwise the
+    // last message lands behind the overlay.
+    floatVisible: {
+      handler(t) {
+        this.$nextTick(() => this.syncFloatObserver(t));
+      },
+      immediate: !0
+    },
+    currentConvMessages(t) {
+      var a;
+      if (!Array.isArray(t) || !t.length) return;
+      const e = Date.now(), n = { ...this.revealedAt };
+      for (const r of t) {
+        if ((r == null ? void 0 : r.id) == null || n[r.id] !== void 0) continue;
+        if (!le(r)) {
+          n[r.id] = e;
+          continue;
+        }
+        const s = r != null && r.created_at ? Date.parse(r.created_at) : NaN;
+        if (!Number.isFinite(s) || s < this.convOpenedAt) {
+          n[r.id] = e;
+          continue;
+        }
+        const o = typeof (r == null ? void 0 : r.text_md) == "string" && r.text_md.trim().length > 0, c = Array.isArray((a = r == null ? void 0 : r.payload) == null ? void 0 : a.attachments) && r.payload.attachments.length > 0;
+        if (!o && !c) {
+          n[r.id] = e;
+          continue;
+        }
+        n[r.id] = 0, this.scheduleReveal(r);
+      }
+      this.revealedAt = n, (this.isOpen || this.isEmbedded) && !this.historyOpen && this.currentConv && this.markConvRead(this.currentConv);
+    }
+  },
+  async mounted() {
+    if (console.log("[messenger] mounted", {
+      isEditor: this.isEditor,
+      canBoot: this.canBoot,
+      hasBaseUrl: !!this.baseUrl,
+      hasWidgetId: !!this.widgetId,
+      hasUserId: !!this.userId,
+      hasUserHash: !!this.userHash
+    }), typeof document < "u" && !document.getElementById(pe)) {
+      const t = document.createElement("style");
+      t.id = pe, t.textContent = Ne, document.head.appendChild(t);
+    }
+    this.hydrateReadState(), await this.boot(), this.isEmbedded && this.store && await this.open();
+  },
+  beforeUnmount() {
+    this.cancelReveals(), this.disconnectFloatRO(), this.resetApprovalPacing(), this.store && this.store.destroy();
+  },
+  methods: {
+    syncFloatObserver(t) {
+      if (this.disconnectFloatRO(), !t) {
+        this.floatHeight = 0;
+        return;
+      }
+      const e = this.$refs.floatEl;
+      if (e) {
+        if (typeof ResizeObserver > "u") {
+          this.floatHeight = Math.ceil(e.getBoundingClientRect().height + 8);
+          return;
+        }
+        this.floatRO = new ResizeObserver((n) => {
+          const a = n[0];
+          if (!a) return;
+          const r = Math.ceil(a.contentRect.height + 8);
+          r !== this.floatHeight && (this.floatHeight = r, this.$nextTick(() => {
+            var s, o;
+            (o = (s = this.$refs.messageList) == null ? void 0 : s.scrollToBottom) == null || o.call(s);
+          }));
+        }), this.floatRO.observe(e);
+      }
+    },
+    disconnectFloatRO() {
+      if (this.floatRO) {
+        try {
+          this.floatRO.disconnect();
+        } catch {
+        }
+        this.floatRO = null;
+      }
+    },
+    // ── History drawer derivations + read tracking ────────────────────
+    // Newest known activity timestamp for a conversation: the conv's
+    // own `last_message_at` plus the latest cached message (covers the
+    // optimistic-send / SSE gap before the list resorts) and the
+    // create/update stamps as a floor.
+    convLastActivity(t, e) {
+      let n = (t == null ? void 0 : t.last_message_at) || (t == null ? void 0 : t.updated_at) || (t == null ? void 0 : t.created_at) || "";
+      for (const a of e)
+        a != null && a.created_at && a.created_at > n && (n = a.created_at);
+      return n;
+    },
+    lastMessageAuthorType(t) {
+      var e, n;
+      for (let a = t.length - 1; a >= 0; a--) {
+        const r = (n = (e = t[a]) == null ? void 0 : e.author) == null ? void 0 : n.type;
+        if (r) return r;
+      }
+      return "";
+    },
+    // One-line preview = the start of the last meaningful message. Falls
+    // back to whatever preview the server happened to attach when the
+    // thread's messages aren't cached yet (never opened this session).
+    convPreview(t, e) {
+      var n, a, r;
+      for (let s = e.length - 1; s >= 0; s--) {
+        const o = e[s];
+        if (!o) continue;
+        const c = typeof o.text_md == "string" ? o.text_md.trim() : "";
+        if (c)
+          return (((n = o.author) == null ? void 0 : n.type) === "user" ? "Vous : " : "") + c.replace(/\s+/g, " ");
+        const p = (a = o.payload) == null ? void 0 : a.attachments;
+        if (Array.isArray(p) && p.length) return "📎 Pièce jointe";
+      }
+      return (t == null ? void 0 : t.last_message_preview) || (t == null ? void 0 : t.preview) || ((r = t == null ? void 0 : t.metadata) == null ? void 0 : r.last_preview) || "";
+    },
+    readStorageKey() {
+      const t = this.widgetId || "", e = this.userId || "";
+      return `wm:read:${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);
+      } catch {
+      }
+    },
+    persistReadState() {
+      try {
+        if (typeof localStorage > "u") return;
+        localStorage.setItem(this.readStorageKey(), JSON.stringify(this.readState));
+      } catch {
+      }
+    },
+    // Stamp a conversation as read up to its newest known activity.
+    // Called when the user opens/starts a thread and whenever the
+    // actively-viewed thread receives new messages.
+    markConvRead(t) {
+      var a, r;
+      if (!(t != null && t.id)) return;
+      const e = ((r = (a = this.s) == null ? void 0 : a.messagesByConv) == null ? void 0 : r[t.id]) || [], n = this.convLastActivity(t, e);
+      n && this.readState[t.id] !== n && (this.readState = { ...this.readState, [t.id]: n }, this.persistReadState());
+    },
+    cancelReveals() {
+      for (const t of this.revealTimers)
+        try {
+          clearTimeout(t);
+        } catch {
+        }
+      this.revealTimers = [];
+    },
+    // Clears any in-flight settle timer and returns the approval pacing
+    // to its idle state (settled = true so an already-pending historical
+    // approval can render immediately on mount/restore). Called on conv
+    // switch, on `pendingApproval` cleared (approve/reject/expire), and
+    // on unmount.
+    resetApprovalPacing() {
+      if (this.approvalSettleTimer) {
+        try {
+          clearTimeout(this.approvalSettleTimer);
+        } catch {
+        }
+        this.approvalSettleTimer = null;
+      }
+      this.approvalSettled = !0, this.approvalLatchId = null;
+    },
+    // Pause the approval card for one settle period. A follow-on bubble
+    // from the same SSE burst should land (and start streaming, which
+    // re-bumps us) before it expires. `ms` defaults to a short beat for
+    // streaming-driven re-bumps; the fresh-approval path passes a longer
+    // grace to bridge the gap until the explaining bubble's SSE arrives.
+    // Each call resets the timer; the card reveals only after a full
+    // quiet period.
+    bumpApprovalSettle(t = 800) {
+      if (this.approvalSettled = !1, this.approvalSettleTimer)
+        try {
+          clearTimeout(this.approvalSettleTimer);
+        } catch {
+        }
+      this.approvalSettleTimer = setTimeout(() => {
+        this.approvalSettled = !0, this.approvalSettleTimer = null;
+      }, t);
+    },
+    // Stagger the visibility of a freshly-arrived agent message:
+    //   - at least FIRST_REVEAL_DELAY_MS after "now"
+    //   - never overlap the previous reveal slot
+    //   - inter-bubble gap scales with message length (reading time),
+    //     bounded by MIN/MAX_BETWEEN_MS.
+    scheduleReveal(t) {
+      const e = Date.now(), n = ((t == null ? void 0 : t.text_md) || "").length, a = Math.min(
+        vi,
+        Math.max(pi, n * _i)
+      ), s = Math.max(
+        e + fi,
+        this.nextRevealAt + gi
+      ) + a;
+      this.nextRevealAt = s;
+      const o = Math.max(0, s - e), c = t.id, p = setTimeout(() => {
+        this.revealedAt = { ...this.revealedAt, [c]: Date.now() }, this.revealTimers = this.revealTimers.filter((g) => g !== p);
+      }, o);
+      this.revealTimers.push(p);
+      const k = setTimeout(() => {
+        this.revealedAt[c] > 0 || (this.revealedAt = { ...this.revealedAt, [c]: Date.now() }), this.revealTimers = this.revealTimers.filter((g) => g !== k);
+      }, o + 4e3);
+      this.revealTimers.push(k);
+    },
+    async boot() {
+      if (!this.canBoot) {
+        console.warn("[messenger] boot skipped — missing creds", {
+          baseUrl: this.baseUrl,
+          widgetId: this.widgetId,
+          userId: this.userId,
+          hasUserHash: !!this.userHash
+        });
+        return;
+      }
+      try {
+        console.log("[messenger] boot start", {
+          baseUrl: this.baseUrl,
+          widgetId: this.widgetId,
+          userId: this.userId
+        }), this.transport = he($e({
+          baseUrl: this.baseUrl,
+          widgetId: this.widgetId,
+          userId: this.userId,
+          userHash: this.userHash
+        })), this.store = he(je(this.transport)), await this.store.start(), console.log("[ww-messenger] boot done", {
+          ready: this.store.state.ready,
+          error: this.store.state.error
+        });
+      } catch (t) {
+        console.error("[ww-messenger] bootstrap failed", t), this.bootError = (t == null ? void 0 : t.message) || String(t);
+      }
+    },
+    async refresh() {
+      this.store && this.store.destroy(), this.cancelReveals(), this.revealedAt = {}, this.nextRevealAt = 0, this.convOpenedAt = 0, this.transport = null, this.store = null, this.isOpen = !1, this.draft = "", this.busy = !1, this.bootError = null, this.pendingAttachments = [], this.feedbackBusy = !1, this.feedbackDone = !1, this.historyOpen = !1, this.moreOpen = !1, this.activeConvId = null, this.showOnboarding = !1, await this.boot(), this.isEmbedded && this.store && await this.open();
+    },
+    // Opening straight from the étiquette: land on the unread thread it
+    // was previewing rather than whatever was last active.
+    async openFromPeek() {
+      var e, n;
+      const t = (e = this.latestUnread) == null ? void 0 : e.convId;
+      t && t !== ((n = this.currentConv) == null ? void 0 : n.id) && (this.activeConvId = t, this.showOnboarding = !1), await this.open();
+    },
+    async open() {
+      if (this.isOpen = !0, this.store && this.store.setPanelOpen(!0), this.currentConv) {
+        try {
+          await this.store.openConversation(this.currentConv.id);
+        } catch (t) {
+          console.error("[ww-messenger] load messages failed", t);
+        }
+        this.markConvRead(this.currentConv);
+      }
+    },
+    close() {
+      this.isOpen = !1, this.store && this.store.setPanelOpen(!1);
+    },
+    async startConv() {
+      if (!this.busy) {
+        this.busy = !0;
+        try {
+          const t = await this.store.createConversation({});
+          this.activeConvId = t.id, this.showOnboarding = !1, await this.store.openConversation(t.id), this.markConvRead(t), this.focusComposer();
+        } catch (t) {
+          console.error("[ww-messenger] create conv failed", t), this.bootError = (t == null ? void 0 : t.message) || String(t);
+        } finally {
+          this.busy = !1;
+        }
+      }
+    },
+    // After a fresh conversation renders, drop the caret straight into
+    // the composer so the user can type without an extra click. The
+    // Composer only mounts once `currentConv` flips truthy, so wait a
+    // tick for that render before reaching for its ref.
+    focusComposer() {
+      this.$nextTick(() => {
+        var t;
+        return (t = this.$refs.composer) == null ? void 0 : t.focus();
+      });
+    },
+    toggleMore() {
+      this.historyOpen = !1, this.moreOpen = !this.moreOpen;
+    },
+    goHome() {
+      this.historyOpen = !1, this.moreOpen = !1, this.activeConvId = null, this.showOnboarding = !0;
+    },
+    async onDrawerPick(t) {
+      if (!(t != null && t.id) || !this.store) return;
+      this.historyOpen = !1, this.activeConvId = t.id, this.showOnboarding = !1;
+      try {
+        await this.store.openConversation(t.id);
+      } catch (n) {
+        console.error("[ww-messenger] open conv failed", n);
+      }
+      const e = this.allConversations.find((n) => n.id === t.id);
+      e && this.markConvRead(e);
+    },
+    async onDrawerNew() {
+      this.historyOpen = !1, await this.startConv();
+    },
+    onNotifToggle(t) {
+      this.notifEnabled = !!t;
+    },
+    async onMoreAction(t) {
+      switch (this.moreOpen = !1, t) {
+        case "history":
+          this.historyOpen = !0;
+          break;
+        case "rename":
+          await this.renameCurrentConv();
+          break;
+        case "clear":
+          await this.clearCurrentConv();
+          break;
+        case "export":
+          this.exportCurrentConv();
+          break;
+        case "status":
+          if (this.statusUrl)
+            try {
+              window.open(this.statusUrl, "_blank", "noopener");
+            } catch {
+            }
+          break;
+        case "help":
+          if (this.helpUrl)
+            try {
+              window.open(this.helpUrl, "_blank", "noopener");
+            } catch {
+            }
+          break;
+      }
+    },
+    async renameCurrentConv() {
+      const t = this.currentConv;
+      if (!t || !this.store) return;
+      let e;
+      try {
+        e = typeof window < "u" && typeof window.prompt == "function" ? window.prompt("Nouveau nom du fil", t.name || "") : null;
+      } catch {
+        e = null;
+      }
+      if (e == null) return;
+      const n = e.trim();
+      if (!(!n || n === t.name))
+        try {
+          await this.store.patchConversation(t.id, { name: n });
+        } catch (a) {
+          console.error("[ww-messenger] rename failed", a);
+        }
+    },
+    async clearCurrentConv() {
+      var n;
+      const t = this.currentConv;
+      !t || !this.store || !(!(typeof window < "u" && typeof window.confirm == "function") || window.confirm("Effacer ce fil de votre côté ? Cette action ne supprime pas les messages côté agent.")) || ((n = this.s) != null && n.messagesByConv && (this.s.messagesByConv[t.id] = []), this.activeConvId = null, this.showOnboarding = !0);
+    },
+    exportCurrentConv() {
+      var r, s, o, c, p, 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 = [
+        `# ${t.name || "Conversation"}`,
+        t.created_at ? `Créée le : ${t.created_at}` : "",
+        ""
+      ];
+      for (const g of e) {
+        if (!g) continue;
+        const T = ((o = g.author) == null ? void 0 : o.name) || (((c = g.author) == null ? void 0 : c.type) === "user" ? "Vous" : ((p = g.author) == null ? void 0 : p.type) === "agent_human" ? "Agent" : ((k = g.author) == null ? void 0 : k.type) === "agent_ia" ? "Assistant IA" : "Système"), R = g.created_at ? new Date(g.created_at).toLocaleString("fr-FR") : "", x = (g.text_md || "").trim();
+        x && (n.push(`[${R}] ${T} :`), n.push(x), n.push(""));
+      }
+      const a = new Blob([n.join(`
+`)], { type: "text/plain;charset=utf-8" });
+      try {
+        const g = URL.createObjectURL(a), T = document.createElement("a");
+        T.href = g, T.download = `${(t.name || "conversation").replace(/[^a-z0-9-_]+/gi, "_")}.txt`, document.body.appendChild(T), T.click(), document.body.removeChild(T), setTimeout(() => URL.revokeObjectURL(g), 1e3);
+      } catch (g) {
+        console.error("[ww-messenger] export failed", g);
+      }
+    },
+    async onSend(t) {
+      const e = this.currentConv;
+      if (!e && (await this.startConv(), !this.currentConv))
+        return;
+      const n = (this.currentConv || e).id, a = this.pendingAttachments.slice();
+      this.pendingAttachments = [], await this.store.send(n, t, { attachments: a.length ? a : void 0 });
+    },
+    async onSuggestion(t) {
+      const e = t == null ? void 0 : t.label;
+      e && await this.onSend(e);
+    },
+    async onLoadMore() {
+      var e;
+      const t = (e = this.currentConv) == null ? void 0 : e.id;
+      !t || !this.store || await this.store.loadMore(t);
+    },
+    async onApprovalCallback(t) {
+      const e = this.pendingApproval;
+      e && await this.store.clickCallback(e.id, t);
+    },
+    async onFormSubmit({ values: t }) {
+      const e = this.pendingForm;
+      if (!(e != null && e.form)) return;
+      const n = hi(e.form, t);
+      if (!n) return;
+      const a = this.currentConv;
+      a && await this.store.send(a.id, n, {
+        metadata: {
+          artifact: mi(e.form, t)
+        }
+      });
+    },
+    async onAttach(t) {
+      if (!(!t || !this.transport))
+        try {
+          const e = await this.transport.uploadAttachment(t);
+          this.pendingAttachments.push({
+            type: e.type || "file",
+            path: e.path,
+            name: t.name || "fichier",
+            mime_type: t.type,
+            size_bytes: t.size
+          });
+        } catch (e) {
+          console.error("[ww-messenger] attachment upload failed", e);
+        }
+    },
+    async onQuickLink(t) {
+      if (t) {
+        if (t.url) {
+          try {
+            window.open(t.url, "_blank", "noopener");
+          } catch {
+          }
+          return;
+        }
+        await this.startConv(), this.currentConv && await this.store.send(this.currentConv.id, t.label);
+      }
+    },
+    async onFeedback({ rating: t, comment: e }) {
+      if (this.currentConv) {
+        this.feedbackBusy = !0;
+        try {
+          await this.store.submitFeedback(this.currentConv.id, { rating: t, comment: e }), this.feedbackDone = !0;
+        } catch (n) {
+          console.error("[ww-messenger] feedback failed", n);
+        } finally {
+          this.feedbackBusy = !1;
+        }
+      }
+    }
+  }
+}, wi = {
+  key: 0,
+  class: "wm-loading",
+  "aria-busy": "true",
+  "aria-live": "polite"
+}, bi = {
+  key: 0,
+  class: "wm-state"
+}, ki = { class: "wm-state__err" }, Ci = { class: "wm-state__errSub" }, Ai = { class: "wm-bottom" }, Si = {
+  key: 0,
+  ref: "floatEl",
+  class: "wm-float"
+}, xi = {
+  key: 1,
+  class: "wm-actionWait",
+  role: "status",
+  "aria-live": "polite"
+}, Mi = { class: "wm-actionWait__lbl" }, Ti = {
+  key: 1,
+  class: "wm-attached"
+}, Ii = ["onClick"];
+function Oi(t, e, n, a, r, s) {
+  const o = O("Launcher"), c = O("Header"), p = O("Onboarding"), k = O("MessageList"), g = O("ApprovalCard"), T = O("FormCard"), R = O("Feedback"), x = O("SuggestionChips"), N = O("Composer"), I = O("MoreMenu"), P = O("HistoryDrawer");
+  return l(), d("div", {
+    class: B(["wm-root", `wm-root--${n.displayMode}`])
+  }, [
+    !r.isOpen && !s.isEmbedded ? (l(), $(o, {
+      key: 0,
+      "unread-count": s.unreadCount,
+      peek: s.launcherPeek,
+      onOpen: s.openFromPeek,
+      onDismiss: e[0] || (e[0] = (U) => r.labelDismissed = !0)
+    }, null, 8, ["unread-count", "peek", "onOpen"])) : v("", !0),
+    r.isOpen || s.isEmbedded ? (l(), d("section", {
+      key: 1,
+      class: B(["wm-panel", `wm-panel--${n.displayMode}`]),
+      style: H(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
+      role: "dialog",
+      "aria-label": "Messenger"
+    }, [
+      !s.ready && !s.error ? (l(), d("div", wi, [
+        s.isEmbedded ? v("", !0) : (l(), d("button", {
+          key: 0,
+          type: "button",
+          class: "wm-loading__close",
+          "aria-label": "Réduire",
+          onClick: e[1] || (e[1] = (...U) => s.close && s.close(...U))
+        }, [...e[6] || (e[6] = [
+          i("svg", {
+            width: "13",
+            height: "13",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            i("path", { d: "M18 6L6 18M6 6l12 12" })
+          ], -1)
+        ])])),
+        e[7] || (e[7] = i("div", {
+          class: "wm-loading__spinner",
+          "aria-hidden": "true"
+        }, null, -1))
+      ])) : (l(), d(E, { key: 1 }, [
+        z(c, {
+          title: s.headerTitle,
+          escalated: s.isEscalated,
+          "agent-name": s.humanAgentName,
+          "agent-avatar-url": s.humanAgentAvatarUrl,
+          "team-members": s.teamMembers,
+          "response-label": s.responseLabel,
+          "show-identity": !!s.currentConv,
+          "show-back": s.canBack,
+          "show-close": !s.isEmbedded,
+          "more-active": r.moreOpen,
+          onBack: s.goHome,
+          onMore: s.toggleMore,
+          onClose: s.close
+        }, null, 8, ["title", "escalated", "agent-name", "agent-avatar-url", "team-members", "response-label", "show-identity", "show-back", "show-close", "more-active", "onBack", "onMore", "onClose"]),
+        s.error ? (l(), d("div", bi, [
+          i("div", ki, [
+            e[9] || (e[9] = i("div", { class: "wm-state__errIcon" }, [
+              i("svg", {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "aria-hidden": "true"
+              }, [
+                i("path", { d: "M18 6L6 18M6 6l12 12" })
+              ])
+            ], -1)),
+            i("div", null, [
+              e[8] || (e[8] = i("div", { class: "wm-state__errTitle" }, "Connexion impossible", -1)),
+              i("div", Ci, y(s.error), 1)
+            ])
+          ])
+        ])) : s.currentConv ? (l(), d(E, { key: 2 }, [
+          z(k, {
+            ref: "messageList",
+            messages: s.displayedMessages,
+            "streaming-active": s.streamingActive,
+            "date-label": s.dateLabel,
+            "conversation-id": s.currentConv ? s.currentConv.id : null,
+            "loading-more": s.paginationState.loading,
+            "has-more": s.paginationState.hasMore,
+            onLoadMore: s.onLoadMore
+          }, null, 8, ["messages", "streaming-active", "date-label", "conversation-id", "loading-more", "has-more", "onLoadMore"]),
+          i("div", Ai, [
+            s.floatVisible ? (l(), d("div", Si, [
+              s.approvalReady ? (l(), $(g, {
+                key: 0,
+                action: s.approvalTitle,
+                detail: s.approvalDetail,
+                callbacks: s.pendingApproval.callbacks,
+                onCallback: s.onApprovalCallback
+              }, null, 8, ["action", "detail", "callbacks", "onCallback"])) : s.pendingForm ? (l(), $(T, {
+                key: s.pendingForm.message && s.pendingForm.message.id,
+                form: s.pendingForm.form,
+                onSubmit: s.onFormSubmit
+              }, null, 8, ["form", "onSubmit"])) : s.showFeedback ? (l(), $(R, {
+                key: 2,
+                busy: r.feedbackBusy,
+                done: r.feedbackDone,
+                onSubmit: s.onFeedback
+              }, null, 8, ["busy", "done", "onSubmit"])) : (l(), $(x, {
+                key: 3,
+                items: s.suggestions,
+                onSelect: s.onSuggestion
+              }, null, 8, ["items", "onSelect"]))
+            ], 512)) : v("", !0),
+            s.actionInFlight ? (l(), d("div", xi, [
+              e[10] || (e[10] = i("span", {
+                class: "wm-actionWait__spinner",
+                "aria-hidden": "true"
+              }, null, -1)),
+              i("span", Mi, y(s.actionInFlightName) + " en cours, veuillez patienter…", 1)
+            ])) : (l(), $(N, {
+              key: 2,
+              ref: "composer",
+              modelValue: r.draft,
+              "onUpdate:modelValue": e[2] || (e[2] = (U) => r.draft = U),
+              placeholder: s.composerPlaceholder,
+              disabled: !!s.pendingApproval,
+              "attach-label": "Joindre un fichier",
+              onSend: s.onSend,
+              onAttach: s.onAttach
+            }, null, 8, ["modelValue", "placeholder", "disabled", "onSend", "onAttach"]))
+          ]),
+          r.moreOpen ? (l(), $(I, {
+            key: 0,
+            "can-rename": !!s.currentConv,
+            "can-clear": !!s.currentConv,
+            "can-export": !!s.currentConv,
+            "notif-enabled": r.notifEnabled,
+            "status-url": s.statusUrl,
+            "help-url": s.helpUrl,
+            onClose: e[3] || (e[3] = (U) => 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"])) : v("", !0),
+          r.pendingAttachments.length ? (l(), d("div", Ti, [
+            (l(!0), d(E, null, F(r.pendingAttachments, (U, V) => (l(), d("div", {
+              key: V,
+              class: "wm-attached__chip"
+            }, [
+              e[12] || (e[12] = i("svg", {
+                width: "11",
+                height: "11",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.8",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "aria-hidden": "true"
+              }, [
+                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)),
+              i("span", null, y(U.name), 1),
+              i("button", {
+                type: "button",
+                "aria-label": "Retirer",
+                onClick: (Q) => r.pendingAttachments.splice(V, 1)
+              }, [...e[11] || (e[11] = [
+                i("svg", {
+                  width: "10",
+                  height: "10",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "aria-hidden": "true"
+                }, [
+                  i("path", { d: "M18 6L6 18M6 6l12 12" })
+                ], -1)
+              ])], 8, Ii)
+            ]))), 128))
+          ])) : v("", !0)
+        ], 64)) : (l(), $(p, {
+          key: 1,
+          "welcome-message": s.widgetWelcomeMessage,
+          "agent-name": s.agentName,
+          "quick-links": s.quickLinks,
+          "unread-threads": s.unreadThreads,
+          busy: r.busy,
+          onStart: s.startConv,
+          onSelect: s.onQuickLink,
+          onResume: s.onDrawerPick
+        }, null, 8, ["welcome-message", "agent-name", "quick-links", "unread-threads", "busy", "onStart", "onSelect", "onResume"])),
+        r.historyOpen ? (l(), $(P, {
+          key: 3,
+          conversations: s.drawerConversations,
+          "active-id": s.currentConv ? s.currentConv.id : null,
+          onClose: e[4] || (e[4] = (U) => r.historyOpen = !1),
+          onNew: s.onDrawerNew,
+          onPick: s.onDrawerPick
+        }, null, 8, ["conversations", "active-id", "onNew", "onPick"])) : v("", !0),
+        r.moreOpen && !s.currentConv ? (l(), $(I, {
+          key: 4,
+          "can-rename": !1,
+          "can-clear": !1,
+          "can-export": !1,
+          "notif-enabled": r.notifEnabled,
+          "status-url": s.statusUrl,
+          "help-url": s.helpUrl,
+          onClose: e[5] || (e[5] = (U) => r.moreOpen = !1),
+          onNotifToggle: s.onNotifToggle,
+          onAction: s.onMoreAction
+        }, null, 8, ["notif-enabled", "status-url", "help-url", "onNotifToggle", "onAction"])) : v("", !0)
+      ], 64))
+    ], 6)) : v("", !0)
+  ], 2);
+}
+const Li = /* @__PURE__ */ L(yi, [["render", Oi], ["__scopeId", "data-v-da51a155"]]);
+export {
+  X as AIAvatar,
+  ae as AVATAR_COLORS,
+  Fn as ActionResult,
+  Zs as ApprovalCard,
+  Yt as ArtifactFormResponse,
+  dn as ArtifactInfoCard,
+  ke as ArtifactRenderer,
+  Cn as ArtifactTicket,
+  Kn as AttachmentPreview,
+  Qn as Bubble,
+  js as Composer,
+  Fr as Feedback,
+  xr as FormCard,
+  vt as Header,
+  si as HistoryDrawer,
+  we as HumanAvatar,
+  We as Launcher,
+  ce as MEDIA_RECORDER_SUPPORTED,
+  ys as MessageList,
+  Li as Messenger,
+  ui as MoreMenu,
+  jt as Onboarding,
+  te as SCREEN_CAPTURE_SUPPORTED,
+  zs as SuggestionChips,
+  it as TeamAvatars,
+  ns as Typing,
+  ve as avatarColor,
+  ge as avatarInitials,
+  bs as captureScreenshotFile,
+  j as colors,
+  je as createStore,
+  $e as createTransport,
+  Li as default,
+  ye as formatTime,
+  Bi as guessAttachmentKind,
+  ws as pickRecorderMime,
+  be as renderMarkdown,
+  Cs as startScreenRecording,
+  Ne as tokensCss,
+  De as uuid,
+  De as v4
+};