@kavchat/widget 0.0.1 → 0.0.3

package/dist/index.mjs

@@ -1,3 +1,839 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res, err) => function __init() {
+  if (err) throw err[0];
+  try {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  } catch (e) {
+    throw err = [e], e;
+  }
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/dom.ts
+function h(tag, attrs, ...children) {
+  const el = document.createElement(tag);
+  if (attrs) {
+    for (const [k, v] of Object.entries(attrs)) {
+      if (v === void 0 || v === null || v === false) continue;
+      el.setAttribute(k, v === true ? "" : v);
+    }
+  }
+  append(el, children);
+  return el;
+}
+function append(el, children) {
+  for (const c of children) {
+    if (c === null || c === void 0 || c === false) continue;
+    el.appendChild(typeof c === "string" ? document.createTextNode(c) : c);
+  }
+}
+function icon(d) {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", "24");
+  svg.setAttribute("height", "24");
+  svg.setAttribute("aria-hidden", "true");
+  svg.setAttribute("focusable", "false");
+  const path = document.createElementNS(SVG_NS, "path");
+  path.setAttribute("d", d);
+  path.setAttribute("fill", "currentColor");
+  svg.appendChild(path);
+  return svg;
+}
+function safeUrl(raw, schemes) {
+  try {
+    const url = new URL(String(raw || "").trim());
+    return schemes.includes(url.protocol) ? url.href : null;
+  } catch (e) {
+    return null;
+  }
+}
+function richText(text) {
+  const frag = document.createDocumentFragment();
+  let last = 0;
+  URL_RE.lastIndex = 0;
+  let m;
+  while (m = URL_RE.exec(text)) {
+    const raw = m[0].replace(TRAILING, "");
+    const href = safeUrl(raw, ["https:"]);
+    if (!href || !raw) continue;
+    if (m.index > last) frag.appendChild(document.createTextNode(text.slice(last, m.index)));
+    const a = h("a", { href, target: "_blank", rel: "noopener noreferrer" }, raw);
+    frag.appendChild(a);
+    last = m.index + raw.length;
+    URL_RE.lastIndex = last;
+  }
+  if (last < text.length) frag.appendChild(document.createTextNode(text.slice(last)));
+  return frag;
+}
+var SVG_NS, ICONS, URL_RE, TRAILING;
+var init_dom = __esm({
+  "src/dom.ts"() {
+    "use strict";
+    SVG_NS = "http://www.w3.org/2000/svg";
+    ICONS = {
+      chat: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z",
+      close: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
+      send: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+    };
+    URL_RE = /https:\/\/[^\s<>"'`]+/g;
+    TRAILING = /[.,;:!?)\]}'"»]+$/;
+  }
+});
+
+// src/storage.ts
+function read(store, key) {
+  try {
+    const raw = store().getItem(key);
+    return raw ? JSON.parse(raw) : null;
+  } catch (e) {
+    return null;
+  }
+}
+function write(store, key, value) {
+  try {
+    store().setItem(key, JSON.stringify(value));
+  } catch (e) {
+  }
+}
+function randomId(length = 22) {
+  const bytes = new Uint8Array(length);
+  if (typeof crypto !== "undefined" && crypto.getRandomValues) crypto.getRandomValues(bytes);
+  else for (let i = 0; i < length; i++) bytes[i] = Math.floor(Math.random() * 256);
+  let out = "";
+  for (let i = 0; i < length; i++) out += ID_CHARS[bytes[i] & 63];
+  return out;
+}
+var RELEASE_KEY, SESSION_KEY, SCREENS_KEY, local, session, readCachedRelease, writeCachedRelease, readScreensMark, writeScreensMark, readSession, writeSession, ID_CHARS;
+var init_storage = __esm({
+  "src/storage.ts"() {
+    "use strict";
+    RELEASE_KEY = (pk) => `kavchat:release:${pk}`;
+    SESSION_KEY = (pk) => `kavchat:session:${pk}`;
+    SCREENS_KEY = (pk) => `kavchat:screens:${pk}`;
+    local = () => window.localStorage;
+    session = () => window.sessionStorage;
+    readCachedRelease = (pk) => read(local, RELEASE_KEY(pk));
+    writeCachedRelease = (pk, value) => write(local, RELEASE_KEY(pk), value);
+    readScreensMark = (pk) => read(local, SCREENS_KEY(pk));
+    writeScreensMark = (pk, value) => write(local, SCREENS_KEY(pk), value);
+    readSession = (pk) => read(session, SESSION_KEY(pk));
+    writeSession = (pk, value) => write(session, SESSION_KEY(pk), value);
+    ID_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-";
+  }
+});
+
+// src/live-client.ts
+import {
+  LIVE_MESSAGE_MAX,
+  LIVE_TYPING_HIDE_MS,
+  LIVE_TYPING_INTERVAL_MS,
+  isLiveFinal,
+  liveAddPending,
+  liveApplyConversation,
+  liveApplyEvent,
+  liveApplySync,
+  liveBackoff,
+  liveSetPending,
+  liveStart
+} from "@kavchat/core";
+async function call(c, path, body) {
+  try {
+    const res = await fetch(liveUrl(c, path), {
+      method: body === void 0 ? "GET" : "POST",
+      cache: "no-store",
+      credentials: "omit",
+      ...body === void 0 ? {} : { body: JSON.stringify(body) }
+    });
+    const b = await res.json().catch(() => null);
+    return { status: res.status, ok: res.ok && !!b && b.success === true, data: b && b.data, code: String(b && b.code || ""), message: String(b && b.message || "") };
+  } catch (e) {
+    return { status: 0, ok: false, data: null, code: "network", message: "" };
+  }
+}
+var liveUrl, livePost, liveGet, retryable, sleep, LIVE_IDLE_MS, BUSY_POLL_MS, LiveConnection;
+var init_live_client = __esm({
+  "src/live-client.ts"() {
+    "use strict";
+    init_storage();
+    liveUrl = (c, path) => `${c.apiBase.replace(/\/+$/, "")}/v1/client/${encodeURIComponent(c.publicKey)}/live/${path}`;
+    livePost = (c, path, body) => call(c, path, body);
+    liveGet = (c, path) => call(c, path);
+    retryable = (r) => r.status === 0 || r.status === 429 || r.status >= 500;
+    sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+    LIVE_IDLE_MS = 9e4;
+    BUSY_POLL_MS = 12e4;
+    LiveConnection = class {
+      constructor(api, credential, conversation, cb) {
+        this.api = api;
+        this.credential = credential;
+        this.cb = cb;
+        this.stopped = false;
+        this.random = Math.random;
+        this.es = null;
+        this.attempt = 0;
+        /** כישלונות זרם לפני ready, כשכרטיס הזרם התקבל: כנראה פרוקסי שחוסם SSE */
+        this.blocked = 0;
+        this.pollUntil = 0;
+        this.polling = false;
+        this.typingOn = false;
+        this.typingAt = 0;
+        this.numberTried = false;
+        this.onOnline = () => {
+          if (!this.es && !this.polling) this.schedule(0);
+        };
+        this.chat = liveStart(conversation);
+        window.addEventListener("online", this.onOnline);
+      }
+      get final() {
+        return isLiveFinal(this.chat.conversation.state);
+      }
+      body(extra) {
+        return { credential: this.credential, ...extra };
+      }
+      set(chat) {
+        if (chat === this.chat) return;
+        const before = this.chat;
+        this.chat = chat;
+        if (chat.events.length > before.events.length && chat.events.some((e) => e.type === "message" && e.author.kind === "agent" && !before.events.includes(e))) this.cb.typing(false);
+        this.cb.change(chat);
+        if (this.final) this.finish();
+      }
+      /** POST /live/sync עד hasMore=false. false: נכשל */
+      async sync() {
+        for (let i = 0; i < 50; i++) {
+          const r = await livePost(this.api, "sync", this.body({ after: this.chat.lastSeq }));
+          if (this.stopped) return false;
+          if (!r.ok) {
+            this.fail(r);
+            return false;
+          }
+          this.set(liveApplySync(this.chat, r.data));
+          if (!r.data.hasMore) return true;
+        }
+        return true;
+      }
+      /** קודים שמשנים את הזרימה (סעיף 2.5). true: טופל */
+      fail(r) {
+        if (r.code === "live_credential_invalid") {
+          if (!this.final) this.set(liveApplyConversation(this.chat, { ...this.chat.conversation, state: "closed", closeReason: this.chat.conversation.closeReason || "expired" }));
+          else this.finish();
+          return true;
+        }
+        if (r.code === "live_conversation_closed") {
+          void this.sync();
+          return true;
+        }
+        return false;
+      }
+      connect() {
+        if (this.stopped || this.final) return;
+        clearTimeout(this.timer);
+        if (navigator.onLine === false) return;
+        if (typeof EventSource !== "function" || Date.now() < this.pollUntil) void this.poll();
+        else void this.openStream();
+      }
+      async openStream() {
+        const r = await livePost(this.api, "stream-ticket", this.body());
+        if (this.stopped || this.final) return;
+        if (!r.ok) {
+          if (this.fail(r)) return;
+          if (r.code === "live_busy") this.pollUntil = Date.now() + BUSY_POLL_MS;
+          return this.retry();
+        }
+        const es = new EventSource(`${liveUrl(this.api, "stream")}?ticket=${encodeURIComponent(String(r.data.ticket))}&after=${this.chat.lastSeq}`);
+        this.es = es;
+        let ready = false;
+        const on = (name, fn) => es.addEventListener(name, (e) => {
+          if (this.es !== es) return;
+          this.touch();
+          let d;
+          try {
+            d = JSON.parse(e.data);
+          } catch (e2) {
+            return;
+          }
+          if (d && typeof d === "object") fn(d);
+        });
+        on("ready", (d) => {
+          ready = true;
+          this.blocked = 0;
+          this.attempt = 0;
+          this.cb.notice(null);
+          this.set(liveApplyConversation(this.chat, d.conversation));
+        });
+        on("event", (d) => this.set(liveApplyEvent(this.chat, d)));
+        on("state", (d) => this.set(liveApplyConversation(this.chat, d)));
+        on("typing", (d) => this.showTyping(d.on !== false));
+        on("bye", (d) => {
+          this.closeStream();
+          this.bye(d.reason);
+        });
+        es.onerror = () => {
+          if (this.es !== es) return;
+          this.closeStream();
+          if (!ready && ++this.blocked >= 3) this.pollUntil = Infinity;
+          this.cb.notice("reconnecting");
+          this.retry();
+        };
+        this.touch();
+      }
+      touch() {
+        clearTimeout(this.idle);
+        this.idle = setTimeout(() => {
+          if (!this.es) return;
+          this.closeStream();
+          this.schedule(0);
+        }, LIVE_IDLE_MS);
+      }
+      closeStream() {
+        clearTimeout(this.idle);
+        if (this.es) this.es.close();
+        this.es = null;
+      }
+      bye(reason) {
+        if (reason === "replaced") {
+          this.stop();
+          this.cb.notice("replaced");
+        } else if (reason === "expired" || reason === "deleted") {
+          this.set(liveApplyConversation(this.chat, { ...this.chat.conversation, state: "closed", closeReason: "expired" }));
+        } else this.retry();
+      }
+      retry() {
+        this.schedule(liveBackoff(this.attempt++, this.random));
+      }
+      /** אחרי השהיה: סנכרון לפי lastSeq, ואז זרם חדש */
+      schedule(ms) {
+        clearTimeout(this.timer);
+        if (this.stopped || this.final) return;
+        this.timer = setTimeout(async () => {
+          if (this.stopped || navigator.onLine === false) return;
+          if (await this.sync()) this.connect();
+          else if (!this.stopped && !this.final) this.retry();
+        }, ms);
+      }
+      /** long-poll כשאין EventSource, כשהזרם חסום, או לזמן מה אחרי live_busy */
+      async poll() {
+        if (this.polling) return;
+        this.polling = true;
+        while (!this.stopped && !this.final) {
+          if (typeof EventSource === "function" && Date.now() >= this.pollUntil) break;
+          const at = Date.now();
+          const before = this.chat;
+          const r = await livePost(this.api, "sync", this.body({ after: this.chat.lastSeq, wait: 25 }));
+          if (this.stopped) break;
+          if (!r.ok) {
+            this.polling = false;
+            if (!this.fail(r)) this.retry();
+            return;
+          }
+          this.attempt = 0;
+          this.set(liveApplySync(this.chat, r.data));
+          const same = this.chat.lastSeq === before.lastSeq && this.chat.conversation.state === before.conversation.state;
+          if (!(r.data && r.data.hasMore) && same && Date.now() - at < 1e3) await sleep(1e3);
+        }
+        this.polling = false;
+        if (!this.stopped && !this.final) this.connect();
+      }
+      showTyping(on) {
+        clearTimeout(this.typingTimer);
+        this.cb.typing(on);
+        if (on) this.typingTimer = setTimeout(() => this.cb.typing(false), LIVE_TYPING_HIDE_MS);
+      }
+      /** שליחת הודעה: מוצגת מיד כ"נשלח", עם clientId שנוצר פעם אחת ומשמש לכל ניסיון חוזר */
+      send(raw) {
+        const text = raw.trim();
+        if (!text) return "empty";
+        if (text.length > LIVE_MESSAGE_MAX) return "too_long";
+        if (this.final || this.stopped) return "closed";
+        const clientId = randomId(22);
+        this.set(liveAddPending(this.chat, clientId, text, (/* @__PURE__ */ new Date()).toISOString()));
+        this.typing(false);
+        void this.deliver(clientId, text, 0);
+        return "ok";
+      }
+      retrySend(clientId) {
+        const p = this.chat.pending.find((x) => x.clientId === clientId);
+        if (!p || p.status !== "failed" || this.final || this.stopped) return;
+        this.set(liveSetPending(this.chat, clientId, "sending"));
+        void this.deliver(clientId, p.text, 0);
+      }
+      async deliver(clientId, text, attempt) {
+        const r = await livePost(this.api, "messages", this.body({ clientId, text }));
+        if (this.stopped) return;
+        if (r.ok) {
+          this.set(liveApplyEvent(this.chat, r.data.event));
+          return;
+        }
+        if (retryable(r) && attempt < 5) {
+          await sleep(liveBackoff(attempt, this.random));
+          return this.deliver(clientId, text, attempt + 1);
+        }
+        this.set(liveSetPending(this.chat, clientId, "failed"));
+        this.fail(r);
+      }
+      /** "מקליד" לנציג: לכל היותר פעם ב-3 שניות, false כשהשדה התרוקן או נשלח. בלי ניסיונות חוזרים */
+      typing(on) {
+        if (this.chat.conversation.state !== "active" || this.stopped) return;
+        const now = Date.now();
+        if (on ? this.typingOn && now - this.typingAt < LIVE_TYPING_INTERVAL_MS : !this.typingOn) return;
+        this.typingOn = on;
+        this.typingAt = now;
+        void livePost(this.api, "typing", this.body({ on }));
+      }
+      /** "להשאיר הודעה במקום" או "סיום השיחה". בטוח לחזור עליהן */
+      async command(path) {
+        for (let a = 0; a < 4 && !this.stopped; a++) {
+          const r = await livePost(this.api, path, this.body());
+          if (r.ok) {
+            this.set(liveApplyConversation(this.chat, r.data && r.data.conversation));
+            return true;
+          }
+          if (!retryable(r)) return this.fail(r);
+          await sleep(liveBackoff(a, this.random));
+        }
+        return false;
+      }
+      /** מצב סופי: סוגרים את הזרם ומוחקים את הקרדנשל. אם מספר הפנייה עוד לא ידוע, סנכרון אחד אחרי 2 שניות */
+      finish() {
+        if (this.stopped) return;
+        this.closeStream();
+        clearTimeout(this.timer);
+        const ticket = this.chat.conversation.ticket;
+        if (this.chat.conversation.state === "ticket" && (!ticket || ticket.number == null) && !this.numberTried) {
+          this.numberTried = true;
+          this.timer = setTimeout(() => void this.sync().then(() => this.end()), 2e3);
+          return;
+        }
+        this.end();
+      }
+      end() {
+        if (this.stopped) return;
+        this.stop();
+        this.cb.ended();
+      }
+      stop() {
+        this.stopped = true;
+        this.closeStream();
+        clearTimeout(this.timer);
+        clearTimeout(this.typingTimer);
+        window.removeEventListener("online", this.onOnline);
+      }
+    };
+  }
+});
+
+// src/live-styles.ts
+var LIVE_CSS;
+var init_live_styles = __esm({
+  "src/live-styles.ts"() {
+    "use strict";
+    LIVE_CSS = `
+.lstatus{flex:none;padding:8px 14px;font-size:13px;line-height:1.6;color:#374151;background:#fff;border-block-end:1px solid #e3e6ea}
+.lsys{align-self:center;max-width:90%;text-align:center;font-size:12px;color:#6b7280;padding:2px 8px}
+.lsep{margin-block:6px;border-block-start:1px solid #e3e6ea;padding-block-start:8px;align-self:stretch;max-width:none}
+.lname{display:block;font-size:11px;font-weight:600;color:#6b7280}
+.lp-sending{opacity:.65}
+.lp-failed{opacity:.85;outline:1px solid #b42318}
+.lp-failed .btn{display:block;margin-block-start:6px;padding:3px 8px;font-size:12px;color:#b42318;background:#fff;border-color:#b42318}
+.ltyping{flex:none;padding:0 14px 4px;font-size:12px;color:#6b7280}
+.lerror{flex:none;padding:0 14px}
+.lerror:empty{display:none}
+.lactions{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 8px}
+.lactions:empty{display:none}
+.lactions .btn{padding:6px 12px;font-size:14px}
+.note{margin:0;font-size:14px;color:#4b5563}
+.composer input:disabled{opacity:.5}
+.send:disabled{opacity:.5;cursor:default}
+.launcher.kc-unread::after{content:"";position:absolute;inset-block-start:4px;inset-inline-end:4px;width:12px;height:12px;border-radius:50%;background:#e11d48;border:2px solid #fff}
+`;
+  }
+});
+
+// src/live.ts
+var live_exports = {};
+__export(live_exports, {
+  createLive: () => createLive
+});
+import { isLiveFinal as isLiveFinal2, liveBackoff as liveBackoff2, liveLines, liveStatus, liveUnavailableText, liveWaitLeft, uiTexts, withLiveChip, LIVE_AVAILABILITY_TTL_MS, LIVE_MESSAGE_MAX as LIVE_MESSAGE_MAX2 } from "@kavchat/core";
+function readStored(pk) {
+  try {
+    const id = localStorage.getItem(INDEX(pk));
+    const raw = id && localStorage.getItem(RECORD(pk, id));
+    const s = raw ? JSON.parse(raw) : null;
+    if (s && s.id === id && /^lvc_/.test(s.credential) && Date.parse(s.expiresAt) > Date.now()) return s;
+    if (id) clearStored(pk, id);
+  } catch (e) {
+  }
+  return null;
+}
+function writeStored(pk, s) {
+  try {
+    localStorage.setItem(RECORD(pk, s.id), JSON.stringify(s));
+    localStorage.setItem(INDEX(pk), s.id);
+  } catch (e) {
+  }
+}
+function clearStored(pk, id, credential) {
+  try {
+    const raw = localStorage.getItem(RECORD(pk, id));
+    if (credential && raw && JSON.parse(raw).credential !== credential) return;
+    localStorage.removeItem(RECORD(pk, id));
+    if (localStorage.getItem(INDEX(pk)) === id) localStorage.removeItem(INDEX(pk));
+  } catch (e) {
+  }
+}
+function createLive(host) {
+  const pk = host.api.publicKey;
+  const t = { ...host.t, ...uiTexts(host.locale) };
+  const ui = host.ui;
+  const style = h("style", null, LIVE_CSS);
+  ui.root.appendChild(style);
+  let avail = null;
+  let inflight = null;
+  let conn = null;
+  let stored = null;
+  let view = null;
+  let typingOn = false;
+  let notice = null;
+  let seen = /* @__PURE__ */ new Set();
+  let lastState = "";
+  let ticker;
+  let deadlineSync = 0;
+  let destroyed = false;
+  let quiet = false;
+  const els = {};
+  function refresh() {
+    var _a;
+    if (avail && Date.now() - avail.at < LIVE_AVAILABILITY_TTL_MS) return Promise.resolve();
+    if (!inflight) {
+      const wasOpen = !!((_a = avail == null ? void 0 : avail.data) == null ? void 0 : _a.open);
+      inflight = liveGet(host.api, "availability").then((r) => {
+        var _a2;
+        inflight = null;
+        avail = { at: Date.now(), data: r.ok ? r.data : null };
+        if (!destroyed && wasOpen !== !!((_a2 = avail.data) == null ? void 0 : _a2.open)) host.renderChips();
+      });
+    }
+    return inflight;
+  }
+  function nextOpen(data) {
+    var _a;
+    const iso = (_a = data == null ? void 0 : data.departments.find((d) => d.nextOpenAt)) == null ? void 0 : _a.nextOpenAt;
+    const at = iso ? new Date(iso) : null;
+    if (!at || isNaN(at.getTime())) return null;
+    const today = at.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
+    try {
+      return new Intl.DateTimeFormat(host.locale, { ...today ? {} : { weekday: "short" }, hour: "2-digit", minute: "2-digit" }).format(at);
+    } catch (e) {
+      return null;
+    }
+  }
+  const note = () => {
+    const d = avail == null ? void 0 : avail.data;
+    return d && d.enabled && !d.open ? liveUnavailableText(d.reason, t, d.reason === "closed" ? nextOpen(d) : null) : "";
+  };
+  function requestForm(effect, data) {
+    const guest = !host.opts.userToken;
+    const requestId = randomId(22);
+    const messageClientId = randomId(22);
+    const field = (id, label, control) => h("div", { class: "field" }, h("label", { for: id }, label), control);
+    const name = h("input", { id: "kl-name", type: "text", autocomplete: "name", maxlength: "100", dir: "auto" });
+    name.value = host.opts.userName || "";
+    const email = h("input", { id: "kl-email", type: "email", autocomplete: "email", dir: "auto" });
+    const phone = h("input", { id: "kl-phone", type: "tel", autocomplete: "tel", dir: "auto" });
+    const departments = data.departments.filter((d) => d.open);
+    let dept = null;
+    if (departments.length > 1) {
+      dept = h("select", { id: "kl-dept" });
+      for (const d of departments) dept.appendChild(h("option", { value: d.id }, d.name));
+    }
+    const message = h("textarea", { id: "kl-message", maxlength: String(LIVE_MESSAGE_MAX2), dir: "auto" });
+    message.value = effect.prefill || "";
+    const error = h("div", { class: "error", role: "alert" });
+    const submit = h("button", { type: "submit", class: "btn btn-primary" }, t["live.start"]);
+    const cancel = h("button", { type: "button", class: "btn" }, t["form.cancel"]);
+    cancel.addEventListener("click", () => host.showChat());
+    const form = h(
+      "form",
+      { class: "form", novalidate: true },
+      h("h2", null, t["live.talk"]),
+      guest ? h("p", { class: "note" }, t["live.intro"]) : null,
+      guest ? field("kl-name", t["form.name"], name) : null,
+      guest ? field("kl-email", t["form.email"], email) : null,
+      guest ? field("kl-phone", t["form.phone"], phone) : null,
+      dept ? field("kl-dept", t["live.department"], dept) : null,
+      field("kl-message", t["live.message"], message),
+      error,
+      h("div", { class: "actions" }, submit, cancel)
+    );
+    form.addEventListener("submit", async (e) => {
+      var _a, _b;
+      e.preventDefault();
+      const pre = { name: name.value.trim(), email: email.value.trim(), phone: phone.value.trim(), message: message.value.trim() };
+      const problem = guest && !pre.email && !pre.phone ? t["form.contactRequired"] : guest && pre.email && !EMAIL_RE.test(pre.email) ? t["form.emailInvalid"] : "";
+      if (problem) {
+        error.textContent = problem;
+        return;
+      }
+      error.textContent = "";
+      submit.disabled = true;
+      submit.textContent = t["live.connecting"];
+      const body = {
+        requestId,
+        sessionId: (_a = host.session) == null ? void 0 : _a.id,
+        identityToken: host.opts.userToken,
+        ...guest ? { name: pre.name || void 0, email: pre.email || void 0, phone: pre.phone || void 0 } : {},
+        departmentId: dept ? dept.value : (_b = departments[0]) == null ? void 0 : _b.id,
+        topicId: effect.contactTopicId || void 0,
+        ...pre.message ? { message: pre.message, messageClientId } : {},
+        // השרת מוחק query ו-fragment, ובכל זאת לא שולחים אותם
+        page: location.href.split(/[?#]/)[0],
+        transcript: effect.transcript.slice(-200).map((x) => ({ ...x, text: x.text.slice(0, 1e3) }))
+      };
+      let r = await livePost(host.api, "requests", body);
+      for (let a = 0; a < 2 && retryable(r); a++) {
+        await sleep(liveBackoff2(a));
+        r = await livePost(host.api, "requests", body);
+      }
+      if (destroyed) return;
+      submit.disabled = false;
+      submit.textContent = t["live.start"];
+      if (r.ok && r.data.accepted) {
+        const d = r.data;
+        stored = { id: d.conversation.id, credential: d.credential, expiresAt: d.credentialExpiresAt, transcript: body.transcript };
+        writeStored(pk, stored);
+        begin(d.conversation, false);
+      } else if (r.ok) {
+        const known = avail == null ? void 0 : avail.data;
+        avail = null;
+        host.showForm(effect, { ...pre, note: liveUnavailableText(r.data.reason, t, r.data.reason === "closed" ? nextOpen(known) : null) });
+      } else {
+        error.textContent = r.code === "ticket_contact_required" ? t["form.contactRequired"] : r.code === "email_invalid" ? t["form.emailInvalid"] : r.code === "live_conversation_open" ? t["live.elsewhere"] : r.code === "network" ? t["form.error"] : r.message || t["form.error"];
+      }
+    });
+    ui.formView.replaceChildren(form);
+    ui.chatView.hidden = true;
+    ui.formView.hidden = false;
+    if (host.isOpen) (form.querySelector("input,select,textarea") || ui.panel).focus();
+  }
+  function begin(conversation, restoring) {
+    const mine = stored;
+    conn == null ? void 0 : conn.stop();
+    seen = /* @__PURE__ */ new Set();
+    notice = null;
+    typingOn = false;
+    const c = new LiveConnection(host.api, mine.credential, conversation, {
+      change: () => render(),
+      typing: (on) => {
+        typingOn = on;
+        renderTyping();
+      },
+      notice: (kind) => {
+        notice = kind;
+        render();
+      },
+      ended: () => {
+        clearStored(pk, mine.id, mine.credential);
+        render();
+      }
+    });
+    conn = c;
+    mountView();
+    if (!restoring) {
+      render();
+      c.connect();
+    }
+    return c;
+  }
+  function mountView() {
+    if (view) return;
+    els.status = h("div", { class: "lstatus" });
+    els.msgs = h("div", { class: "messages" });
+    els.typing = h("div", { class: "ltyping", "aria-hidden": "true" }, t["live.typing"]);
+    els.actions = h("div", { class: "lactions" });
+    els.error = h("div", { class: "error lerror", role: "alert" });
+    els.input = h("input", { type: "text", dir: "auto", maxlength: String(LIVE_MESSAGE_MAX2), autocomplete: "off", placeholder: t["live.placeholder"], "aria-label": t["live.placeholder"], enterkeyhint: "send" });
+    els.send = h("button", { type: "submit", class: "send", "aria-label": t["widget.send"] }, icon(ICONS.send));
+    const composer = h("form", { class: "composer" }, els.input, els.send);
+    composer.addEventListener("submit", (e) => {
+      e.preventDefault();
+      if (!conn) return;
+      const r = conn.send(els.input.value);
+      if (r === "ok") {
+        els.input.value = "";
+        els.error.textContent = "";
+      } else if (r === "too_long") els.error.textContent = t["live.tooLong"];
+    });
+    els.input.addEventListener("input", () => conn == null ? void 0 : conn.typing(els.input.value.trim() !== ""));
+    view = h("div", { class: "view lv" }, els.status, els.msgs, els.typing, els.error, els.actions, composer);
+    ui.panel.insertBefore(view, ui.live);
+  }
+  function button(label, fn, primary = false) {
+    const b = h("button", { type: "button", class: primary ? "btn btn-primary" : "btn" }, label);
+    b.addEventListener("click", fn);
+    return b;
+  }
+  function backToBot() {
+    if (conn) {
+      conn.stop();
+      if (stored) clearStored(pk, stored.id, stored.credential);
+    }
+    conn = null;
+    stored = null;
+    clearInterval(ticker);
+    ticker = void 0;
+    view == null ? void 0 : view.remove();
+    view = null;
+    host.showChat();
+  }
+  function renderTyping() {
+    if (!view || !conn) return;
+    els.typing.hidden = !(typingOn && conn.chat.conversation.state === "active");
+  }
+  function render() {
+    if (quiet || !view || !conn || !stored) return;
+    const c = conn.chat;
+    const conv = c.conversation;
+    const final = isLiveFinal2(conv.state);
+    const off = final || notice === "replaced";
+    ui.chatView.hidden = true;
+    ui.formView.hidden = true;
+    view.hidden = false;
+    renderStatus();
+    const atBottom = els.msgs.scrollHeight - els.msgs.scrollTop - els.msgs.clientHeight < 40;
+    els.msgs.textContent = "";
+    for (const m of stored.transcript) els.msgs.appendChild(h("div", { class: `msg msg-${m.from === "user" ? "user" : "bot"}`, dir: "auto" }, m.text));
+    if (stored.transcript.length) els.msgs.appendChild(h("div", { class: "lsys lsep" }, t["live.talk"]));
+    const fresh = [];
+    for (const l of liveLines(c, t)) {
+      let el;
+      if (l.kind === "system") el = h("div", { class: "lsys" }, l.text);
+      else if (l.kind === "agent") el = h("div", { class: "msg msg-bot", dir: "auto" }, h("span", { class: "lname" }, l.name || ""), l.text);
+      else {
+        el = h("div", { class: `msg msg-user${l.status ? ` lp-${l.status}` : ""}`, dir: "auto" }, l.text);
+        if (l.status === "failed") {
+          const id = l.clientId;
+          el.appendChild(button(t["live.failed"], () => conn == null ? void 0 : conn.retrySend(id)));
+        } else if (l.status === "sending") el.setAttribute("aria-busy", "true");
+      }
+      els.msgs.appendChild(el);
+      if (!seen.has(l.key)) {
+        seen.add(l.key);
+        if (l.kind !== "visitor") fresh.push(l.kind === "agent" ? `${l.name}: ${l.text}` : l.text);
+      }
+    }
+    if (fresh.length) {
+      ui.live.textContent = fresh.join("\n");
+      if (!host.isOpen) ui.launcher.classList.add("kc-unread");
+    }
+    if (atBottom || fresh.length) els.msgs.scrollTop = els.msgs.scrollHeight;
+    renderTyping();
+    els.actions.textContent = "";
+    if (off) els.actions.appendChild(button(t["live.back"], backToBot, true));
+    else {
+      if (conv.state === "queued") els.actions.appendChild(button(t["live.leave"], () => void (conn == null ? void 0 : conn.command("leave-message"))));
+      els.actions.appendChild(button(t["live.end"], () => void (conn == null ? void 0 : conn.command("end"))));
+    }
+    els.input.disabled = off;
+    els.send.disabled = off;
+    if (conv.state !== lastState) {
+      lastState = conv.state;
+      host.emit({ type: "live", state: conv.state, id: conv.id });
+    }
+    if (conv.state === "queued" && conv.queueDeadline && !ticker) ticker = setInterval(tick, 1e3);
+    if (conv.state !== "queued" && ticker) {
+      clearInterval(ticker);
+      ticker = void 0;
+    }
+  }
+  function renderStatus() {
+    if (!conn) return;
+    const conv = conn.chat.conversation;
+    els.status.textContent = notice === "replaced" ? t["live.replaced"] : `${liveStatus(conv, t, Date.now())}${notice === "reconnecting" && !isLiveFinal2(conv.state) ? ` \xB7 ${t["live.reconnecting"]}` : ""}`;
+  }
+  function tick() {
+    if (!conn) return;
+    renderStatus();
+    const left = liveWaitLeft(conn.chat.conversation, Date.now());
+    if (left === 0 && Date.now() - deadlineSync > 1e4) {
+      deadlineSync = Date.now();
+      void conn.sync();
+    }
+  }
+  return {
+    chips(chips) {
+      var _a, _b, _c;
+      if (!((_b = (_a = host.release) == null ? void 0 : _a.liveChat) == null ? void 0 : _b.enabled) || !chips.some((c) => c.kind === "contact")) return chips;
+      void refresh();
+      return ((_c = avail == null ? void 0 : avail.data) == null ? void 0 : _c.open) ? withLiveChip(chips, t["live.talk"]) : chips;
+    },
+    note,
+    async start(effect) {
+      await refresh();
+      if (destroyed) return;
+      const d = avail == null ? void 0 : avail.data;
+      if (d && d.open) requestForm(effect, d);
+      else host.showForm(effect, { note: note() });
+    },
+    async restore() {
+      const s = readStored(pk);
+      if (!s) return;
+      stored = s;
+      quiet = true;
+      const c = begin({ id: s.id, state: "queued", lastSeq: 0, credentialExpiresAt: s.expiresAt }, true);
+      const ok = await c.sync();
+      quiet = false;
+      if (destroyed || conn !== c) return;
+      if (!ok && c.final && c.chat.events.length === 0) {
+        c.stop();
+        clearStored(pk, s.id, s.credential);
+        conn = null;
+        stored = null;
+        view == null ? void 0 : view.remove();
+        view = null;
+        return;
+      }
+      for (const l of liveLines(c.chat, t)) seen.add(l.key);
+      render();
+      c.connect();
+    },
+    focus() {
+      if (!view || view.hidden) return false;
+      ui.launcher.classList.remove("kc-unread");
+      if (coarse()) ui.panel.focus();
+      else if (!els.input.disabled) els.input.focus();
+      else ui.panel.focus();
+      return true;
+    },
+    destroy() {
+      destroyed = true;
+      conn == null ? void 0 : conn.stop();
+      clearInterval(ticker);
+      view == null ? void 0 : view.remove();
+      style.remove();
+    }
+  };
+}
+var INDEX, RECORD, EMAIL_RE, coarse;
+var init_live = __esm({
+  "src/live.ts"() {
+    "use strict";
+    init_dom();
+    init_live_client();
+    init_live_styles();
+    init_storage();
+    INDEX = (pk) => `kavchat:live:${pk}`;
+    RECORD = (pk, id) => `kavchat:live:${pk}:${id}`;
+    EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    coarse = () => typeof window.matchMedia === "function" && window.matchMedia("(pointer: coarse)").matches;
+  }
+});
+
 // src/widget.ts
 import {
   UI_TEXTS,
@@ -11,7 +847,7 @@ import {
   pressChip,
   sendText,
   startConversation,
-  uiTexts
+  uiTexts as uiTexts2
 } from "@kavchat/core";
 
 // src/api.ts
@@ -121,112 +957,14 @@ function themeFor(primaryColor) {
   return { primary, onPrimary, accent };
 }
 
-// src/dom.ts
-function h(tag, attrs, ...children) {
-  const el = document.createElement(tag);
-  if (attrs) {
-    for (const [k, v] of Object.entries(attrs)) {
-      if (v === void 0 || v === null || v === false) continue;
-      el.setAttribute(k, v === true ? "" : v);
-    }
-  }
-  append(el, children);
-  return el;
-}
-function append(el, children) {
-  for (const c of children) {
-    if (c === null || c === void 0 || c === false) continue;
-    el.appendChild(typeof c === "string" ? document.createTextNode(c) : c);
-  }
-}
-var SVG_NS = "http://www.w3.org/2000/svg";
-function icon(d) {
-  const svg = document.createElementNS(SVG_NS, "svg");
-  svg.setAttribute("viewBox", "0 0 24 24");
-  svg.setAttribute("width", "24");
-  svg.setAttribute("height", "24");
-  svg.setAttribute("aria-hidden", "true");
-  svg.setAttribute("focusable", "false");
-  const path = document.createElementNS(SVG_NS, "path");
-  path.setAttribute("d", d);
-  path.setAttribute("fill", "currentColor");
-  svg.appendChild(path);
-  return svg;
-}
-var ICONS = {
-  chat: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z",
-  close: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
-  send: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
-};
-function safeUrl(raw, schemes) {
-  try {
-    const url = new URL(String(raw || "").trim());
-    return schemes.includes(url.protocol) ? url.href : null;
-  } catch (e) {
-    return null;
-  }
-}
-var URL_RE = /https:\/\/[^\s<>"'`]+/g;
-var TRAILING = /[.,;:!?)\]}'"»]+$/;
-function richText(text) {
-  const frag = document.createDocumentFragment();
-  let last = 0;
-  URL_RE.lastIndex = 0;
-  let m;
-  while (m = URL_RE.exec(text)) {
-    const raw = m[0].replace(TRAILING, "");
-    const href = safeUrl(raw, ["https:"]);
-    if (!href || !raw) continue;
-    if (m.index > last) frag.appendChild(document.createTextNode(text.slice(last, m.index)));
-    const a = h("a", { href, target: "_blank", rel: "noopener noreferrer" }, raw);
-    frag.appendChild(a);
-    last = m.index + raw.length;
-    URL_RE.lastIndex = last;
-  }
-  if (last < text.length) frag.appendChild(document.createTextNode(text.slice(last)));
-  return frag;
-}
-
-// src/storage.ts
-var RELEASE_KEY = (pk) => `kavchat:release:${pk}`;
-var SESSION_KEY = (pk) => `kavchat:session:${pk}`;
-var SCREENS_KEY = (pk) => `kavchat:screens:${pk}`;
-function read(store, key) {
-  try {
-    const raw = store().getItem(key);
-    return raw ? JSON.parse(raw) : null;
-  } catch (e) {
-    return null;
-  }
-}
-function write(store, key, value) {
-  try {
-    store().setItem(key, JSON.stringify(value));
-  } catch (e) {
-  }
-}
-var local = () => window.localStorage;
-var session = () => window.sessionStorage;
-var readCachedRelease = (pk) => read(local, RELEASE_KEY(pk));
-var writeCachedRelease = (pk, value) => write(local, RELEASE_KEY(pk), value);
-var readScreensMark = (pk) => read(local, SCREENS_KEY(pk));
-var writeScreensMark = (pk, value) => write(local, SCREENS_KEY(pk), value);
-var readSession = (pk) => read(session, SESSION_KEY(pk));
-var writeSession = (pk, value) => write(session, SESSION_KEY(pk), value);
-var ID_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-";
-function randomId(length = 22) {
-  const bytes = new Uint8Array(length);
-  if (typeof crypto !== "undefined" && crypto.getRandomValues) crypto.getRandomValues(bytes);
-  else for (let i = 0; i < length; i++) bytes[i] = Math.floor(Math.random() * 256);
-  let out = "";
-  for (let i = 0; i < length; i++) out += ID_CHARS[bytes[i] & 63];
-  return out;
-}
+// src/widget.ts
+init_dom();
+init_storage();
 
 // src/styles.ts
 var CSS = `
 :host{all:initial}
-.kc{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Hebrew","Noto Sans Arabic",Arial,sans-serif;font-size:15px;line-height:1.45;color:#1f2328;-webkit-font-smoothing:antialiased}
+.kc{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Hebrew","Noto Sans Arabic","Noto Sans Thai",Arial,sans-serif;font-size:15px;line-height:1.45;color:#1f2328;-webkit-font-smoothing:antialiased}
 .kc *,.kc *::before,.kc *::after{box-sizing:border-box}
 .kc [hidden]{display:none!important}
 .kc button,.kc input,.kc select,.kc textarea{font:inherit;color:inherit;margin:0}
@@ -241,8 +979,8 @@ var CSS = `
 .avatar{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.22);font-weight:600;font-size:15px}
 .avatar img{width:100%;height:100%;object-fit:cover}
 .titles{min-width:0;flex:1}
-.name{font-weight:600;font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.subtitle{font-size:13px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.name{font-weight:600;font-size:16px;line-height:1.6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.subtitle{font-size:13px;line-height:1.6;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .close{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
 .close:hover{background:rgba(127,127,127,.2)}
 .close svg{width:22px;height:22px}
@@ -259,7 +997,7 @@ var CSS = `
 @keyframes kc-dot{50%{opacity:.3}}
 .msg img{display:block;max-width:100%;height:auto;border-radius:10px;margin-block-end:6px}
 .chips{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 10px;max-height:40%;overflow-y:auto}
-.chip{border:1px solid var(--kc-accent);background:#fff;color:var(--kc-accent);border-radius:999px;padding:6px 13px;cursor:pointer;font-size:14px;line-height:1.3;text-align:start}
+.chip{border:1px solid var(--kc-accent);background:#fff;color:var(--kc-accent);border-radius:999px;padding:6px 13px;cursor:pointer;font-size:14px;line-height:1.4;text-align:start}
 .chip:hover{background:var(--kc-primary);color:var(--kc-on-primary);border-color:var(--kc-primary)}
 .chip-home,.chip-back{border-color:#cfd4da;color:#4b5563}
 .composer{flex:none;display:flex;align-items:center;gap:8px;padding:8px 10px;border-block-start:1px solid #e3e6ea;background:#fff}
@@ -288,6 +1026,9 @@ var CSS = `
 @media (prefers-reduced-motion:reduce){.kc *{animation:none!important;transition:none!important}}
 `;
 
+// src/live-load.ts
+var loadLive = () => Promise.resolve().then(() => (init_live(), live_exports));
+
 // src/widget.ts
 var DEFAULT_API = "https://api.kavchat.com";
 var BRANDING_URL = "https://kavchat.com";
@@ -323,7 +1064,7 @@ function pickLocale(requested, releaseLocale) {
   const fallback = baseLocale(releaseLocale);
   return UI_TEXTS[fallback] ? fallback : "en";
 }
-var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var KavchatWidget = class {
   constructor(options) {
     this.release = null;
@@ -331,7 +1072,7 @@ var KavchatWidget = class {
     this.ui = null;
     this.state = null;
     this.session = null;
-    this.t = uiTexts("en");
+    this.t = uiTexts2("en");
     this.locale = "en";
     this.isOpen = false;
     this.prevFocus = null;
@@ -340,6 +1081,7 @@ var KavchatWidget = class {
     this.destroyed = false;
     /** מחכים לתשובת AI: מציגים "מקליד" ומתעלמים מקלט חדש */
     this.waiting = false;
+    this.live = null;
     this.onPageHide = () => this.flush(true);
     this.onVisibility = () => {
       if (document.visibilityState === "hidden") this.flush(true);
@@ -410,6 +1152,7 @@ var KavchatWidget = class {
     if (this.reportTimer) clearTimeout(this.reportTimer);
     window.removeEventListener("pagehide", this.onPageHide);
     document.removeEventListener("visibilitychange", this.onVisibility);
+    this.setupLive();
     this.unmount();
   }
   // ---------- טעינה ----------
@@ -456,16 +1199,40 @@ var KavchatWidget = class {
     const changed = !this.release || this.release.version !== release.version;
     this.release = release;
     this.locale = pickLocale(this.opts.locale, release.locale);
-    this.t = uiTexts(this.locale);
+    this.t = uiTexts2(this.locale);
     if (changed || !this.ui) {
       this.state = null;
       this.restoreSession();
       this.mount();
+      this.setupLive();
     }
     if (this.ui) this.ui.banner.hidden = !this.offline;
     this.emit({ type: "ready", version: release.version, offline });
     if (this.wantOpen) this.open();
   }
+  /**
+   * הצ'אט עם נציג נטען רק כשהוא מופעל בגרסה, או כשיש שיחה פתוחה שמורה. כל mount מקבל בקר חדש,
+   * שמשחזר את השיחה מהאחסון. כישלון בטעינה משאיר את הבוט ואת טופס הפנייה כמו שהם
+   */
+  setupLive() {
+    if (this.live) this.live.destroy();
+    this.live = null;
+    const ui = this.ui;
+    const lc = this.release && this.release.liveChat;
+    let saved;
+    try {
+      saved = localStorage.getItem(`kavchat:live:${this.opts.publicKey}`);
+    } catch (e) {
+    }
+    if (this.destroyed || !ui || !(lc && lc.enabled || saved)) return;
+    loadLive().then((m) => {
+      if (this.ui !== ui || this.destroyed) return;
+      this.live = m.createLive(this);
+      void this.live.restore();
+      this.renderChips();
+    }, () => {
+    });
+  }
   restoreSession() {
     const release = this.release;
     if (!release) return;
@@ -541,7 +1308,9 @@ var KavchatWidget = class {
   handleEffect(effect) {
     var _a, _b, _c;
     this.emit({ type: "effect", effect });
-    if (effect.type === "contact") {
+    if (effect.type === "live" && this.live) {
+      void this.live.start(effect);
+    } else if (effect.type === "contact" || effect.type === "live") {
       this.showForm(effect);
     } else if (effect.type === "link") {
       openLink(effect.url, (_a = this.ui) == null ? void 0 : _a.root);
@@ -652,12 +1421,12 @@ var KavchatWidget = class {
   }
   focusInside() {
     const ui = this.ui;
-    if (!ui) return;
-    const coarse = typeof window.matchMedia === "function" && window.matchMedia("(pointer: coarse)").matches;
+    if (!ui || this.live && this.live.focus()) return;
+    const coarse2 = typeof window.matchMedia === "function" && window.matchMedia("(pointer: coarse)").matches;
     if (!ui.formView.hidden) {
       const first = ui.formView.querySelector("input,select,textarea");
       (first || ui.panel).focus();
-    } else if (coarse) ui.panel.focus();
+    } else if (coarse2) ui.panel.focus();
     else ui.input.focus();
   }
   render() {
@@ -690,12 +1459,13 @@ var KavchatWidget = class {
     const state = this.state;
     if (!ui || !state) return;
     ui.chips.textContent = "";
-    for (const chip of state.chips) {
+    const chips = this.live ? this.live.chips(state.chips) : state.chips;
+    for (const chip of chips) {
       const b = h("button", { type: "button", class: `chip chip-${chip.kind}` }, chip.label);
       b.addEventListener("click", () => this.onChip(chip));
       ui.chips.appendChild(b);
     }
-    ui.chips.hidden = state.chips.length === 0;
+    ui.chips.hidden = chips.length === 0;
   }
   showChat() {
     const ui = this.ui;
@@ -706,7 +1476,8 @@ var KavchatWidget = class {
     this.render();
     if (this.isOpen) this.focusInside();
   }
-  showForm(effect) {
+  /** pre: מה שהמשתמש כבר כתב בבקשה לנציג, ולמה אין נציג (note) */
+  showForm(effect, pre = {}) {
     const ui = this.ui;
     const release = this.release;
     if (!ui || !release) return;
@@ -714,9 +1485,12 @@ var KavchatWidget = class {
     const topics = release.settings.contactTopics || [];
     const field = (id, label, control) => h("div", { class: "field" }, h("label", { for: id }, label), control);
     const name = h("input", { id: "kc-name", type: "text", autocomplete: "name", maxlength: "100", dir: "auto" });
-    name.value = this.opts.userName || "";
+    name.value = pre.name || this.opts.userName || "";
     const email = h("input", { id: "kc-email", type: "email", autocomplete: "email", dir: "auto" });
+    email.value = pre.email || "";
     const phone = h("input", { id: "kc-phone", type: "tel", autocomplete: "tel", dir: "auto" });
+    phone.value = pre.phone || "";
+    const note = "note" in pre ? pre.note : this.live && this.live.note();
     let topic = null;
     if (topics.length) {
       topic = h("select", { id: "kc-topic" }, h("option", { value: "" }, ""));
@@ -724,7 +1498,7 @@ var KavchatWidget = class {
       if (effect.contactTopicId && topics.some((tp) => tp.id === effect.contactTopicId)) topic.value = effect.contactTopicId;
     }
     const message = h("textarea", { id: "kc-message", required: true, maxlength: "2000", dir: "auto" });
-    message.value = effect.prefill || "";
+    message.value = pre.message || effect.prefill || "";
     const error = h("div", { class: "error", role: "alert" });
     const submit = h("button", { type: "submit", class: "btn btn-primary" }, t["form.submit"]);
     const cancel = h("button", { type: "button", class: "btn" }, t["form.cancel"]);
@@ -733,6 +1507,7 @@ var KavchatWidget = class {
       "form",
       { class: "form", novalidate: true },
       h("h2", null, t["form.title"]),
+      note ? h("p", { class: "note", role: "status" }, note) : null,
       field("kc-name", t["form.name"], name),
       field("kc-email", t["form.email"], email),
       field("kc-phone", t["form.phone"], phone),
@@ -754,7 +1529,7 @@ var KavchatWidget = class {
         sessionId: (_a = this.session) == null ? void 0 : _a.id,
         transcript: effect.transcript.slice(-200).map((x) => ({ ...x, text: x.text.slice(0, 1e3) }))
       };
-      const problem = !input.message ? t["form.required"] : !input.email && !input.phone && !this.opts.userToken ? t["form.contactRequired"] : input.email && !EMAIL_RE.test(input.email) ? t["form.emailInvalid"] : "";
+      const problem = !input.message ? t["form.required"] : !input.email && !input.phone && !this.opts.userToken ? t["form.contactRequired"] : input.email && !EMAIL_RE2.test(input.email) ? t["form.emailInvalid"] : "";
       if (problem) {
         error.textContent = problem;
         return;
@@ -871,8 +1646,8 @@ function installGlobal(win = window) {
   win.Kavchat = api;
   return { api, queue };
 }
-function run(api, call) {
-  const [name, ...args] = call;
+function run(api, call2) {
+  const [name, ...args] = call2;
   if (!METHODS.includes(name)) {
     console.warn(`Kavchat: unknown method ${name}`);
     return;