translation-chat-sdk 0.3.8 → 0.3.10

package/dist/translation-chat-sdk.es.js

@@ -1,18 +1,18 @@
-import { jsx as l, jsxs as x, Fragment as ve } from "react/jsx-runtime";
+import { jsx as l, jsxs as E, Fragment as ve } from "react/jsx-runtime";
 import { createContext as Me, useRef as X, useState as W, useMemo as V, useEffect as xe, useContext as Fe, forwardRef as He, useImperativeHandle as Ve } from "react";
-const P = /* @__PURE__ */ Object.create(null);
-P.open = "0";
-P.close = "1";
-P.ping = "2";
-P.pong = "3";
-P.message = "4";
-P.upgrade = "5";
-P.noop = "6";
+const L = /* @__PURE__ */ Object.create(null);
+L.open = "0";
+L.close = "1";
+L.ping = "2";
+L.pong = "3";
+L.message = "4";
+L.upgrade = "5";
+L.noop = "6";
 const Q = /* @__PURE__ */ Object.create(null);
-Object.keys(P).forEach((s) => {
-  Q[P[s]] = s;
+Object.keys(L).forEach((s) => {
+  Q[L[s]] = s;
 });
-const ie = { type: "error", data: "parser error" }, Ee = typeof Blob == "function" || typeof Blob < "u" && Object.prototype.toString.call(Blob) === "[object BlobConstructor]", Te = typeof ArrayBuffer == "function", Re = (s) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(s) : s && s.buffer instanceof ArrayBuffer, ue = ({ type: s, data: e }, t, n) => Ee && e instanceof Blob ? t ? n(e) : me(e, n) : Te && (e instanceof ArrayBuffer || Re(e)) ? t ? n(e) : me(new Blob([e]), n) : n(P[s] + (e || "")), me = (s, e) => {
+const ie = { type: "error", data: "parser error" }, Ee = typeof Blob == "function" || typeof Blob < "u" && Object.prototype.toString.call(Blob) === "[object BlobConstructor]", Te = typeof ArrayBuffer == "function", Re = (s) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(s) : s && s.buffer instanceof ArrayBuffer, ue = ({ type: s, data: e }, t, n) => Ee && e instanceof Blob ? t ? n(e) : me(e, n) : Te && (e instanceof ArrayBuffer || Re(e)) ? t ? n(e) : me(new Blob([e]), n) : n(L[s] + (e || "")), me = (s, e) => {
   const t = new FileReader();
   return t.onload = function() {
     const n = t.result.split(",")[1];
@@ -89,7 +89,7 @@ const ze = (s) => {
   }
   return n;
 };
-function je() {
+function Je() {
   return new TransformStream({
     transform(s, e) {
       Ke(s, (t) => {
@@ -124,7 +124,7 @@ function z(s, e) {
     t[r] = s[0][n++], n === s[0].length && (s.shift(), n = 0);
   return s.length && n < s[0].length && (s[0] = s[0].slice(n)), t;
 }
-function Je(s, e) {
+function je(s, e) {
   ne || (ne = new TextDecoder());
   const t = [];
   let n = 0, r = -1, i = !1;
@@ -444,12 +444,12 @@ class ct extends fe {
     return this.opts.timestampRequests !== !1 && (t[this.opts.timestampParam] = Oe()), !this.supportsBinary && !t.sid && (t.b64 = 1), this.createUri(e, t);
   }
 }
-let Le = !1;
+let Pe = !1;
 try {
-  Le = typeof XMLHttpRequest < "u" && "withCredentials" in new XMLHttpRequest();
+  Pe = typeof XMLHttpRequest < "u" && "withCredentials" in new XMLHttpRequest();
 } catch {
 }
-const at = Le;
+const at = Pe;
 function ht() {
 }
 class lt extends ct {
@@ -494,7 +494,7 @@ class lt extends ct {
     }), this.pollXhr = e;
   }
 }
-class L extends T {
+class P extends T {
   /**
    * Request constructor
    *
@@ -548,7 +548,7 @@ class L extends T {
       }, 0);
       return;
     }
-    typeof document < "u" && (this._index = L.requestsCount++, L.requests[this._index] = this);
+    typeof document < "u" && (this._index = P.requestsCount++, P.requests[this._index] = this);
   }
   /**
    * Called upon error.
@@ -570,7 +570,7 @@ class L extends T {
           this._xhr.abort();
         } catch {
         }
-      typeof document < "u" && delete L.requests[this._index], this._xhr = null;
+      typeof document < "u" && delete P.requests[this._index], this._xhr = null;
     }
   }
   /**
@@ -591,8 +591,8 @@ class L extends T {
     this._cleanup();
   }
 }
-L.requestsCount = 0;
-L.requests = {};
+P.requestsCount = 0;
+P.requests = {};
 if (typeof document < "u") {
   if (typeof attachEvent == "function")
     attachEvent("onunload", be);
@@ -602,11 +602,11 @@ if (typeof document < "u") {
   }
 }
 function be() {
-  for (let s in L.requests)
-    L.requests.hasOwnProperty(s) && L.requests[s].abort();
+  for (let s in P.requests)
+    P.requests.hasOwnProperty(s) && P.requests[s].abort();
 }
 const ut = function() {
-  const s = Pe({
+  const s = Le({
     xdomain: !1
   });
   return s && s.responseType !== null;
@@ -618,10 +618,10 @@ class dt extends lt {
     this.supportsBinary = ut && !t;
   }
   request(e = {}) {
-    return Object.assign(e, { xd: this.xd }, this.opts), new L(Pe, this.uri(), e);
+    return Object.assign(e, { xd: this.xd }, this.opts), new P(Le, this.uri(), e);
   }
 }
-function Pe(s) {
+function Le(s) {
   const e = s.xdomain;
   try {
     if (typeof XMLHttpRequest < "u" && (!e || at))
@@ -716,7 +716,7 @@ class gt extends fe {
       this.onError("webtransport error", e);
     }), this._transport.ready.then(() => {
       this._transport.createBidirectionalStream().then((e) => {
-        const t = Je(Number.MAX_SAFE_INTEGER, this.socket.binaryType), n = e.readable.pipeThrough(t).getReader(), r = je();
+        const t = je(Number.MAX_SAFE_INTEGER, this.socket.binaryType), n = e.readable.pipeThrough(t).getReader(), r = Je();
         r.readable.pipeTo(e.writable), this._writer = r.writable.getWriter();
         const i = () => {
           n.read().then(({ done: c, value: u }) => {
@@ -1149,21 +1149,21 @@ const Et = typeof ArrayBuffer == "function", Tt = (s) => typeof ArrayBuffer.isVi
 function pe(s) {
   return Et && (s instanceof ArrayBuffer || Tt(s)) || Rt && s instanceof Blob || St && s instanceof File;
 }
-function j(s, e) {
+function J(s, e) {
   if (!s || typeof s != "object")
     return !1;
   if (Array.isArray(s)) {
     for (let t = 0, n = s.length; t < n; t++)
-      if (j(s[t]))
+      if (J(s[t]))
         return !0;
     return !1;
   }
   if (pe(s))
     return !0;
   if (s.toJSON && typeof s.toJSON == "function" && arguments.length === 1)
-    return j(s.toJSON(), !0);
+    return J(s.toJSON(), !0);
   for (const t in s)
-    if (Object.prototype.hasOwnProperty.call(s, t) && j(s[t]))
+    if (Object.prototype.hasOwnProperty.call(s, t) && J(s[t]))
       return !0;
   return !1;
 }
@@ -1242,7 +1242,7 @@ class Ot {
    * @param {Object} obj - packet object
    */
   encode(e) {
-    return (e.type === _.EVENT || e.type === _.ACK) && j(e) ? this.encodeAsBinary({
+    return (e.type === _.EVENT || e.type === _.ACK) && J(e) ? this.encodeAsBinary({
       type: e.type === _.EVENT ? _.BINARY_EVENT : _.BINARY_ACK,
       nsp: e.nsp,
       data: e.data,
@@ -1287,7 +1287,7 @@ class ge extends T {
         throw new Error("got plaintext data when reconstructing a packet");
       t = this.decodeString(e);
       const n = t.type === _.BINARY_EVENT;
-      n || t.type === _.BINARY_ACK ? (t.type = n ? _.EVENT : _.ACK, this.reconstructor = new Lt(t), t.attachments === 0 && super.emitReserved("decoded", t)) : super.emitReserved("decoded", t);
+      n || t.type === _.BINARY_ACK ? (t.type = n ? _.EVENT : _.ACK, this.reconstructor = new Pt(t), t.attachments === 0 && super.emitReserved("decoded", t)) : super.emitReserved("decoded", t);
     } else if (pe(e) || e.base64)
       if (this.reconstructor)
         t = this.reconstructor.takeBinaryData(e), t && (this.reconstructor = null, super.emitReserved("decoded", t));
@@ -1378,7 +1378,7 @@ class ge extends T {
     this.reconstructor && (this.reconstructor.finishedReconstruction(), this.reconstructor = null);
   }
 }
-class Lt {
+class Pt {
   constructor(e) {
     this.packet = e, this.buffers = [], this.reconPack = e;
   }
@@ -1404,7 +1404,7 @@ class Lt {
     this.reconPack = null, this.buffers = [];
   }
 }
-function Pt(s) {
+function Lt(s) {
   return typeof s == "string";
 }
 const Bt = Number.isInteger || function(s) {
@@ -1433,7 +1433,7 @@ function It(s, e) {
   }
 }
 function Ut(s) {
-  return Pt(s.nsp) && Dt(s.id) && It(s.type, s.data);
+  return Lt(s.nsp) && Dt(s.id) && It(s.type, s.data);
 }
 const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2313,17 +2313,17 @@ class le extends T {
   }
 }
 const F = {};
-function J(s, e) {
+function j(s, e) {
   typeof s == "object" && (e = s, s = void 0), e = e || {};
   const t = xt(s, e.path || "/socket.io"), n = t.source, r = t.id, i = t.path, o = F[r] && i in F[r].nsps, c = e.forceNew || e["force new connection"] || e.multiplex === !1 || o;
   let u;
   return c ? u = new le(n, e) : (F[r] || (F[r] = new le(n, e)), u = F[r]), t.query && !e.query && (e.query = t.queryKey), u.socket(t.path, e);
 }
-Object.assign(J, {
+Object.assign(j, {
   Manager: le,
   Socket: Ue,
-  io: J,
-  connect: J
+  io: j,
+  connect: j
 });
 function N() {
   return `${Date.now().toString(36)}-${Math.random().toString(16).slice(2, 8)}`;
@@ -2372,7 +2372,7 @@ class Ft {
     var i;
     if ((i = this.socket) != null && i.connected) return;
     const e = new URL(this.config.websocketUrl), t = e.pathname === "/" ? "/socket.io" : e.pathname, n = e.origin, r = await this.getToken();
-    return this.socket = J(n, {
+    return this.socket = j(n, {
       path: t,
       transports: ["websocket", "polling"],
       autoConnect: !1,
@@ -2625,7 +2625,7 @@ function Ht(s) {
   }).flat().sort((e, t) => e.timestamp.getTime() - t.timestamp.getTime());
 }
 const qe = Me(null), Vt = { connected: !1, connecting: !1 };
-function nn({ config: s, children: e }) {
+function tn({ config: s, children: e }) {
   const t = X(null), n = X(/* @__PURE__ */ new Map()), [r, i] = W({
     messages: [],
     connection: Vt,
@@ -2756,7 +2756,7 @@ function nn({ config: s, children: e }) {
           }
         ]
       }));
-    }), E = h.on("page-translation-response", (a) => {
+    }), x = h.on("page-translation-response", (a) => {
       var p, w, v, R, m, k, S, U;
       (w = (p = o.logger) == null ? void 0 : p.log) == null || w.call(p, "[chat-sdk][ChatProvider] Received page-translation-response event:", {
         trans_doc_id: a.trans_doc_id,
@@ -2814,7 +2814,7 @@ function nn({ config: s, children: e }) {
       var p, w;
       return (w = (p = o.logger) == null ? void 0 : p.warn) == null ? void 0 : w.call(p, "chat-sdk connect failed", a);
     }), () => {
-      d(), f(), g(), y(), b(), E(), B(), A(), D(), h.disconnect();
+      d(), f(), g(), y(), b(), x(), B(), A(), D(), h.disconnect();
     };
   }, [o]);
   const c = V(
@@ -2887,10 +2887,10 @@ function nn({ config: s, children: e }) {
         await h.requestChatHistory(d);
       },
       async sendPatchDecision(h, d, f, g, y) {
-        var E, B, A, D;
+        var x, B, A, D;
         const b = t.current;
         if (!b) throw new Error("SDK not ready");
-        (B = (E = o.logger) == null ? void 0 : E.log) == null || B.call(E, "[chat-sdk][ChatProvider] sendPatchDecision called:", {
+        (B = (x = o.logger) == null ? void 0 : x.log) == null || B.call(x, "[chat-sdk][ChatProvider] sendPatchDecision called:", {
           trans_doc_id: h,
           page_num: d,
           instruction_id: f,
@@ -2899,22 +2899,22 @@ function nn({ config: s, children: e }) {
         }), await b.sendPatchDecision({ trans_doc_id: h, page_num: d, instruction_id: f, decision: g, remember_this: y }), (D = (A = o.logger) == null ? void 0 : A.log) == null || D.call(A, "[chat-sdk][ChatProvider] sendPatchDecision completed"), i((a) => ({ ...a, latestPatchOffer: null }));
       },
       async requestPageTranslation(h, d) {
-        var g, y, b, E;
+        var g, y, b, x;
         const f = t.current;
         if (!f) throw new Error("SDK not ready");
         return (y = (g = o.logger) == null ? void 0 : g.log) == null || y.call(g, "[chat-sdk][ChatProvider] requestPageTranslation called:", {
           trans_doc_id: h,
           page_num: d
-        }), await f.requestPageTranslation({ trans_doc_id: h, page_num: d }), (E = (b = o.logger) == null ? void 0 : b.log) == null || E.call(b, "[chat-sdk][ChatProvider] requestPageTranslation request sent"), !0;
+        }), await f.requestPageTranslation({ trans_doc_id: h, page_num: d }), (x = (b = o.logger) == null ? void 0 : b.log) == null || x.call(b, "[chat-sdk][ChatProvider] requestPageTranslation request sent"), !0;
       },
       async requestBulkTranslation(h, d) {
-        var g, y, b, E;
+        var g, y, b, x;
         const f = t.current;
         if (!f) throw new Error("SDK not ready");
         return (y = (g = o.logger) == null ? void 0 : g.log) == null || y.call(g, "[chat-sdk][ChatProvider] requestBulkTranslation called:", {
           trans_doc_id: h,
           page_list: d
-        }), await f.requestBulkTranslation({ trans_doc_id: h, page_list: d }), (E = (b = o.logger) == null ? void 0 : b.log) == null || E.call(b, "[chat-sdk][ChatProvider] requestBulkTranslation request sent"), !0;
+        }), await f.requestBulkTranslation({ trans_doc_id: h, page_list: d }), (x = (b = o.logger) == null ? void 0 : b.log) == null || x.call(b, "[chat-sdk][ChatProvider] requestBulkTranslation request sent"), !0;
       },
       async cancelBulkTranslation(h) {
         var f, g, y, b;
@@ -2933,13 +2933,13 @@ function nn({ config: s, children: e }) {
         }), await d.requestLearnedRules(h), (b = (y = o.logger) == null ? void 0 : y.log) == null || b.call(y, "[chat-sdk][ChatProvider] requestLearnedRules request sent");
       },
       async updateRules(h, d) {
-        var g, y, b, E;
+        var g, y, b, x;
         const f = t.current;
         if (!f) throw new Error("SDK not ready");
         (y = (g = o.logger) == null ? void 0 : g.log) == null || y.call(g, "[chat-sdk][ChatProvider] updateRules called:", {
           trans_doc_id: h,
           rules_text_length: d.length
-        }), await f.updateRules(h, d), (E = (b = o.logger) == null ? void 0 : b.log) == null || E.call(b, "[chat-sdk][ChatProvider] updateRules request sent");
+        }), await f.updateRules(h, d), (x = (b = o.logger) == null ? void 0 : b.log) == null || x.call(b, "[chat-sdk][ChatProvider] updateRules request sent");
       },
       clearMessages() {
         i((h) => ({ ...h, messages: [] }));
@@ -2969,7 +2969,7 @@ function zt() {
 }
 const $t = He(
   ({ title: s = "AI Assistance", placeholder: e = "Ask anything...", height: t = "500px", onClose: n }, r) => {
-    const { messages: i, connection: o, submitInstruction: c, submitInstructionWithContext: u, isSubmitting: h, clearSelection: d } = zt(), [f, g] = W(""), [y, b] = W(null), [E, B] = W(null), A = X(null), D = X(null), a = !o.connected || h;
+    const { messages: i, connection: o, submitInstruction: c, submitInstructionWithContext: u, isSubmitting: h, clearSelection: d } = zt(), [f, g] = W(""), [y, b] = W(null), [x, B] = W(null), A = X(null), D = X(null), a = !o.connected || h;
     Ve(r, () => ({
       setContext: ({ text: m, context: k }) => {
         B(m), b(k), setTimeout(() => {
@@ -2998,24 +2998,24 @@ const $t = He(
     }, R = () => {
       b(null), B(null), d();
     };
-    return /* @__PURE__ */ x("div", { className: "chat-sdk", style: { height: t }, children: [
-      /* @__PURE__ */ x("div", { className: "chat-sdk__header", children: [
+    return /* @__PURE__ */ E("div", { className: "chat-sdk", style: { height: t }, children: [
+      /* @__PURE__ */ E("div", { className: "chat-sdk__header", children: [
         /* @__PURE__ */ l("div", { className: "chat-sdk__title", children: s }),
         n && /* @__PURE__ */ l("button", { type: "button", onClick: n, className: "chat-sdk__close-btn", children: /* @__PURE__ */ l(Qt, {}) })
       ] }),
       /* @__PURE__ */ l("div", { className: "chat-sdk__messages", ref: A, children: p.length === 0 ? /* @__PURE__ */ l("div", { className: "chat-sdk__empty", children: "Welcome! Ask anything about the translation." }) : p.map((m) => /* @__PURE__ */ l(Wt, { message: m }, m.id)) }),
-      /* @__PURE__ */ x("div", { className: "chat-sdk__composer", children: [
-        /* @__PURE__ */ x("form", { className: "chat-sdk__input-bar", onSubmit: w, children: [
-          E && /* @__PURE__ */ l("div", { className: "chat-sdk__input-context", children: /* @__PURE__ */ x("div", { className: "chat-sdk__context-chip", children: [
-            /* @__PURE__ */ l("span", { className: "chat-sdk__context-text", children: E.length > 40 ? `${E.slice(0, 40)}…` : E }),
-            /* @__PURE__ */ l("button", { type: "button", onClick: R, className: "chat-sdk__context-clear", children: /* @__PURE__ */ l(Gt, {}) })
+      /* @__PURE__ */ E("div", { className: "chat-sdk__composer", children: [
+        /* @__PURE__ */ E("form", { className: "chat-sdk__input-bar", onSubmit: w, children: [
+          x && /* @__PURE__ */ l("div", { className: "chat-sdk__input-context", children: /* @__PURE__ */ E("div", { className: "chat-sdk__context-chip", children: [
+            /* @__PURE__ */ l("span", { className: "chat-sdk__context-text", children: x.length > 40 ? `${x.slice(0, 40)}…` : x }),
+            /* @__PURE__ */ l("button", { type: "button", onClick: R, className: "chat-sdk__context-clear", children: /* @__PURE__ */ l(Xt, {}) })
           ] }) }),
           /* @__PURE__ */ l(
             "textarea",
             {
               ref: D,
               className: "chat-sdk__input",
-              placeholder: E ? "What would you like to change?" : e,
+              placeholder: x ? "What would you like to change?" : e,
               value: f,
               onChange: (m) => g(m.target.value),
               onKeyDown: v,
@@ -3023,12 +3023,9 @@ const $t = He(
               rows: 1
             }
           ),
-          /* @__PURE__ */ x("div", { className: "chat-sdk__actions", children: [
-            /* @__PURE__ */ l("div", { className: "chat-sdk__actions-left", children: /* @__PURE__ */ l("button", { type: "button", className: "chat-sdk__add-btn", disabled: a, children: /* @__PURE__ */ l(Xt, {}) }) }),
-            /* @__PURE__ */ l("button", { className: "chat-sdk__send", type: "submit", disabled: !f.trim() || a, children: /* @__PURE__ */ l(Jt, {}) })
-          ] })
+          /* @__PURE__ */ l("div", { className: "chat-sdk__actions", children: /* @__PURE__ */ l("button", { className: "chat-sdk__send", type: "submit", disabled: !f.trim() || a, children: /* @__PURE__ */ l(jt, {}) }) })
         ] }),
-        o.error && /* @__PURE__ */ x("div", { className: "chat-sdk__error", children: [
+        o.error && /* @__PURE__ */ E("div", { className: "chat-sdk__error", children: [
           "⚠️ ",
           o.error
         ] })
@@ -3041,11 +3038,11 @@ function Wt({ message: s }) {
   var i;
   const e = s.type === "user", t = s.type === "loading", n = s.type === "ai-patch", r = s.type === "rule-learned";
   if (e)
-    return /* @__PURE__ */ x("div", { className: "chat-sdk__user-container", children: [
+    return /* @__PURE__ */ E("div", { className: "chat-sdk__user-container", children: [
       s.contextText && /* @__PURE__ */ l("div", { className: "chat-sdk__user-context", children: /* @__PURE__ */ l("div", { className: "chat-sdk__context-chip", children: /* @__PURE__ */ l("span", { className: "chat-sdk__context-text", children: s.contextText.length > 40 ? `${s.contextText.slice(0, 40)}…` : s.contextText }) }) }),
       /* @__PURE__ */ l("div", { className: "chat-sdk__bubble user", children: /* @__PURE__ */ l("div", { className: "chat-sdk__bubble-body", children: s.content }) }),
-      /* @__PURE__ */ x("div", { className: "chat-sdk__bubble-meta", children: [
-        s.pageNum !== void 0 && /* @__PURE__ */ x("span", { children: [
+      /* @__PURE__ */ E("div", { className: "chat-sdk__bubble-meta", children: [
+        s.pageNum !== void 0 && /* @__PURE__ */ E("span", { children: [
           "Page ",
           s.pageNum
         ] }),
@@ -3055,10 +3052,10 @@ function Wt({ message: s }) {
     ] });
   if (r) {
     const o = s.ruleSummary || s.content, c = o.charAt(0).toUpperCase() + o.slice(1);
-    return /* @__PURE__ */ x("div", { className: "chat-sdk__rule-learned-container", children: [
-      /* @__PURE__ */ x("div", { className: "chat-sdk__rule-learned", children: [
+    return /* @__PURE__ */ E("div", { className: "chat-sdk__rule-learned-container", children: [
+      /* @__PURE__ */ E("div", { className: "chat-sdk__rule-learned", children: [
         /* @__PURE__ */ l("div", { className: "chat-sdk__rule-learned-icon", children: /* @__PURE__ */ l(Yt, {}) }),
-        /* @__PURE__ */ x("div", { className: "chat-sdk__rule-learned-body", children: [
+        /* @__PURE__ */ E("div", { className: "chat-sdk__rule-learned-body", children: [
           /* @__PURE__ */ l("span", { className: "chat-sdk__rule-learned-title", children: "Memory updated" }),
           /* @__PURE__ */ l("span", { className: "chat-sdk__rule-learned-text", children: c })
         ] })
@@ -3066,17 +3063,17 @@ function Wt({ message: s }) {
       /* @__PURE__ */ l("div", { className: "chat-sdk__rule-learned-meta", children: we(s.timestamp) })
     ] });
   }
-  return /* @__PURE__ */ l("div", { className: `chat-sdk__bubble ${n ? "ai-patch" : "ai"}`, children: /* @__PURE__ */ x("div", { className: `chat-sdk__bubble-body ${s.isStreaming ? "streaming" : ""}`, children: [
-    n && /* @__PURE__ */ l("div", { className: "chat-sdk__suggestion-text", children: /* @__PURE__ */ l(jt, { instructionId: s.instructionId }) }),
-    n && ((i = s.patchData) != null && i.originalText) ? /* @__PURE__ */ x("div", { className: "chat-sdk__patch", children: [
-      /* @__PURE__ */ l("div", { className: "chat-sdk__patch-label", children: "Original" }),
-      /* @__PURE__ */ l("div", { className: "chat-sdk__patch-block", children: s.patchData.originalText }),
-      /* @__PURE__ */ l("div", { className: "chat-sdk__patch-label", children: "Improved" }),
-      /* @__PURE__ */ x("div", { className: "chat-sdk__patch-block", children: [
+  return /* @__PURE__ */ l("div", { className: `chat-sdk__bubble ${n ? "ai-patch" : "ai"}`, children: /* @__PURE__ */ E("div", { className: `chat-sdk__bubble-body ${s.isStreaming ? "streaming" : ""}`, children: [
+    n && /* @__PURE__ */ l("div", { className: "chat-sdk__suggestion-text", children: /* @__PURE__ */ l(Jt, { instructionId: s.instructionId }) }),
+    n && ((i = s.patchData) != null && i.originalText) ? /* @__PURE__ */ E("div", { className: "chat-sdk__patch", children: [
+      /* @__PURE__ */ l("div", { className: "chat-sdk__patch-label chat-sdk__patch-label--original", children: "Original" }),
+      /* @__PURE__ */ l("div", { className: "chat-sdk__patch-block chat-sdk__patch-block--original", children: s.patchData.originalText }),
+      /* @__PURE__ */ l("div", { className: "chat-sdk__patch-label chat-sdk__patch-label--improved", children: "Suggested" }),
+      /* @__PURE__ */ E("div", { className: "chat-sdk__patch-block chat-sdk__patch-block--improved", children: [
         s.patchData.improvedText,
         s.isStreaming && /* @__PURE__ */ l(re, {})
       ] })
-    ] }) : /* @__PURE__ */ x(ve, { children: [
+    ] }) : /* @__PURE__ */ E(ve, { children: [
       /* @__PURE__ */ l("div", { children: s.content }),
       t && /* @__PURE__ */ l(re, {}),
       s.isStreaming && !t && /* @__PURE__ */ l(re, {})
@@ -3084,14 +3081,14 @@ function Wt({ message: s }) {
   ] }) });
 }
 function Qt() {
-  return /* @__PURE__ */ x("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ E("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ l("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ l("path", { d: "m15 9-6 6" }),
     /* @__PURE__ */ l("path", { d: "m9 9 6 6" })
   ] });
 }
 function Yt() {
-  return /* @__PURE__ */ x("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ E("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ l("path", { d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z" }),
     /* @__PURE__ */ l("path", { d: "M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z" }),
     /* @__PURE__ */ l("path", { d: "M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4" }),
@@ -3123,7 +3120,7 @@ const $ = [
   "Here is something you might like",
   "How about this?"
 ];
-function jt({ instructionId: s }) {
+function Jt({ instructionId: s }) {
   const e = V(() => {
     if (s) {
       let t = 0;
@@ -3135,36 +3132,30 @@ function jt({ instructionId: s }) {
   }, [s]);
   return /* @__PURE__ */ l(ve, { children: $[e] });
 }
-function Jt() {
-  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+function jt() {
+  return /* @__PURE__ */ E("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ l("line", { x1: "12", y1: "19", x2: "12", y2: "5" }),
     /* @__PURE__ */ l("polyline", { points: "5 12 12 5 19 12" })
   ] });
 }
 function Xt() {
-  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ l("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-    /* @__PURE__ */ l("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
-  ] });
-}
-function Gt() {
-  return /* @__PURE__ */ x("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ E("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ l("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ l("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
 function re() {
-  return /* @__PURE__ */ x("span", { className: "chat-sdk__stream", children: [
+  return /* @__PURE__ */ E("span", { className: "chat-sdk__stream", children: [
     /* @__PURE__ */ l("span", {}),
     /* @__PURE__ */ l("span", {}),
     /* @__PURE__ */ l("span", {})
   ] });
 }
-const sn = ".chat-sdk{--radius-full: 9999px;--radius-large: 20px;--radius-medium: 12px;--spacing-1: 8px;--spacing-2: 16px;--space-20: 20px;--background-primary: #ffffff;--background-secondary: #f5f5f5;--background-tertiary: #f0f0f0;--surface-secondary: #ffffff;--content-primary: #141414;--content-secondary: #666666;--content-tertiary: #999999;--border-secondary: #e6e6e6;--background-brand1-primary: #e8effc;--content-brand1-secondary: #212191;--background-black: #141414;display:flex;flex-direction:column;background:var(--background-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-large);box-shadow:0 8px 30px #0000000f;font-family:Matter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.chat-sdk__header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-secondary);border-bottom:1px solid var(--border-secondary)}.chat-sdk__title{font-weight:600;font-size:16px;color:var(--content-primary)}.chat-sdk__close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#131313;cursor:pointer;transition:opacity .15s}.chat-sdk__close-btn:hover{opacity:.7}.chat-sdk__messages{flex:1;padding:var(--space-20) 24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.chat-sdk__empty{text-align:center;color:var(--content-secondary);font-size:14px;padding:16px}.chat-sdk__user-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat-sdk__user-context{display:flex;justify-content:flex-end}.chat-sdk__context-chip{background:var(--background-tertiary);padding:8px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:8px;max-width:100%}.chat-sdk__context-text{font-size:14px;line-height:1.45;color:var(--content-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.chat-sdk__bubble.user{background:var(--background-brand1-primary);padding:10px;border-radius:var(--radius-medium);max-width:85%;border:none;color:var(--content-brand1-secondary)}.chat-sdk__bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:12px;color:var(--content-tertiary);margin-top:4px}.chat-sdk__meta-dot{font-size:6px}.chat-sdk__bubble.user .chat-sdk__bubble-body{color:var(--content-brand1-secondary);font-size:15px;line-height:1.45;white-space:pre-wrap}.chat-sdk__bubble.ai,.chat-sdk__bubble.ai-patch{align-self:flex-start;max-width:90%;display:flex;flex-direction:column}.chat-sdk__bubble-body{display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--content-primary);line-height:1.5}.chat-sdk__suggestion-text{font-size:13px;color:var(--content-secondary);margin-bottom:0}.chat-sdk__patch{display:flex;flex-direction:column;gap:8px;margin-top:4px}.chat-sdk__patch-label{font-size:12px;color:var(--content-tertiary);font-weight:600}.chat-sdk__patch-block{background:#f3f4f6;border-radius:10px;padding:12px;border:1px solid #e5e7eb;font-size:14px;line-height:1.5;color:var(--content-secondary)}.chat-sdk__composer{padding:var(--spacing-1);background:var(--background-primary)}.chat-sdk__input-bar{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-secondary);border-radius:var(--radius-large);padding:8px;overflow:hidden}.chat-sdk__input-context{padding:0 4px 8px}.chat-sdk__input-context .chat-sdk__context-chip{background:var(--background-tertiary);padding:8px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:8px}.chat-sdk__input-context .chat-sdk__context-text{font-size:14px;line-height:1.45;color:var(--content-primary)}.chat-sdk__context-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;color:var(--content-secondary);cursor:pointer;transition:color .15s}.chat-sdk__context-clear:hover{color:var(--content-primary)}.chat-sdk__input{width:100%;border:none;background:transparent;resize:none;min-height:72px;max-height:120px;font-size:15px;font-family:inherit;color:var(--content-primary);outline:none;line-height:1.45;padding:4px 8px}.chat-sdk__input::placeholder{color:var(--content-tertiary)}.chat-sdk__actions{display:flex;align-items:center;justify-content:space-between}.chat-sdk__actions-left{display:flex;align-items:center}.chat-sdk__add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--content-secondary);cursor:pointer;transition:background .15s,color .15s}.chat-sdk__add-btn:hover:not(:disabled){background:var(--background-tertiary);color:var(--content-primary)}.chat-sdk__add-btn:disabled{opacity:.4;cursor:not-allowed}.chat-sdk__send{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;background:var(--background-black);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:opacity .2s}.chat-sdk__send:disabled{opacity:.3;cursor:not-allowed}.chat-sdk__send:not(:disabled):hover{opacity:.8}.chat-sdk__error{font-size:12px;color:#dc2626;padding:4px 8px}.chat-sdk__stream{display:inline-flex;gap:4px;vertical-align:middle}.chat-sdk__stream span{width:4px;height:4px;background:currentColor;border-radius:50%;animation:chat-sdk-pulse 1.4s infinite ease-in-out both}.chat-sdk__stream span:nth-child(1){animation-delay:-.32s}.chat-sdk__stream span:nth-child(2){animation-delay:-.16s}@keyframes chat-sdk-pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-sdk__rule-learned-container{display:flex;flex-direction:column;width:100%;animation:chat-sdk-rule-fade-in .5s ease-out}@keyframes chat-sdk-rule-fade-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-sdk__rule-learned{display:flex;align-items:flex-start;gap:6px;padding:8px 12px;background:#9370db2e;border:1px solid rgba(147,112,219,.5);border-radius:var(--radius-medium);width:100%}.chat-sdk__rule-learned-meta{font-size:12px;color:var(--content-tertiary);margin-top:4px;text-align:right}.chat-sdk__rule-learned-icon{flex-shrink:0;color:#9370db;display:flex;align-items:center;height:18px}.chat-sdk__rule-learned-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.chat-sdk__rule-learned-title{font-size:13px;font-weight:600;color:#7b5cb8;white-space:nowrap;line-height:18px}.chat-sdk__rule-learned-text{font-size:13px;color:var(--content-primary);line-height:1.4;word-wrap:break-word}";
+const nn = ".chat-sdk{--radius-full: 9999px;--radius-large: 20px;--radius-medium: 12px;--spacing-1: 8px;--spacing-2: 16px;--space-20: 20px;--background-primary: #ffffff;--background-secondary: #f5f5f5;--background-tertiary: #f0f0f0;--surface-secondary: #ffffff;--content-primary: #141414;--content-secondary: #666666;--content-tertiary: #999999;--border-secondary: #e6e6e6;--background-brand1-primary: #e8effc;--content-brand1-secondary: #212191;--background-black: #141414;display:flex;flex-direction:column;background:var(--background-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-large);box-shadow:0 8px 30px #0000000f;font-family:Matter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.chat-sdk__header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-secondary);border-bottom:1px solid var(--border-secondary)}.chat-sdk__title{font-weight:600;font-size:16px;color:var(--content-primary)}.chat-sdk__close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#131313;cursor:pointer;transition:opacity .15s}.chat-sdk__close-btn:hover{opacity:.7}.chat-sdk__messages{flex:1;padding:var(--space-20) 24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.chat-sdk__empty{text-align:center;color:var(--content-secondary);font-size:14px;padding:16px}.chat-sdk__user-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat-sdk__user-context{display:flex;justify-content:flex-end}.chat-sdk__context-chip{background:var(--background-tertiary);padding:8px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:8px;max-width:100%}.chat-sdk__context-text{font-size:14px;line-height:1.45;color:var(--content-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.chat-sdk__bubble.user{background:var(--background-brand1-primary);padding:10px;border-radius:var(--radius-medium);max-width:85%;border:none;color:var(--content-brand1-secondary)}.chat-sdk__bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:12px;color:var(--content-tertiary);margin-top:4px}.chat-sdk__meta-dot{font-size:6px}.chat-sdk__bubble.user .chat-sdk__bubble-body{color:var(--content-brand1-secondary);font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:break-word}.chat-sdk__bubble.ai,.chat-sdk__bubble.ai-patch{align-self:flex-start;max-width:90%;min-width:0;display:flex;flex-direction:column}.chat-sdk__bubble-body{display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--content-primary);line-height:1.5;overflow-wrap:break-word;word-break:break-word}.chat-sdk__suggestion-text{font-size:13px;color:var(--content-secondary);margin-bottom:0}.chat-sdk__patch{display:flex;flex-direction:column;gap:8px;margin-top:4px}.chat-sdk__patch-label{font-size:12px;color:var(--content-tertiary);font-weight:600}.chat-sdk__patch-block{background:#f3f4f6;border-radius:10px;padding:12px;border:1px solid #e5e7eb;font-size:14px;line-height:1.5;color:var(--content-primary);overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.chat-sdk__patch-label--original{color:#b81514}.chat-sdk__patch-label--improved{color:#2d6a1e}.chat-sdk__patch-block--original{background:#fef2f2;border-color:#fde7e2}.chat-sdk__patch-block--improved{background:#f0fdf4;border-color:#dcfce7}.chat-sdk__composer{padding:var(--spacing-1);background:var(--background-primary)}.chat-sdk__input-bar{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-secondary);border-radius:var(--radius-large);padding:8px;overflow:hidden}.chat-sdk__input-context{padding:0 4px 8px}.chat-sdk__input-context .chat-sdk__context-chip{background:var(--background-tertiary);padding:8px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:8px}.chat-sdk__input-context .chat-sdk__context-text{font-size:14px;line-height:1.45;color:var(--content-primary)}.chat-sdk__context-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;color:var(--content-secondary);cursor:pointer;transition:color .15s}.chat-sdk__context-clear:hover{color:var(--content-primary)}.chat-sdk__input{width:100%;border:none;background:transparent;resize:none;min-height:72px;max-height:120px;font-size:15px;font-family:inherit;color:var(--content-primary);outline:none;line-height:1.45;padding:4px 8px}.chat-sdk__input::placeholder{color:var(--content-tertiary)}.chat-sdk__actions{display:flex;align-items:center;justify-content:flex-end}.chat-sdk__send{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;background:var(--background-black);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:opacity .2s}.chat-sdk__send:disabled{opacity:.3;cursor:not-allowed}.chat-sdk__send:not(:disabled):hover{opacity:.8}.chat-sdk__error{font-size:12px;color:#dc2626;padding:4px 8px}.chat-sdk__stream{display:inline-flex;gap:4px;vertical-align:middle}.chat-sdk__stream span{width:4px;height:4px;background:currentColor;border-radius:50%;animation:chat-sdk-pulse 1.4s infinite ease-in-out both}.chat-sdk__stream span:nth-child(1){animation-delay:-.32s}.chat-sdk__stream span:nth-child(2){animation-delay:-.16s}@keyframes chat-sdk-pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-sdk__rule-learned-container{display:flex;flex-direction:column;width:100%;animation:chat-sdk-rule-fade-in .5s ease-out}@keyframes chat-sdk-rule-fade-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-sdk__rule-learned{display:flex;align-items:flex-start;gap:6px;padding:8px 12px;background:#9370db2e;border:1px solid rgba(147,112,219,.5);border-radius:var(--radius-medium);width:100%}.chat-sdk__rule-learned-meta{font-size:12px;color:var(--content-tertiary);margin-top:4px;text-align:right}.chat-sdk__rule-learned-icon{flex-shrink:0;color:#9370db;display:flex;align-items:center;height:18px}.chat-sdk__rule-learned-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.chat-sdk__rule-learned-title{font-size:13px;font-weight:600;color:#7b5cb8;white-space:nowrap;line-height:18px}.chat-sdk__rule-learned-text{font-size:13px;color:var(--content-primary);line-height:1.4;word-wrap:break-word}";
 export {
-  nn as ChatProvider,
+  tn as ChatProvider,
   $t as ChatWidget,
-  sn as style,
+  nn as style,
   zt as useChat
 };
 //# sourceMappingURL=translation-chat-sdk.es.js.map