@mrrocket/sdk 0.21.0 → 0.23.0

package/dist/react-native/index.js

@@ -43,6 +43,7 @@ __export(native_exports, {
   useMessenger: () => useMessenger,
   useNavigationTracking: () => useNavigationTracking,
   useOnboarding: () => useOnboarding,
+  useOnboardingReport: () => useOnboardingReport,
   usePaywall: () => usePaywall,
   usePush: () => usePush,
   useReview: () => useReview,
@@ -113,7 +114,7 @@ var onLocale = (fn) => {
 };
 
 // src/core.ts
-var SDK_VERSION = "0.21.0";
+var SDK_VERSION = "0.23.0";
 var propOf = (person, name) => {
   const want = name.trim().toLowerCase();
   for (const [k, v] of Object.entries(person)) if (k.toLowerCase() === want) return v;
@@ -155,6 +156,7 @@ var flagFor = (key, config, distinctId, person = {}) => {
   const flag = config?.flags?.find((f) => f.key === key);
   return flag ? evaluateFlag(flag, distinctId, person) : false;
 };
+var CONSENT_OFF_EVENT = "$consent_off";
 var UTM_KEYS = ["utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"];
 var SESSION_TIMEOUT_MS = 30 * 60 * 1e3;
 var utmFrom = (get) => {
@@ -237,212 +239,6 @@ var newDistinctId = () => typeof crypto !== "undefined" && "randomUUID" in crypt
 
 // src/onboarding-state.ts
 var import_react = require("react");
-var none = [];
-var useOnboardingItem = (flows, id, start) => {
-  const [state, setState] = (0, import_react.useState)(() => flows && id ? flows.onboarding.item(id) : null);
-  (0, import_react.useEffect)(() => {
-    if (!flows || !id) {
-      setState(null);
-      return;
-    }
-    const up = () => {
-      const s2 = flows.onboarding.item(id);
-      setState(s2);
-      if (s2 && !s2.done && !s2.dismissed) flows.onboarding.seen(id);
-    };
-    up();
-    return flows.subscribe(up);
-  }, [flows, id]);
-  return (0, import_react.useMemo)(
-    () => ({
-      item: state?.item ?? null,
-      steps: state?.steps ?? none,
-      done: !!state?.done,
-      dismissed: !!state?.dismissed,
-      eligible: !!state?.eligible,
-      complete: (stepId) => {
-        if (flows && id) flows.onboarding.complete(id, stepId);
-      },
-      dismiss: () => {
-        if (flows && id) flows.onboarding.dismissItem(id);
-      },
-      answer: (question, value) => {
-        if (flows && id) flows.onboarding.answerItem(id, question, value);
-      },
-      start
-    }),
-    [state, flows, id, start]
-  );
-};
-
-// src/identity.ts
-var UNSIGNED_HELP = "401: sign the user id on your server with userHash(id) from @mrrocket/sdk/next/server and pass identify(id, props, { hash }).";
-var warnUnsigned = (status, log = (m) => console.warn(m)) => {
-  const g2 = globalThis;
-  if (status !== 401 || g2.__mrrocketUnsigned) return;
-  g2.__mrrocketUnsigned = true;
-  log(`[MRRocket] ${UNSIGNED_HELP}`);
-};
-var nextSigned = (signed, id, hash, log = (m) => console.warn(m)) => {
-  const h3 = typeof hash === "string" ? hash.trim().toLowerCase() : "";
-  if (/^[0-9a-f]{64}$/.test(h3)) return { id, hash: h3 };
-  if (h3) log("[MRRocket] identify: that hash is no userHash(id); not sent.");
-  return signed && signed.id === id ? signed : null;
-};
-var hashFor = (signed, id) => signed && id && signed.id === id ? signed.hash : void 0;
-var hashForAll = (signed, ids) => signed && ids.some((id) => id === signed.id) && ids.every((id) => !id || id === signed.id) ? signed.hash : void 0;
-
-// src/api-client.ts
-var CHAT_FILE_MAX_BYTES = 10 * 1024 * 1024;
-var CHAT_FILES_PER_MESSAGE = 4;
-var CORNERS = {
-  round: { panel: 22, bubble: 18, tail: 6, card: 16, field: 20 },
-  soft: { panel: 14, bubble: 12, tail: 4, card: 10, field: 10 },
-  square: { panel: 6, bubble: 6, tail: 2, card: 4, field: 4 }
-};
-var BRAND_URL = "https://mrrocket.dev/?utm_source=messenger&utm_medium=powered-by";
-var inkOn = (hex) => {
-  const m = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(hex);
-  if (!m) return "#ffffff";
-  const [r, g2, b] = [m[1], m[2], m[3]].map((x) => {
-    const c = parseInt(x, 16) / 255;
-    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
-  });
-  return 0.2126 * r + 0.7152 * g2 + 0.0722 * b > 0.45 ? "#111214" : "#ffffff";
-};
-var ApiError = class extends Error {
-  constructor(message, status) {
-    super(message);
-    __publicField(this, "status");
-    this.status = status;
-  }
-};
-var qs = (params, lang = currentLocale()) => Object.entries({ ...params, lang }).filter((e) => !!e[1]).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join("&");
-var withLang = (url) => {
-  const q = qs({});
-  return q ? `${url}?${q}` : url;
-};
-var call = async (url, init, signal) => {
-  let res;
-  try {
-    res = await fetch(url, {
-      ...init,
-      signal,
-      // A form (a file upload) sets its own multipart type with the boundary.
-      headers: typeof init?.body === "string" ? { "content-type": "application/json" } : void 0
-    });
-  } catch (e) {
-    if (e.name === "AbortError") throw e;
-    throw new ApiError(t("Could not reach the server. Check your connection and try again."), 0);
-  }
-  if (!res.ok) {
-    warnUnsigned(res.status);
-    let detail = "";
-    try {
-      detail = (await res.json()).error ?? "";
-    } catch {
-    }
-    throw new ApiError(detail || (res.status === 429 ? t("Too many requests. Try again in a minute.") : t("Something went wrong. Please try again.")), res.status);
-  }
-  return await res.json();
-};
-var createApi = (c) => {
-  const base = `${c.host}/api/sdk`;
-  const who2 = { key: c.apiKey, distinctId: c.distinctId, user: c.user, userHash: c.userHash };
-  const me = { key: c.apiKey, distinctId: c.distinctId, userHash: c.userHash };
-  const post = (path, body, signal) => call(withLang(`${base}${path}`), { method: "POST", body: JSON.stringify({ ...who2, ...body }) }, signal);
-  return {
-    list: (o, signal) => call(`${base}/feedback?${qs({ ...me, board: o.board, sort: o.sort, q: o.q })}`, void 0, signal),
-    post: (id, signal) => call(`${base}/feedback/${encodeURIComponent(id)}?${qs(me)}`, void 0, signal),
-    roadmap: (signal) => call(`${base}/feedback/roadmap?${qs(me)}`, void 0, signal),
-    changelog: (signal) => call(`${base}/feedback/changelog?${qs({ key: c.apiKey })}`, void 0, signal),
-    submit: (p) => post("/feedback", p),
-    vote: (id) => post(`/feedback/${encodeURIComponent(id)}/vote`, {}),
-    comments: (id, signal) => call(`${base}/feedback/${encodeURIComponent(id)}/comments?${qs({ key: c.apiKey })}`, void 0, signal),
-    comment: (id, body) => post(`/feedback/${encodeURIComponent(id)}/comments`, { body }),
-    survey: (url, signal) => call(`${base}/surveys?${qs({ ...me, url })}`, void 0, signal),
-    seen: (id) => post(`/surveys/${encodeURIComponent(id)}/seen`, { user: void 0 }),
-    respond: (id, r) => post(`/surveys/${encodeURIComponent(id)}/respond`, r),
-    /** One chat by id, else the visitor's newest; `conversations` lists them all. */
-    chat: (signal, conversation) => call(`${base}/messages?${qs({ ...me, conversation })}`, void 0, signal),
-    /**
-     * A message; `attachments` are upload ids from `uploadChatFile` (then the body may be empty). `conversation` is
-     * the chat it answers, or "new" to start one; without it, the running chat or else a new one.
-     */
-    sendChat: (m) => post("/messages", m),
-    /** Uploads one picked file for the next message (pictures and PDFs, at most 10 MB); answers its upload id. */
-    uploadChatFile: (file, signal) => {
-      const form = new FormData();
-      form.append("key", c.apiKey);
-      form.append("distinctId", c.distinctId);
-      if (c.userHash) form.append("userHash", c.userHash);
-      if ("uri" in file) form.append("file", file);
-      else form.append("file", file, file.name || "file");
-      return call(withLang(`${base}/messages/attachments`), { method: "POST", body: form }, signal);
-    },
-    /** Where a sent file of this visitor's chat is read (an image's src, a PDF's link). */
-    attachmentUrl: (id) => `${base}/messages/attachments/${encodeURIComponent(id)}?${qs(me, "")}`,
-    articles: (q, signal) => call(`${base}/articles?${qs({ key: c.apiKey, q })}`, void 0, signal),
-    article: (id, signal) => call(`${base}/articles/${encodeURIComponent(id)}?${qs(me)}`, void 0, signal),
-    messengerLook: (signal) => call(`${base}/messenger?${qs({ key: c.apiKey })}`, void 0, signal),
-    rateArticle: (id, helpful) => post(`/articles/${encodeURIComponent(id)}/rate`, { helpful })
-  };
-};
-
-// src/batch.ts
-var MAX_BATCH = 100;
-var MAX_BYTES = 6e4;
-var byteLength = (s2) => {
-  let n = 0;
-  for (let i = 0; i < s2.length; i++) {
-    const c = s2.charCodeAt(i);
-    if (c < 128) n += 1;
-    else if (c < 2048) n += 2;
-    else if (c >= 55296 && c <= 56319 && i + 1 < s2.length && (s2.charCodeAt(i + 1) & 64512) === 56320) {
-      n += 4;
-      i++;
-    } else n += 3;
-  }
-  return n;
-};
-var batchRequests = (key, events, sdk, userHash) => {
-  const head = `{"key":${JSON.stringify(key)},${userHash ? `"userHash":${JSON.stringify(userHash)},` : ""}"sdk":${JSON.stringify(sdk)},"events":[`;
-  const empty = byteLength(head) + 2;
-  const out = [];
-  let chunk = [];
-  let items = [];
-  let size = empty;
-  const close = () => {
-    if (chunk.length) out.push({ body: `${head}${chunk.join(",")}]}`, events: items });
-    chunk = [];
-    items = [];
-    size = empty;
-  };
-  for (const event of events) {
-    const json = JSON.stringify(event);
-    const n = byteLength(json) + 1;
-    if (empty + n > MAX_BYTES) continue;
-    if (chunk.length === MAX_BATCH || size + n > MAX_BYTES) close();
-    chunk.push(json);
-    items.push(event);
-    size += n;
-  }
-  close();
-  return out;
-};
-
-// src/errors.ts
-var MAX_STACK = 8 * 1024;
-var clip = (s2, n) => s2.length > n ? `${s2.slice(0, n - 1)}\u2026` : s2;
-var describeError = (error) => {
-  if (error instanceof Error) return { type: error.name || "Error", message: clip(error.message || String(error), 1e3), stack: error.stack ? clip(error.stack, MAX_STACK) : void 0 };
-  if (typeof error === "string") return { type: "Error", message: clip(error, 1e3) };
-  try {
-    return { type: "Error", message: clip(JSON.stringify(error) ?? String(error), 1e3) };
-  } catch {
-    return { type: "Error", message: String(error) };
-  }
-};
 
 // src/flows.ts
 var CANCEL_EVENT = "$cancel_flow";
@@ -1303,6 +1099,245 @@ var createFlows = (env) => {
   return controller;
 };
 
+// src/onboarding-report.ts
+var KIND = { questions: "question", checklist: "checklist", tour: "tour" };
+var createOnboardingReport = (track, name, options = {}) => {
+  const type = options.type ?? "questions";
+  const kind = KIND[type] ?? "question";
+  const seen = /* @__PURE__ */ new Set();
+  const send = (props) => track(ONBOARDING_EVENT, { code: eventSlug(name), name, type, ...options.order?.length ? { order: options.order } : {}, ...props });
+  return {
+    saw: (step, title) => {
+      if (seen.has(step)) return;
+      seen.add(step);
+      send({ step, title, kind, action: "shown" });
+    },
+    answered: (question, answer, label) => send({ step: question, kind: "question", action: "completed", question, answer, label: label ?? answer }),
+    done: (step) => send({ step, kind, action: "completed" }),
+    closed: (step) => send({ ...step ? { step } : {}, kind, action: "dismissed" })
+  };
+};
+
+// src/onboarding-state.ts
+var none = [];
+var useOnboardingItem = (flows, id, start) => {
+  const [state, setState] = (0, import_react.useState)(() => flows && id ? flows.onboarding.item(id) : null);
+  (0, import_react.useEffect)(() => {
+    if (!flows || !id) {
+      setState(null);
+      return;
+    }
+    const up = () => {
+      const s2 = flows.onboarding.item(id);
+      setState(s2);
+      if (s2 && !s2.done && !s2.dismissed) flows.onboarding.seen(id);
+    };
+    up();
+    return flows.subscribe(up);
+  }, [flows, id]);
+  return (0, import_react.useMemo)(
+    () => ({
+      item: state?.item ?? null,
+      steps: state?.steps ?? none,
+      done: !!state?.done,
+      dismissed: !!state?.dismissed,
+      eligible: !!state?.eligible,
+      complete: (stepId) => {
+        if (flows && id) flows.onboarding.complete(id, stepId);
+      },
+      dismiss: () => {
+        if (flows && id) flows.onboarding.dismissItem(id);
+      },
+      answer: (question, value) => {
+        if (flows && id) flows.onboarding.answerItem(id, question, value);
+      },
+      start
+    }),
+    [state, flows, id, start]
+  );
+};
+var useReportWith = (track, name, options) => {
+  const key = JSON.stringify(options ?? null);
+  return (0, import_react.useMemo)(() => createOnboardingReport(track, name, options), [track, name, key]);
+};
+
+// src/identity.ts
+var UNSIGNED_HELP = "401: sign the user id on your server with userHash(id) from @mrrocket/sdk/next/server and pass identify(id, props, { hash }).";
+var warnUnsigned = (status, log = (m) => console.warn(m)) => {
+  const g2 = globalThis;
+  if (status !== 401 || g2.__mrrocketUnsigned) return;
+  g2.__mrrocketUnsigned = true;
+  log(`[MRRocket] ${UNSIGNED_HELP}`);
+};
+var nextSigned = (signed, id, hash, log = (m) => console.warn(m)) => {
+  const h3 = typeof hash === "string" ? hash.trim().toLowerCase() : "";
+  if (/^[0-9a-f]{64}$/.test(h3)) return { id, hash: h3 };
+  if (h3) log("[MRRocket] identify: that hash is no userHash(id); not sent.");
+  return signed && signed.id === id ? signed : null;
+};
+var hashFor = (signed, id) => signed && id && signed.id === id ? signed.hash : void 0;
+var hashForAll = (signed, ids) => signed && ids.some((id) => id === signed.id) && ids.every((id) => !id || id === signed.id) ? signed.hash : void 0;
+
+// src/api-client.ts
+var CHAT_FILE_MAX_BYTES = 10 * 1024 * 1024;
+var CHAT_FILES_PER_MESSAGE = 4;
+var CORNERS = {
+  round: { panel: 22, bubble: 18, tail: 6, card: 16, field: 20 },
+  soft: { panel: 14, bubble: 12, tail: 4, card: 10, field: 10 },
+  square: { panel: 6, bubble: 6, tail: 2, card: 4, field: 4 }
+};
+var BRAND_URL = "https://mrrocket.dev/?utm_source=messenger&utm_medium=powered-by";
+var inkOn = (hex) => {
+  const m = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(hex);
+  if (!m) return "#ffffff";
+  const [r, g2, b] = [m[1], m[2], m[3]].map((x) => {
+    const c = parseInt(x, 16) / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g2 + 0.0722 * b > 0.45 ? "#111214" : "#ffffff";
+};
+var stillThere = (t2, chats) => (m) => {
+  if (m.chat === t2.conversation?.id) return t2.messages.some((x) => x.id === m.id);
+  const last = chats.find((c) => c.id === m.chat)?.last;
+  return !!last && m.at <= last.at;
+};
+var ApiError = class extends Error {
+  constructor(message, status) {
+    super(message);
+    __publicField(this, "status");
+    this.status = status;
+  }
+};
+var qs = (params, lang = currentLocale()) => Object.entries({ ...params, lang }).filter((e) => !!e[1]).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join("&");
+var withLang = (url) => {
+  const q = qs({});
+  return q ? `${url}?${q}` : url;
+};
+var call = async (url, init, signal) => {
+  let res;
+  try {
+    res = await fetch(url, {
+      ...init,
+      signal,
+      // A form (a file upload) sets its own multipart type with the boundary.
+      headers: typeof init?.body === "string" ? { "content-type": "application/json" } : void 0
+    });
+  } catch (e) {
+    if (e.name === "AbortError") throw e;
+    throw new ApiError(t("Could not reach the server. Check your connection and try again."), 0);
+  }
+  if (!res.ok) {
+    warnUnsigned(res.status);
+    let detail = "";
+    try {
+      detail = (await res.json()).error ?? "";
+    } catch {
+    }
+    throw new ApiError(detail || (res.status === 429 ? t("Too many requests. Try again in a minute.") : t("Something went wrong. Please try again.")), res.status);
+  }
+  return await res.json();
+};
+var createApi = (c) => {
+  const base = `${c.host}/api/sdk`;
+  const who2 = { key: c.apiKey, distinctId: c.distinctId, user: c.user, userHash: c.userHash };
+  const me = { key: c.apiKey, distinctId: c.distinctId, userHash: c.userHash };
+  const post = (path, body, signal) => call(withLang(`${base}${path}`), { method: "POST", body: JSON.stringify({ ...who2, ...body }) }, signal);
+  return {
+    list: (o, signal) => call(`${base}/feedback?${qs({ ...me, board: o.board, sort: o.sort, q: o.q })}`, void 0, signal),
+    post: (id, signal) => call(`${base}/feedback/${encodeURIComponent(id)}?${qs(me)}`, void 0, signal),
+    roadmap: (signal) => call(`${base}/feedback/roadmap?${qs(me)}`, void 0, signal),
+    changelog: (signal) => call(`${base}/feedback/changelog?${qs({ key: c.apiKey })}`, void 0, signal),
+    submit: (p) => post("/feedback", p),
+    vote: (id) => post(`/feedback/${encodeURIComponent(id)}/vote`, {}),
+    comments: (id, signal) => call(`${base}/feedback/${encodeURIComponent(id)}/comments?${qs({ key: c.apiKey })}`, void 0, signal),
+    comment: (id, body) => post(`/feedback/${encodeURIComponent(id)}/comments`, { body }),
+    survey: (url, signal) => call(`${base}/surveys?${qs({ ...me, url })}`, void 0, signal),
+    seen: (id) => post(`/surveys/${encodeURIComponent(id)}/seen`, { user: void 0 }),
+    respond: (id, r) => post(`/surveys/${encodeURIComponent(id)}/respond`, r),
+    /**
+     * One chat by id, else the visitor's newest; `conversations` lists them all. `aiLabel`: the messenger says "AI agent"
+     * beside an answer's name, so the answer comes without its AI notice line (from 0.22.0).
+     */
+    chat: (signal, conversation) => call(`${base}/messages?${qs({ ...me, conversation, aiLabel: "1" })}`, void 0, signal),
+    /**
+     * A message; `attachments` are upload ids from `uploadChatFile` (then the body may be empty). `conversation` is
+     * the chat it answers, or "new" to start one; without it, the running chat or else a new one.
+     */
+    sendChat: (m) => post("/messages", { ...m, aiLabel: true }),
+    /** Uploads one picked file for the next message (pictures and PDFs, at most 10 MB); answers its upload id. */
+    uploadChatFile: (file, signal) => {
+      const form = new FormData();
+      form.append("key", c.apiKey);
+      form.append("distinctId", c.distinctId);
+      if (c.userHash) form.append("userHash", c.userHash);
+      if ("uri" in file) form.append("file", file);
+      else form.append("file", file, file.name || "file");
+      return call(withLang(`${base}/messages/attachments`), { method: "POST", body: form }, signal);
+    },
+    /** Where a sent file of this visitor's chat is read (an image's src, a PDF's link). */
+    attachmentUrl: (id) => `${base}/messages/attachments/${encodeURIComponent(id)}?${qs(me, "")}`,
+    articles: (q, signal) => call(`${base}/articles?${qs({ key: c.apiKey, q })}`, void 0, signal),
+    article: (id, signal) => call(`${base}/articles/${encodeURIComponent(id)}?${qs(me)}`, void 0, signal),
+    messengerLook: (signal) => call(`${base}/messenger?${qs({ key: c.apiKey })}`, void 0, signal),
+    rateArticle: (id, helpful) => post(`/articles/${encodeURIComponent(id)}/rate`, { helpful })
+  };
+};
+
+// src/batch.ts
+var MAX_BATCH = 100;
+var MAX_BYTES = 6e4;
+var byteLength = (s2) => {
+  let n = 0;
+  for (let i = 0; i < s2.length; i++) {
+    const c = s2.charCodeAt(i);
+    if (c < 128) n += 1;
+    else if (c < 2048) n += 2;
+    else if (c >= 55296 && c <= 56319 && i + 1 < s2.length && (s2.charCodeAt(i + 1) & 64512) === 56320) {
+      n += 4;
+      i++;
+    } else n += 3;
+  }
+  return n;
+};
+var batchRequests = (key, events, sdk, userHash) => {
+  const head = `{"key":${JSON.stringify(key)},${userHash ? `"userHash":${JSON.stringify(userHash)},` : ""}"sdk":${JSON.stringify(sdk)},"events":[`;
+  const empty = byteLength(head) + 2;
+  const out = [];
+  let chunk = [];
+  let items = [];
+  let size = empty;
+  const close = () => {
+    if (chunk.length) out.push({ body: `${head}${chunk.join(",")}]}`, events: items });
+    chunk = [];
+    items = [];
+    size = empty;
+  };
+  for (const event of events) {
+    const json = JSON.stringify(event);
+    const n = byteLength(json) + 1;
+    if (empty + n > MAX_BYTES) continue;
+    if (chunk.length === MAX_BATCH || size + n > MAX_BYTES) close();
+    chunk.push(json);
+    items.push(event);
+    size += n;
+  }
+  close();
+  return out;
+};
+
+// src/errors.ts
+var MAX_STACK = 8 * 1024;
+var clip = (s2, n) => s2.length > n ? `${s2.slice(0, n - 1)}\u2026` : s2;
+var describeError = (error) => {
+  if (error instanceof Error) return { type: error.name || "Error", message: clip(error.message || String(error), 1e3), stack: error.stack ? clip(error.stack, MAX_STACK) : void 0 };
+  if (typeof error === "string") return { type: "Error", message: clip(error, 1e3) };
+  try {
+    return { type: "Error", message: clip(JSON.stringify(error) ?? String(error), 1e3) };
+  } catch {
+    return { type: "Error", message: String(error) };
+  }
+};
+
 // src/paywall.ts
 var PAYWALL_EVENT = "$paywall";
 var paywallPages = (config, w, distinctId) => {
@@ -1833,7 +1868,7 @@ var createClient = (options, deps) => {
     }
   };
   const sendQueue = async () => {
-    if (!queue.length || consent === "off" || !apiKey) return;
+    if (!queue.length || !apiKey || consent === "off" && queue.some((e) => e.event !== CONSENT_OFF_EVENT)) return;
     if (now() < backoffUntil) return;
     const snapshot = queue.slice();
     const requests = batchRequests(apiKey, snapshot, sdk, hashOf(sendId()));
@@ -2257,7 +2292,8 @@ var createClient = (options, deps) => {
       consent = next;
       if (next === "off") {
         recorder?.drop();
-        queue = [];
+        queue = identified && before !== "off" ? [{ event: CONSENT_OFF_EVENT, distinctId: identified, ts: Date.now() }] : [];
+        if (queue.length) void flush();
         session = null;
         errorQueue.length = 0;
         void Promise.all(Object.values(KEYS).map(remove));
@@ -3550,7 +3586,7 @@ var POLL_QUIET_MS = 6e4;
 var WAITING_FOR_MS = 10 * 6e4;
 var EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
 var whoLabel = (from) => from === "visitor" ? t("You") : from === "ai" ? t("AI agent") : t("Team");
-var who = (from, agentName) => from === "ai" && agentName?.trim() || whoLabel(from);
+var who = (from, agentName) => from === "ai" && agentName?.trim() ? `${agentName.trim()} \xB7 ${t("AI agent")}` : whoLabel(from);
 var msgView = "home";
 var msgChat = null;
 var messengerOpen = opener();
@@ -3668,7 +3704,7 @@ var useChat = (client, o, open, view) => {
       if (fresh.length && o.haptics !== false) buzz();
       const shown2 = shownChat(at.current, all);
       const counted = fresh.filter((m) => !watch.current || m.chat !== shown2);
-      setUnseen((u) => [...u.filter((m) => all.some((c) => c.id === m.chat)), ...counted]);
+      setUnseen((u) => [...u.filter(stillThere(t2, all)), ...counted]);
       list.current = all;
       setChats(all);
       setHasEmail(t2.hasEmail);
@@ -4544,6 +4580,7 @@ var useOnboarding = (id) => {
   const client = useClient();
   return useOnboardingItem(client.flows, id, client.startOnboarding);
 };
+var useOnboardingReport = (name, options) => useReportWith(useClient().track, name, options);
 var useFlag = (key) => {
   const client = useClient();
   useVersion(client);