@mrrocket/sdk 0.18.0 → 0.21.0

package/dist/react-native/index.js

@@ -31,7 +31,9 @@ __export(native_exports, {
   SDK_VERSION: () => SDK_VERSION,
   activeRouteName: () => activeRouteName,
   createMRRocket: () => createMRRocket,
+  currentLocale: () => currentLocale,
   getMRRocket: () => getMRRocket,
+  setLocale: () => setLocale,
   useCancelFlow: () => useCancelFlow,
   useExpoRouterTracking: () => useExpoRouterTracking,
   useFeedback: () => useFeedback,
@@ -50,8 +52,68 @@ __export(native_exports, {
 module.exports = __toCommonJS(native_exports);
 var import_react4 = require("react");
 
+// src/i18n.ts
+var g = globalThis;
+var s = g.__mrrocketI18n ?? (g.__mrrocketI18n = { version: 0, onWords: /* @__PURE__ */ new Set(), onLocale: /* @__PURE__ */ new Set() });
+var tell = (listeners) => {
+  for (const fn of [...listeners]) {
+    try {
+      fn();
+    } catch {
+    }
+  }
+};
+var t = (word) => s.words?.[word] || word;
+var tf = (word, vars) => t(word).replace(/\{(\w+)\}/g, (all, k) => k in vars ? String(vars[k]) : all);
+var setWords = (words, lang) => {
+  const same2 = s.lang === lang && JSON.stringify(s.words ?? {}) === JSON.stringify(words ?? {});
+  s.words = words;
+  s.lang = lang;
+  if (same2) return;
+  s.version++;
+  tell(s.onWords);
+};
+var tidy = (locale) => {
+  const tag = locale?.trim().replace(/_/g, "-");
+  if (!tag) return void 0;
+  try {
+    return Intl.getCanonicalLocales(tag)[0];
+  } catch (e) {
+    return e instanceof RangeError ? void 0 : tag;
+  }
+};
+var setLocale = (locale) => {
+  const next = tidy(locale);
+  if (next === s.locale) return;
+  s.locale = next;
+  s.version++;
+  tell(s.onWords);
+  tell(s.onLocale);
+};
+var setDeviceLocale = (locale) => {
+  s.device = tidy(locale);
+};
+var currentLocale = () => s.locale ?? s.device ?? (typeof navigator !== "undefined" && navigator.language || void 0);
+var langParam = () => {
+  const l = currentLocale();
+  return l ? `&lang=${encodeURIComponent(l)}` : "";
+};
+var wordsVersion = () => s.version;
+var onWords = (fn) => {
+  s.onWords.add(fn);
+  return () => {
+    s.onWords.delete(fn);
+  };
+};
+var onLocale = (fn) => {
+  s.onLocale.add(fn);
+  return () => {
+    s.onLocale.delete(fn);
+  };
+};
+
 // src/core.ts
-var SDK_VERSION = "0.18.0";
+var SDK_VERSION = "0.21.0";
 var propOf = (person, name) => {
   const want = name.trim().toLowerCase();
   for (const [k, v] of Object.entries(person)) if (k.toLowerCase() === want) return v;
@@ -77,7 +139,7 @@ var matchesCondition = (c, person) => {
 var evaluateFlag = (flag, distinctId, person = {}) => {
   if (!flag.on) return false;
   const subject = { id: distinctId, ...person };
-  const set = flag.sets.length ? flag.sets.find((s) => s.conditions.every((c) => matchesCondition(c, subject))) : { conditions: [], rollout: 100 };
+  const set = flag.sets.length ? flag.sets.find((s2) => s2.conditions.every((c) => matchesCondition(c, subject))) : { conditions: [], rollout: 100 };
   if (!set) return false;
   if (flagUnit(`${flag.key}:rollout:${distinctId}`) * 100 >= set.rollout) return false;
   if (!flag.variants?.length) return true;
@@ -108,11 +170,11 @@ var parseQuery = (url) => {
   const q = url.split("#")[0];
   const at = q.indexOf("?");
   if (at < 0) return out;
-  const dec = (s) => {
+  const dec = (s2) => {
     try {
-      return decodeURIComponent(s.replace(/\+/g, " "));
+      return decodeURIComponent(s2.replace(/\+/g, " "));
     } catch {
-      return s;
+      return s2;
     }
   };
   for (const pair of q.slice(at + 1).split("&")) {
@@ -184,9 +246,9 @@ var useOnboardingItem = (flows, id, start) => {
       return;
     }
     const up = () => {
-      const s = flows.onboarding.item(id);
-      setState(s);
-      if (s && !s.done && !s.dismissed) flows.onboarding.seen(id);
+      const s2 = flows.onboarding.item(id);
+      setState(s2);
+      if (s2 && !s2.done && !s2.dismissed) flows.onboarding.seen(id);
     };
     up();
     return flows.subscribe(up);
@@ -216,9 +278,9 @@ var useOnboardingItem = (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 g = globalThis;
-  if (status !== 401 || g.__mrrocketUnsigned) return;
-  g.__mrrocketUnsigned = true;
+  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)) => {
@@ -242,11 +304,11 @@ var BRAND_URL = "https://mrrocket.dev/?utm_source=messenger&utm_medium=powered-b
 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, g, b] = [m[1], m[2], m[3]].map((x) => {
+  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 * g + 0.0722 * b > 0.45 ? "#111214" : "#ffffff";
+  return 0.2126 * r + 0.7152 * g2 + 0.0722 * b > 0.45 ? "#111214" : "#ffffff";
 };
 var ApiError = class extends Error {
   constructor(message, status) {
@@ -255,7 +317,11 @@ var ApiError = class extends Error {
     this.status = status;
   }
 };
-var qs = (params) => Object.entries(params).filter((e) => !!e[1]).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join("&");
+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 {
@@ -267,7 +333,7 @@ var call = async (url, init, signal) => {
     });
   } catch (e) {
     if (e.name === "AbortError") throw e;
-    throw new ApiError("Could not reach the server. Check your connection and try again.", 0);
+    throw new ApiError(t("Could not reach the server. Check your connection and try again."), 0);
   }
   if (!res.ok) {
     warnUnsigned(res.status);
@@ -276,7 +342,7 @@ var call = async (url, init, signal) => {
       detail = (await res.json()).error ?? "";
     } catch {
     }
-    throw new ApiError(detail || (res.status === 429 ? "Too many requests. Try again in a minute." : "Something went wrong. Please try again."), res.status);
+    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();
 };
@@ -284,7 +350,7 @@ 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(`${base}${path}`, { method: "POST", body: JSON.stringify({ ...who2, ...body }) }, signal);
+  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),
@@ -297,8 +363,12 @@ 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),
-    chat: (signal) => call(`${base}/messages?${qs(me)}`, void 0, signal),
-    /** A message; `attachments` are upload ids from `uploadChatFile` (then the body may be empty). */
+    /** 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) => {
@@ -308,10 +378,10 @@ var createApi = (c) => {
       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(`${base}/messages/attachments`, { method: "POST", body: form }, signal);
+      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)}`,
+    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),
@@ -322,13 +392,13 @@ var createApi = (c) => {
 // src/batch.ts
 var MAX_BATCH = 100;
 var MAX_BYTES = 6e4;
-var byteLength = (s) => {
+var byteLength = (s2) => {
   let n = 0;
-  for (let i = 0; i < s.length; i++) {
-    const c = s.charCodeAt(i);
+  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 < s.length && (s.charCodeAt(i + 1) & 64512) === 56320) {
+    else if (c >= 55296 && c <= 56319 && i + 1 < s2.length && (s2.charCodeAt(i + 1) & 64512) === 56320) {
       n += 4;
       i++;
     } else n += 3;
@@ -363,7 +433,7 @@ var batchRequests = (key, events, sdk, userHash) => {
 
 // src/errors.ts
 var MAX_STACK = 8 * 1024;
-var clip = (s, n) => s.length > n ? `${s.slice(0, n - 1)}\u2026` : s;
+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) };
@@ -384,18 +454,20 @@ var PLAIN_CANCEL = {
   question: "",
   reasons: [],
   offers: {},
-  confirm: { title: "Cancel your subscription?", body: "You keep access until the end of the billing period.", button: "Cancel subscription" },
+  // Read when it is shown, so it follows the visitor's language.
+  get confirm() {
+    return { title: t("Cancel your subscription?"), body: t("You keep access until the end of the billing period."), button: t("Cancel subscription") };
+  },
   offersFor: "business"
 };
-var FAILED = "Something went wrong. Please try again.";
 var PROGRESS_KEY = "mrrocket:onboarding";
-var eventSlug = (s) => s.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+var eventSlug = (s2) => s2.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
 var SIGNUP = /* @__PURE__ */ new Set(["signed_up", "signup", "sign_up", "registered", "account_created", "user_signed_up"]);
 var matchesTrigger = (trigger, event) => {
-  const t = eventSlug(trigger);
+  const t2 = eventSlug(trigger);
   const e = eventSlug(event);
-  if (!t || !e) return false;
-  return t === e || SIGNUP.has(t) && SIGNUP.has(e);
+  if (!t2 || !e) return false;
+  return t2 === e || SIGNUP.has(t2) && SIGNUP.has(e);
 };
 var startsOnLoad = (trigger) => /^(first (launch|visit|open|session|login|sign ?in|app open)|app (opened|launched)|on load|every visit|always)?$/i.test(trigger.trim());
 var isPageTrigger = (trigger) => trigger.trim().startsWith("/");
@@ -404,16 +476,30 @@ var momentOf = (f) => f.when ?? f.trigger;
 var manual = (trigger) => eventSlug(trigger) === "from_a_checklist" || eventSlug(trigger) === "from_your_code" || eventSlug(trigger) === eventSlug(NEEDS_NEWER);
 var AFTER_PREFIX = "after:";
 var afterOf = (trigger) => {
-  const t = (trigger ?? "").trim();
-  return t.toLowerCase().startsWith(AFTER_PREFIX) ? t.slice(AFTER_PREFIX.length).trim() || null : null;
+  const t2 = (trigger ?? "").trim();
+  return t2.toLowerCase().startsWith(AFTER_PREFIX) ? t2.slice(AFTER_PREFIX.length).trim() || null : null;
 };
 var opensOf = (step) => step.opens ?? (step.startsTour ? { kind: "tour", id: step.startsTour } : void 0);
+var OTHER_PREFIX = "other:";
+var scaleOf = (q) => {
+  const min = q?.min ?? 0;
+  const max = q?.max ?? 10;
+  return Array.from({ length: Math.max(0, Math.min(max - min, 20) + 1) }, (_, i) => min + i);
+};
 var answerOk = (q, value) => {
   if (!q || value == null) return false;
-  if (q.type === "choice") return (q.options ?? []).some((o) => o.id === value);
+  if (q.type === "choice") {
+    if (q.other && value.startsWith(OTHER_PREFIX)) return value.slice(OTHER_PREFIX.length).trim().length > 0;
+    return (q.options ?? []).some((o) => o.id === value);
+  }
+  if (q.type === "scale") return scaleOf(q).some((n) => String(n) === value);
   return value.trim().length > 0 && value.length <= 500;
 };
-var answerLabel = (q, value) => q?.type === "choice" ? q.options?.find((o) => o.id === value)?.label ?? value : value.trim();
+var answerLabel = (q, value) => {
+  if (q?.type !== "choice") return value.trim();
+  if (q.other && value.startsWith(OTHER_PREFIX)) return value.slice(OTHER_PREFIX.length).trim();
+  return q.options?.find((o) => o.id === value)?.label ?? value;
+};
 var videoEmbed = (url) => {
   const u = (url ?? "").trim();
   if (!/^https?:\/\//i.test(u)) return null;
@@ -435,12 +521,14 @@ var runId = () => `cf_${Math.random().toString(36).slice(2, 10)}${Date.now().toS
 var discounted = (amount, percent) => Math.round(amount * (1 - percent / 100) * 100) / 100;
 var money = (amount, currency) => {
   try {
-    return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(amount);
+    return new Intl.NumberFormat(currentLocale(), { style: "currency", currency }).format(amount);
   } catch {
     return `${amount.toFixed(2)} ${currency}`;
   }
 };
-var offerButton = (o) => o.kind === "contact" ? "Send to the team" : o.kind === "pause" ? "Pause instead" : o.kind === "downgrade" ? "Switch plan" : "Accept offer";
+var offerButton = (o) => o.kind === "contact" ? t("Send to the team") : o.kind === "pause" ? t("Pause instead") : o.kind === "downgrade" ? t("Switch plan") : t("Accept offer");
+var monthsWord = (n) => n === 1 ? t("1 month") : tf("{n} months", { n });
+var forMonths = (n) => tf("for {months}", { months: monthsWord(n) });
 var safeUrl = (url) => {
   const u = (url ?? "").trim();
   return /^https?:\/\//i.test(u) || /^\/(?!\/)/.test(u) ? u : void 0;
@@ -587,13 +675,13 @@ var createFlows = (env) => {
     }
   };
   const merge = (state) => {
-    for (const [id, s] of Object.entries(state ?? {})) {
+    for (const [id, s2] of Object.entries(state ?? {})) {
       const p = prog(id);
-      for (const d of s.done ?? []) p.done.add(d);
-      if (s.dismissed) p.dismissed = true;
-      for (const [k, v] of Object.entries(s.answers ?? {})) if (!p.answers.has(k)) p.answers.set(k, v === "yes");
-      for (const [k, v] of Object.entries(s.at ?? {})) if (typeof v === "number" && !p.at.has(k)) p.at.set(k, v);
-      for (const [k, v] of Object.entries(s.reached ?? {})) if (typeof v === "number" && (!p.reached.has(k) || v < p.reached.get(k))) p.reached.set(k, v);
+      for (const d of s2.done ?? []) p.done.add(d);
+      if (s2.dismissed) p.dismissed = true;
+      for (const [k, v] of Object.entries(s2.answers ?? {})) if (!p.answers.has(k)) p.answers.set(k, v === "yes");
+      for (const [k, v] of Object.entries(s2.at ?? {})) if (typeof v === "number" && !p.at.has(k)) p.at.set(k, v);
+      for (const [k, v] of Object.entries(s2.reached ?? {})) if (typeof v === "number" && (!p.reached.has(k) || v < p.reached.get(k))) p.reached.set(k, v);
     }
   };
   const wakeAt = (until) => {
@@ -633,14 +721,14 @@ var createFlows = (env) => {
       return {
         type: "checklist",
         flow,
-        items: items.map((s) => {
-          const o = opensOf(s);
-          const t = o && (o.kind === "tour" || o.kind === "modal") && o.id !== flow.id ? flowById(o.id) : void 0;
-          const target = t && t.shownBy !== "code" && nodesOf(t).length ? t : void 0;
+        items: items.map((s2) => {
+          const o = opensOf(s2);
+          const t2 = o && (o.kind === "tour" || o.kind === "modal") && o.id !== flow.id ? flowById(o.id) : void 0;
+          const target = t2 && t2.shownBy !== "code" && nodesOf(t2).length ? t2 : void 0;
           const opens = o && (o.kind === "page" ? !!o.target.trim() : o.kind === "code" || !!target) ? o : void 0;
           return {
-            step: s,
-            done: p.done.has(s.id),
+            step: s2,
+            done: p.done.has(s2.id),
             ...target && o?.kind === "tour" ? { tour: target } : {},
             ...opens ? { opens } : {},
             ...target ? { target } : {}
@@ -696,7 +784,7 @@ var createFlows = (env) => {
       active = null;
       const list = back ? flowById(back.flow) : void 0;
       if (back && list) {
-        const item = stepsIn(nodesOf(list)).find((s) => s.id === back.step);
+        const item = stepsIn(nodesOf(list)).find((s2) => s2.id === back.step);
         const p = prog(list.id);
         if (item && !item.event && !progress.get(ended2)?.dismissed && !p.done.has(item.id)) {
           markDone(p, item.id);
@@ -739,8 +827,8 @@ var createFlows = (env) => {
   };
   const allowed = (f) => f.audience === "answered" ? !!f.answered && answers.get(f.answered.question) === f.answered.option : f.audience !== "signed_in" || !!env.personId();
   const predecessorEnded = (id) => {
-    const g = flowById(id);
-    return !g || finished(g);
+    const g2 = flowById(id);
+    return !g2 || finished(g2);
   };
   const due = (f, trigger = momentOf(f)) => {
     const path = env.path?.();
@@ -775,7 +863,7 @@ var createFlows = (env) => {
   };
   const answerStep = (flow, step, raw) => {
     const q = step.question;
-    const value = q.type === "text" ? raw.trim().slice(0, 500) : raw;
+    const value = q.type === "text" ? raw.trim().slice(0, 500) : raw.startsWith(OTHER_PREFIX) ? OTHER_PREFIX + raw.slice(OTHER_PREFIX.length).trim().slice(0, 490) : raw;
     answers.set(q.key, value);
     drafts.delete(step.id);
     markDone(prog(flow.id), step.id);
@@ -886,7 +974,7 @@ var createFlows = (env) => {
       () => finish(c, r),
       () => {
         c.busy = false;
-        c.error = FAILED;
+        c.error = t("Something went wrong. Please try again.");
         emit();
       }
     );
@@ -923,11 +1011,11 @@ var createFlows = (env) => {
       for (const l of lists) {
         const p = prog(l.id);
         let here = false;
-        for (const s of stepsIn(nodesOf(l)))
-          if (s.kind === "checklist" && s.event && !p.done.has(s.id) && matchesTrigger(s.event, name)) {
-            markDone(p, s.id);
+        for (const s2 of stepsIn(nodesOf(l)))
+          if (s2.kind === "checklist" && s2.event && !p.done.has(s2.id) && matchesTrigger(s2.event, name)) {
+            markDone(p, s2.id);
             here = true;
-            env.track(ONBOARDING_EVENT, { flow: l.id, step: s.id, kind: s.kind, action: "completed" });
+            env.track(ONBOARDING_EVENT, { flow: l.id, step: s2.id, kind: s2.kind, action: "completed" });
           }
         if (here) {
           ticked = true;
@@ -966,8 +1054,8 @@ var createFlows = (env) => {
       answer: (text2) => {
         const c = cancel;
         if (!c || c.busy || c.screen !== "followup") return;
-        const t = text2.slice(0, 500);
-        c.answer = t.trim() ? t : void 0;
+        const t2 = text2.slice(0, 500);
+        c.answer = t2.trim() ? t2 : void 0;
         emit();
       },
       next: () => {
@@ -1109,11 +1197,22 @@ var createFlows = (env) => {
         drafts.set(v.step.id, String(value).slice(0, 500));
         emit();
       },
+      skip: () => {
+        const v = onboardingView();
+        const q = v?.type === "step" && v.step.kind === "question" ? v.step.question : void 0;
+        if (v?.type !== "step" || !q?.optional) return;
+        drafts.delete(v.step.id);
+        markDone(prog(v.flow.id), v.step.id);
+        env.track(ONBOARDING_EVENT, { flow: v.flow.id, step: v.step.id, kind: "question", action: "completed", question: q.key, skipped: true });
+        celebrate(v.flow);
+        save();
+        emit();
+      },
       back: () => {
         const v = onboardingView();
         if (v?.type !== "step" || v.step.kind !== "question" || !v.back) return;
         const line = stepsIn(nodesOf(v.flow));
-        const at = line.findIndex((s) => s.id === v.step.id);
+        const at = line.findIndex((s2) => s2.id === v.step.id);
         const p = prog(v.flow.id);
         for (let i = at - 1; i >= 0; i--)
           if (p.done.has(line[i].id)) {
@@ -1128,11 +1227,11 @@ var createFlows = (env) => {
         const f = flowById(id);
         if (!f) return null;
         const p = progress.get(f.id);
-        const steps = stepsIn(nodesOf(f)).map((s) => {
-          const a = s.question ? answers.get(s.question.key) : void 0;
-          return { ...s, done: !!p?.done.has(s.id), ...a !== void 0 ? { answer: a } : {} };
+        const steps = stepsIn(nodesOf(f)).map((s2) => {
+          const a = s2.question ? answers.get(s2.question.key) : void 0;
+          return { ...s2, done: !!p?.done.has(s2.id), ...a !== void 0 ? { answer: a } : {} };
         });
-        const done = steps.length > 0 && steps.every((s) => s.done);
+        const done = steps.length > 0 && steps.every((s2) => s2.done);
         const dismissed = !!p?.dismissed;
         return { item: f, steps, done, dismissed, eligible: !done && !dismissed && allowed(f) && due(f) };
       },
@@ -1144,21 +1243,21 @@ var createFlows = (env) => {
           env.track(ONBOARDING_EVENT, { flow: f.id, action: "started" });
         }
         const p = progress.get(f.id);
-        for (const s of stepsIn(nodesOf(f)))
-          if (!p?.done.has(s.id) && !shown.has(`s:${s.id}`)) {
-            shown.add(`s:${s.id}`);
-            env.track(ONBOARDING_EVENT, { flow: f.id, step: s.id, kind: s.kind, action: "shown" });
-            if (s.kind !== "checklist") break;
+        for (const s2 of stepsIn(nodesOf(f)))
+          if (!p?.done.has(s2.id) && !shown.has(`s:${s2.id}`)) {
+            shown.add(`s:${s2.id}`);
+            env.track(ONBOARDING_EVENT, { flow: f.id, step: s2.id, kind: s2.kind, action: "shown" });
+            if (s2.kind !== "checklist") break;
           }
       },
       complete: (id, stepId) => {
         const f = flowById(id);
-        const s = f && stepsIn(nodesOf(f)).find((x) => x.id === stepId);
-        if (!f || !s || s.kind === "question") return;
+        const s2 = f && stepsIn(nodesOf(f)).find((x) => x.id === stepId);
+        if (!f || !s2 || s2.kind === "question") return;
         const p = prog(f.id);
-        if (p.done.has(s.id)) return;
-        markDone(p, s.id);
-        env.track(ONBOARDING_EVENT, { flow: f.id, step: s.id, kind: s.kind, action: "completed" });
+        if (p.done.has(s2.id)) return;
+        markDone(p, s2.id);
+        env.track(ONBOARDING_EVENT, { flow: f.id, step: s2.id, kind: s2.kind, action: "completed" });
         ended(f);
       },
       dismissItem: (id) => {
@@ -1173,9 +1272,9 @@ var createFlows = (env) => {
       },
       answerItem: (id, question, value) => {
         const f = flowById(id);
-        const s = f && stepsIn(nodesOf(f)).find((x) => x.kind === "question" && (x.id === question || x.question?.key === question));
-        if (!f || !s?.question || !answerOk(s.question, value)) return;
-        answerStep(f, s, value);
+        const s2 = f && stepsIn(nodesOf(f)).find((x) => x.kind === "question" && (x.id === question || x.question?.key === question));
+        if (!f || !s2?.question || !answerOk(s2.question, value)) return;
+        answerStep(f, s2, value);
         ended(f);
       }
     },
@@ -1263,7 +1362,7 @@ var createPaywallHost = (env) => {
       },
       () => {
         c.busy = false;
-        c.error = "The purchase did not go through. Please try again.";
+        c.error = t("The purchase did not go through. Please try again.");
         emit();
       }
     );
@@ -1338,10 +1437,10 @@ var RageDetector = class {
     __publicField(this, "clicks", []);
     __publicField(this, "fired", false);
   }
-  push(x, y, t) {
-    const near = this.clicks.filter((c) => t - c.t <= this.windowMs && Math.hypot(c.x - x, c.y - y) <= this.radius);
+  push(x, y, t2) {
+    const near = this.clicks.filter((c) => t2 - c.t <= this.windowMs && Math.hypot(c.x - x, c.y - y) <= this.radius);
     if (near.length !== this.clicks.length) this.fired = false;
-    this.clicks = [...near, { x, y, t }];
+    this.clicks = [...near, { x, y, t: t2 }];
     if (this.clicks.length >= this.count && !this.fired) {
       this.fired = true;
       return true;
@@ -1357,9 +1456,9 @@ var BUFFER_MS = 6e4;
 var CHUNK_FRAMES = 12;
 var CHUNK_CHARS = 7e5;
 var MAX_MS = 30 * 6e4;
-var shareOf = (s) => {
+var shareOf = (s2) => {
   let h3 = 2166136261;
-  for (let i = 0; i < s.length; i++) h3 = Math.imul(h3 ^ s.charCodeAt(i), 16777619);
+  for (let i = 0; i < s2.length; i++) h3 = Math.imul(h3 ^ s2.charCodeAt(i), 16777619);
   return (h3 >>> 0) / 4294967296;
 };
 var createRecorder = (deps, st) => {
@@ -1484,14 +1583,14 @@ var measureMasks = () => Promise.all(
     (ref) => new Promise((resolve) => {
       const v = ref.current;
       if (!v) return resolve("none");
-      const t = setTimeout(() => resolve("failed"), 100);
+      const t2 = setTimeout(() => resolve("failed"), 100);
       try {
         v.measureInWindow((x, y, w, h3) => {
-          clearTimeout(t);
+          clearTimeout(t2);
           resolve(w > 0 && h3 > 0 ? [x, y, w, h3] : "none");
         });
       } catch {
-        clearTimeout(t);
+        clearTimeout(t2);
         resolve("failed");
       }
     })
@@ -1528,7 +1627,7 @@ var MAX_CRUMBS = 20;
 var MAX_BACKOFF_MS = 5 * 60 * 1e3;
 var REQUEST_TIMEOUT_MS = 15e3;
 var EAGER_COUNT = 20;
-var clip2 = (s, n) => s.length > n ? `${s.slice(0, n - 1)}\u2026` : s;
+var clip2 = (s2, n) => s2.length > n ? `${s2.slice(0, n - 1)}\u2026` : s2;
 var createClient = (options, deps) => {
   const apiKey = (options.apiKey ?? "").trim();
   const host = (options.host ?? DEFAULT_HOST).trim().replace(/\/+$/, "");
@@ -1556,6 +1655,8 @@ var createClient = (options, deps) => {
     context = deps.context();
   } catch {
   }
+  setDeviceLocale(context.locale);
+  if (options.locale) setLocale(options.locale);
   const appId = (deps.appId || "app").replace(/[^A-Za-z0-9._-]/g, "") || "app";
   const release = options.release ?? (context.appVersion ? `${context.appVersion}${context.build ? ` (${context.build})` : ""}` : void 0);
   const sdk = { v: SDK_VERSION, errors: errorsOn, platform: context.platform };
@@ -1601,7 +1702,7 @@ var createClient = (options, deps) => {
   const fetchInApp = async (id) => {
     if (!apiKey) return null;
     const hash = hashOf(id);
-    const r = await deps.fetch(`${host}/api/sdk/inapp?key=${encodeURIComponent(apiKey)}&distinctId=${encodeURIComponent(id)}${hash ? `&userHash=${hash}` : ""}`, { method: "GET" });
+    const r = await deps.fetch(`${host}/api/sdk/inapp?key=${encodeURIComponent(apiKey)}&distinctId=${encodeURIComponent(id)}${hash ? `&userHash=${hash}` : ""}${langParam()}`, { method: "GET" });
     warnUnsigned(r.status, deps.log);
     return r.ok ? await r.json() : null;
   };
@@ -1687,9 +1788,9 @@ var createClient = (options, deps) => {
   const sendId = () => consent === "persistent" ? distinctId() : identified;
   const hashOf = (id) => hashFor(signed, id);
   const touchSession = () => {
-    const t = now();
-    if (!session || t - session.last >= SESSION_TIMEOUT_MS) session = { id: newDistinctId(), last: t };
-    else session.last = t;
+    const t2 = now();
+    if (!session || t2 - session.last >= SESSION_TIMEOUT_MS) session = { id: newDistinctId(), last: t2 };
+    else session.last = t2;
     return session.id;
   };
   const urlOf = (path = currentScreen) => `app://${appId}${path ?? "/"}`;
@@ -1878,7 +1979,7 @@ var createClient = (options, deps) => {
   const fetchConfig = async () => {
     if (!apiKey) return;
     try {
-      const r = await deps.fetch(`${host}/api/sdk/config?key=${encodeURIComponent(apiKey)}`, { method: "GET" });
+      const r = await deps.fetch(`${host}/api/sdk/config?key=${encodeURIComponent(apiKey)}${langParam()}`, { method: "GET" });
       if (!r.ok) {
         warn(`Config request answered ${r.status}. Check the public key and the host.`);
         return;
@@ -1886,6 +1987,7 @@ var createClient = (options, deps) => {
       const c = await r.json();
       if (c && Array.isArray(c.experiments)) {
         config = c;
+        setWords(c.words, c.lang);
         if (consent !== "off") await set(KEYS.config, JSON.stringify(c));
         changed();
       }
@@ -2004,7 +2106,10 @@ var createClient = (options, deps) => {
       }
       try {
         const c = cached ? JSON.parse(cached) : null;
-        if (c && Array.isArray(c.experiments) && !config) config = c;
+        if (c && Array.isArray(c.experiments) && !config) {
+          config = c;
+          setWords(c.words, c.lang);
+        }
       } catch {
         await remove(KEYS.config);
       }
@@ -2060,6 +2165,9 @@ var createClient = (options, deps) => {
     await fetchConfig();
     markReady();
     refreshFlows();
+    onLocale(() => {
+      void fetchConfig().then(refreshFlows);
+    });
   };
   void start().catch(() => {
     loaded = true;
@@ -2248,13 +2356,13 @@ var createClient = (options, deps) => {
   return client;
 };
 var activeRouteName = (state) => {
-  let s = state;
+  let s2 = state;
   let name;
-  for (let depth = 0; s && Array.isArray(s.routes) && s.routes.length && depth < 20; depth++) {
-    const route = s.routes[typeof s.index === "number" ? s.index : s.routes.length - 1];
+  for (let depth = 0; s2 && Array.isArray(s2.routes) && s2.routes.length && depth < 20; depth++) {
+    const route = s2.routes[typeof s2.index === "number" ? s2.index : s2.routes.length - 1];
     if (!route) break;
     name = route.name ?? name;
-    s = route.state;
+    s2 = route.state;
   }
   return name;
 };
@@ -2410,9 +2518,9 @@ var Finale = ({ kind, accent }) => {
     RN.View,
     { pointerEvents: "none", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: { position: "absolute", left: 0, right: 0, top: 0, bottom: 0 } },
     ...bits.map((b, i) => {
-      const t = values[i];
-      const fade = t.interpolate({ inputRange: [0, 0.7, 1], outputRange: [1, 1, 0] });
-      const scale = b.shape === "star" ? t.interpolate({ inputRange: [0, 0.25, 1], outputRange: [0.2, 1.15, 0.6] }) : 1;
+      const t2 = values[i];
+      const fade = t2.interpolate({ inputRange: [0, 0.7, 1], outputRange: [1, 1, 0] });
+      const scale = b.shape === "star" ? t2.interpolate({ inputRange: [0, 0.25, 1], outputRange: [0.2, 1.15, 0.6] }) : 1;
       return (0, import_react2.createElement)(
         A.View,
         {
@@ -2429,9 +2537,9 @@ var Finale = ({ kind, accent }) => {
             justifyContent: "center",
             opacity: fade,
             transform: [
-              { translateX: t.interpolate({ inputRange: [0, 1], outputRange: [0, b.dx] }) },
-              { translateY: t.interpolate({ inputRange: [0, 0.5, 1], outputRange: [0, b.mid, b.dy] }) },
-              { rotate: t.interpolate({ inputRange: [0, 1], outputRange: ["0deg", `${b.rot}deg`] }) },
+              { translateX: t2.interpolate({ inputRange: [0, 1], outputRange: [0, b.dx] }) },
+              { translateY: t2.interpolate({ inputRange: [0, 0.5, 1], outputRange: [0, b.mid, b.dy] }) },
+              { rotate: t2.interpolate({ inputRange: [0, 1], outputRange: ["0deg", `${b.rot}deg`] }) },
               { scale }
             ]
           }
@@ -2443,10 +2551,9 @@ var Finale = ({ kind, accent }) => {
 };
 var LIGHT = { bg: "#ffffff", fg: "#1c1d20", muted: "#5d6068", soft: "#f4f5f7", line: "#e4e5e8" };
 var DARK = { bg: "#17181b", fg: "#f1f2f4", muted: "#a9acb3", soft: "#232428", line: "#2e2f35" };
-var months = (n) => `${n} ${n === 1 ? "month" : "months"}`;
 var MRRocketFlows = (props) => {
   const [, setTick] = (0, import_react2.useState)(0);
-  (0, import_react2.useEffect)(() => props.flows.subscribe(() => setTick((t) => t + 1)), [props.flows]);
+  (0, import_react2.useEffect)(() => props.flows.subscribe(() => setTick((t2) => t2 + 1)), [props.flows]);
   const fin = props.flows.finale?.() ?? null;
   const accent = props.appearance?.accent ?? props.flows.accent?.() ?? "#3f76ff";
   return (0, import_react2.createElement)(import_react2.Fragment, null, (0, import_react2.createElement)(FlowsBody, props), fin ? (0, import_react2.createElement)(Finale, { key: fin.key, kind: fin.kind, accent }) : null);
@@ -2456,8 +2563,8 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
   const dark = appearance.theme === "dark" || (appearance.theme ?? "auto") === "auto" && scheme === "dark";
   const p = { ...dark ? DARK : LIGHT, accent: appearance.accent ?? flows.accent?.() ?? "#3f76ff", danger: "#d92d20" };
   const [, setTick] = (0, import_react2.useState)(0);
-  (0, import_react2.useEffect)(() => flows.subscribe(() => setTick((t) => t + 1)), [flows]);
-  (0, import_react2.useEffect)(() => paywall?.subscribe(() => setTick((t) => t + 1)), [paywall]);
+  (0, import_react2.useEffect)(() => flows.subscribe(() => setTick((t2) => t2 + 1)), [flows]);
+  (0, import_react2.useEffect)(() => paywall?.subscribe(() => setTick((t2) => t2 + 1)), [paywall]);
   const pw = paywall?.view() ?? null;
   const v = flows.view();
   const [comment, setComment] = (0, import_react2.useState)("");
@@ -2546,7 +2653,7 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
             { length: w.total },
             (_, i) => (0, import_react2.createElement)(RN.View, { key: i, style: { width: 16, height: 4, borderRadius: 4, backgroundColor: i <= w.index ? p.accent : p.line } })
           ) : [],
-          close("Close", host.close)
+          close(t("Close"), host.close)
         ),
         title(pg.title),
         pg.body ? muted(pg.body, { fontSize: 15 }) : null,
@@ -2591,8 +2698,8 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
           )
         ) : null,
         w.error ? text2(w.error, { color: p.danger, fontSize: 13 }) : null,
-        btn(w.busy ? "One moment\u2026" : pg.button || "Continue", "primary", host.next, w.busy || pg.kind === "plans" && !w.plan),
-        w.index ? btn("Back", "quiet", host.back, w.busy) : null
+        btn(w.busy ? t("One moment\u2026") : pg.button || t("Continue"), "primary", host.next, w.busy || pg.kind === "plans" && !w.plan),
+        w.index ? btn(t("Back"), "quiet", host.back, w.busy) : null
       ],
       host.close
     );
@@ -2607,7 +2714,7 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
         { length: v.steps },
         (_, i) => (0, import_react2.createElement)(RN.View, { key: i, style: { width: 16, height: 4, borderRadius: 4, backgroundColor: i < v.step ? p.accent : p.line } })
       ) : [],
-      close("Close", flows.cancel.close)
+      close(t("Close"), flows.cancel.close)
     );
     const error = v.error ? text2(v.error, { color: p.danger, fontSize: 13 }) : null;
     let body = [];
@@ -2638,45 +2745,45 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
     );
     if (v.screen === "survey")
       body = [
-        title(v.flow.question || "Why are you leaving?"),
+        title(v.flow.question || t("Why are you leaving?")),
         choices(v.flow.reasons.map((r) => ({ key: r.id, label: r.label, on: v.reason === r.id, press: () => flows.cancel.pick(r.id) }))),
-        btn("Continue", "primary", flows.cancel.next, !v.reason),
-        btn("Never mind, keep my plan", "quiet", flows.cancel.close)
+        btn(t("Continue"), "primary", flows.cancel.next, !v.reason),
+        btn(t("Never mind, keep my plan"), "quiet", flows.cancel.close)
       ];
     else if (v.screen === "followup" && v.followUp) {
       const f = v.followUp;
       const label = v.flow.reasons.find((r) => r.id === v.reason)?.label;
       body = [
-        label ? muted(`You said: ${label}`) : null,
+        label ? muted(tf("You said: {label}", { label })) : null,
         title(f.question),
-        f.answers.length ? choices(f.answers.map((a, i) => ({ key: String(i), label: a, on: v.answer === a, press: () => flows.cancel.answer(a) }))) : input("Your answer (optional)", v.answer ?? "", flows.cancel.answer),
-        btn("Continue", "primary", flows.cancel.next),
-        btn("Never mind, keep my plan", "quiet", flows.cancel.close)
+        f.answers.length ? choices(f.answers.map((a, i) => ({ key: String(i), label: f.answerLabels?.[i] || a, on: v.answer === a, press: () => flows.cancel.answer(a) }))) : input(t("Your answer (optional)"), v.answer ?? "", flows.cancel.answer),
+        btn(t("Continue"), "primary", flows.cancel.next),
+        btn(t("Never mind, keep my plan"), "quiet", flows.cancel.close)
       ];
     } else if (v.screen === "offer" && v.offer) {
       const o = v.offer;
       const label = v.flow.reasons.find((r) => r.id === v.reason)?.label;
-      const detail = o.kind === "discount" && o.percent ? v.price ? `${money(discounted(v.price.amount, o.percent), v.price.currency)} instead of ${money(v.price.amount, v.price.currency)}${o.months ? ` for ${months(o.months)}` : ""}` : `${o.percent}% off${o.months ? ` for ${months(o.months)}` : ""}` : o.kind === "pause" && o.months ? `Pause for up to ${months(o.months)}. Your data stays.` : o.kind === "downgrade" && o.planName ? o.planName : null;
+      const detail = o.kind === "discount" && o.percent ? v.price ? `${tf("{price} instead of {old}", { price: money(discounted(v.price.amount, o.percent), v.price.currency), old: money(v.price.amount, v.price.currency) })}${o.months ? ` ${forMonths(o.months)}` : ""}` : `${tf("{percent}% off", { percent: o.percent })}${o.months ? ` ${forMonths(o.months)}` : ""}` : o.kind === "pause" && o.months ? tf("Pause for up to {months}. Your data stays.", { months: monthsWord(o.months) }) : o.kind === "downgrade" && o.planName ? o.planName : null;
       body = [
-        label ? muted(`You said: ${label}`) : null,
+        label ? muted(tf("You said: {label}", { label })) : null,
         title(o.headline),
         detail ? (0, import_react2.createElement)(RN.View, { style: { backgroundColor: p.soft, borderRadius: 10, padding: 12 } }, text2(detail, { fontWeight: "600" })) : null,
-        o.kind === "contact" ? input("What would make you stay?") : null,
-        btn(v.busy ? "One moment\u2026" : offerButton(o), "primary", () => flows.cancel.accept(comment), v.busy),
-        btn("No thanks, continue cancelling", "quiet", flows.cancel.decline, v.busy)
+        o.kind === "contact" ? input(t("What would make you stay?")) : null,
+        btn(v.busy ? t("One moment\u2026") : offerButton(o), "primary", () => flows.cancel.accept(comment), v.busy),
+        btn(t("No thanks, continue cancelling"), "quiet", flows.cancel.decline, v.busy)
       ];
     } else
       body = [
         title(v.flow.confirm.title),
         v.flow.confirm.body ? muted(v.flow.confirm.body, { fontSize: 15 }) : null,
-        v.steps > 1 ? input("Anything else we should know? (optional)") : null,
-        btn(v.busy ? "One moment\u2026" : v.flow.confirm.button, "danger", () => flows.cancel.confirm(comment), v.busy),
-        btn("Keep my plan", "secondary", flows.cancel.close, v.busy)
+        v.steps > 1 ? input(t("Anything else we should know? (optional)")) : null,
+        btn(v.busy ? t("One moment\u2026") : v.flow.confirm.button, "danger", () => flows.cancel.confirm(comment), v.busy),
+        btn(t("Keep my plan"), "secondary", flows.cancel.close, v.busy)
       ];
     return sheet([top, ...body, error], flows.cancel.close);
   }
-  const media = (s) => {
-    const m2 = mediaOf(s);
+  const media = (s2) => {
+    const m2 = mediaOf(s2);
     if (!m2) return null;
     if (m2.kind === "image")
       return RN.Image ? (0, import_react2.createElement)(RN.Image, {
@@ -2688,12 +2795,12 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
       }) : null;
     const v2 = videoEmbed(m2.url);
     const open = v2?.kind === "file" ? v2.src : m2.url;
-    return RN.Linking ? btn("\u25B6 Watch the video", "secondary", () => void RN.Linking?.openURL(open).catch(() => {
+    return RN.Linking ? btn(`\u25B6 ${t("Watch the video")}`, "secondary", () => void RN.Linking?.openURL(open).catch(() => {
     })) : null;
   };
   if (v.type === "step" && v.step.kind === "question") {
-    const s = v.step;
-    const q = s.question;
+    const s2 = v.step;
+    const q = s2.question;
     const ok = answerOk(q, v.answer);
     return sheet(
       [
@@ -2704,48 +2811,84 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
             { length: v.total },
             (_, i) => (0, import_react2.createElement)(RN.View, { key: i, style: { width: 16, height: 4, borderRadius: 4, backgroundColor: i <= v.index ? p.accent : p.line } })
           ) : [],
-          close("Close", flows.onboarding.dismiss)
+          close(t("Close"), flows.onboarding.dismiss)
         ),
         v.index === 0 && v.flow.icon ? (0, import_react2.createElement)(RN.View, { key: "icon" }, iconNode(v.flow.icon, 36, p.accent)) : null,
-        title(s.title),
-        s.body ? muted(s.body, { fontSize: 15 }) : null,
+        title(s2.title),
+        s2.body ? muted(s2.body, { fontSize: 15 }) : null,
         q?.type === "choice" ? (0, import_react2.createElement)(
           RN.ScrollView,
           { key: "opts", style: { maxHeight: 320 }, contentContainerStyle: { gap: 6 }, accessibilityRole: "radiogroup" },
-          ...(q.options ?? []).map(
-            (o) => (0, import_react2.createElement)(
+          ...[...q.options ?? [], ...q.other ? [{ id: OTHER_PREFIX, label: q.otherLabel || t("Other") }] : []].map((o) => {
+            const isOther = o.id === OTHER_PREFIX;
+            const on = isOther ? !!v.answer?.startsWith(OTHER_PREFIX) : v.answer === o.id;
+            return (0, import_react2.createElement)(
               RN.Pressable,
               {
                 key: o.id,
-                onPress: () => flows.onboarding.answer(o.id),
+                onPress: () => isOther && on ? void 0 : flows.onboarding.answer(o.id),
                 accessibilityRole: "radio",
-                accessibilityState: { checked: v.answer === o.id },
+                accessibilityState: { checked: on },
                 style: {
                   minHeight: 44,
                   paddingHorizontal: 12,
                   borderRadius: 10,
                   borderWidth: 1,
-                  borderColor: v.answer === o.id ? p.accent : p.line,
-                  backgroundColor: v.answer === o.id ? p.soft : p.bg,
+                  borderColor: on ? p.accent : p.line,
+                  backgroundColor: on ? p.soft : p.bg,
                   justifyContent: "center"
                 }
               },
               text2(o.label, { fontWeight: "500" })
-            )
-          )
+            );
+          }),
+          q.other && v.answer?.startsWith(OTHER_PREFIX) ? (0, import_react2.createElement)(RN.TextInput, {
+            key: "other",
+            value: v.answer.slice(OTHER_PREFIX.length),
+            onChangeText: (t2) => flows.onboarding.answer(OTHER_PREFIX + t2),
+            onSubmitEditing: flows.onboarding.next,
+            placeholder: t("Your answer"),
+            placeholderTextColor: p.muted,
+            maxLength: 490,
+            accessibilityLabel: q.otherLabel || t("Other"),
+            style: { height: 44, borderWidth: 1, borderColor: p.line, borderRadius: 10, paddingHorizontal: 12, color: p.fg }
+          }) : null
+        ) : q?.type === "scale" ? (0, import_react2.createElement)(
+          RN.View,
+          { key: "scale", style: { gap: 6 } },
+          (0, import_react2.createElement)(
+            RN.View,
+            { style: { flexDirection: "row", gap: 4 }, accessibilityRole: "radiogroup" },
+            ...scaleOf(q).map((n) => {
+              const on = v.answer === String(n);
+              return (0, import_react2.createElement)(
+                RN.Pressable,
+                {
+                  key: n,
+                  onPress: () => flows.onboarding.answer(String(n)),
+                  accessibilityRole: "radio",
+                  accessibilityState: { checked: on },
+                  style: { flex: 1, height: 44, borderRadius: 8, borderWidth: 1, borderColor: on ? p.accent : p.line, backgroundColor: on ? p.accent : p.bg, alignItems: "center", justifyContent: "center" }
+                },
+                text2(String(n), { fontWeight: "500", color: on ? "#fff" : p.fg })
+              );
+            })
+          ),
+          q.lowLabel || q.highLabel ? (0, import_react2.createElement)(RN.View, { style: { flexDirection: "row", justifyContent: "space-between" } }, muted(q.lowLabel || ""), muted(q.highLabel || "")) : null
         ) : q ? (0, import_react2.createElement)(RN.TextInput, {
           key: "answer",
           value: v.answer ?? "",
-          onChangeText: (t) => flows.onboarding.answer(t),
+          onChangeText: (t2) => flows.onboarding.answer(t2),
           onSubmitEditing: flows.onboarding.next,
-          placeholder: q.placeholder || "Your answer",
+          placeholder: q.placeholder || t("Your answer"),
           placeholderTextColor: p.muted,
           maxLength: 500,
-          accessibilityLabel: s.title,
+          accessibilityLabel: s2.title,
           style: { height: 44, borderWidth: 1, borderColor: p.line, borderRadius: 10, paddingHorizontal: 12, color: p.fg }
         }) : null,
-        btn(s.button || (v.last ? "Done" : "Continue"), "primary", flows.onboarding.next, !ok),
-        v.back ? btn("Back", "quiet", flows.onboarding.back) : null
+        btn(s2.button || (v.last ? t("Done") : t("Continue")), "primary", flows.onboarding.next, !ok),
+        q?.optional ? btn(q.skipLabel || t("Skip"), "quiet", flows.onboarding.skip) : null,
+        v.back ? btn(t("Back"), "quiet", flows.onboarding.back) : null
       ],
       flows.onboarding.dismiss
     );
@@ -2756,14 +2899,14 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
         (0, import_react2.createElement)(
           RN.View,
           { style: { flexDirection: "row", alignItems: "center" } },
-          v.total > 1 ? muted(`Step ${v.index + 1} of ${v.total}`) : null,
-          close("Close the tour", flows.onboarding.dismiss)
+          v.total > 1 ? muted(tf("Step {n} of {total}", { n: v.index + 1, total: v.total })) : null,
+          close(t("Close the tour"), flows.onboarding.dismiss)
         ),
         v.step.kind === "modal" && v.flow.icon ? (0, import_react2.createElement)(RN.View, { key: "icon" }, iconNode(v.flow.icon, 36, p.accent)) : null,
         media(v.step),
         title(v.step.title),
         v.step.body ? muted(v.step.body, { fontSize: 15 }) : null,
-        btn(v.step.button || (v.last ? "Done" : "Next"), "primary", flows.onboarding.next)
+        btn(v.step.button || (v.last ? t("Done") : t("Next")), "primary", flows.onboarding.next)
       ],
       flows.onboarding.dismiss
     );
@@ -2777,9 +2920,9 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
           RN.View,
           { key: "t", style: { flexDirection: "row", alignItems: "center" } },
           title(v.flow.name),
-          close("Hide the checklist", flows.onboarding.dismiss)
+          close(t("Hide the checklist"), flows.onboarding.dismiss)
         ),
-        muted(`${done} of ${v.items.length} done`),
+        muted(tf("{done} of {total} done", { done, total: v.items.length })),
         ...v.items.map(
           ({ step, done: d, opens }) => (0, import_react2.createElement)(
             RN.Pressable,
@@ -2831,14 +2974,14 @@ var FlowsBody = ({ flows, paywall, appearance = {} }) => {
           RN.View,
           { key: "t", style: { flexDirection: "row", alignItems: "center", gap: 8 } },
           (0, import_react2.createElement)(RN.View, { style: { flex: 1 } }, text2(m.title, { fontWeight: "700" }), m.body ? muted(m.body) : null),
-          close("Dismiss", flows.message.dismiss)
+          close(t("Dismiss"), flows.message.dismiss)
         ),
         m.button ? btn(m.button, "primary", flows.message.click) : null
       ])
     );
   return sheet(
     [
-      (0, import_react2.createElement)(RN.View, { key: "t", style: { flexDirection: "row" } }, close("Dismiss", flows.message.dismiss)),
+      (0, import_react2.createElement)(RN.View, { key: "t", style: { flexDirection: "row" } }, close(t("Dismiss"), flows.message.dismiss)),
       title(m.title),
       m.body ? muted(m.body, { fontSize: 15 }) : null,
       m.button ? btn(m.button, "primary", flows.message.click) : null
@@ -2912,10 +3055,10 @@ var expoPush = () => {
     },
     token: async (projectId) => {
       if (RN2.Platform.OS === "android" && n.setNotificationChannelAsync)
-        await n.setNotificationChannelAsync("default", { name: "Default", importance: n.AndroidImportance?.HIGH ?? 4 });
+        await n.setNotificationChannelAsync("default", { name: t("Default"), importance: n.AndroidImportance?.HIGH ?? 4 });
       const id = projectId ?? constants.expoConfig?.extra?.eas?.projectId ?? constants.easConfig?.projectId;
-      const t = await n.getExpoPushTokenAsync(id ? { projectId: id } : void 0);
-      return typeof t?.data === "string" && t.data ? t.data : null;
+      const push = await n.getExpoPushTokenAsync(id ? { projectId: id } : void 0);
+      return typeof push?.data === "string" && push.data ? push.data : null;
     },
     onOpen: (listener) => {
       const sub = n.addNotificationResponseReceivedListener((r) => listener(dataOf(r) ?? {}));
@@ -2926,8 +3069,8 @@ var expoPush = () => {
 };
 var asyncStorage = () => {
   const m = asyncStorageModule;
-  const s = m?.default ?? m;
-  return s && typeof s.getItem === "function" && typeof s.setItem === "function" && typeof s.removeItem === "function" ? s : null;
+  const s2 = m?.default ?? m;
+  return s2 && typeof s2.getItem === "function" && typeof s2.setItem === "function" && typeof s2.removeItem === "function" ? s2 : null;
 };
 var DEVICE_TYPES = { 1: "phone", 2: "tablet", 3: "desktop", 4: "tv" };
 var text = (v, max = 80) => typeof v === "string" && v.trim() ? v.trim().slice(0, max) : typeof v === "number" ? String(v) : void 0;
@@ -2971,10 +3114,10 @@ var recorderDeps = () => {
   }
   return {
     capture: async (width) => {
-      const s = RN2.Dimensions.get("screen");
-      if (!s?.width) return null;
+      const s2 = RN2.Dimensions.get("screen");
+      if (!s2?.width) return null;
       const w = Math.round(width);
-      const h3 = Math.round(s.height / s.width * width);
+      const h3 = Math.round(s2.height / s2.width * width);
       const img = await capture({ format: "jpg", quality: 0.5, result: "base64", width: w, height: h3 });
       return img ? { img: img.replace(/^data:image\/\w+;base64,/, ""), w, h: h3 } : null;
     },
@@ -3001,8 +3144,8 @@ var nativeDeps = (overrides = {}) => ({
   context: readContext,
   appId: text(expoApplication?.applicationId, 150),
   screen: () => {
-    const s = RN2.Dimensions.get("screen");
-    return s ? { w: s.width, h: s.height } : void 0;
+    const s2 = RN2.Dimensions.get("screen");
+    return s2 ? { w: s2.width, h: s2.height } : void 0;
   },
   initialUrl: () => RN2.Linking.getInitialURL(),
   openUrl: (url) => void RN2.Linking.openURL(url).catch(() => void 0),
@@ -3100,7 +3243,7 @@ var kit = (p) => {
         RN3.View,
         { style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 16, paddingTop: 16, paddingBottom: 12, borderBottomWidth: 1, borderBottomColor: p.line } },
         title(heading),
-        closeX("Close", onClose)
+        closeX(t("Close"), onClose)
       ),
       ...children
     )
@@ -3108,13 +3251,13 @@ var kit = (p) => {
   return { text: text2, muted, title, btn, closeX, field, chip, page };
 };
 var timeAgo = (iso) => {
-  const t = new Date(iso).getTime();
-  if (Number.isNaN(t)) return "";
-  const d = Math.max(0, Date.now() - t) / 1e3;
-  if (d < 60) return "just now";
-  if (d < 3600) return `${Math.floor(d / 60)}m ago`;
-  if (d < 86400) return `${Math.floor(d / 3600)}h ago`;
-  return `${Math.floor(d / 86400)}d ago`;
+  const at = new Date(iso).getTime();
+  if (Number.isNaN(at)) return "";
+  const d = Math.max(0, Date.now() - at) / 1e3;
+  if (d < 60) return t("just now");
+  if (d < 3600) return tf("{n}m ago", { n: Math.floor(d / 60) });
+  if (d < 86400) return tf("{n}h ago", { n: Math.floor(d / 3600) });
+  return tf("{n}d ago", { n: Math.floor(d / 86400) });
 };
 var opener = () => {
   let open = false;
@@ -3153,8 +3296,8 @@ var SurveySheet = ({ survey, api, p, onDone }) => {
   }, [api, survey.id]);
   (0, import_react3.useEffect)(() => {
     if (!done) return;
-    const t = setTimeout(onDone, 2500);
-    return () => clearTimeout(t);
+    const t2 = setTimeout(onDone, 2500);
+    return () => clearTimeout(t2);
   }, [done, onDone]);
   const finish = (completed, all = answers) => {
     if (finished.current) return;
@@ -3166,7 +3309,7 @@ var SurveySheet = ({ survey, api, p, onDone }) => {
     onDone();
   };
   const next = () => {
-    if (q.required && !isAnswered(value)) return setError("Please answer this question.");
+    if (q.required && !isAnswered(value)) return setError(t("Please answer this question."));
     setError("");
     if (!last) return setStep(step + 1);
     finish(true);
@@ -3196,14 +3339,14 @@ var SurveySheet = ({ survey, api, p, onDone }) => {
               onPress: () => pick(n),
               accessibilityRole: "radio",
               accessibilityState: { checked: on },
-              accessibilityLabel: `${n} of ${scale - 1 + start}`,
+              accessibilityLabel: tf("{n} of {total}", { n, total: scale - 1 + start }),
               style: { width: 40, height: 40, borderRadius: 8, alignItems: "center", justifyContent: "center", borderWidth: 1, borderColor: on ? p.accent : p.line, backgroundColor: on ? p.accent : p.bg }
             },
             k.text(String(n), { color: on ? "#ffffff" : p.fg, fontWeight: "600" })
           );
         })
       ),
-      q.low || q.high || q.kind === "nps" ? (0, import_react3.createElement)(RN3.View, { style: { flexDirection: "row", justifyContent: "space-between" } }, k.muted(q.low ?? (q.kind === "nps" ? "Not likely" : "")), k.muted(q.high ?? (q.kind === "nps" ? "Very likely" : ""))) : null
+      q.low || q.high || q.kind === "nps" ? (0, import_react3.createElement)(RN3.View, { style: { flexDirection: "row", justifyContent: "space-between" } }, k.muted(q.low ?? (q.kind === "nps" ? t("Not likely") : "")), k.muted(q.high ?? (q.kind === "nps" ? t("Very likely") : ""))) : null
     );
   } else if (q.kind === "single" || q.kind === "multi") {
     const multi = q.kind === "multi";
@@ -3211,7 +3354,7 @@ var SurveySheet = ({ survey, api, p, onDone }) => {
     input = (0, import_react3.createElement)(
       RN3.View,
       { style: { gap: 6 } },
-      ...(q.options ?? []).map((o) => {
+      ...(q.options ?? []).map((o, i) => {
         const on = multi ? picked.includes(o) : value === o;
         return (0, import_react3.createElement)(
           RN3.Pressable,
@@ -3222,24 +3365,25 @@ var SurveySheet = ({ survey, api, p, onDone }) => {
             accessibilityState: { checked: on },
             style: { minHeight: 44, paddingHorizontal: 12, borderRadius: 10, justifyContent: "center", borderWidth: 1, borderColor: on ? p.accent : p.line, backgroundColor: on ? p.soft : p.bg }
           },
-          k.text(o, { fontWeight: "500" })
+          // The label in the person's language; what is recorded stays the option itself.
+          k.text(q.labels?.[i] || o, { fontWeight: "500" })
         );
       })
     );
-  } else input = k.field({ value: value ?? "", onChange: pick, placeholder: q.placeholder ?? "Type your answer", multiline: true });
-  const body = done ? [k.text(survey.thanks || "Thanks for your feedback.", { fontWeight: "600", textAlign: "center", paddingVertical: 16 })] : [
+  } else input = k.field({ value: value ?? "", onChange: pick, placeholder: q.placeholder ?? t("Type your answer"), multiline: true });
+  const body = done ? [k.text(survey.thanks || t("Thanks for your feedback."), { fontWeight: "600", textAlign: "center", paddingVertical: 16 })] : [
     (0, import_react3.createElement)(
       RN3.View,
       { key: "top", style: { flexDirection: "row", alignItems: "center", gap: 4 } },
       ...survey.questions.map((x, i) => (0, import_react3.createElement)(RN3.View, { key: x.key, style: { width: 16, height: 4, borderRadius: 4, backgroundColor: i <= step ? p.accent : p.line } })),
       (0, import_react3.createElement)(RN3.View, { style: { flex: 1 } }),
-      k.closeX("Close survey", dismiss)
+      k.closeX(t("Close survey"), dismiss)
     ),
-    (0, import_react3.createElement)(RN3.Text, { key: "q", accessibilityRole: "header", style: { color: p.fg, fontSize: 17, fontWeight: "700" } }, q.title, q.required ? "" : (0, import_react3.createElement)(RN3.Text, { style: { color: p.muted, fontSize: 13, fontWeight: "400" } }, "  optional")),
+    (0, import_react3.createElement)(RN3.Text, { key: "q", accessibilityRole: "header", style: { color: p.fg, fontSize: 17, fontWeight: "700" } }, q.title, q.required ? "" : (0, import_react3.createElement)(RN3.Text, { style: { color: p.muted, fontSize: 13, fontWeight: "400" } }, `  ${t("optional")}`)),
     q.description ? k.muted(q.description) : null,
     input,
     error ? k.text(error, { color: p.danger, fontSize: 13 }) : null,
-    k.btn(last ? "Send" : "Next", "primary", next)
+    k.btn(last ? t("Send") : t("Next"), "primary", next)
   ];
   return (0, import_react3.createElement)(
     RN3.Modal,
@@ -3272,9 +3416,9 @@ var MRRocketSurveys = ({ client, appearance }) => {
         const api = client.api();
         if (stop || !api) return;
         api.survey("", ctrl.signal).then((r) => {
-          const s = r.survey;
-          if (stop || !s || !s.questions.length || client.isSurveyDone(s.id)) return;
-          setSurvey({ s, api });
+          const s2 = r.survey;
+          if (stop || !s2 || !s2.questions.length || client.isSurveyDone(s2.id)) return;
+          setSurvey({ s: s2, api });
         }).catch(() => void 0);
       });
     }, 3e3);
@@ -3312,7 +3456,7 @@ var FeedbackSheet = ({ client, p, title }) => {
   const user = client.getUser();
   (0, import_react3.useEffect)(() => {
     const api = client.api();
-    if (!api) return setError("Feedback is off while tracking is off.");
+    if (!api) return setError(t("Feedback is off while tracking is off."));
     const ctrl = new AbortController();
     api.list({ sort: "top" }, ctrl.signal).then((l) => {
       setPosts(l.posts);
@@ -3345,8 +3489,8 @@ var FeedbackSheet = ({ client, p, title }) => {
   const tabs = (0, import_react3.createElement)(
     RN3.View,
     { style: { flexDirection: "row", gap: 8, paddingHorizontal: 16, paddingTop: 12 } },
-    k.chip("Top requests", tab === "top", () => setTab("top")),
-    k.chip("Suggest", tab === "new", () => {
+    k.chip(t("Top requests"), tab === "top", () => setTab("top")),
+    k.chip(t("Suggest"), tab === "new", () => {
       setTab("new");
       setSent(false);
     })
@@ -3355,8 +3499,8 @@ var FeedbackSheet = ({ client, p, title }) => {
     RN3.ScrollView,
     { style: { flex: 1 }, contentContainerStyle: { padding: 16, gap: 10 } },
     error ? k.text(error, { color: p.danger, fontSize: 13 }) : null,
-    posts === null && !error ? k.muted("Loading\u2026") : null,
-    posts?.length === 0 ? k.muted("No requests yet. Be the first to suggest one.") : null,
+    posts === null && !error ? k.muted(t("Loading\u2026")) : null,
+    posts?.length === 0 ? k.muted(t("No requests yet. Be the first to suggest one.")) : null,
     ...(posts ?? []).map(
       (post) => (0, import_react3.createElement)(
         RN3.View,
@@ -3367,7 +3511,7 @@ var FeedbackSheet = ({ client, p, title }) => {
             onPress: () => vote(post),
             accessibilityRole: "button",
             accessibilityState: { selected: post.voted },
-            accessibilityLabel: `${post.voted ? "Remove your vote from" : "Upvote"} ${post.title}. ${post.votes} votes`,
+            accessibilityLabel: post.voted ? tf("Remove your vote from {title}. {votes}", { title: post.title, votes: post.votes === 1 ? t("1 vote") : tf("{n} votes", { n: post.votes }) }) : tf("Upvote {title}. {votes}", { title: post.title, votes: post.votes === 1 ? t("1 vote") : tf("{n} votes", { n: post.votes }) }),
             style: { width: 44, minHeight: 48, borderRadius: 10, alignItems: "center", justifyContent: "center", borderWidth: 1, borderColor: post.voted ? p.accent : p.line }
           },
           k.text("\u25B2", { fontSize: 11, color: post.voted ? p.accent : p.muted }),
@@ -3380,36 +3524,39 @@ var FeedbackSheet = ({ client, p, title }) => {
   const form = (0, import_react3.createElement)(
     RN3.ScrollView,
     { style: { flex: 1 }, contentContainerStyle: { padding: 16, gap: 10 }, keyboardShouldPersistTaps: "handled" },
-    sent ? k.text("Thanks! Your request is on the board.", { fontWeight: "600" }) : null,
+    sent ? k.text(t("Thanks! Your request is on the board."), { fontWeight: "600" }) : null,
     boards.length > 1 ? (0, import_react3.createElement)(RN3.View, { style: { flexDirection: "row", flexWrap: "wrap", gap: 6 } }, ...boards.map((b) => k.chip(b.label, board === b.id, () => setBoard(b.id), b.id))) : null,
-    k.field({ value: subject, onChange: setSubject, placeholder: "Short title", max: 120 }),
-    k.field({ value: details, onChange: setDetails, placeholder: "Details (optional)", multiline: true }),
+    k.field({ value: subject, onChange: setSubject, placeholder: t("Short title"), max: 120 }),
+    k.field({ value: details, onChange: setDetails, placeholder: t("Details (optional)"), multiline: true }),
     ...user?.email ? [] : [
-      k.muted("Your name and email are optional; they let the team follow up."),
-      k.field({ value: name, onChange: setName, placeholder: "Your name (optional)", max: 100 }),
-      k.field({ value: email, onChange: setEmail, placeholder: "Your email (optional)", max: 200, email: true })
+      k.muted(t("Your name and email are optional; they let the team follow up.")),
+      k.field({ value: name, onChange: setName, placeholder: t("Your name (optional)"), max: 100 }),
+      k.field({ value: email, onChange: setEmail, placeholder: t("Your email (optional)"), max: 200, email: true })
     ],
     error ? k.text(error, { color: p.danger, fontSize: 13 }) : null,
-    k.btn(sending ? "Sending\u2026" : "Send request", "primary", submit, subject.trim().length < 3 || sending)
+    k.btn(sending ? t("Sending\u2026") : t("Send request"), "primary", submit, subject.trim().length < 3 || sending)
   );
   return k.page(title, close, [tabs, tab === "top" ? list : form]);
 };
 var MRRocketFeedback = ({ client, appearance, options = {} }) => {
   const p = usePalette(appearance);
   const open = feedbackOpen.useOpen();
-  return open ? (0, import_react3.createElement)(FeedbackSheet, { client, p, title: options.title ?? "Feedback" }) : null;
+  return open ? (0, import_react3.createElement)(FeedbackSheet, { client, p, title: options.title ?? t("Feedback") }) : null;
 };
 var POLL_OPEN_MS = 4e3;
 var POLL_WAITING_MS = 8e3;
 var POLL_IDLE_MS = 3e4;
+var POLL_QUIET_MS = 6e4;
 var WAITING_FOR_MS = 10 * 6e4;
 var EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
-var whoLabel = { visitor: "You", team: "Team", ai: "AI agent", auto: "Team" };
-var who = (from, agentName) => from === "ai" && agentName?.trim() || whoLabel[from];
+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 msgView = "home";
+var msgChat = null;
 var messengerOpen = opener();
-var openAt = (v = "home") => {
+var openAt = (v = "home", chatId = null) => {
   msgView = v;
+  msgChat = chatId;
   messengerOpen.set(true);
 };
 var useMessenger = () => ({
@@ -3436,7 +3583,10 @@ try {
   imagePicker = null;
 }
 var PHOTO_TYPES = { jpg: "image/jpeg", jpeg: "image/jpeg", png: "image/png", webp: "image/webp", gif: "image/gif" };
-var teamOf = (t) => (t?.messages ?? []).filter((m) => m.from !== "visitor");
+var samePlace = (a, b) => a.chatId === b.chatId && a.fresh === b.fresh;
+var shownChat = (at, chats) => at.fresh ? null : at.chatId ?? (chats.length === 1 ? chats[0].id : null);
+var isAnswer = (m) => m.from === "team" || m.from === "ai";
+var lineOf = (m) => m.body || (m.attachments?.length === 1 ? tf("Sent {name}", { name: m.attachments[0].name }) : m.attachments?.length ? tf("Sent {n} files", { n: m.attachments.length }) : "");
 var svg2 = null;
 try {
   svg2 = require("react-native-svg");
@@ -3473,42 +3623,80 @@ var HU = {
 var hairline = { shadowColor: "#000", shadowOpacity: 0.07, shadowRadius: 3, shadowOffset: { width: 0, height: 1 }, elevation: 1 };
 var useChat = (client, o, open, view) => {
   const [thread, setThread] = (0, import_react3.useState)(null);
+  const [chats, setChats] = (0, import_react3.useState)([]);
+  const [hasEmail, setHasEmail] = (0, import_react3.useState)(false);
+  const [place, setPlace] = (0, import_react3.useState)({ chatId: null, fresh: false });
   const [loaded, setLoaded] = (0, import_react3.useState)(false);
   const [error, setError] = (0, import_react3.useState)("");
   const [unseen, setUnseen] = (0, import_react3.useState)([]);
-  const known = (0, import_react3.useRef)(null);
+  const known = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  const seeded = (0, import_react3.useRef)(false);
   const watching = open && view === "messages";
   const watch = (0, import_react3.useRef)(watching);
   watch.current = watching;
+  const at = (0, import_react3.useRef)(place);
+  const list = (0, import_react3.useRef)(chats);
+  const readFailed = (0, import_react3.useRef)(false);
   const [active, setActive] = (0, import_react3.useState)(RN3.AppState.currentState === "active");
   (0, import_react3.useEffect)(() => {
     const sub = RN3.AppState.addEventListener("change", (st) => setActive(st === "active"));
     return () => sub.remove();
   }, []);
+  const enter = (0, import_react3.useCallback)((chatId, fresh = false) => {
+    const next = { chatId, fresh };
+    if (samePlace(at.current, next)) return;
+    at.current = next;
+    setPlace(next);
+    setThread(null);
+    setError("");
+  }, []);
   const take = (0, import_react3.useCallback)(
-    (t) => {
-      const team = teamOf(t);
-      if (known.current !== null) {
-        const i = team.findIndex((m) => m.id === known.current);
-        const fresh = team.slice(i + 1).filter((m) => m.from !== "auto");
-        if (fresh.length) {
-          if (o.haptics !== false) buzz();
-          if (!watch.current) setUnseen((u) => [...u, ...fresh]);
-        }
-      }
-      known.current = team.at(-1)?.id ?? "";
-      setThread(t);
+    (t2) => {
+      const read = t2.conversation;
+      const last = t2.messages.at(-1);
+      const all = t2.conversations ?? (read && last ? [{ id: read.id, status: read.status, subject: lineOf(t2.messages[0]), last }] : []);
+      const fresh = [];
+      const learn = (chat, answers, newest) => {
+        const was = known.current.get(chat);
+        const since = was ?? (seeded.current ? "" : void 0);
+        if (since !== void 0) fresh.push(...answers.filter((m) => m.at > since).map((m) => ({ ...m, chat })));
+        known.current.set(chat, newest ?? was ?? "");
+      };
+      for (const c of all) if (c.id !== read?.id) learn(c.id, c.last && isAnswer(c.last) ? [c.last] : [], c.last?.at);
+      if (read) learn(read.id, t2.messages.filter(isAnswer), last?.at);
+      seeded.current = true;
+      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]);
+      list.current = all;
+      setChats(all);
+      setHasEmail(t2.hasEmail);
+      if (at.current.chatId === null || read?.id === at.current.chatId) setThread(t2);
     },
     [o.haptics]
   );
+  const arrived = (0, import_react3.useCallback)(
+    (from, t2) => {
+      const went = t2.conversation?.id;
+      if (went && samePlace(at.current, from)) {
+        at.current = { chatId: went, fresh: false };
+        setPlace(at.current);
+      }
+      take(t2);
+    },
+    [take]
+  );
+  const shown = shownChat(place, chats);
   (0, import_react3.useEffect)(() => {
-    if (watching) setUnseen([]);
-  }, [watching]);
+    if (watching && shown) setUnseen((u) => u.filter((m) => m.chat !== shown));
+  }, [watching, shown]);
   (0, import_react3.useEffect)(() => {
     if (!active) return;
     let stop = false;
     let timer;
     let ctrl = null;
+    let refused = false;
     const tick = async () => {
       const api = client.api();
       if (!api) {
@@ -3516,23 +3704,32 @@ var useChat = (client, o, open, view) => {
         return;
       }
       ctrl = new AbortController();
-      let t = null;
       try {
         await client.ready;
-        t = await api.chat(ctrl.signal);
+        const t2 = await api.chat(ctrl.signal, place.chatId ?? void 0);
         if (stop) return;
-        take(t);
-        setError("");
+        take(t2);
+        if (readFailed.current) setError("");
+        readFailed.current = false;
       } catch (e) {
         if (e.name === "AbortError" || stop) return;
-        if (watch.current) setError(e.message);
+        refused = [401, 403].includes(e.status ?? 0);
+        if (e.status === 404 && place.chatId) enter(null);
+        else if (watch.current) {
+          readFailed.current = true;
+          setError(e.message);
+        }
       }
       setLoaded(true);
-      const waiting = !!t?.messages.some((m) => m.from === "visitor") && t?.conversation?.status !== "solved";
-      const wrote = (t?.messages ?? []).filter((m) => m.from === "visitor").at(-1)?.at;
-      const recent = !!wrote && Date.now() - new Date(wrote).getTime() < WAITING_FOR_MS;
-      const ms = watch.current ? POLL_OPEN_MS : waiting && recent ? POLL_WAITING_MS : waiting || open ? POLL_IDLE_MS : 0;
+      const running = list.current.filter((c) => c.status !== "solved");
+      const recent = running.some((c) => c.last && Date.now() - new Date(c.last.at).getTime() < WAITING_FOR_MS);
+      const ms = watch.current ? POLL_OPEN_MS : running.length && recent ? POLL_WAITING_MS : running.length || open ? POLL_IDLE_MS : 0;
       if (!stop && ms) timer = setTimeout(tick, ms);
+      else if (!stop) timer = setTimeout(quiet, POLL_QUIET_MS);
+    };
+    const quiet = () => {
+      if (client.getUser() && !refused) void tick();
+      else timer = setTimeout(quiet, POLL_QUIET_MS);
     };
     void tick();
     return () => {
@@ -3540,8 +3737,22 @@ var useChat = (client, o, open, view) => {
       ctrl?.abort();
       clearTimeout(timer);
     };
-  }, [client, take, active, open, watching]);
-  return { thread, loaded, error, setError, unseen, take };
+  }, [client, take, enter, active, open, watching, place]);
+  return {
+    // A new conversation has nothing to show yet; polls keep reading the newest for the list.
+    thread: place.fresh ? null : thread,
+    chats,
+    hasEmail,
+    place,
+    /** Messages shows the list: several conversations and none chosen. */
+    listing: place.chatId === null && !place.fresh && chats.length > 1,
+    enter,
+    loaded,
+    error,
+    setError,
+    unseen,
+    arrived
+  };
 };
 var useArticles = (client, on, query) => {
   const [list, setList] = (0, import_react3.useState)(null);
@@ -3549,7 +3760,7 @@ var useArticles = (client, on, query) => {
   (0, import_react3.useEffect)(() => {
     if (!on) return;
     let stop = false;
-    const t = setTimeout(
+    const t2 = setTimeout(
       () => void client.ready.then(
         () => client.api()?.articles(query.trim() || void 0).then((r) => {
           if (stop) return;
@@ -3561,27 +3772,27 @@ var useArticles = (client, on, query) => {
     );
     return () => {
       stop = true;
-      clearTimeout(t);
+      clearTimeout(t2);
     };
   }, [client, on, query]);
   return { list, any };
 };
 var spansOf = (p, spans, base) => spans.map(
-  (s, i) => (0, import_react3.createElement)(
+  (s2, i) => (0, import_react3.createElement)(
     RN3.Text,
     {
       key: i,
-      onPress: s.href ? () => void RN3.Linking.openURL(s.href).catch(() => void 0) : void 0,
-      accessibilityRole: s.href ? "link" : void 0,
+      onPress: s2.href ? () => void RN3.Linking.openURL(s2.href).catch(() => void 0) : void 0,
+      accessibilityRole: s2.href ? "link" : void 0,
       style: {
         ...base,
-        ...s.bold ? { fontWeight: "700" } : {},
-        ...s.italic ? { fontStyle: "italic" } : {},
-        ...s.code ? { fontFamily: RN3.Platform.OS === "ios" ? "Menlo" : "monospace", backgroundColor: p.soft } : {},
-        ...s.href ? { color: p.accent, textDecorationLine: "underline" } : {}
+        ...s2.bold ? { fontWeight: "700" } : {},
+        ...s2.italic ? { fontStyle: "italic" } : {},
+        ...s2.code ? { fontFamily: RN3.Platform.OS === "ios" ? "Menlo" : "monospace", backgroundColor: p.soft } : {},
+        ...s2.href ? { color: p.accent, textDecorationLine: "underline" } : {}
       }
     },
-    s.text
+    s2.text
   )
 );
 var ArticleView = ({ client, p, id, onAsk }) => {
@@ -3595,7 +3806,7 @@ var ArticleView = ({ client, p, id, onAsk }) => {
     return () => ctrl.abort();
   }, [client, id]);
   if (error) return k.text(error, { color: p.danger });
-  if (!a) return k.muted("Loading\u2026");
+  if (!a) return k.muted(t("Loading\u2026"));
   const base = { color: p.fg, fontSize: 15, lineHeight: 22 };
   const blocks = a.blocks.map((b, i) => {
     if (b.type === "h2" || b.type === "h3") return (0, import_react3.createElement)(RN3.Text, { key: i, accessibilityRole: "header", style: { ...base, fontSize: b.type === "h2" ? 17 : 16, fontWeight: "700", marginTop: 8 } }, ...spansOf(p, b.spans, {}));
@@ -3624,11 +3835,11 @@ var ArticleView = ({ client, p, id, onAsk }) => {
     (0, import_react3.createElement)(
       RN3.View,
       { style: { flexDirection: "row", alignItems: "center", gap: 8, padding: 12, borderRadius: 10, backgroundColor: p.soft, marginTop: 8 } },
-      rated ? k.muted("Thanks for letting us know.") : k.muted("Did this answer your question?", { flex: 1 }),
-      rated ? null : k.btn("Yes", "secondary", () => rate(true), false, { height: 34 }),
-      rated ? null : k.btn("No", "secondary", () => rate(false), false, { height: 34 })
+      rated ? k.muted(t("Thanks for letting us know.")) : k.muted(t("Did this answer your question?"), { flex: 1 }),
+      rated ? null : k.btn(t("Yes"), "secondary", () => rate(true), false, { height: 34 }),
+      rated ? null : k.btn(t("No"), "secondary", () => rate(false), false, { height: 34 })
     ),
-    k.btn("Still need help? Send us a message", "secondary", onAsk)
+    k.btn(t("Still need help? Send us a message"), "secondary", onAsk)
   );
 };
 var MessengerSheet = ({
@@ -3642,14 +3853,15 @@ var MessengerSheet = ({
 }) => {
   const k = kit(p);
   const [body, setBody] = (0, import_react3.useState)("");
+  const [asked, setAsked] = (0, import_react3.useState)("");
   const [email, setEmail] = (0, import_react3.useState)("");
   const [pending, setPending] = (0, import_react3.useState)(null);
   const [slow, setSlow] = (0, import_react3.useState)(false);
   (0, import_react3.useEffect)(() => {
     setSlow(false);
     if (!pending) return;
-    const t = setTimeout(() => setSlow(true), 1500);
-    return () => clearTimeout(t);
+    const t2 = setTimeout(() => setSlow(true), 1500);
+    return () => clearTimeout(t2);
   }, [pending]);
   const [photos, setPhotos] = (0, import_react3.useState)([]);
   const [query, setQuery] = (0, import_react3.useState)("");
@@ -3657,24 +3869,25 @@ var MessengerSheet = ({
   const arts = useArticles(client, helpOn, query);
   const scroll = (0, import_react3.useRef)(null);
   const close = () => messengerOpen.set(false);
-  const greeting = o.greeting ?? "Hi! How can we help?";
-  const { thread } = chat;
-  const count = (thread?.messages.length ?? 0) + (pending ? 1 : 0);
+  const greeting = o.greeting ?? t("Hi! How can we help?");
+  const { thread, place } = chat;
+  const pendingHere = pending && samePlace(pending.to, place) ? pending : null;
+  const count = (thread?.messages.length ?? 0) + (pendingHere ? 1 : 0);
   (0, import_react3.useEffect)(() => {
     if (view === "messages") setTimeout(() => scroll.current?.scrollToEnd?.({ animated: true }), 50);
-  }, [count, view]);
-  const needEmail = (o.askEmail ?? true) && !thread?.hasEmail && !client.getUser()?.email;
+  }, [count, view, place]);
+  const needEmail = (o.askEmail ?? true) && !chat.hasEmail && !client.getUser()?.email;
   const emailOk = !email.trim() || EMAIL.test(email.trim());
   const pickPhotos = async () => {
     const api = client.api();
     if (!api || !imagePicker?.launchImageLibraryAsync || pending) return;
     const room = CHAT_FILES_PER_MESSAGE - photos.length;
-    if (room <= 0) return chat.setError(`Up to ${CHAT_FILES_PER_MESSAGE} files per message.`);
+    if (room <= 0) return chat.setError(tf("Up to {n} files per message.", { n: CHAT_FILES_PER_MESSAGE }));
     let res;
     try {
       res = await imagePicker.launchImageLibraryAsync({ allowsMultipleSelection: room > 1, selectionLimit: room, quality: 0.8, exif: false });
     } catch (e) {
-      return chat.setError(e.message || "The photos could not be opened.");
+      return chat.setError(e.message || t("The photos could not be opened."));
     }
     if (res.canceled || res.cancelled || !res.assets?.length) return;
     chat.setError("");
@@ -3683,11 +3896,11 @@ var MessengerSheet = ({
       const name = a.fileName || a.uri.split("/").pop() || "photo.jpg";
       const type = a.mimeType && Object.values(PHOTO_TYPES).includes(a.mimeType) ? a.mimeType : PHOTO_TYPES[name.split(".").pop()?.toLowerCase() ?? ""];
       if (!type) {
-        chat.setError("Only pictures (PNG, JPEG, WebP, GIF) can be sent.");
+        chat.setError(t("Only pictures (PNG, JPEG, WebP, GIF) can be sent."));
         continue;
       }
       if (a.fileSize && a.fileSize > CHAT_FILE_MAX_BYTES) {
-        chat.setError(`${name} is larger than 10 MB.`);
+        chat.setError(tf("{name} is larger than 10 MB.", { name }));
         continue;
       }
       const ph = { key: `local-${Date.now().toString(36)}${Math.random().toString(36).slice(2, 7)}`, uri: a.uri, name, type, size: a.fileSize ?? 0, up: Promise.resolve() };
@@ -3706,29 +3919,29 @@ var MessengerSheet = ({
     setPhotos((list) => [...list, ...added]);
   };
   const canSend = (!!body.trim() || photos.length > 0) && !pending && emailOk;
-  const send = async () => {
-    const text2 = body.trim();
+  const deliver = async (text2, files, to) => {
     const api = client.api();
-    const files = photos;
-    if (!text2 && !files.length || pending || !emailOk || !api) return;
+    if (!api) return;
     setPending({
       id: "pending",
       from: "visitor",
       body: text2,
       at: (/* @__PURE__ */ new Date()).toISOString(),
+      to,
       ...files.length ? { attachments: files.map((f) => ({ id: f.key, name: f.name, type: f.type, size: f.size })) } : {}
     });
-    setBody("");
-    setPhotos([]);
     chat.setError("");
     try {
       await Promise.all(files.map((f) => f.up));
       const ids = files.filter((f) => f.id).map((f) => f.id);
-      if (!text2 && !ids.length) throw new Error("The photo could not be sent.");
+      if (!text2 && !ids.length) throw new Error(t("The photo could not be sent."));
       const win = RN3.Dimensions.get("screen");
-      chat.take(
+      const conversation = to.fresh ? "new" : to.chatId ?? thread?.conversation?.id;
+      chat.arrived(
+        to,
         await api.sendChat({
           body: text2,
+          ...conversation ? { conversation } : {},
           email: needEmail && email.trim() ? email.trim() : void 0,
           ...ids.length ? { attachments: ids } : {},
           // A little context for a bug report: the system and the screen size.
@@ -3736,13 +3949,44 @@ var MessengerSheet = ({
         })
       );
     } catch (e) {
-      setBody(text2);
-      setPhotos(files.filter((f) => f.id));
-      chat.setError(e.message);
+      const gone = e.status === 404;
+      chat.enter(gone ? null : to.chatId, gone || to.fresh);
+      setBody((typed) => [text2, typed.trim()].filter(Boolean).join("\n"));
+      setPhotos((list) => [...files.filter((f) => f.id), ...list]);
+      chat.setError(gone ? t("This conversation is no longer available. Your message is still here to send as a new one.") : e.message);
     } finally {
       setPending(null);
     }
   };
+  const send = () => {
+    const text2 = body.trim();
+    const files = photos;
+    if (!text2 && !files.length || pending || !emailOk || !client.api()) return;
+    setBody("");
+    setPhotos([]);
+    void deliver(text2, files, place);
+  };
+  const openMessages = () => {
+    chat.enter(null);
+    setView("messages");
+  };
+  const openChat = (id) => {
+    chat.enter(id);
+    setView("messages");
+  };
+  const startChat = () => {
+    chat.enter(null, true);
+    setView("messages");
+  };
+  const ask = () => {
+    const text2 = asked.trim();
+    if (!text2) return openMessages();
+    if (pending || !client.api()) return;
+    setAsked("");
+    startChat();
+    if (emailOk) void deliver(text2, [], { chatId: null, fresh: true });
+    else setBody((typed) => [text2, typed.trim()].filter(Boolean).join("\n"));
+  };
   const localUris = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
   for (const f of photos) localUris.current.set(f.key, f.uri);
   const fileUrl = (id) => localUris.current.get(id) ?? client.api()?.attachmentUrl(id) ?? "";
@@ -3797,7 +4041,7 @@ var MessengerSheet = ({
           k.text(`\u{1F4C4} ${a.title}`, { fontSize: 13 })
         )
       ),
-      m.at ? k.muted(`${mine ? "" : `${who(m.from, o.agentName)} \xB7 `}${isPending && slow ? "Sending\u2026" : timeAgo(m.at)}`, { fontSize: 11, textAlign: mine ? "right" : "left", paddingHorizontal: 6 }) : null
+      m.at ? k.muted(`${mine ? "" : `${who(m.from, o.agentName)} \xB7 `}${isPending && slow ? t("Sending\u2026") : timeAgo(m.at)}`, { fontSize: 11, textAlign: mine ? "right" : "left", paddingHorizontal: 6 }) : null
     );
   };
   const row = (a) => (0, import_react3.createElement)(
@@ -3810,55 +4054,76 @@ var MessengerSheet = ({
   const searchRow = (onPress) => (0, import_react3.createElement)(
     RN3.Pressable,
     { key: "s", onPress, accessibilityRole: "search", style: { flexDirection: "row", alignItems: "center", height: 44, borderRadius: r.field, paddingHorizontal: 14, backgroundColor: hu.def } },
-    k.muted("Search for help", { flex: 1, fontSize: 15 }),
+    k.muted(t("Search for help"), { flex: 1, fontSize: 15 }),
     glyph("search", p.accent, 16)
   );
-  const search = k.field({ value: query, onChange: setQuery, placeholder: "Search for help", max: 200, style: { borderWidth: 0, borderRadius: r.field, backgroundColor: raised, ...surf } });
+  const search = k.field({ value: query, onChange: setQuery, placeholder: t("Search for help"), max: 200, style: { borderWidth: 0, borderRadius: r.field, backgroundColor: raised, ...surf } });
   const first = client.getUser()?.name?.trim().split(/\s+/)[0];
-  const rest = greeting.replace(/^(hi|hello|hey|hallo)( there)?\s*[!,.]*\s*/i, "").trim() || "How can we help you today?";
+  const rest = (o.greeting !== void 0 ? greeting.replace(/^(hi|hello|hey|hallo|moin|servus|bonjour|salut|hola|ciao|salve|hoi|ol[áa]|cze[śs][ćc]|hej|こんにちは)( there)?\s*[!,.！、。]*\s*/i, "").trim() : t("How can we help?")) || t("How can we help you today?");
   const hero = (fg, sub) => (0, import_react3.createElement)(
     RN3.Text,
     { key: "hero", accessibilityRole: "header", style: { color: fg, fontSize: 25, fontWeight: "600", letterSpacing: -0.6, lineHeight: 30 } },
-    first ? `Hi, ${first} \u{1F44B}
-` : "Hi there \u{1F44B}\n",
+    `${first ? tf("Hi, {name}", { name: first }) : t("Hi there")} \u{1F44B}
+`,
     (0, import_react3.createElement)(RN3.Text, { style: { color: sub, fontWeight: "500" } }, rest)
   );
-  const last = thread?.messages.at(-1);
+  const chatRow = (c) => {
+    const m = c.last;
+    const n = chat.unseen.filter((u) => u.chat === c.id).length;
+    const closed = c.status === "solved" ? ` \xB7 ${t("Closed")}` : "";
+    const subject = c.subject || (m ? lineOf(m) : "");
+    const line = m ? lineOf(m) : "";
+    return (0, import_react3.createElement)(
+      RN3.Pressable,
+      { key: c.id, onPress: () => openChat(c.id), accessibilityRole: "button", accessibilityLabel: `${tf("Conversation: {subject}", { subject })}${closed}${n ? `, ${tf("{n} new", { n })}` : ""}` },
+      card(
+        [
+          (0, import_react3.createElement)(
+            RN3.View,
+            { key: "r", style: { flexDirection: "row", alignItems: "center", gap: 10 } },
+            title ? teamMark(title, alpha(p.accent, 0.16), p.accent, 26) : null,
+            (0, import_react3.createElement)(
+              RN3.View,
+              { style: { flex: 1, gap: 1 } },
+              (0, import_react3.createElement)(RN3.Text, { numberOfLines: 1, style: { color: hu.fg, fontSize: 14, fontWeight: "500" } }, subject),
+              m && line !== subject ? (0, import_react3.createElement)(RN3.Text, { numberOfLines: 1, style: { color: hu.muted, fontSize: 13 } }, line) : null,
+              m ? k.muted(`${who(m.from, o.agentName)} \xB7 ${timeAgo(m.at)}${closed}`, { fontSize: 11.5 }) : null
+            ),
+            n ? (0, import_react3.createElement)(RN3.View, { style: { minWidth: 20, height: 20, paddingHorizontal: 5, borderRadius: 10, backgroundColor: p.danger, alignItems: "center", justifyContent: "center" } }, k.text(String(Math.min(n, 9)), { color: "#fff", fontSize: 11, fontWeight: "700" })) : glyph("next", p.muted, 14)
+          )
+        ],
+        { paddingVertical: 10, paddingHorizontal: 12 }
+      )
+    );
+  };
   const showHelp = helpOn && arts.any !== false;
   let content;
   if (view === "home") {
+    const running = chat.chats.filter((c) => c.status !== "solved");
+    const rows = (running.length ? running : chat.chats).slice(0, 2);
     const cards = [
-      // "Ask a question": the words go into the chat's field and are sent as the chat opens.
+      // "Ask a question": its own field; the words start a new conversation.
       (0, import_react3.createElement)(
         RN3.View,
         { key: "ask", style: { flexDirection: "row", alignItems: "center", gap: 8, height: 48, borderRadius: 24, paddingLeft: 18, paddingRight: 6, backgroundColor: hu.surface, ...surf } },
-        k.field({ value: body, onChange: setBody, placeholder: "Ask a question", max: 4e3, style: { flex: 1, borderWidth: 0, paddingHorizontal: 0, backgroundColor: "transparent" } }),
+        k.field({ value: asked, onChange: setAsked, placeholder: t("Ask a question"), max: 4e3, onSubmit: ask, style: { flex: 1, borderWidth: 0, paddingHorizontal: 0, backgroundColor: "transparent" } }),
         (0, import_react3.createElement)(
           RN3.Pressable,
           {
-            onPress: () => {
-              setView("messages");
-              if (body.trim()) void send();
-            },
+            onPress: ask,
             accessibilityRole: "button",
-            accessibilityLabel: "Send",
-            style: { width: 36, height: 36, borderRadius: 18, alignItems: "center", justifyContent: "center", backgroundColor: body.trim() ? p.accent : hu.def }
+            accessibilityLabel: t("Send"),
+            style: { width: 36, height: 36, borderRadius: 18, alignItems: "center", justifyContent: "center", backgroundColor: asked.trim() ? p.accent : hu.def }
           },
-          glyph("up", body.trim() ? ink : hu.muted, 18)
+          glyph("up", asked.trim() ? ink : hu.muted, 18)
         )
       ),
-      last ? (0, import_react3.createElement)(
+      ...rows.map(chatRow),
+      chat.chats.length > rows.length ? (0, import_react3.createElement)(
         RN3.Pressable,
-        { key: "recent", onPress: () => setView("messages"), accessibilityRole: "button" },
-        card([
-          (0, import_react3.createElement)(
-            RN3.View,
-            { key: "r", style: { flexDirection: "row", alignItems: "center", gap: 10 } },
-            title ? teamMark(title, alpha(p.accent, 0.16), p.accent, 26) : null,
-            (0, import_react3.createElement)(RN3.View, { style: { flex: 1, gap: 1 } }, (0, import_react3.createElement)(RN3.Text, { numberOfLines: 1, style: { color: hu.fg, fontSize: 14, fontWeight: "500" } }, last.body || (last.attachments?.length ? `Sent ${last.attachments.length === 1 ? last.attachments[0].name : `${last.attachments.length} files`}` : "")), k.muted(`${last.from === "visitor" ? "You" : who(last.from, o.agentName)} \xB7 ${timeAgo(last.at)}`, { fontSize: 11.5 })),
-            chat.unseen.length ? (0, import_react3.createElement)(RN3.View, { style: { width: 8, height: 8, borderRadius: 4, backgroundColor: p.danger } }) : glyph("next", p.muted, 14)
-          )
-        ], { paddingVertical: 10, paddingHorizontal: 12 })
+        { key: "all", onPress: openMessages, accessibilityRole: "button", accessibilityLabel: tf("All conversations ({n})", { n: chat.chats.length }), style: { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 4, paddingVertical: 6 } },
+        k.muted(tf("All conversations ({n})", { n: chat.chats.length }), { fontSize: 13, fontWeight: "500" }),
+        glyph("next", p.muted, 12)
       ) : null,
       showHelp ? card([searchRow(() => setView("help")), ...(arts.list ?? []).slice(0, 4).map(row)], { padding: 8, gap: 2 }) : null
     ];
@@ -3873,7 +4138,14 @@ var MessengerSheet = ({
       (0, import_react3.createElement)(RN3.View, { style: { backgroundColor: p.accent, paddingHorizontal: 22, paddingTop: 4, paddingBottom: 64 } }, hero(ink, alpha(ink, 0.8))),
       (0, import_react3.createElement)(RN3.View, { style: { marginTop: -48, paddingHorizontal: 16, gap: 12 } }, ...cards)
     );
-  } else if (view === "messages")
+  } else if (view === "messages" && chat.listing)
+    content = (0, import_react3.createElement)(
+      RN3.ScrollView,
+      { key: "chats", style: { flex: 1, backgroundColor: canvas }, contentContainerStyle: { paddingHorizontal: 16, paddingTop: 4, paddingBottom: 16, gap: 12 } },
+      ...chat.chats.map(chatRow),
+      k.btn(t("New conversation"), "primary", startChat)
+    );
+  else if (view === "messages")
     content = (0, import_react3.createElement)(
       RN3.View,
       { key: "messages", style: { flex: 1, backgroundColor: hu.bg } },
@@ -3881,11 +4153,11 @@ var MessengerSheet = ({
         RN3.ScrollView,
         { ref: scroll, style: { flex: 1 }, contentContainerStyle: { paddingHorizontal: 16, paddingTop: 4, paddingBottom: 16, gap: 12 } },
         // The greeting opens an empty chat only, never above the visitor's first words (2026-10-30).
-        !thread?.messages.length && !pending ? bubble({ id: "greeting", from: "team", body: greeting, at: "" }) : null,
-        !chat.loaded ? k.muted("Loading\u2026") : null,
+        !thread?.messages.length && !pendingHere && !place.chatId ? bubble({ id: "greeting", from: "team", body: greeting, at: "" }) : null,
+        !chat.loaded && !place.fresh && !pendingHere || place.chatId && !thread ? k.muted(t("Loading\u2026")) : null,
         ...(thread?.messages ?? []).map((m) => bubble(m)),
-        pending ? bubble(pending, true) : null,
-        thread?.conversation?.status === "solved" && !pending ? k.muted("This conversation is closed. Write to start a new one.", { textAlign: "center" }) : null
+        pendingHere ? bubble(pendingHere, true) : null,
+        thread?.conversation?.status === "solved" && !pendingHere ? k.muted(t("This conversation is closed. Write to start a new one."), { textAlign: "center" }) : null
       ),
       (0, import_react3.createElement)(
         RN3.View,
@@ -3899,13 +4171,13 @@ var MessengerSheet = ({
             (f) => (0, import_react3.createElement)(
               RN3.View,
               { key: f.key, style: { width: 56, height: 56 } },
-              (0, import_react3.createElement)(RN3.Image, { source: { uri: f.uri }, resizeMode: "cover", accessibilityLabel: f.id ? f.name : `${f.name}, uploading`, style: { width: 56, height: 56, borderRadius: Math.max(4, r.card - 4), backgroundColor: p.soft, opacity: f.id ? 1 : 0.5 } }),
+              (0, import_react3.createElement)(RN3.Image, { source: { uri: f.uri }, resizeMode: "cover", accessibilityLabel: f.id ? f.name : tf("{name}, uploading", { name: f.name }), style: { width: 56, height: 56, borderRadius: Math.max(4, r.card - 4), backgroundColor: p.soft, opacity: f.id ? 1 : 0.5 } }),
               (0, import_react3.createElement)(
                 RN3.Pressable,
                 {
                   onPress: () => setPhotos((list) => list.filter((x) => x.key !== f.key)),
                   accessibilityRole: "button",
-                  accessibilityLabel: `Remove ${f.name}`,
+                  accessibilityLabel: tf("Remove {name}", { name: f.name }),
                   hitSlop: 8,
                   style: { position: "absolute", top: -7, right: -7, width: 22, height: 22, borderRadius: 11, borderWidth: 2, borderColor: p.bg, backgroundColor: p.fg, alignItems: "center", justifyContent: "center" }
                 },
@@ -3922,28 +4194,28 @@ var MessengerSheet = ({
           needEmail ? k.field({
             value: email,
             onChange: setEmail,
-            placeholder: "Email for our reply (optional)",
+            placeholder: t("Email for our reply (optional)"),
             email: true,
             max: 200,
             style: { minHeight: 0, marginRight: 10, marginBottom: 4, paddingHorizontal: 0, paddingTop: 0, paddingBottom: 8, borderWidth: 0, borderRadius: 0, borderBottomWidth: 1, borderBottomColor: emailOk ? p.line : p.danger, backgroundColor: "transparent", fontSize: 13.5 }
           }) : null,
-          k.field({ value: body, onChange: setBody, placeholder: "Write a message\u2026", multiline: true, max: 4e3, style: { minHeight: 28, maxHeight: 120, borderWidth: 0, paddingHorizontal: 0, paddingVertical: 4, backgroundColor: "transparent" } }),
+          k.field({ value: body, onChange: setBody, placeholder: t("Write a message\u2026"), multiline: true, max: 4e3, style: { minHeight: 28, maxHeight: 120, borderWidth: 0, paddingHorizontal: 0, paddingVertical: 4, backgroundColor: "transparent" } }),
           (0, import_react3.createElement)(
             RN3.View,
             { style: { flexDirection: "row", alignItems: "center", marginLeft: -8 } },
             imagePicker?.launchImageLibraryAsync ? (0, import_react3.createElement)(
               RN3.Pressable,
-              { onPress: () => void pickPhotos(), disabled: !!pending, accessibilityRole: "button", accessibilityLabel: "Attach a photo or screenshot", hitSlop: 6, style: { width: 34, height: 34, borderRadius: 17, alignItems: "center", justifyContent: "center" } },
+              { onPress: () => void pickPhotos(), disabled: !!pending, accessibilityRole: "button", accessibilityLabel: t("Attach a photo or screenshot"), hitSlop: 6, style: { width: 34, height: 34, borderRadius: 17, alignItems: "center", justifyContent: "center" } },
               glyph("clip", hu.muted, 19)
             ) : null,
             (0, import_react3.createElement)(RN3.View, { style: { flex: 1 } }),
             (0, import_react3.createElement)(
               RN3.Pressable,
               {
-                onPress: () => void send(),
+                onPress: send,
                 disabled: !canSend,
                 accessibilityRole: "button",
-                accessibilityLabel: "Send",
+                accessibilityLabel: t("Send"),
                 style: { width: 34, height: 34, borderRadius: 17, alignItems: "center", justifyContent: "center", backgroundColor: canSend ? p.accent : hu.def }
               },
               glyph("up", canSend ? ink : hu.muted, 18)
@@ -3959,15 +4231,15 @@ var MessengerSheet = ({
       RN3.ScrollView,
       { key: "help", style: { flex: 1, backgroundColor: canvas }, contentContainerStyle: { paddingHorizontal: 16, paddingTop: 4, paddingBottom: 16, gap: 12 }, keyboardShouldPersistTaps: "handled" },
       search,
-      arts.list === null ? k.muted("Loading\u2026") : null,
-      arts.list?.length === 0 ? (0, import_react3.createElement)(RN3.View, { style: { gap: 10, alignItems: "center", paddingVertical: 24 } }, k.muted(query.trim() ? `Nothing found for \u201C${query.trim()}\u201D.` : "No help articles yet."), k.btn("Send us a message", "primary", () => setView("messages"))) : null,
+      arts.list === null ? k.muted(t("Loading\u2026")) : null,
+      arts.list?.length === 0 ? (0, import_react3.createElement)(RN3.View, { style: { gap: 10, alignItems: "center", paddingVertical: 24 } }, k.muted(query.trim() ? tf("Nothing found for \u201C{q}\u201D.", { q: query.trim() }) : t("No help articles yet.")), k.btn(t("Send us a message"), "primary", startChat)) : null,
       ...query.trim() ? arts.list?.length ? [card((arts.list ?? []).map(row), { padding: 8 })] : [] : [...groups].map(([name, items]) => (0, import_react3.createElement)(RN3.View, { key: name, style: { gap: 6 } }, k.muted(`${name} \xB7 ${items.length}`, { fontSize: 12, fontWeight: "600", paddingHorizontal: 2 }), card(items.map(row), { padding: 8 })))
     );
   } else
     content = (0, import_react3.createElement)(
       RN3.ScrollView,
       { key: `a-${view.article}`, style: { flex: 1 }, contentContainerStyle: { paddingHorizontal: 16, paddingTop: 4, paddingBottom: 32 } },
-      (0, import_react3.createElement)(ArticleView, { client, p, id: view.article, onAsk: () => setView("messages") })
+      (0, import_react3.createElement)(ArticleView, { client, p, id: view.article, onAsk: startChat })
     );
   const current = typeof view === "string" ? view : "help";
   const tab = (v, name, icon, badge = 0) => {
@@ -3976,7 +4248,7 @@ var MessengerSheet = ({
       RN3.Pressable,
       {
         key: v,
-        onPress: () => setView(v),
+        onPress: () => v === "messages" ? openMessages() : setView(v),
         accessibilityRole: "tab",
         accessibilityLabel: name,
         accessibilityState: { selected: on },
@@ -3992,21 +4264,21 @@ var MessengerSheet = ({
   const ground = onAccent ? p.accent : hu.bg;
   const back = (to, label) => (0, import_react3.createElement)(
     RN3.Pressable,
-    { key: "back", onPress: () => setView(to), accessibilityRole: "button", accessibilityLabel: label, hitSlop: 10, style: { width: 32, height: 32, alignItems: "center", justifyContent: "center", transform: [{ rotate: "180deg" }] } },
+    { key: "back", onPress: to, accessibilityRole: "button", accessibilityLabel: label, hitSlop: 10, style: { width: 32, height: 32, alignItems: "center", justifyContent: "center", transform: [{ rotate: "180deg" }] } },
     glyph("next", hu.fg, 18)
   );
   const head = (0, import_react3.createElement)(
     RN3.View,
     { key: "head", style: { flexDirection: "row", alignItems: "center", gap: 8, paddingLeft: 12, paddingRight: 12, paddingTop: 12, paddingBottom: 6, backgroundColor: ground } },
-    typeof view !== "string" ? back("help", "All articles") : view === "messages" ? back("home", "Back to home") : view === "home" && (o.logo || title) ? o.logo ? (0, import_react3.createElement)(RN3.Image, { key: "logo", source: { uri: o.logo }, accessibilityIgnoresInvertColors: true, resizeMode: "contain", style: { height: 28, aspectRatio: 1, maxWidth: 132, borderRadius: 8, marginLeft: 4 } }) : teamMark(title, alpha(p.accent, 0.16), p.accent, 28) : null,
-    // In the chat: who answers, in the middle.
-    view === "messages" && title ? (0, import_react3.createElement)(
+    typeof view !== "string" ? back(() => setView("help"), t("All articles")) : view === "messages" && !chat.listing && chat.chats.length > 1 ? back(openMessages, t("All conversations")) : view === "messages" ? back(() => setView("home"), t("Back to home")) : view === "home" && (o.logo || title) ? o.logo ? (0, import_react3.createElement)(RN3.Image, { key: "logo", source: { uri: o.logo }, accessibilityIgnoresInvertColors: true, resizeMode: "contain", style: { height: 28, aspectRatio: 1, maxWidth: 132, borderRadius: 8, marginLeft: 4 } }) : teamMark(title, alpha(p.accent, 0.16), p.accent, 28) : null,
+    // In the chat: who answers, in the middle; over the list its name.
+    view === "messages" && chat.listing ? (0, import_react3.createElement)(RN3.View, { style: { flex: 1, alignItems: "center" } }, k.text(t("Messages"), { color: hu.fg, fontSize: 15, fontWeight: "600" })) : view === "messages" && title ? (0, import_react3.createElement)(
       RN3.View,
       { style: { flex: 1, flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 8 } },
       teamMark(title, alpha(p.accent, 0.16), p.accent, 28),
       (0, import_react3.createElement)(RN3.Text, { numberOfLines: 1, style: { flexShrink: 1, color: hu.fg, fontSize: 15, fontWeight: "600" } }, title)
     ) : (0, import_react3.createElement)(RN3.View, { style: { flex: 1 } }),
-    (0, import_react3.createElement)(RN3.Pressable, { onPress: close, accessibilityRole: "button", accessibilityLabel: "Close", hitSlop: 12, style: { width: 32, height: 32, borderRadius: 10, alignItems: "center", justifyContent: "center" } }, glyph("cross", onAccent ? ink : p.muted, 18))
+    (0, import_react3.createElement)(RN3.Pressable, { onPress: close, accessibilityRole: "button", accessibilityLabel: t("Close"), hitSlop: 12, style: { width: 32, height: 32, borderRadius: 10, alignItems: "center", justifyContent: "center" } }, glyph("cross", onAccent ? ink : p.muted, 18))
   );
   const powered = brand ? (0, import_react3.createElement)(
     RN3.View,
@@ -4014,8 +4286,9 @@ var MessengerSheet = ({
     (0, import_react3.createElement)(
       RN3.Text,
       { onPress: () => void RN3.Linking.openURL(BRAND_URL).catch(() => void 0), accessibilityRole: "link", hitSlop: 8, style: { color: p.muted, fontSize: 11.5 } },
-      "Powered by ",
-      (0, import_react3.createElement)(RN3.Text, { style: { fontWeight: "600" } }, "MRRocket")
+      t("Powered by {brand}").split("{brand}")[0],
+      (0, import_react3.createElement)(RN3.Text, { style: { fontWeight: "600" } }, "MRRocket"),
+      t("Powered by {brand}").split("{brand}")[1]
     )
   ) : null;
   return (0, import_react3.createElement)(
@@ -4026,12 +4299,12 @@ var MessengerSheet = ({
       { behavior: RN3.Platform.OS === "ios" ? "padding" : void 0, style: { flex: 1, backgroundColor: hu.bg } },
       head,
       content,
-      view === "messages" ? null : (0, import_react3.createElement)(
+      view === "messages" && !chat.listing ? null : (0, import_react3.createElement)(
         RN3.View,
         { key: "tabs", accessibilityRole: "tablist", style: { flexDirection: "row", marginHorizontal: 12, marginTop: 6, marginBottom: 6, padding: 4, borderRadius: 22, backgroundColor: hu.surface } },
-        tab("home", "Home", "home"),
-        tab("messages", "Messages", "chat", chat.unseen.length),
-        showHelp ? tab("help", "Help", "help") : null
+        tab("home", t("Home"), "home"),
+        tab("messages", t("Messages"), "chat", chat.unseen.length),
+        showHelp ? tab("help", t("Help"), "help") : null
       ),
       powered,
       (0, import_react3.createElement)(RN3.View, { style: { height: 16 } })
@@ -4046,7 +4319,7 @@ var MRRocketMessenger = ({ client, appearance, options: given = {} }) => {
       () => client.api()?.messengerLook(ctrl.signal).then(setLook).catch(() => void 0)
     );
     return () => ctrl.abort();
-  }, [client]);
+  }, [client, wordsVersion()]);
   const defined = Object.fromEntries(Object.entries(given).filter(([, v]) => v !== void 0));
   const options = look ? {
     title: look.title,
@@ -4070,25 +4343,29 @@ var MRRocketMessenger = ({ client, appearance, options: given = {} }) => {
   const open = messengerOpen.useOpen();
   const [view, setViewState] = (0, import_react3.useState)(msgView);
   const [banner, setBanner] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
-    if (open) setViewState(msgView);
-  }, [open]);
   const setView = (v) => {
     msgView = v;
     setViewState(v);
   };
   const chat = useChat(client, options, open, view);
+  const { enter } = chat;
+  (0, import_react3.useEffect)(() => {
+    if (!open) return;
+    setViewState(msgView);
+    if (msgView === "messages") enter(msgChat);
+  }, [open, enter]);
   const latest = chat.unseen.at(-1);
   (0, import_react3.useEffect)(() => {
     if (!latest || open || options.preview === false) return;
     setBanner(latest);
-    const t = setTimeout(() => setBanner(null), 6e3);
-    return () => clearTimeout(t);
+    const t2 = setTimeout(() => setBanner(null), 6e3);
+    return () => clearTimeout(t2);
   }, [latest, open, options.preview]);
   (0, import_react3.useEffect)(() => {
     if (open) setBanner(null);
   }, [open]);
   const unseen = chat.unseen.length;
+  const news = latest?.chat ?? null;
   const ink = inkOn(p.accent);
   const label = options.label?.trim() ?? "";
   const r = CORNERS[options.corners ?? "round"];
@@ -4103,9 +4380,9 @@ var MRRocketMessenger = ({ client, appearance, options: given = {} }) => {
     (0, import_react3.createElement)(
       RN3.Pressable,
       {
-        onPress: () => openAt(unseen ? "messages" : "home"),
+        onPress: () => openAt(news ? "messages" : "home", news),
         accessibilityRole: "button",
-        accessibilityLabel: unseen ? `Open chat, ${unseen} new` : "Open chat",
+        accessibilityLabel: unseen === 1 ? t("Open chat, 1 new reply") : unseen ? tf("Open chat, {n} new replies", { n: unseen }) : t("Open chat"),
         style: {
           height: label ? 50 : 56,
           minWidth: label ? 0 : 56,
@@ -4132,7 +4409,7 @@ var MRRocketMessenger = ({ client, appearance, options: given = {} }) => {
     RN3.Pressable,
     {
       key: "banner",
-      onPress: () => openAt("messages"),
+      onPress: () => openAt("messages", banner.chat),
       accessibilityRole: "button",
       accessibilityLiveRegion: "polite",
       style: {
@@ -4152,7 +4429,7 @@ var MRRocketMessenger = ({ client, appearance, options: given = {} }) => {
         elevation: 6
       }
     },
-    k.muted(`${who(banner.from, options.agentName)}${unseen > 1 ? ` \xB7 ${unseen} new` : ""}`, { fontWeight: "600", fontSize: 12 }),
+    k.muted(`${who(banner.from, options.agentName)}${unseen > 1 ? ` \xB7 ${tf("{n} new", { n: unseen })}` : ""}`, { fontWeight: "600", fontSize: 12 }),
     (0, import_react3.createElement)(RN3.Text, { numberOfLines: 3, style: { color: p.fg, fontSize: 15, lineHeight: 20 } }, banner.body)
   ) : null;
   if (!launcher && !toast && !open) return null;
@@ -4195,6 +4472,10 @@ var getMRRocket = () => shared;
 var Ctx = (0, import_react4.createContext)(null);
 var MRRocketProvider = ({ client: given, children, consent, flows = true, appearance, surveys = true, messenger = {}, feedback = {}, heatmaps = true, ...options }) => {
   const [client] = (0, import_react4.useState)(() => given ?? createMRRocket({ ...options, consent }));
+  (0, import_react4.useSyncExternalStore)(onWords, wordsVersion, wordsVersion);
+  (0, import_react4.useEffect)(() => {
+    if (options.locale) setLocale(options.locale);
+  }, [options.locale]);
   (0, import_react4.useEffect)(() => {
     if (consent) client.setConsent(consent);
   }, [client, consent]);