@mrrocket/sdk 0.22.0 → 0.23.0

package/dist/messenger.js

@@ -19,6 +19,7 @@ var Messenger = ({ position, title, greeting, askEmail, label, launcher, help, u
   const who = useRef({ distinctId: ctx.distinctId, user: ctx.user, userHash: ctx.userHash });
   who.current = { distinctId: ctx.distinctId, user: ctx.user, userHash: ctx.userHash };
   const { apiKey, host, embedded } = ctx;
+  useEffect(() => handle?.refresh(), [ctx.distinctId, ctx.userHash]);
   useEffect(() => {
     if (embedded || !apiKey) return;
     let gone = false;

package/dist/messenger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/messenger.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { MessengerCorners, MessengerPosition } from \"./api-client\";\nimport { useCtx } from \"./context\";\nimport type { MessengerHandle, MessengerView } from \"./messenger-ui\";\nimport type { Theme } from \"./ui\";\n\n/**\n * The messenger, after Featurebase's: a launcher and a panel with Home, Messages (a chat with the product's team) and\n * Help (the product's published help articles). A visitor's messages become a Support conversation (channel \"chat\")\n * in MRRocket's inbox, where the owner answers or the Customer experience agent does (Support › Automation › AI\n * answers). A new answer plays a short sound and shows a preview above the closed launcher.\n *\n * The panel is plain DOM (messenger-ui.ts, shared with the script tag), loaded with a dynamic import after the page\n * rendered. The visitor is the provider's id; a person the site identified carries their name and email.\n */\n\nlet handle: MessengerHandle | null = null;\n/** A call made before the panel loaded runs once it has. */\nlet waiting: ((h: MessengerHandle) => void) | null = null;\nconst withHandle = (fn: (h: MessengerHandle) => void) => {\n    if (handle) fn(handle);\n    else waiting = fn;\n};\n\n/** Open (on Home, a tab or an article), close or toggle the messenger from your own button (or mark any element `data-ck-messenger`). */\nexport const useMessenger = () => ({\n    open: (view?: MessengerView | { article: string }) => withHandle((h) => h.open(view)),\n    close: () => handle?.close(),\n    toggle: () => withHandle((h) => h.toggle()),\n});\n\nexport interface MessengerProps {\n    /** A corner, the middle of the top or bottom edge, or the middle of a side (default \"bottom-right\"). */\n    position?: MessengerPosition;\n    /** The team's name beside its mark on Home (default: the product's name). */\n    title?: string;\n    /** The big line on Home and the first line of an empty chat. */\n    greeting?: string;\n    /** Ask anonymous visitors for an email (optional for them). Default true. */\n    askEmail?: boolean;\n    /** Text on the launcher; empty shows the icon only. */\n    label?: string;\n    /** Show the round launcher (default true). False: open it with `useMessenger()` or `data-ck-messenger`. */\n    launcher?: boolean;\n    /** The Help tab with your published help articles (default true; hidden while there are none). */\n    help?: boolean;\n    /** The Updates tab with your published changelog (default true; hidden while there are none). */\n    updates?: boolean;\n    /** A short sound when an answer arrives (default true). */\n    sound?: boolean;\n    /** A preview of a new answer above the closed launcher (default true). */\n    preview?: boolean;\n    theme?: Theme;\n    accent?: string;\n    /** \"round\" (default), \"soft\" or \"square\". */\n    corners?: MessengerCorners;\n    /** Your site's font (default) or \"system\". */\n    font?: \"site\" | \"system\";\n    /** Home's top: \"plain\" (default) or \"color\" (the accent). */\n    header?: \"plain\" | \"color\";\n}\n\n/**\n * A floating launcher that opens the messenger. Put it once inside `<CockpitProvider>`:\n *\n *     <Messenger title=\"Acme\" greeting=\"Hi! How can we help?\" />\n */\nexport const Messenger = ({ position, title, greeting, askEmail, label, launcher, help, updates, sound, preview, theme, accent, corners, font, header }: MessengerProps) => {\n    const ctx = useCtx();\n    // The panel reads the visitor at each request, so a later identify or reset needs no remount.\n    const who = useRef({ distinctId: ctx.distinctId, user: ctx.user, userHash: ctx.userHash });\n    who.current = { distinctId: ctx.distinctId, user: ctx.user, userHash: ctx.userHash };\n    const { apiKey, host, embedded } = ctx;\n\n    useEffect(() => {\n        if (embedded || !apiKey) return;\n        let gone = false;\n        let mine: MessengerHandle | null = null;\n        void import(\"./messenger-ui\").then(({ mountMessenger }) => {\n            if (gone) return;\n            mine = mountMessenger({\n                host,\n                apiKey,\n                distinctId: () => who.current.distinctId,\n                user: () => who.current.user as { id?: string; name?: string; email?: string } | undefined,\n                userHash: () => who.current.userHash,\n                launcher,\n                position,\n                title,\n                greeting,\n                askEmail,\n                label,\n                help,\n                updates,\n                sound,\n                preview,\n                theme,\n                accent,\n                corners,\n                font,\n                header,\n            });\n            handle = mine;\n            waiting?.(mine);\n            waiting = null;\n        });\n        const click = (e: MouseEvent) => {\n            if ((e.target as HTMLElement | null)?.closest(\"[data-ck-messenger]\")) {\n                e.preventDefault();\n                withHandle((h) => h.open());\n            }\n        };\n        document.addEventListener(\"click\", click);\n        return () => {\n            gone = true;\n            document.removeEventListener(\"click\", click);\n            mine?.destroy();\n            if (handle === mine) handle = null;\n        };\n    }, [apiKey, host, embedded, launcher, position, title, greeting, askEmail, label, help, updates, sound, preview, theme, accent, corners, font, header]);\n\n    return null;\n};\n"],"mappings":";;;AAEA,SAAS,WAAW,cAAc;AAElC,SAAS,cAAc;AAcvB,IAAI,SAAiC;AAErC,IAAI,UAAiD;AACrD,IAAM,aAAa,CAAC,OAAqC;AACrD,MAAI,OAAQ,IAAG,MAAM;AAAA,MAChB,WAAU;AACnB;AAGO,IAAM,eAAe,OAAO;AAAA,EAC/B,MAAM,CAAC,SAA+C,WAAW,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC;AAAA,EACpF,OAAO,MAAM,QAAQ,MAAM;AAAA,EAC3B,QAAQ,MAAM,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC;AAC9C;AAsCO,IAAM,YAAY,CAAC,EAAE,UAAU,OAAO,UAAU,UAAU,OAAO,UAAU,MAAM,SAAS,OAAO,SAAS,OAAO,QAAQ,SAAS,MAAM,OAAO,MAAsB;AACxK,QAAM,MAAM,OAAO;AAEnB,QAAM,MAAM,OAAO,EAAE,YAAY,IAAI,YAAY,MAAM,IAAI,MAAM,UAAU,IAAI,SAAS,CAAC;AACzF,MAAI,UAAU,EAAE,YAAY,IAAI,YAAY,MAAM,IAAI,MAAM,UAAU,IAAI,SAAS;AACnF,QAAM,EAAE,QAAQ,MAAM,SAAS,IAAI;AAEnC,YAAU,MAAM;AACZ,QAAI,YAAY,CAAC,OAAQ;AACzB,QAAI,OAAO;AACX,QAAI,OAA+B;AACnC,SAAK,OAAO,mBAAgB,EAAE,KAAK,CAAC,EAAE,eAAe,MAAM;AACvD,UAAI,KAAM;AACV,aAAO,eAAe;AAAA,QAClB;AAAA,QACA;AAAA,QACA,YAAY,MAAM,IAAI,QAAQ;AAAA,QAC9B,MAAM,MAAM,IAAI,QAAQ;AAAA,QACxB,UAAU,MAAM,IAAI,QAAQ;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AACD,eAAS;AACT,gBAAU,IAAI;AACd,gBAAU;AAAA,IACd,CAAC;AACD,UAAM,QAAQ,CAAC,MAAkB;AAC7B,UAAK,EAAE,QAA+B,QAAQ,qBAAqB,GAAG;AAClE,UAAE,eAAe;AACjB,mBAAW,CAAC,MAAM,EAAE,KAAK,CAAC;AAAA,MAC9B;AAAA,IACJ;AACA,aAAS,iBAAiB,SAAS,KAAK;AACxC,WAAO,MAAM;AACT,aAAO;AACP,eAAS,oBAAoB,SAAS,KAAK;AAC3C,YAAM,QAAQ;AACd,UAAI,WAAW,KAAM,UAAS;AAAA,IAClC;AAAA,EACJ,GAAG,CAAC,QAAQ,MAAM,UAAU,UAAU,UAAU,OAAO,UAAU,UAAU,OAAO,MAAM,SAAS,OAAO,SAAS,OAAO,QAAQ,SAAS,MAAM,MAAM,CAAC;AAEtJ,SAAO;AACX;","names":[]}
+{"version":3,"sources":["../src/messenger.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { MessengerCorners, MessengerPosition } from \"./api-client\";\nimport { useCtx } from \"./context\";\nimport type { MessengerHandle, MessengerView } from \"./messenger-ui\";\nimport type { Theme } from \"./ui\";\n\n/**\n * The messenger, after Featurebase's: a launcher and a panel with Home, Messages (a chat with the product's team) and\n * Help (the product's published help articles). A visitor's messages become a Support conversation (channel \"chat\")\n * in MRRocket's inbox, where the owner answers or the Customer experience agent does (Support › Automation › AI\n * answers). A new answer plays a short sound and shows a preview above the closed launcher.\n *\n * The panel is plain DOM (messenger-ui.ts, shared with the script tag), loaded with a dynamic import after the page\n * rendered. The visitor is the provider's id; a person the site identified carries their name and email.\n */\n\nlet handle: MessengerHandle | null = null;\n/** A call made before the panel loaded runs once it has. */\nlet waiting: ((h: MessengerHandle) => void) | null = null;\nconst withHandle = (fn: (h: MessengerHandle) => void) => {\n    if (handle) fn(handle);\n    else waiting = fn;\n};\n\n/** Open (on Home, a tab or an article), close or toggle the messenger from your own button (or mark any element `data-ck-messenger`). */\nexport const useMessenger = () => ({\n    open: (view?: MessengerView | { article: string }) => withHandle((h) => h.open(view)),\n    close: () => handle?.close(),\n    toggle: () => withHandle((h) => h.toggle()),\n});\n\nexport interface MessengerProps {\n    /** A corner, the middle of the top or bottom edge, or the middle of a side (default \"bottom-right\"). */\n    position?: MessengerPosition;\n    /** The team's name beside its mark on Home (default: the product's name). */\n    title?: string;\n    /** The big line on Home and the first line of an empty chat. */\n    greeting?: string;\n    /** Ask anonymous visitors for an email (optional for them). Default true. */\n    askEmail?: boolean;\n    /** Text on the launcher; empty shows the icon only. */\n    label?: string;\n    /** Show the round launcher (default true). False: open it with `useMessenger()` or `data-ck-messenger`. */\n    launcher?: boolean;\n    /** The Help tab with your published help articles (default true; hidden while there are none). */\n    help?: boolean;\n    /** The Updates tab with your published changelog (default true; hidden while there are none). */\n    updates?: boolean;\n    /** A short sound when an answer arrives (default true). */\n    sound?: boolean;\n    /** A preview of a new answer above the closed launcher (default true). */\n    preview?: boolean;\n    theme?: Theme;\n    accent?: string;\n    /** \"round\" (default), \"soft\" or \"square\". */\n    corners?: MessengerCorners;\n    /** Your site's font (default) or \"system\". */\n    font?: \"site\" | \"system\";\n    /** Home's top: \"plain\" (default) or \"color\" (the accent). */\n    header?: \"plain\" | \"color\";\n}\n\n/**\n * A floating launcher that opens the messenger. Put it once inside `<CockpitProvider>`:\n *\n *     <Messenger title=\"Acme\" greeting=\"Hi! How can we help?\" />\n */\nexport const Messenger = ({ position, title, greeting, askEmail, label, launcher, help, updates, sound, preview, theme, accent, corners, font, header }: MessengerProps) => {\n    const ctx = useCtx();\n    // The panel reads the visitor at each request, so a later identify or reset needs no remount.\n    const who = useRef({ distinctId: ctx.distinctId, user: ctx.user, userHash: ctx.userHash });\n    who.current = { distinctId: ctx.distinctId, user: ctx.user, userHash: ctx.userHash };\n    const { apiKey, host, embedded } = ctx;\n    // Whoever signs in after the page loaded gets their conversations now, not at the panel's next slow read.\n    useEffect(() => handle?.refresh(), [ctx.distinctId, ctx.userHash]);\n\n    useEffect(() => {\n        if (embedded || !apiKey) return;\n        let gone = false;\n        let mine: MessengerHandle | null = null;\n        void import(\"./messenger-ui\").then(({ mountMessenger }) => {\n            if (gone) return;\n            mine = mountMessenger({\n                host,\n                apiKey,\n                distinctId: () => who.current.distinctId,\n                user: () => who.current.user as { id?: string; name?: string; email?: string } | undefined,\n                userHash: () => who.current.userHash,\n                launcher,\n                position,\n                title,\n                greeting,\n                askEmail,\n                label,\n                help,\n                updates,\n                sound,\n                preview,\n                theme,\n                accent,\n                corners,\n                font,\n                header,\n            });\n            handle = mine;\n            waiting?.(mine);\n            waiting = null;\n        });\n        const click = (e: MouseEvent) => {\n            if ((e.target as HTMLElement | null)?.closest(\"[data-ck-messenger]\")) {\n                e.preventDefault();\n                withHandle((h) => h.open());\n            }\n        };\n        document.addEventListener(\"click\", click);\n        return () => {\n            gone = true;\n            document.removeEventListener(\"click\", click);\n            mine?.destroy();\n            if (handle === mine) handle = null;\n        };\n    }, [apiKey, host, embedded, launcher, position, title, greeting, askEmail, label, help, updates, sound, preview, theme, accent, corners, font, header]);\n\n    return null;\n};\n"],"mappings":";;;AAEA,SAAS,WAAW,cAAc;AAElC,SAAS,cAAc;AAcvB,IAAI,SAAiC;AAErC,IAAI,UAAiD;AACrD,IAAM,aAAa,CAAC,OAAqC;AACrD,MAAI,OAAQ,IAAG,MAAM;AAAA,MAChB,WAAU;AACnB;AAGO,IAAM,eAAe,OAAO;AAAA,EAC/B,MAAM,CAAC,SAA+C,WAAW,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC;AAAA,EACpF,OAAO,MAAM,QAAQ,MAAM;AAAA,EAC3B,QAAQ,MAAM,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC;AAC9C;AAsCO,IAAM,YAAY,CAAC,EAAE,UAAU,OAAO,UAAU,UAAU,OAAO,UAAU,MAAM,SAAS,OAAO,SAAS,OAAO,QAAQ,SAAS,MAAM,OAAO,MAAsB;AACxK,QAAM,MAAM,OAAO;AAEnB,QAAM,MAAM,OAAO,EAAE,YAAY,IAAI,YAAY,MAAM,IAAI,MAAM,UAAU,IAAI,SAAS,CAAC;AACzF,MAAI,UAAU,EAAE,YAAY,IAAI,YAAY,MAAM,IAAI,MAAM,UAAU,IAAI,SAAS;AACnF,QAAM,EAAE,QAAQ,MAAM,SAAS,IAAI;AAEnC,YAAU,MAAM,QAAQ,QAAQ,GAAG,CAAC,IAAI,YAAY,IAAI,QAAQ,CAAC;AAEjE,YAAU,MAAM;AACZ,QAAI,YAAY,CAAC,OAAQ;AACzB,QAAI,OAAO;AACX,QAAI,OAA+B;AACnC,SAAK,OAAO,mBAAgB,EAAE,KAAK,CAAC,EAAE,eAAe,MAAM;AACvD,UAAI,KAAM;AACV,aAAO,eAAe;AAAA,QAClB;AAAA,QACA;AAAA,QACA,YAAY,MAAM,IAAI,QAAQ;AAAA,QAC9B,MAAM,MAAM,IAAI,QAAQ;AAAA,QACxB,UAAU,MAAM,IAAI,QAAQ;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AACD,eAAS;AACT,gBAAU,IAAI;AACd,gBAAU;AAAA,IACd,CAAC;AACD,UAAM,QAAQ,CAAC,MAAkB;AAC7B,UAAK,EAAE,QAA+B,QAAQ,qBAAqB,GAAG;AAClE,UAAE,eAAe;AACjB,mBAAW,CAAC,MAAM,EAAE,KAAK,CAAC;AAAA,MAC9B;AAAA,IACJ;AACA,aAAS,iBAAiB,SAAS,KAAK;AACxC,WAAO,MAAM;AACT,aAAO;AACP,eAAS,oBAAoB,SAAS,KAAK;AAC3C,YAAM,QAAQ;AACd,UAAI,WAAW,KAAM,UAAS;AAAA,IAClC;AAAA,EACJ,GAAG,CAAC,QAAQ,MAAM,UAAU,UAAU,UAAU,OAAO,UAAU,UAAU,OAAO,MAAM,SAAS,OAAO,SAAS,OAAO,QAAQ,SAAS,MAAM,MAAM,CAAC;AAEtJ,SAAO;AACX;","names":[]}

package/dist/react-native/index.d.cts

@@ -261,7 +261,10 @@ declare const createApi: (c: Conn) => {
         completed: boolean;
         seconds: number;
     }) => Promise<unknown>;
-    /** One chat by id, else the visitor's newest; `conversations` lists them all. */
+    /**
+     * 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?: AbortSignal, conversation?: string) => Promise<ChatThread>;
     /**
      * A message; `attachments` are upload ids from `uploadChatFile` (then the body may be empty). `conversation` is
@@ -826,7 +829,7 @@ interface PaywallHost {
 
 type VariantId = string;
 /** This build of the SDK. Sent with the config request so MRRocket knows what the site runs (error tracking, flags). */
-declare const SDK_VERSION = "0.22.0";
+declare const SDK_VERSION = "0.23.0";
 /** One variant of an experiment. `changes` replaces texts that the page marks with `<Text id>`. */
 interface VariantConfig {
     id: VariantId;

package/dist/react-native/index.d.ts

@@ -261,7 +261,10 @@ declare const createApi: (c: Conn) => {
         completed: boolean;
         seconds: number;
     }) => Promise<unknown>;
-    /** One chat by id, else the visitor's newest; `conversations` lists them all. */
+    /**
+     * 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?: AbortSignal, conversation?: string) => Promise<ChatThread>;
     /**
      * A message; `attachments` are upload ids from `uploadChatFile` (then the body may be empty). `conversation` is
@@ -826,7 +829,7 @@ interface PaywallHost {
 
 type VariantId = string;
 /** This build of the SDK. Sent with the config request so MRRocket knows what the site runs (error tracking, flags). */
-declare const SDK_VERSION = "0.22.0";
+declare const SDK_VERSION = "0.23.0";
 /** One variant of an experiment. `changes` replaces texts that the page marks with `<Text id>`. */
 interface VariantConfig {
     id: VariantId;

package/dist/react-native/index.js

@@ -114,7 +114,7 @@ var onLocale = (fn) => {
 };
 
 // src/core.ts
-var SDK_VERSION = "0.22.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;
@@ -156,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) => {
@@ -1195,6 +1196,11 @@ var inkOn = (hex) => {
   });
   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);
@@ -1248,13 +1254,16 @@ var createApi = (c) => {
     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),
+    /**
+     * 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),
+    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();
@@ -1859,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()));
@@ -2283,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));
@@ -3576,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();
@@ -3694,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);