ordify-chat-widget 1.1.1 → 1.1.2

package/dist/index.esm.js

@@ -1,8 +1,8 @@
-var Dn = Object.defineProperty;
-var Pn = (e, t, r) => t in e ? Dn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var yt = (e, t, r) => Pn(e, typeof t != "symbol" ? t + "" : t, r);
+var Pn = Object.defineProperty;
+var zn = (e, t, r) => t in e ? Pn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var yt = (e, t, r) => zn(e, typeof t != "symbol" ? t + "" : t, r);
 import * as Bt from "react";
-import L, { useState as ee, useRef as ae, useEffect as ze, useCallback as Z, useMemo as Lt, forwardRef as Ur, createElement as Xe, useContext as Hr, useImperativeHandle as zn, useLayoutEffect as On, createContext as Nn } from "react";
+import F, { useState as ee, useRef as ae, useEffect as De, useCallback as Z, useMemo as Lt, forwardRef as Ur, createElement as Xe, useContext as Hr, useImperativeHandle as Dn, useLayoutEffect as On, createContext as Nn } from "react";
 var qr = { exports: {} }, at = {};
 /**
  * @license React
@@ -13,13 +13,13 @@ var qr = { exports: {} }, at = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Bn = L, Ln = Symbol.for("react.element"), Fn = Symbol.for("react.fragment"), Kn = Object.prototype.hasOwnProperty, Wn = Bn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Un = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Bn = F, Ln = Symbol.for("react.element"), Fn = Symbol.for("react.fragment"), Wn = Object.prototype.hasOwnProperty, Kn = Bn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Un = { key: !0, ref: !0, __self: !0, __source: !0 };
 function Gr(e, t, r) {
-  var n, a = {}, c = null, u = null;
+  var n, o = {}, c = null, u = null;
   r !== void 0 && (c = "" + r), t.key !== void 0 && (c = "" + t.key), t.ref !== void 0 && (u = t.ref);
-  for (n in t) Kn.call(t, n) && !Un.hasOwnProperty(n) && (a[n] = t[n]);
-  if (e && e.defaultProps) for (n in t = e.defaultProps, t) a[n] === void 0 && (a[n] = t[n]);
-  return { $$typeof: Ln, type: e, key: c, ref: u, props: a, _owner: Wn.current };
+  for (n in t) Wn.call(t, n) && !Un.hasOwnProperty(n) && (o[n] = t[n]);
+  if (e && e.defaultProps) for (n in t = e.defaultProps, t) o[n] === void 0 && (o[n] = t[n]);
+  return { $$typeof: Ln, type: e, key: c, ref: u, props: o, _owner: Kn.current };
 }
 at.Fragment = Fn;
 at.jsx = Gr;
@@ -29,20 +29,20 @@ var l = qr.exports;
 function He() {
   return Math.random().toString(36).substr(2, 9);
 }
-function xi(e) {
+function ki(e) {
   return new Intl.DateTimeFormat("en-US", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0
   }).format(e);
 }
-function ki(e, t) {
+function wi(e, t) {
   let r;
   return (...n) => {
     clearTimeout(r), r = setTimeout(() => e(...n), t);
   };
 }
-function wi(e, t) {
+function vi(e, t) {
   let r;
   return (...n) => {
     r || (e(...n), r = !0, setTimeout(() => r = !1, t));
@@ -117,7 +117,7 @@ class Gn {
    * Export message content as PDF via POST /document-conversion/pdf (publishable or api-key auth).
    */
   async exportMessagePdf(t, r) {
-    const n = `${this.config.apiBaseUrl}/document-conversion/pdf`, a = await fetch(n, {
+    const n = `${this.config.apiBaseUrl}/document-conversion/pdf`, o = await fetch(n, {
       method: "POST",
       headers: this.getAuthHeadersForPdfExport(),
       body: JSON.stringify({
@@ -132,21 +132,21 @@ class Gn {
         display_header_footer: !1
       })
     });
-    if (!a.ok) {
-      let p = `HTTP ${a.status}`;
+    if (!o.ok) {
+      let p = `HTTP ${o.status}`;
       try {
-        const w = await a.json();
+        const w = await o.json();
         p = typeof w.detail == "string" ? w.detail : p;
       } catch {
         try {
-          const w = await a.text();
+          const w = await o.text();
           w && (p = w.slice(0, 500));
         } catch {
         }
       }
       throw new Error(`PDF export failed: ${p}`);
     }
-    const c = await a.blob(), u = a.headers.get("Content-Disposition");
+    const c = await o.blob(), u = o.headers.get("Content-Disposition");
     let d = r != null && r.endsWith(".pdf") ? r : `${r ?? "document"}.pdf`;
     const h = /filename\*?=(?:UTF-8''|")?([^";\n]+)/i.exec(u ?? "");
     if (h != null && h[1])
@@ -159,13 +159,14 @@ class Gn {
     const b = URL.createObjectURL(c), g = document.createElement("a");
     g.href = b, g.download = d, g.rel = "noopener noreferrer", document.body.appendChild(g), g.click(), document.body.removeChild(g), URL.revokeObjectURL(b);
   }
-  async sendMessage(t, r, n, a) {
-    const c = this.usePublishableKey() ? `/widget/chat/${this.config.agentId}` : `/chat/agents/${this.config.agentId}`, u = `${this.config.apiBaseUrl}${c}`, d = a != null && a.length ? a.map(qn) : void 0, h = {
+  async sendMessage(t, r, n, o) {
+    const c = this.usePublishableKey() ? `/widget/chat/${this.config.agentId}` : `/chat/agents/${this.config.agentId}`, u = `${this.config.apiBaseUrl}${c}`, d = o != null && o.length ? o.map(qn) : void 0, h = {
       message: t,
       sessionId: r,
-      context: n
+      context: n,
+      use_thinking: !!this.config.useThinking
     };
-    d != null && d.length && (h.attachments = d, h.use_document_understanding = d.some(
+    this.usePublishableKey() && (h.enable_image_generation = this.config.enableImageGeneration === !0), d != null && d.length && (h.attachments = d, h.use_document_understanding = d.some(
       (g) => g.type === "document" || !g.type && !String(g.content_type || "").startsWith("image/")
     ));
     const b = await fetch(u, {
@@ -189,20 +190,20 @@ class Gn {
       throw new Error("[Ordify] uploadAttachment requires publishableKey.");
     const r = `${this.config.apiBaseUrl}/widget/attachments`, n = new FormData();
     n.append("file", t);
-    const a = await fetch(r, {
+    const o = await fetch(r, {
       method: "POST",
       headers: this.getAuthHeaders(!1),
       body: n
     });
-    if (!a.ok) {
-      let u = `HTTP ${a.status}`;
+    if (!o.ok) {
+      let u = `HTTP ${o.status}`;
       try {
-        u = (await a.json()).detail || u;
+        u = (await o.json()).detail || u;
       } catch {
       }
       throw new Error(`API Error: ${u}`);
     }
-    const c = await a.json();
+    const c = await o.json();
     if (!(c != null && c.url) || !(c != null && c.content_type) || !(c != null && c.name))
       throw new Error("Invalid attachment response from server");
     return {
@@ -228,21 +229,21 @@ class Gn {
       })
     });
     if (!n.ok) {
-      const a = await n.json();
-      throw new Error(`API Error: ${a.detail}`);
+      const o = await n.json();
+      throw new Error(`API Error: ${o.detail}`);
     }
     return n.json();
   }
   async getSessionWithMessages(t) {
-    const r = this.usePublishableKey() ? `/widget/sessions/${t}/with-messages` : `/sessions/${t}/with-messages`, n = `${this.config.apiBaseUrl}${r}`, a = await fetch(n, {
+    const r = this.usePublishableKey() ? `/widget/sessions/${t}/with-messages` : `/sessions/${t}/with-messages`, n = `${this.config.apiBaseUrl}${r}`, o = await fetch(n, {
       method: "GET",
       headers: this.getAuthHeaders()
     });
-    if (!a.ok) {
-      const c = await a.json();
+    if (!o.ok) {
+      const c = await o.json();
       throw new Error(`API Error: ${c.detail}`);
     }
-    return a.json();
+    return o.json();
   }
   /** @deprecated Use the Ordify dashboard to list agents. Will be removed in a future major version. */
   async getAgents() {
@@ -253,8 +254,8 @@ class Gn {
       headers: { "api-key": this.config.apiKey, accept: "application/json" }
     });
     if (!r.ok) {
-      const a = await r.json();
-      throw new Error(`API Error: ${a.detail}`);
+      const o = await r.json();
+      throw new Error(`API Error: ${o.detail}`);
     }
     return (await r.json()).agents || [];
   }
@@ -280,7 +281,37 @@ function Yn(e) {
       if (t === "[DONE]" || t === "")
         return { text: "", sessionId: "", type: "done" };
       const r = JSON.parse(t);
-      return r.done ? { text: "", sessionId: r.sessionId || "", type: "done" } : r.type === "adk_tool" || r.type === "turn_complete" || r.type === "image" ? null : r;
+      if (r.done)
+        return { text: "", sessionId: r.sessionId || "", type: "done" };
+      if (r.type === "turn_complete")
+        return null;
+      if (r.type === "adk_tool") {
+        const n = typeof r.content == "string" ? r.content.trim() : "";
+        return n ? {
+          type: "stream",
+          text: `
+
+${n}
+
+`,
+          sessionId: r.sessionId || "",
+          agentName: r.agentName
+        } : null;
+      }
+      if (r.type === "image") {
+        const n = typeof r.url == "string" ? r.url.trim() : "";
+        return n && (n.startsWith("https://") || n.startsWith("http://")) ? {
+          type: "stream",
+          text: `
+
+![Generated image](${n})
+
+`,
+          sessionId: r.sessionId || "",
+          agentName: r.agentName
+        } : null;
+      }
+      return r;
     }
   } catch (t) {
     console.warn("Failed to parse streaming response:", t);
@@ -296,12 +327,12 @@ function Qn(e) {
   if (!t || !Array.isArray(t) || t.length === 0) return;
   const r = [];
   for (const n of t) {
-    const a = n.url || "";
-    a && r.push({
+    const o = n.url || "";
+    o && r.push({
       id: n.id || He(),
       name: String(n.name || "attachment"),
       type: n.type === "image" ? "image" : "document",
-      url: a,
+      url: o,
       content_type: String(n.content_type || n.contentType || "application/octet-stream"),
       size: n.size,
       preview: n.preview
@@ -310,69 +341,71 @@ function Qn(e) {
   return r.length ? r : void 0;
 }
 function Vn(e) {
-  const [t, r] = ee([]), [n, a] = ee(!1), [c, u] = ee(null), [d, h] = ee(e.sessionId || null), [b, g] = ee(!1), [p, w] = ee(!1), [k, S] = ee(!1), [C, v] = ee(!1), [o, i] = ee(!1), s = ae(null), f = ae(""), m = ae(!1), x = ae(!1), y = ae(!1), A = `${e.publishableKey ?? ""}|${e.apiKey ?? ""}|${e.apiBaseUrl ?? ""}|${e.agentId}`;
+  const [t, r] = ee([]), [n, o] = ee(!1), [c, u] = ee(null), [d, h] = ee(e.sessionId || null), [b, g] = ee(!1), [p, w] = ee(!1), [k, S] = ee(!1), [C, v] = ee(!1), [a, i] = ee(!1), s = ae(null), f = ae(""), m = ae(!1), x = ae(!1), y = ae(!1), A = `${e.publishableKey ?? ""}|${e.apiKey ?? ""}|${e.apiBaseUrl ?? ""}|${e.agentId}|${e.useThinking === !0 ? "1" : "0"}|img:${e.enableImageGeneration === !0 ? "1" : e.enableImageGeneration === !1 ? "0" : ""}`;
   f.current !== A && (s.current = null, f.current = A), s.current || (s.current = new Gn({
     publishableKey: e.publishableKey,
     apiKey: e.apiKey,
     apiBaseUrl: e.apiBaseUrl || "https://api.ordify.ai",
-    agentId: e.agentId
+    agentId: e.agentId,
+    useThinking: e.useThinking === !0,
+    enableImageGeneration: e.enableImageGeneration
   }));
-  const M = ae(null), j = ae(/* @__PURE__ */ new Set());
-  ze(() => {
+  const _ = ae(null), j = ae(/* @__PURE__ */ new Set());
+  De(() => {
     if (e.sessionId && e.sessionId !== d) {
       const I = j.current.has(e.sessionId);
-      h(e.sessionId), x.current = !1, M.current = null, S(!1), I || r([]);
+      h(e.sessionId), x.current = !1, _.current = null, S(!1), I || r([]);
     }
-  }, [e.sessionId]), ze(() => {
+  }, [e.sessionId]), De(() => {
     (async () => {
-      const P = d || e.sessionId;
+      const z = d || e.sessionId;
       if (y.current || n)
         return;
-      if (!P) {
-        x.current = !0, M.current = null, S(!1);
+      if (!z) {
+        x.current = !0, _.current = null, S(!1);
         return;
       }
-      if (M.current === P)
+      if (_.current === z)
         return;
-      if (j.current.has(P) && t.length > 0 && !x.current) {
-        x.current = !0, M.current = P, v(!1);
+      if (j.current.has(z) && t.length > 0 && !x.current) {
+        x.current = !0, _.current = z, v(!1);
         return;
       }
-      M.current = P, v(!0);
+      _.current = z, v(!0);
       try {
-        const $ = await s.current.getSessionWithMessages(P);
+        const $ = await s.current.getSessionWithMessages(z);
         if ($.messages && $.messages.length > 0) {
-          const D = $.messages.filter((z) => !Hn(z)).map((z) => {
-            const B = z.role === "assistant" ? "assistant" : "user", R = String(z.content || "");
+          const P = $.messages.filter((D) => !Hn(D)).map((D) => {
+            const B = D.role === "assistant" ? "assistant" : "user", R = String(D.content || "");
             return {
-              id: z.id || He(),
+              id: D.id || He(),
               content: B === "assistant" ? ir(R) : R,
               role: B,
-              timestamp: z.timestamp ? new Date(z.timestamp) : /* @__PURE__ */ new Date(),
-              sessionId: P,
-              attachments: Qn(z)
+              timestamp: D.timestamp ? new Date(D.timestamp) : /* @__PURE__ */ new Date(),
+              sessionId: z,
+              attachments: Qn(D)
             };
           });
-          r((z) => {
-            if (z.length > 0) {
+          r((D) => {
+            if (D.length > 0) {
               const B = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
-              return z.forEach((O) => {
+              return D.forEach((O) => {
                 B.set(O.id, O);
                 const H = cr(O);
                 R.has(H) || R.set(H, O);
-              }), D.forEach((O) => {
+              }), P.forEach((O) => {
                 const H = cr(O);
                 !B.has(O.id) && !R.has(H) ? (B.set(O.id, O), R.set(H, O)) : B.has(O.id) && B.set(O.id, O);
               }), Array.from(B.values()).sort(
                 (O, H) => O.timestamp.getTime() - H.timestamp.getTime()
               );
             }
-            return D;
+            return P;
           }), S(!0), i(!0);
         } else
           S(!1);
       } catch ($) {
-        console.warn("Failed to load session history:", $), S(!1), $ instanceof Error && $.message.includes("404") && (h(null), M.current = null);
+        console.warn("Failed to load session history:", $), S(!1), $ instanceof Error && $.message.includes("404") && (h(null), _.current = null);
       } finally {
         v(!1), x.current = !0;
       }
@@ -380,27 +413,27 @@ function Vn(e) {
   }, [d, e.sessionId]);
   const E = Z(() => {
     u(null);
-  }, []), W = Z(async (I) => {
+  }, []), K = Z(async (I) => {
     if (!s.current)
       throw new Error("API client not initialized");
     return s.current.uploadAttachment(I);
-  }, []), F = Z(async (I, P) => {
+  }, []), L = Z(async (I, z) => {
     if (!s.current)
       throw new Error("API client not initialized");
-    await s.current.exportMessagePdf(I, P);
+    await s.current.exportMessagePdf(I, z);
   }, []), V = Z(
-    async (I, P, U) => {
-      const $ = I.trim(), D = !!(U && U.length > 0);
-      if (!(!$ && !D || n)) {
-        a(!0), u(null);
+    async (I, z, U) => {
+      const $ = I.trim(), P = !!(U && U.length > 0);
+      if (!(!$ && !P || n)) {
+        o(!0), u(null);
         try {
-          const z = U != null && U.length ? U.map((J) => ({ ...J })) : void 0, B = {
+          const D = U != null && U.length ? U.map((J) => ({ ...J })) : void 0, B = {
             id: He(),
             content: $,
             role: "user",
             timestamp: /* @__PURE__ */ new Date(),
             sessionId: d || void 0,
-            attachments: z
+            attachments: D
           };
           r((J) => [...J, B]), i(!0);
           let R = d || e.sessionId || null;
@@ -408,8 +441,8 @@ function Vn(e) {
           const O = (await s.current.sendMessage(
             $ || "(see attachments)",
             R,
-            P,
-            z
+            z,
+            D
           )).getReader(), H = new TextDecoder();
           let Q = {
             id: He(),
@@ -439,45 +472,53 @@ function Vn(e) {
             }
           }
           R && R !== d && h(R), e.onMessage && e.onMessage(Q);
-        } catch (z) {
-          const B = z instanceof Error ? z.message : "Failed to send message";
-          u(B), e.onError && e.onError(z instanceof Error ? z : new Error(B));
+        } catch (D) {
+          const B = D instanceof Error ? D.message : "Failed to send message";
+          u(B), e.onError && e.onError(D instanceof Error ? D : new Error(B));
         } finally {
-          y.current = !1, a(!1);
+          y.current = !1, o(!1);
         }
       }
     },
-    [e.onSessionCreated, e.onMessage, e.onError, e.sessionId, n, d]
+    [
+      e.onSessionCreated,
+      e.onMessage,
+      e.onError,
+      e.sessionId,
+      e.useThinking,
+      n,
+      d
+    ]
   );
-  return ze(() => {
-    const P = !(d || e.sessionId) || !k, U = e.quickQuestions && e.quickQuestions.length > 0;
-    if ((e.initialMessage || e.initialContext) && P && !p && !n && !C && !m.current && x.current && !U) {
+  return De(() => {
+    const z = !(d || e.sessionId) || !k, U = e.quickQuestions && e.quickQuestions.length > 0;
+    if ((e.initialMessage || e.initialContext) && z && !p && !n && !C && !m.current && x.current && !U) {
       w(!0), m.current = !0;
-      let $, D;
+      let $, P;
       if (e.initialMessage && e.initialContext)
-        $ = e.initialMessage, D = e.initialContext;
+        $ = e.initialMessage, P = e.initialContext;
       else if (e.initialMessage)
-        $ = e.initialMessage, D = void 0;
+        $ = e.initialMessage, P = void 0;
       else if (e.initialContext)
-        $ = "Hi", D = e.initialContext;
+        $ = "Hi", P = e.initialContext;
       else
         return;
       setTimeout(() => {
-        V($, D);
+        V($, P);
       }, 0);
     }
   }, [e.initialMessage, e.initialContext, p, n, C, k, d, e.sessionId, V]), {
     messages: t,
     sendMessage: V,
-    uploadAttachment: W,
-    exportMessagePdf: F,
+    uploadAttachment: K,
+    exportMessagePdf: L,
     isLoading: n,
     error: c,
     clearError: E,
     sessionId: d,
     isOpen: b,
     setIsOpen: g,
-    hasSessionStarted: o
+    hasSessionStarted: a
   };
 }
 function Fe(e) {
@@ -488,7 +529,7 @@ function Fe(e) {
 }
 function Zn(e) {
   return Lt(() => {
-    const t = e.agentId || Fe("ORDIFY_AGENT_ID"), r = e.publishableKey || Fe("ORDIFY_PUBLISHABLE_KEY"), n = e.apiKey || Fe("ORDIFY_API_KEY"), a = e.apiBaseUrl || Fe("ORDIFY_API_BASE_URL") || "https://r.ordify.ai";
+    const t = e.agentId || Fe("ORDIFY_AGENT_ID"), r = e.publishableKey || Fe("ORDIFY_PUBLISHABLE_KEY"), n = e.apiKey || Fe("ORDIFY_API_KEY"), o = e.apiBaseUrl || Fe("ORDIFY_API_BASE_URL") || "https://r.ordify.ai";
     if (!t)
       throw new Error("Ordify agent ID is required. Provide agentId prop or set ORDIFY_AGENT_ID environment variable.");
     if (!r && !n)
@@ -499,12 +540,15 @@ function Zn(e) {
       agentId: t,
       publishableKey: r,
       apiKey: n,
-      apiBaseUrl: a,
+      apiBaseUrl: o,
       mode: e.mode || "floating",
       position: e.position || "bottom-right",
       theme: e.theme || "auto",
       placeholder: e.placeholder || "Type a message...",
       height: e.height || "500px",
+      backgroundColor: e.backgroundColor,
+      textColor: e.textColor,
+      borderRadius: e.borderRadius,
       className: e.className || "",
       buttonStyle: e.buttonStyle || {},
       chatWindowStyle: e.chatWindowStyle || {},
@@ -526,7 +570,9 @@ function Zn(e) {
       enableAttachments: e.enableAttachments,
       maxAttachmentSizeMB: e.maxAttachmentSizeMB,
       maxAttachments: e.maxAttachments,
-      allowedAttachmentTypes: e.allowedAttachmentTypes
+      allowedAttachmentTypes: e.allowedAttachmentTypes,
+      useThinking: e.useThinking === !0,
+      enableImageGeneration: e.enableImageGeneration
     };
   }, [e]);
 }
@@ -592,7 +638,7 @@ const no = Ur(
     size: t = 24,
     strokeWidth: r = 2,
     absoluteStrokeWidth: n,
-    className: a = "",
+    className: o = "",
     children: c,
     iconNode: u,
     ...d
@@ -605,7 +651,7 @@ const no = Ur(
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: Yr("lucide", a),
+      className: Yr("lucide", o),
       ...!c && !to(d) && { "aria-hidden": "true" },
       ...d
     },
@@ -623,7 +669,7 @@ const no = Ur(
  */
 const Ee = (e, t) => {
   const r = Ur(
-    ({ className: n, ...a }, c) => Xe(no, {
+    ({ className: n, ...o }, c) => Xe(no, {
       ref: c,
       iconNode: t,
       className: Yr(
@@ -631,7 +677,7 @@ const Ee = (e, t) => {
         `lucide-${e}`,
         n
       ),
-      ...a
+      ...o
     })
   );
   return r.displayName = lr(e), r;
@@ -709,7 +755,7 @@ const mo = [
 ], go = Ee("x", mo);
 var te = function() {
   return te = Object.assign || function(t) {
-    for (var r, n = 1, a = arguments.length; n < a; n++) {
+    for (var r, n = 1, o = arguments.length; n < o; n++) {
       r = arguments[n];
       for (var c in r) Object.prototype.hasOwnProperty.call(r, c) && (t[c] = r[c]);
     }
@@ -717,11 +763,11 @@ var te = function() {
   }, te.apply(this, arguments);
 };
 function et(e, t, r) {
-  if (r || arguments.length === 2) for (var n = 0, a = t.length, c; n < a; n++)
+  if (r || arguments.length === 2) for (var n = 0, o = t.length, c; n < o; n++)
     (c || !(n in t)) && (c || (c = Array.prototype.slice.call(t, 0, n)), c[n] = t[n]);
   return e.concat(c || Array.prototype.slice.call(t));
 }
-var K = "-ms-", Oe = "-moz-", N = "-webkit-", Qr = "comm", st = "rule", Ft = "decl", bo = "@import", Vr = "@keyframes", yo = "@layer", Zr = Math.abs, Kt = String.fromCharCode, Mt = Object.assign;
+var W = "-ms-", Oe = "-moz-", N = "-webkit-", Qr = "comm", st = "rule", Ft = "decl", bo = "@import", Vr = "@keyframes", yo = "@layer", Zr = Math.abs, Wt = String.fromCharCode, Mt = Object.assign;
 function xo(e, t) {
   return G(e, 0) ^ 45 ? (((t << 2 ^ G(e, 0)) << 2 ^ G(e, 1)) << 2 ^ G(e, 2)) << 2 ^ G(e, 3) : 0;
 }
@@ -731,7 +777,7 @@ function Jr(e) {
 function ce(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function _(e, t, r) {
+function M(e, t, r) {
   return e.replace(t, r);
 }
 function qe(e, t, r) {
@@ -740,7 +786,7 @@ function qe(e, t, r) {
 function G(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function $e(e, t, r) {
+function Se(e, t, r) {
   return e.slice(t, r);
 }
 function se(e) {
@@ -749,7 +795,7 @@ function se(e) {
 function Xr(e) {
   return e.length;
 }
-function Pe(e, t) {
+function ze(e, t) {
   return t.push(e), e;
 }
 function ko(e, t) {
@@ -760,26 +806,26 @@ function dr(e, t) {
     return !ce(r, t);
   });
 }
-var it = 1, Se = 1, en = 0, re = 0, q = 0, _e = "";
-function ct(e, t, r, n, a, c, u, d) {
-  return { value: e, root: t, parent: r, type: n, props: a, children: c, line: it, column: Se, length: u, return: "", siblings: d };
+var it = 1, Ce = 1, en = 0, re = 0, q = 0, _e = "";
+function ct(e, t, r, n, o, c, u, d) {
+  return { value: e, root: t, parent: r, type: n, props: o, children: c, line: it, column: Ce, length: u, return: "", siblings: d };
 }
 function fe(e, t) {
   return Mt(ct("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
 }
-function we(e) {
+function ve(e) {
   for (; e.root; )
     e = fe(e.root, { children: [e] });
-  Pe(e, e.siblings);
+  ze(e, e.siblings);
 }
 function wo() {
   return q;
 }
 function vo() {
-  return q = re > 0 ? G(_e, --re) : 0, Se--, q === 10 && (Se = 1, it--), q;
+  return q = re > 0 ? G(_e, --re) : 0, Ce--, q === 10 && (Ce = 1, it--), q;
 }
 function ne() {
-  return q = re < en ? G(_e, re++) : 0, Se++, q === 10 && (Se = 1, it++), q;
+  return q = re < en ? G(_e, re++) : 0, Ce++, q === 10 && (Ce = 1, it++), q;
 }
 function ye() {
   return G(_e, re);
@@ -788,7 +834,7 @@ function Ge() {
   return re;
 }
 function lt(e, t) {
-  return $e(_e, e, t);
+  return Se(_e, e, t);
 }
 function Rt(e) {
   switch (e) {
@@ -823,13 +869,13 @@ function Rt(e) {
   return 0;
 }
 function $o(e) {
-  return it = Se = 1, en = se(_e = e), re = 0, [];
+  return it = Ce = 1, en = se(_e = e), re = 0, [];
 }
 function So(e) {
   return _e = "", e;
 }
 function xt(e) {
-  return Jr(lt(re - 1, Dt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Jr(lt(re - 1, Pt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Co(e) {
   for (; (q = ye()) && q < 33; )
@@ -841,17 +887,17 @@ function jo(e, t) {
     ;
   return lt(e, Ge() + (t < 6 && ye() == 32 && ne() == 32));
 }
-function Dt(e) {
+function Pt(e) {
   for (; ne(); )
     switch (q) {
       case e:
         return re;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Dt(q);
+        e !== 34 && e !== 39 && Pt(q);
         break;
       case 40:
-        e === 41 && Dt(e);
+        e === 41 && Pt(e);
         break;
       case 92:
         ne();
@@ -863,7 +909,7 @@ function Io(e, t) {
   for (; ne() && e + q !== 57; )
     if (e + q === 84 && ye() === 47)
       break;
-  return "/*" + lt(t, re - 1) + "*" + Kt(e === 47 ? e : ne());
+  return "/*" + lt(t, re - 1) + "*" + Wt(e === 47 ? e : ne());
 }
 function Ao(e) {
   for (; !Rt(ye()); )
@@ -873,12 +919,12 @@ function Ao(e) {
 function To(e) {
   return So(Ye("", null, null, null, [""], e = $o(e), 0, [0], e));
 }
-function Ye(e, t, r, n, a, c, u, d, h) {
-  for (var b = 0, g = 0, p = u, w = 0, k = 0, S = 0, C = 1, v = 1, o = 1, i = 0, s = "", f = a, m = c, x = n, y = s; v; )
+function Ye(e, t, r, n, o, c, u, d, h) {
+  for (var b = 0, g = 0, p = u, w = 0, k = 0, S = 0, C = 1, v = 1, a = 1, i = 0, s = "", f = o, m = c, x = n, y = s; v; )
     switch (S = i, i = ne()) {
       case 40:
         if (S != 108 && G(y, p - 1) == 58) {
-          qe(y += _(xt(i), "&", "&\f"), "&\f", Zr(b ? d[b - 1] : 0)) != -1 && (o = -1);
+          qe(y += M(xt(i), "&", "&\f"), "&\f", Zr(b ? d[b - 1] : 0)) != -1 && (a = -1);
           break;
         }
       case 34:
@@ -899,14 +945,14 @@ function Ye(e, t, r, n, a, c, u, d, h) {
         switch (ye()) {
           case 42:
           case 47:
-            Pe(Eo(Io(ne(), Ge()), t, r, h), h);
+            ze(Eo(Io(ne(), Ge()), t, r, h), h);
             break;
           default:
             y += "/";
         }
         break;
       case 123 * C:
-        d[b++] = se(y) * o;
+        d[b++] = se(y) * a;
       case 125 * C:
       case 59:
       case 0:
@@ -915,12 +961,12 @@ function Ye(e, t, r, n, a, c, u, d, h) {
           case 125:
             v = 0;
           case 59 + g:
-            o == -1 && (y = _(y, /\f/g, "")), k > 0 && se(y) - p && Pe(k > 32 ? pr(y + ";", n, r, p - 1, h) : pr(_(y, " ", "") + ";", n, r, p - 2, h), h);
+            a == -1 && (y = M(y, /\f/g, "")), k > 0 && se(y) - p && ze(k > 32 ? pr(y + ";", n, r, p - 1, h) : pr(M(y, " ", "") + ";", n, r, p - 2, h), h);
             break;
           case 59:
             y += ";";
           default:
-            if (Pe(x = ur(y, t, r, b, g, a, d, s, f = [], m = [], p, c), c), i === 123)
+            if (ze(x = ur(y, t, r, b, g, o, d, s, f = [], m = [], p, c), c), i === 123)
               if (g === 0)
                 Ye(y, t, x, x, f, c, p, d, m);
               else
@@ -929,13 +975,13 @@ function Ye(e, t, r, n, a, c, u, d, h) {
                   case 108:
                   case 109:
                   case 115:
-                    Ye(e, x, x, n && Pe(ur(e, x, x, 0, 0, a, d, s, a, f = [], p, m), m), a, m, p, d, n ? f : m);
+                    Ye(e, x, x, n && ze(ur(e, x, x, 0, 0, o, d, s, o, f = [], p, m), m), o, m, p, d, n ? f : m);
                     break;
                   default:
                     Ye(y, x, x, x, [""], m, 0, d, m);
                 }
         }
-        b = g = k = 0, C = o = 1, s = y = "", p = u;
+        b = g = k = 0, C = a = 1, s = y = "", p = u;
         break;
       case 58:
         p = 1 + se(y), k = S;
@@ -946,12 +992,12 @@ function Ye(e, t, r, n, a, c, u, d, h) {
           else if (i == 125 && C++ == 0 && vo() == 125)
             continue;
         }
-        switch (y += Kt(i), i * C) {
+        switch (y += Wt(i), i * C) {
           case 38:
-            o = g > 0 ? 1 : (y += "\f", -1);
+            a = g > 0 ? 1 : (y += "\f", -1);
             break;
           case 44:
-            d[b++] = (se(y) - 1) * o, o = 1;
+            d[b++] = (se(y) - 1) * a, a = 1;
             break;
           case 64:
             ye() === 45 && (y += xt(ne())), w = ye(), g = p = se(s = y += Ao(Ge())), i++;
@@ -962,17 +1008,17 @@ function Ye(e, t, r, n, a, c, u, d, h) {
     }
   return c;
 }
-function ur(e, t, r, n, a, c, u, d, h, b, g, p) {
-  for (var w = a - 1, k = a === 0 ? c : [""], S = Xr(k), C = 0, v = 0, o = 0; C < n; ++C)
-    for (var i = 0, s = $e(e, w + 1, w = Zr(v = u[C])), f = e; i < S; ++i)
-      (f = Jr(v > 0 ? k[i] + " " + s : _(s, /&\f/g, k[i]))) && (h[o++] = f);
-  return ct(e, t, r, a === 0 ? st : d, h, b, g, p);
+function ur(e, t, r, n, o, c, u, d, h, b, g, p) {
+  for (var w = o - 1, k = o === 0 ? c : [""], S = Xr(k), C = 0, v = 0, a = 0; C < n; ++C)
+    for (var i = 0, s = Se(e, w + 1, w = Zr(v = u[C])), f = e; i < S; ++i)
+      (f = Jr(v > 0 ? k[i] + " " + s : M(s, /&\f/g, k[i]))) && (h[a++] = f);
+  return ct(e, t, r, o === 0 ? st : d, h, b, g, p);
 }
 function Eo(e, t, r, n) {
-  return ct(e, t, r, Qr, Kt(wo()), $e(e, 2, -2), 0, n);
+  return ct(e, t, r, Qr, Wt(wo()), Se(e, 2, -2), 0, n);
 }
-function pr(e, t, r, n, a) {
-  return ct(e, t, r, Ft, $e(e, 0, n), $e(e, n + 1, -1), n, a);
+function pr(e, t, r, n, o) {
+  return ct(e, t, r, Ft, Se(e, 0, n), Se(e, n + 1, -1), n, o);
 }
 function tn(e, t, r) {
   switch (xo(e, t)) {
@@ -1011,64 +1057,64 @@ function tn(e, t, r) {
     case 4810:
     case 6968:
     case 2756:
-      return N + e + Oe + e + K + e + e;
+      return N + e + Oe + e + W + e + e;
     case 5936:
       switch (G(e, t + 11)) {
         case 114:
-          return N + e + K + _(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return N + e + W + M(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return N + e + K + _(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return N + e + W + M(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return N + e + K + _(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return N + e + W + M(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
     case 6828:
     case 4268:
     case 2903:
-      return N + e + K + e + e;
+      return N + e + W + e + e;
     case 6165:
-      return N + e + K + "flex-" + e + e;
+      return N + e + W + "flex-" + e + e;
     case 5187:
-      return N + e + _(e, /(\w+).+(:[^]+)/, N + "box-$1$2" + K + "flex-$1$2") + e;
+      return N + e + M(e, /(\w+).+(:[^]+)/, N + "box-$1$2" + W + "flex-$1$2") + e;
     case 5443:
-      return N + e + K + "flex-item-" + _(e, /flex-|-self/g, "") + (ce(e, /flex-|baseline/) ? "" : K + "grid-row-" + _(e, /flex-|-self/g, "")) + e;
+      return N + e + W + "flex-item-" + M(e, /flex-|-self/g, "") + (ce(e, /flex-|baseline/) ? "" : W + "grid-row-" + M(e, /flex-|-self/g, "")) + e;
     case 4675:
-      return N + e + K + "flex-line-pack" + _(e, /align-content|flex-|-self/g, "") + e;
+      return N + e + W + "flex-line-pack" + M(e, /align-content|flex-|-self/g, "") + e;
     case 5548:
-      return N + e + K + _(e, "shrink", "negative") + e;
+      return N + e + W + M(e, "shrink", "negative") + e;
     case 5292:
-      return N + e + K + _(e, "basis", "preferred-size") + e;
+      return N + e + W + M(e, "basis", "preferred-size") + e;
     case 6060:
-      return N + "box-" + _(e, "-grow", "") + N + e + K + _(e, "grow", "positive") + e;
+      return N + "box-" + M(e, "-grow", "") + N + e + W + M(e, "grow", "positive") + e;
     case 4554:
-      return N + _(e, /([^-])(transform)/g, "$1" + N + "$2") + e;
+      return N + M(e, /([^-])(transform)/g, "$1" + N + "$2") + e;
     case 6187:
-      return _(_(_(e, /(zoom-|grab)/, N + "$1"), /(image-set)/, N + "$1"), e, "") + e;
+      return M(M(M(e, /(zoom-|grab)/, N + "$1"), /(image-set)/, N + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return _(e, /(image-set\([^]*)/, N + "$1$`$1");
+      return M(e, /(image-set\([^]*)/, N + "$1$`$1");
     case 4968:
-      return _(_(e, /(.+:)(flex-)?(.*)/, N + "box-pack:$3" + K + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + N + e + e;
+      return M(M(e, /(.+:)(flex-)?(.*)/, N + "box-pack:$3" + W + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + N + e + e;
     case 4200:
-      if (!ce(e, /flex-|baseline/)) return K + "grid-column-align" + $e(e, t) + e;
+      if (!ce(e, /flex-|baseline/)) return W + "grid-column-align" + Se(e, t) + e;
       break;
     case 2592:
     case 3360:
-      return K + _(e, "template-", "") + e;
+      return W + M(e, "template-", "") + e;
     case 4384:
     case 3616:
-      return r && r.some(function(n, a) {
-        return t = a, ce(n.props, /grid-\w+-end/);
-      }) ? ~qe(e + (r = r[t].value), "span", 0) ? e : K + _(e, "-start", "") + e + K + "grid-row-span:" + (~qe(r, "span", 0) ? ce(r, /\d+/) : +ce(r, /\d+/) - +ce(e, /\d+/)) + ";" : K + _(e, "-start", "") + e;
+      return r && r.some(function(n, o) {
+        return t = o, ce(n.props, /grid-\w+-end/);
+      }) ? ~qe(e + (r = r[t].value), "span", 0) ? e : W + M(e, "-start", "") + e + W + "grid-row-span:" + (~qe(r, "span", 0) ? ce(r, /\d+/) : +ce(r, /\d+/) - +ce(e, /\d+/)) + ";" : W + M(e, "-start", "") + e;
     case 4896:
     case 4128:
       return r && r.some(function(n) {
         return ce(n.props, /grid-\w+-start/);
-      }) ? e : K + _(_(e, "-end", "-span"), "span ", "") + e;
+      }) ? e : W + M(M(e, "-end", "-span"), "span ", "") + e;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return _(e, /(.+)-inline(.+)/, N + "$1$2") + e;
+      return M(e, /(.+)-inline(.+)/, N + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -1087,26 +1133,26 @@ function tn(e, t, r) {
             if (G(e, t + 4) !== 45)
               break;
           case 102:
-            return _(e, /(.+:)(.+)-([^]+)/, "$1" + N + "$2-$3$1" + Oe + (G(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return M(e, /(.+:)(.+)-([^]+)/, "$1" + N + "$2-$3$1" + Oe + (G(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~qe(e, "stretch", 0) ? tn(_(e, "stretch", "fill-available"), t, r) + e : e;
+            return ~qe(e, "stretch", 0) ? tn(M(e, "stretch", "fill-available"), t, r) + e : e;
         }
       break;
     case 5152:
     case 5920:
-      return _(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, a, c, u, d, h, b) {
-        return K + a + ":" + c + b + (u ? K + a + "-span:" + (d ? h : +h - +c) + b : "") + e;
+      return M(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, c, u, d, h, b) {
+        return W + o + ":" + c + b + (u ? W + o + "-span:" + (d ? h : +h - +c) + b : "") + e;
       });
     case 4949:
       if (G(e, t + 6) === 121)
-        return _(e, ":", ":" + N) + e;
+        return M(e, ":", ":" + N) + e;
       break;
     case 6444:
       switch (G(e, G(e, 14) === 45 ? 18 : 11)) {
         case 120:
-          return _(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + N + (G(e, 14) === 45 ? "inline-" : "") + "box$3$1" + N + "$2$3$1" + K + "$2box$3") + e;
+          return M(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + N + (G(e, 14) === 45 ? "inline-" : "") + "box$3$1" + N + "$2$3$1" + W + "$2box$3") + e;
         case 100:
-          return _(e, ":", ":" + K) + e;
+          return M(e, ":", ":" + W) + e;
       }
       break;
     case 5719:
@@ -1114,7 +1160,7 @@ function tn(e, t, r) {
     case 2135:
     case 3927:
     case 2391:
-      return _(e, "scroll-", "scroll-snap-") + e;
+      return M(e, "scroll-", "scroll-snap-") + e;
   }
   return e;
 }
@@ -1141,9 +1187,9 @@ function _o(e, t, r, n) {
 }
 function Mo(e) {
   var t = Xr(e);
-  return function(r, n, a, c) {
+  return function(r, n, o, c) {
     for (var u = "", d = 0; d < t; d++)
-      u += e[d](r, n, a, c) || "";
+      u += e[d](r, n, o, c) || "";
     return u;
   };
 }
@@ -1152,31 +1198,31 @@ function Ro(e) {
     t.root || (t = t.return) && e(t);
   };
 }
-function Do(e, t, r, n) {
+function Po(e, t, r, n) {
   if (e.length > -1 && !e.return)
     switch (e.type) {
       case Ft:
         e.return = tn(e.value, e.length, r);
         return;
       case Vr:
-        return tt([fe(e, { value: _(e.value, "@", "@" + N) })], n);
+        return tt([fe(e, { value: M(e.value, "@", "@" + N) })], n);
       case st:
         if (e.length)
-          return ko(r = e.props, function(a) {
-            switch (ce(a, n = /(::plac\w+|:read-\w+)/)) {
+          return ko(r = e.props, function(o) {
+            switch (ce(o, n = /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                we(fe(e, { props: [_(a, /:(read-\w+)/, ":" + Oe + "$1")] })), we(fe(e, { props: [a] })), Mt(e, { props: dr(r, n) });
+                ve(fe(e, { props: [M(o, /:(read-\w+)/, ":" + Oe + "$1")] })), ve(fe(e, { props: [o] })), Mt(e, { props: dr(r, n) });
                 break;
               case "::placeholder":
-                we(fe(e, { props: [_(a, /:(plac\w+)/, ":" + N + "input-$1")] })), we(fe(e, { props: [_(a, /:(plac\w+)/, ":" + Oe + "$1")] })), we(fe(e, { props: [_(a, /:(plac\w+)/, K + "input-$1")] })), we(fe(e, { props: [a] })), Mt(e, { props: dr(r, n) });
+                ve(fe(e, { props: [M(o, /:(plac\w+)/, ":" + N + "input-$1")] })), ve(fe(e, { props: [M(o, /:(plac\w+)/, ":" + Oe + "$1")] })), ve(fe(e, { props: [M(o, /:(plac\w+)/, W + "input-$1")] })), ve(fe(e, { props: [o] })), Mt(e, { props: dr(r, n) });
                 break;
             }
             return "";
           });
     }
 }
-var Po = {
+var zo = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1224,39 +1270,39 @@ var Po = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Ce = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", rn = "active", nn = "data-styled-version", dt = "6.1.19", Wt = `/*!sc*/
-`, rt = typeof window < "u" && typeof document < "u", zo = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" && process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY), ut = Object.freeze([]), je = Object.freeze({});
+}, je = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", rn = "active", nn = "data-styled-version", dt = "6.1.19", Kt = `/*!sc*/
+`, rt = typeof window < "u" && typeof document < "u", Do = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" && process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY), ut = Object.freeze([]), Ie = Object.freeze({});
 function Oo(e, t, r) {
-  return r === void 0 && (r = je), e.theme !== r.theme && e.theme || t || r.theme;
+  return r === void 0 && (r = Ie), e.theme !== r.theme && e.theme || t || r.theme;
 }
 var on = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), No = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Bo = /(^-|-$)/g;
 function fr(e) {
   return e.replace(No, "-").replace(Bo, "");
 }
-var Lo = /(a)(d)/gi, Ke = 52, hr = function(e) {
+var Lo = /(a)(d)/gi, We = 52, hr = function(e) {
   return String.fromCharCode(e + (e > 25 ? 39 : 97));
 };
-function Pt(e) {
+function zt(e) {
   var t, r = "";
-  for (t = Math.abs(e); t > Ke; t = t / Ke | 0) r = hr(t % Ke) + r;
-  return (hr(t % Ke) + r).replace(Lo, "$1-$2");
+  for (t = Math.abs(e); t > We; t = t / We | 0) r = hr(t % We) + r;
+  return (hr(t % We) + r).replace(Lo, "$1-$2");
 }
-var kt, an = 5381, ve = function(e, t) {
+var kt, an = 5381, $e = function(e, t) {
   for (var r = t.length; r; ) e = 33 * e ^ t.charCodeAt(--r);
   return e;
 }, sn = function(e) {
-  return ve(an, e);
+  return $e(an, e);
 };
 function Fo(e) {
-  return Pt(sn(e) >>> 0);
+  return zt(sn(e) >>> 0);
 }
-function Ko(e) {
+function Wo(e) {
   return e.displayName || e.name || "Component";
 }
 function wt(e) {
   return typeof e == "string" && !0;
 }
-var cn = typeof Symbol == "function" && Symbol.for, ln = cn ? Symbol.for("react.memo") : 60115, Wo = cn ? Symbol.for("react.forward_ref") : 60112, Uo = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Ho = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, dn = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, qo = ((kt = {})[Wo] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, kt[ln] = dn, kt);
+var cn = typeof Symbol == "function" && Symbol.for, ln = cn ? Symbol.for("react.memo") : 60115, Ko = cn ? Symbol.for("react.forward_ref") : 60112, Uo = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Ho = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, dn = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, qo = ((kt = {})[Ko] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, kt[ln] = dn, kt);
 function mr(e) {
   return ("type" in (t = e) && t.type.$$typeof) === ln ? dn : "$$typeof" in e ? qo[e.$$typeof] : Uo;
   var t;
@@ -1268,10 +1314,10 @@ function un(e, t, r) {
       var n = Vo(t);
       n && n !== br && un(e, n, r);
     }
-    var a = Yo(t);
-    gr && (a = a.concat(gr(t)));
-    for (var c = mr(e), u = mr(t), d = 0; d < a.length; ++d) {
-      var h = a[d];
+    var o = Yo(t);
+    gr && (o = o.concat(gr(t)));
+    for (var c = mr(e), u = mr(t), d = 0; d < o.length; ++d) {
+      var h = o[d];
       if (!(h in Ho || r && r[h] || u && h in u || c && h in c)) {
         var b = Qo(t, h);
         try {
@@ -1283,7 +1329,7 @@ function un(e, t, r) {
   }
   return e;
 }
-function Ie(e) {
+function Ae(e) {
   return typeof e == "function";
 }
 function Ut(e) {
@@ -1300,10 +1346,10 @@ function yr(e, t) {
 function Be(e) {
   return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
 }
-function zt(e, t, r) {
+function Dt(e, t, r) {
   if (r === void 0 && (r = !1), !r && !Be(e) && !Array.isArray(e)) return t;
-  if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = zt(e[n], t[n]);
-  else if (Be(t)) for (var n in t) e[n] = zt(e[n], t[n]);
+  if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = Dt(e[n], t[n]);
+  else if (Be(t)) for (var n in t) e[n] = Dt(e[n], t[n]);
   return e;
 }
 function Ht(e, t) {
@@ -1322,66 +1368,66 @@ var Zo = function() {
     return r;
   }, e.prototype.insertRules = function(t, r) {
     if (t >= this.groupSizes.length) {
-      for (var n = this.groupSizes, a = n.length, c = a; t >= c; ) if ((c <<= 1) < 0) throw Le(16, "".concat(t));
+      for (var n = this.groupSizes, o = n.length, c = o; t >= c; ) if ((c <<= 1) < 0) throw Le(16, "".concat(t));
       this.groupSizes = new Uint32Array(c), this.groupSizes.set(n), this.length = c;
-      for (var u = a; u < c; u++) this.groupSizes[u] = 0;
+      for (var u = o; u < c; u++) this.groupSizes[u] = 0;
     }
     for (var d = this.indexOfGroup(t + 1), h = (u = 0, r.length); u < h; u++) this.tag.insertRule(d, r[u]) && (this.groupSizes[t]++, d++);
   }, e.prototype.clearGroup = function(t) {
     if (t < this.length) {
-      var r = this.groupSizes[t], n = this.indexOfGroup(t), a = n + r;
+      var r = this.groupSizes[t], n = this.indexOfGroup(t), o = n + r;
       this.groupSizes[t] = 0;
-      for (var c = n; c < a; c++) this.tag.deleteRule(n);
+      for (var c = n; c < o; c++) this.tag.deleteRule(n);
     }
   }, e.prototype.getGroup = function(t) {
     var r = "";
     if (t >= this.length || this.groupSizes[t] === 0) return r;
-    for (var n = this.groupSizes[t], a = this.indexOfGroup(t), c = a + n, u = a; u < c; u++) r += "".concat(this.tag.getRule(u)).concat(Wt);
+    for (var n = this.groupSizes[t], o = this.indexOfGroup(t), c = o + n, u = o; u < c; u++) r += "".concat(this.tag.getRule(u)).concat(Kt);
     return r;
   }, e;
-}(), Qe = /* @__PURE__ */ new Map(), nt = /* @__PURE__ */ new Map(), Ve = 1, We = function(e) {
+}(), Qe = /* @__PURE__ */ new Map(), nt = /* @__PURE__ */ new Map(), Ve = 1, Ke = function(e) {
   if (Qe.has(e)) return Qe.get(e);
   for (; nt.has(Ve); ) Ve++;
   var t = Ve++;
   return Qe.set(e, t), nt.set(t, e), t;
 }, Jo = function(e, t) {
   Ve = t + 1, Qe.set(e, t), nt.set(t, e);
-}, Xo = "style[".concat(Ce, "][").concat(nn, '="').concat(dt, '"]'), ea = new RegExp("^".concat(Ce, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), ta = function(e, t, r) {
-  for (var n, a = r.split(","), c = 0, u = a.length; c < u; c++) (n = a[c]) && e.registerName(t, n);
+}, Xo = "style[".concat(je, "][").concat(nn, '="').concat(dt, '"]'), ea = new RegExp("^".concat(je, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), ta = function(e, t, r) {
+  for (var n, o = r.split(","), c = 0, u = o.length; c < u; c++) (n = o[c]) && e.registerName(t, n);
 }, ra = function(e, t) {
-  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(Wt), a = [], c = 0, u = n.length; c < u; c++) {
+  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(Kt), o = [], c = 0, u = n.length; c < u; c++) {
     var d = n[c].trim();
     if (d) {
       var h = d.match(ea);
       if (h) {
         var b = 0 | parseInt(h[1], 10), g = h[2];
-        b !== 0 && (Jo(g, b), ta(e, g, h[3]), e.getTag().insertRules(b, a)), a.length = 0;
-      } else a.push(d);
+        b !== 0 && (Jo(g, b), ta(e, g, h[3]), e.getTag().insertRules(b, o)), o.length = 0;
+      } else o.push(d);
     }
   }
 }, xr = function(e) {
   for (var t = document.querySelectorAll(Xo), r = 0, n = t.length; r < n; r++) {
-    var a = t[r];
-    a && a.getAttribute(Ce) !== rn && (ra(e, a), a.parentNode && a.parentNode.removeChild(a));
+    var o = t[r];
+    o && o.getAttribute(je) !== rn && (ra(e, o), o.parentNode && o.parentNode.removeChild(o));
   }
 };
 function na() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
 }
 var pn = function(e) {
-  var t = document.head, r = e || t, n = document.createElement("style"), a = function(d) {
-    var h = Array.from(d.querySelectorAll("style[".concat(Ce, "]")));
+  var t = document.head, r = e || t, n = document.createElement("style"), o = function(d) {
+    var h = Array.from(d.querySelectorAll("style[".concat(je, "]")));
     return h[h.length - 1];
-  }(r), c = a !== void 0 ? a.nextSibling : null;
-  n.setAttribute(Ce, rn), n.setAttribute(nn, dt);
+  }(r), c = o !== void 0 ? o.nextSibling : null;
+  n.setAttribute(je, rn), n.setAttribute(nn, dt);
   var u = na();
   return u && n.setAttribute("nonce", u), r.insertBefore(n, c), n;
 }, oa = function() {
   function e(t) {
     this.element = pn(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(r) {
       if (r.sheet) return r.sheet;
-      for (var n = document.styleSheets, a = 0, c = n.length; a < c; a++) {
-        var u = n[a];
+      for (var n = document.styleSheets, o = 0, c = n.length; o < c; o++) {
+        var u = n[o];
         if (u.ownerNode === r) return u;
       }
       throw Le(17);
@@ -1425,30 +1471,30 @@ var pn = function(e) {
   }, e.prototype.getRule = function(t) {
     return t < this.length ? this.rules[t] : "";
   }, e;
-}(), kr = rt, ia = { isServer: !rt, useCSSOMInjection: !zo }, fn = function() {
+}(), kr = rt, ia = { isServer: !rt, useCSSOMInjection: !Do }, fn = function() {
   function e(t, r, n) {
-    t === void 0 && (t = je), r === void 0 && (r = {});
-    var a = this;
+    t === void 0 && (t = Ie), r === void 0 && (r = {});
+    var o = this;
     this.options = te(te({}, ia), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && rt && kr && (kr = !1, xr(this)), Ht(this, function() {
       return function(c) {
         for (var u = c.getTag(), d = u.length, h = "", b = function(p) {
-          var w = function(o) {
-            return nt.get(o);
+          var w = function(a) {
+            return nt.get(a);
           }(p);
           if (w === void 0) return "continue";
           var k = c.names.get(w), S = u.getGroup(p);
           if (k === void 0 || !k.size || S.length === 0) return "continue";
-          var C = "".concat(Ce, ".g").concat(p, '[id="').concat(w, '"]'), v = "";
-          k !== void 0 && k.forEach(function(o) {
-            o.length > 0 && (v += "".concat(o, ","));
-          }), h += "".concat(S).concat(C, '{content:"').concat(v, '"}').concat(Wt);
+          var C = "".concat(je, ".g").concat(p, '[id="').concat(w, '"]'), v = "";
+          k !== void 0 && k.forEach(function(a) {
+            a.length > 0 && (v += "".concat(a, ","));
+          }), h += "".concat(S).concat(C, '{content:"').concat(v, '"}').concat(Kt);
         }, g = 0; g < d; g++) b(g);
         return h;
-      }(a);
+      }(o);
     });
   }
   return e.registerId = function(t) {
-    return We(t);
+    return Ke(t);
   }, e.prototype.rehydrate = function() {
     !this.server && rt && xr(this);
   }, e.prototype.reconstructWithOptions = function(t, r) {
@@ -1457,24 +1503,24 @@ var pn = function(e) {
     return this.gs[t] = (this.gs[t] || 0) + 1;
   }, e.prototype.getTag = function() {
     return this.tag || (this.tag = (t = function(r) {
-      var n = r.useCSSOMInjection, a = r.target;
-      return r.isServer ? new sa(a) : n ? new oa(a) : new aa(a);
+      var n = r.useCSSOMInjection, o = r.target;
+      return r.isServer ? new sa(o) : n ? new oa(o) : new aa(o);
     }(this.options), new Zo(t)));
     var t;
   }, e.prototype.hasNameForId = function(t, r) {
     return this.names.has(t) && this.names.get(t).has(r);
   }, e.prototype.registerName = function(t, r) {
-    if (We(t), this.names.has(t)) this.names.get(t).add(r);
+    if (Ke(t), this.names.has(t)) this.names.get(t).add(r);
     else {
       var n = /* @__PURE__ */ new Set();
       n.add(r), this.names.set(t, n);
     }
   }, e.prototype.insertRules = function(t, r, n) {
-    this.registerName(t, r), this.getTag().insertRules(We(t), n);
+    this.registerName(t, r), this.getTag().insertRules(Ke(t), n);
   }, e.prototype.clearNames = function(t) {
     this.names.has(t) && this.names.get(t).clear();
   }, e.prototype.clearRules = function(t) {
-    this.getTag().clearGroup(We(t)), this.clearNames(t);
+    this.getTag().clearGroup(Ke(t)), this.clearNames(t);
   }, e.prototype.clearTag = function() {
     this.tag = void 0;
   }, e;
@@ -1487,38 +1533,38 @@ function hn(e, t) {
   });
 }
 function da(e) {
-  var t, r, n, a = je, c = a.options, u = c === void 0 ? je : c, d = a.plugins, h = d === void 0 ? ut : d, b = function(w, k, S) {
+  var t, r, n, o = Ie, c = o.options, u = c === void 0 ? Ie : c, d = o.plugins, h = d === void 0 ? ut : d, b = function(w, k, S) {
     return S.startsWith(r) && S.endsWith(r) && S.replaceAll(r, "").length > 0 ? ".".concat(t) : w;
   }, g = h.slice();
   g.push(function(w) {
     w.type === st && w.value.includes("&") && (w.props[0] = w.props[0].replace(ca, r).replace(n, b));
-  }), u.prefix && g.push(Do), g.push(_o);
+  }), u.prefix && g.push(Po), g.push(_o);
   var p = function(w, k, S, C) {
     k === void 0 && (k = ""), S === void 0 && (S = ""), C === void 0 && (C = "&"), t = C, r = k, n = new RegExp("\\".concat(r, "\\b"), "g");
-    var v = w.replace(la, ""), o = To(S || k ? "".concat(S, " ").concat(k, " { ").concat(v, " }") : v);
-    u.namespace && (o = hn(o, u.namespace));
+    var v = w.replace(la, ""), a = To(S || k ? "".concat(S, " ").concat(k, " { ").concat(v, " }") : v);
+    u.namespace && (a = hn(a, u.namespace));
     var i = [];
-    return tt(o, Mo(g.concat(Ro(function(s) {
+    return tt(a, Mo(g.concat(Ro(function(s) {
       return i.push(s);
     })))), i;
   };
   return p.hash = h.length ? h.reduce(function(w, k) {
-    return k.name || Le(15), ve(w, k.name);
+    return k.name || Le(15), $e(w, k.name);
   }, an).toString() : "", p;
 }
-var ua = new fn(), Ot = da(), mn = L.createContext({ shouldForwardProp: void 0, styleSheet: ua, stylis: Ot });
+var ua = new fn(), Ot = da(), mn = F.createContext({ shouldForwardProp: void 0, styleSheet: ua, stylis: Ot });
 mn.Consumer;
-L.createContext(void 0);
+F.createContext(void 0);
 function wr() {
   return Hr(mn);
 }
 var pa = function() {
   function e(t, r) {
     var n = this;
-    this.inject = function(a, c) {
+    this.inject = function(o, c) {
       c === void 0 && (c = Ot);
       var u = n.name + c.hash;
-      a.hasNameForId(n.id, u) || a.insertRules(n.id, u, c(n.rules, u, "@keyframes"));
+      o.hasNameForId(n.id, u) || o.insertRules(n.id, u, c(n.rules, u, "@keyframes"));
     }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, Ht(this, function() {
       throw Le(12, String(n.name));
     });
@@ -1541,19 +1587,19 @@ var gn = function(e) {
   return e == null || e === !1 || e === "";
 }, bn = function(e) {
   var t, r, n = [];
-  for (var a in e) {
-    var c = e[a];
-    e.hasOwnProperty(a) && !gn(c) && (Array.isArray(c) && c.isCss || Ie(c) ? n.push("".concat(vr(a), ":"), c, ";") : Be(c) ? n.push.apply(n, et(et(["".concat(a, " {")], bn(c), !1), ["}"], !1)) : n.push("".concat(vr(a), ": ").concat((t = a, (r = c) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in Po || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
+  for (var o in e) {
+    var c = e[o];
+    e.hasOwnProperty(o) && !gn(c) && (Array.isArray(c) && c.isCss || Ae(c) ? n.push("".concat(vr(o), ":"), c, ";") : Be(c) ? n.push.apply(n, et(et(["".concat(o, " {")], bn(c), !1), ["}"], !1)) : n.push("".concat(vr(o), ": ").concat((t = o, (r = c) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in zo || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
   }
   return n;
 };
 function xe(e, t, r, n) {
   if (gn(e)) return [];
   if (Ut(e)) return [".".concat(e.styledComponentId)];
-  if (Ie(e)) {
-    if (!Ie(c = e) || c.prototype && c.prototype.isReactComponent || !t) return [e];
-    var a = e(t);
-    return xe(a, t, r, n);
+  if (Ae(e)) {
+    if (!Ae(c = e) || c.prototype && c.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return xe(o, t, r, n);
   }
   var c;
   return e instanceof pa ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : Be(e) ? bn(e) : Array.isArray(e) ? Array.prototype.concat.apply(ut, e.map(function(u) {
@@ -1563,55 +1609,55 @@ function xe(e, t, r, n) {
 function ha(e) {
   for (var t = 0; t < e.length; t += 1) {
     var r = e[t];
-    if (Ie(r) && !Ut(r)) return !1;
+    if (Ae(r) && !Ut(r)) return !1;
   }
   return !0;
 }
 var ma = sn(dt), ga = function() {
   function e(t, r, n) {
-    this.rules = t, this.staticRulesId = "", this.isStatic = (n === void 0 || n.isStatic) && ha(t), this.componentId = r, this.baseHash = ve(ma, r), this.baseStyle = n, fn.registerId(r);
+    this.rules = t, this.staticRulesId = "", this.isStatic = (n === void 0 || n.isStatic) && ha(t), this.componentId = r, this.baseHash = $e(ma, r), this.baseStyle = n, fn.registerId(r);
   }
   return e.prototype.generateAndInjectStyles = function(t, r, n) {
-    var a = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
-    if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) a = be(a, this.staticRulesId);
+    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
+    if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) o = be(o, this.staticRulesId);
     else {
-      var c = yr(xe(this.rules, t, r, n)), u = Pt(ve(this.baseHash, c) >>> 0);
+      var c = yr(xe(this.rules, t, r, n)), u = zt($e(this.baseHash, c) >>> 0);
       if (!r.hasNameForId(this.componentId, u)) {
         var d = n(c, ".".concat(u), void 0, this.componentId);
         r.insertRules(this.componentId, u, d);
       }
-      a = be(a, u), this.staticRulesId = u;
+      o = be(o, u), this.staticRulesId = u;
     }
     else {
-      for (var h = ve(this.baseHash, n.hash), b = "", g = 0; g < this.rules.length; g++) {
+      for (var h = $e(this.baseHash, n.hash), b = "", g = 0; g < this.rules.length; g++) {
         var p = this.rules[g];
         if (typeof p == "string") b += p;
         else if (p) {
           var w = yr(xe(p, t, r, n));
-          h = ve(h, w + g), b += w;
+          h = $e(h, w + g), b += w;
         }
       }
       if (b) {
-        var k = Pt(h >>> 0);
-        r.hasNameForId(this.componentId, k) || r.insertRules(this.componentId, k, n(b, ".".concat(k), void 0, this.componentId)), a = be(a, k);
+        var k = zt(h >>> 0);
+        r.hasNameForId(this.componentId, k) || r.insertRules(this.componentId, k, n(b, ".".concat(k), void 0, this.componentId)), o = be(o, k);
       }
     }
-    return a;
+    return o;
   }, e;
-}(), yn = L.createContext(void 0);
+}(), yn = F.createContext(void 0);
 yn.Consumer;
 var vt = {};
 function ba(e, t, r) {
-  var n = Ut(e), a = e, c = !wt(e), u = t.attrs, d = u === void 0 ? ut : u, h = t.componentId, b = h === void 0 ? function(f, m) {
+  var n = Ut(e), o = e, c = !wt(e), u = t.attrs, d = u === void 0 ? ut : u, h = t.componentId, b = h === void 0 ? function(f, m) {
     var x = typeof f != "string" ? "sc" : fr(f);
     vt[x] = (vt[x] || 0) + 1;
     var y = "".concat(x, "-").concat(Fo(dt + x + vt[x]));
     return m ? "".concat(m, "-").concat(y) : y;
   }(t.displayName, t.parentComponentId) : h, g = t.displayName, p = g === void 0 ? function(f) {
-    return wt(f) ? "styled.".concat(f) : "Styled(".concat(Ko(f), ")");
-  }(e) : g, w = t.displayName && t.componentId ? "".concat(fr(t.displayName), "-").concat(t.componentId) : t.componentId || b, k = n && a.attrs ? a.attrs.concat(d).filter(Boolean) : d, S = t.shouldForwardProp;
-  if (n && a.shouldForwardProp) {
-    var C = a.shouldForwardProp;
+    return wt(f) ? "styled.".concat(f) : "Styled(".concat(Wo(f), ")");
+  }(e) : g, w = t.displayName && t.componentId ? "".concat(fr(t.displayName), "-").concat(t.componentId) : t.componentId || b, k = n && o.attrs ? o.attrs.concat(d).filter(Boolean) : d, S = t.shouldForwardProp;
+  if (n && o.shouldForwardProp) {
+    var C = o.shouldForwardProp;
     if (t.shouldForwardProp) {
       var v = t.shouldForwardProp;
       S = function(f, m) {
@@ -1619,40 +1665,40 @@ function ba(e, t, r) {
       };
     } else S = C;
   }
-  var o = new ga(r, w, n ? a.componentStyle : void 0);
+  var a = new ga(r, w, n ? o.componentStyle : void 0);
   function i(f, m) {
     return function(x, y, A) {
-      var M = x.attrs, j = x.componentStyle, E = x.defaultProps, W = x.foldedComponentIds, F = x.styledComponentId, V = x.target, I = L.useContext(yn), P = wr(), U = x.shouldForwardProp || P.shouldForwardProp, $ = Oo(y, I, E) || je, D = function(H, Q, J) {
+      var _ = x.attrs, j = x.componentStyle, E = x.defaultProps, K = x.foldedComponentIds, L = x.styledComponentId, V = x.target, I = F.useContext(yn), z = wr(), U = x.shouldForwardProp || z.shouldForwardProp, $ = Oo(y, I, E) || Ie, P = function(H, Q, J) {
         for (var le, de = te(te({}, Q), { className: void 0, theme: J }), Me = 0; Me < H.length; Me += 1) {
-          var me = Ie(le = H[Me]) ? le(de) : le;
+          var me = Ae(le = H[Me]) ? le(de) : le;
           for (var X in me) de[X] = X === "className" ? be(de[X], me[X]) : X === "style" ? te(te({}, de[X]), me[X]) : me[X];
         }
         return Q.className && (de.className = be(de.className, Q.className)), de;
-      }(M, y, $), z = D.as || V, B = {};
-      for (var R in D) D[R] === void 0 || R[0] === "$" || R === "as" || R === "theme" && D.theme === $ || (R === "forwardedAs" ? B.as = D.forwardedAs : U && !U(R, z) || (B[R] = D[R]));
+      }(_, y, $), D = P.as || V, B = {};
+      for (var R in P) P[R] === void 0 || R[0] === "$" || R === "as" || R === "theme" && P.theme === $ || (R === "forwardedAs" ? B.as = P.forwardedAs : U && !U(R, D) || (B[R] = P[R]));
       var Y = function(H, Q) {
         var J = wr(), le = H.generateAndInjectStyles(Q, J.styleSheet, J.stylis);
         return le;
-      }(j, D), O = be(W, F);
-      return Y && (O += " " + Y), D.className && (O += " " + D.className), B[wt(z) && !on.has(z) ? "class" : "className"] = O, A && (B.ref = A), Xe(z, B);
+      }(j, P), O = be(K, L);
+      return Y && (O += " " + Y), P.className && (O += " " + P.className), B[wt(D) && !on.has(D) ? "class" : "className"] = O, A && (B.ref = A), Xe(D, B);
     }(s, f, m);
   }
   i.displayName = p;
-  var s = L.forwardRef(i);
-  return s.attrs = k, s.componentStyle = o, s.displayName = p, s.shouldForwardProp = S, s.foldedComponentIds = n ? be(a.foldedComponentIds, a.styledComponentId) : "", s.styledComponentId = w, s.target = n ? a.target : e, Object.defineProperty(s, "defaultProps", { get: function() {
+  var s = F.forwardRef(i);
+  return s.attrs = k, s.componentStyle = a, s.displayName = p, s.shouldForwardProp = S, s.foldedComponentIds = n ? be(o.foldedComponentIds, o.styledComponentId) : "", s.styledComponentId = w, s.target = n ? o.target : e, Object.defineProperty(s, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(f) {
     this._foldedDefaultProps = n ? function(m) {
       for (var x = [], y = 1; y < arguments.length; y++) x[y - 1] = arguments[y];
-      for (var A = 0, M = x; A < M.length; A++) zt(m, M[A], !0);
+      for (var A = 0, _ = x; A < _.length; A++) Dt(m, _[A], !0);
       return m;
-    }({}, a.defaultProps, f) : f;
+    }({}, o.defaultProps, f) : f;
   } }), Ht(s, function() {
     return ".".concat(s.styledComponentId);
   }), c && un(s, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), s;
 }
 function $r(e, t) {
-  for (var r = [e[0]], n = 0, a = t.length; n < a; n += 1) r.push(t[n], e[n + 1]);
+  for (var r = [e[0]], n = 0, o = t.length; n < o; n += 1) r.push(t[n], e[n + 1]);
   return r;
 }
 var Sr = function(e) {
@@ -1660,20 +1706,20 @@ var Sr = function(e) {
 };
 function ya(e) {
   for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
-  if (Ie(e) || Be(e)) return Sr(xe($r(ut, et([e], t, !0))));
+  if (Ae(e) || Be(e)) return Sr(xe($r(ut, et([e], t, !0))));
   var n = e;
   return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? xe(n) : Sr(xe($r(n, t)));
 }
 function Nt(e, t, r) {
-  if (r === void 0 && (r = je), !t) throw Le(1, t);
-  var n = function(a) {
+  if (r === void 0 && (r = Ie), !t) throw Le(1, t);
+  var n = function(o) {
     for (var c = [], u = 1; u < arguments.length; u++) c[u - 1] = arguments[u];
-    return e(t, r, ya.apply(void 0, et([a], c, !1)));
+    return e(t, r, ya.apply(void 0, et([o], c, !1)));
   };
-  return n.attrs = function(a) {
-    return Nt(e, t, te(te({}, r), { attrs: Array.prototype.concat(r.attrs, a).filter(Boolean) }));
-  }, n.withConfig = function(a) {
-    return Nt(e, t, te(te({}, r), a));
+  return n.attrs = function(o) {
+    return Nt(e, t, te(te({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
+  }, n.withConfig = function(o) {
+    return Nt(e, t, te(te({}, r), o));
   }, n;
 }
 var xn = function(e) {
@@ -1726,14 +1772,14 @@ function kn({
   disabled: t,
   onExportPdf: r
 }) {
-  const [n, a] = L.useState(!1), c = () => {
+  const [n, o] = F.useState(!1), c = () => {
     Jn(e);
   }, u = async () => {
-    a(!0);
+    o(!0);
     try {
       await r(e);
     } finally {
-      a(!1);
+      o(!1);
     }
   };
   return /* @__PURE__ */ l.jsxs(xa, { children: [
@@ -1810,217 +1856,16 @@ const ka = T.div`
     background: rgba(239, 68, 68, 0.1);
   }
 `;
-function Ae({ attachments: e, onRemove: t, readOnly: r }) {
+function ke({ attachments: e, onRemove: t, readOnly: r }) {
   return e.length ? /* @__PURE__ */ l.jsx(ka, { children: e.map((n) => {
-    const a = n.type === "image", c = a && (n.preview || n.url);
-    return /* @__PURE__ */ l.jsxs(wa, { $isImage: a, title: n.name, children: [
-      c ? /* @__PURE__ */ l.jsx(va, { src: n.preview || n.url, alt: "", loading: "lazy", decoding: "async" }) : a ? /* @__PURE__ */ l.jsx(po, { size: 16, "aria-hidden": !0 }) : /* @__PURE__ */ l.jsx(lo, { size: 16, "aria-hidden": !0 }),
+    const o = n.type === "image", c = o && (n.preview || n.url);
+    return /* @__PURE__ */ l.jsxs(wa, { $isImage: o, title: n.name, children: [
+      c ? /* @__PURE__ */ l.jsx(va, { src: n.preview || n.url, alt: "", loading: "lazy", decoding: "async" }) : o ? /* @__PURE__ */ l.jsx(po, { size: 16, "aria-hidden": !0 }) : /* @__PURE__ */ l.jsx(lo, { size: 16, "aria-hidden": !0 }),
       /* @__PURE__ */ l.jsx($a, { children: n.name }),
       !r && t && /* @__PURE__ */ l.jsx(Sa, { type: "button", onClick: () => t(n.id), "aria-label": `Remove ${n.name}`, children: /* @__PURE__ */ l.jsx(go, { size: 14 }) })
     ] }, n.id);
   }) }) : null;
 }
-const wn = [
-  "application/pdf",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-  "application/vnd.ms-excel",
-  "text/csv",
-  "text/plain",
-  "text/markdown",
-  "application/json",
-  "image/png",
-  "image/jpeg",
-  "image/webp",
-  "image/gif"
-], Ca = {
-  ".pdf": "application/pdf",
-  ".docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  ".xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-  ".xls": "application/vnd.ms-excel",
-  ".csv": "text/csv",
-  ".txt": "text/plain",
-  ".md": "text/markdown",
-  ".json": "application/json",
-  ".png": "image/png",
-  ".jpg": "image/jpeg",
-  ".jpeg": "image/jpeg",
-  ".webp": "image/webp",
-  ".gif": "image/gif"
-};
-function ja(e) {
-  const t = e.lastIndexOf(".");
-  if (!(t < 0))
-    return Ca[e.slice(t).toLowerCase()];
-}
-async function qt(e) {
-  var r;
-  if (!e) return [];
-  const t = [];
-  if ((r = e.files) != null && r.length)
-    for (let n = 0; n < e.files.length; n++)
-      t.push(e.files[n]);
-  return t;
-}
-function vn(e, t, r) {
-  if (e.size > t)
-    return `File too large (max ${Math.floor(t / (1024 * 1024))}MB)`;
-  if (r.includes(e.type)) return null;
-  const n = ja(e.name);
-  return n && r.includes(n) ? null : "File type not allowed for attachments";
-}
-const Ia = T.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 36px;
-  min-width: 36px;
-  min-height: 36px;
-  border-radius: 8px;
-  border: 1px solid #d1d5db;
-  background: #f9fafb;
-  color: #374151;
-  cursor: pointer;
-  flex-shrink: 0;
-  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
-
-  &:hover:not(:disabled) {
-    background: #f3f4f6;
-    border-color: #9ca3af;
-  }
-
-  &:disabled {
-    opacity: 0.45;
-    cursor: not-allowed;
-  }
-
-  [data-theme='dark'] & {
-    background: #374151;
-    border-color: #4b5563;
-    color: #e5e7eb;
-  }
-`, Aa = T.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  min-width: 28px;
-  min-height: 28px;
-  border: none;
-  border-radius: 8px;
-  background: transparent;
-  color: #64748b;
-  cursor: pointer;
-  flex-shrink: 0;
-  transition: background 0.2s ease, color 0.2s ease;
-
-  &:hover:not(:disabled) {
-    background: rgba(15, 23, 42, 0.06);
-    color: #334155;
-  }
-
-  &:disabled {
-    opacity: 0.45;
-    cursor: not-allowed;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    color: #94a3b8;
-
-    &:hover:not(:disabled) {
-      background: rgba(255, 255, 255, 0.08);
-      color: #e2e8f0;
-    }
-  }
-
-  [data-theme='dark'] & {
-    color: #94a3b8;
-
-    &:hover:not(:disabled) {
-      background: rgba(255, 255, 255, 0.08);
-      color: #e2e8f0;
-    }
-  }
-`;
-function Gt({
-  disabled: e,
-  integrated: t = !1,
-  maxFileBytes: r,
-  maxFiles: n,
-  allowedMime: a = wn,
-  currentCount: c,
-  uploadAttachment: u,
-  onUploaded: d,
-  onError: h
-}) {
-  const b = L.useRef(null), [g, p] = L.useState(!1), w = L.useMemo(
-    () => [
-      ".pdf,.docx,.xlsx,.xls,.csv,.txt,.md,.json",
-      "image/png,image/jpeg,image/webp,image/gif"
-    ].join(","),
-    []
-  ), k = L.useCallback(
-    async (i) => {
-      const s = Array.from(i);
-      if (!s.length) return;
-      let f = 0;
-      for (const m of s) {
-        if (c + f >= n) {
-          h == null || h(`You can attach at most ${n} files per message.`);
-          break;
-        }
-        const x = vn(m, r, a);
-        if (x) {
-          h == null || h(`${m.name}: ${x}`);
-          continue;
-        }
-        try {
-          p(!0);
-          const y = await u(m);
-          d(y), f += 1;
-        } catch (y) {
-          const A = y instanceof Error ? y.message : "Upload failed";
-          h == null || h(A);
-        } finally {
-          p(!1);
-        }
-      }
-    },
-    [a, c, r, n, h, d, u]
-  ), S = (i) => {
-    const s = i.target.files;
-    s != null && s.length && k(s), i.target.value = "";
-  }, C = c >= n, v = !!(e || g || C), o = t ? Aa : Ia;
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx(
-      "input",
-      {
-        ref: b,
-        type: "file",
-        multiple: !0,
-        accept: w,
-        style: { display: "none" },
-        onChange: S
-      }
-    ),
-    /* @__PURE__ */ l.jsx(
-      o,
-      {
-        type: "button",
-        disabled: v,
-        "aria-label": "Attach file",
-        title: "Attach file",
-        onClick: () => {
-          var i;
-          return (i = b.current) == null ? void 0 : i.click();
-        },
-        children: /* @__PURE__ */ l.jsx(ho, { size: 16, strokeWidth: 2 })
-      }
-    )
-  ] });
-}
 function ge() {
   return ge = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -2030,37 +1875,37 @@ function ge() {
     return e;
   }, ge.apply(this, arguments);
 }
-const Ta = ["children", "options"], jr = ["allowFullScreen", "allowTransparency", "autoComplete", "autoFocus", "autoPlay", "cellPadding", "cellSpacing", "charSet", "classId", "colSpan", "contentEditable", "contextMenu", "crossOrigin", "encType", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "frameBorder", "hrefLang", "inputMode", "keyParams", "keyType", "marginHeight", "marginWidth", "maxLength", "mediaGroup", "minLength", "noValidate", "radioGroup", "readOnly", "rowSpan", "spellCheck", "srcDoc", "srcLang", "srcSet", "tabIndex", "useMap"].reduce((e, t) => (e[t.toLowerCase()] = t, e), { class: "className", for: "htmlFor" }), Ir = { amp: "&", apos: "'", gt: ">", lt: "<", nbsp: " ", quot: "“" }, Ea = ["style", "script", "pre"], _a = ["src", "href", "data", "formAction", "srcDoc", "action"], Ma = /([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi, Ra = /mailto:/i, Da = /\n{2,}$/, Ar = /^(\s*>[\s\S]*?)(?=\n\n|$)/, Pa = /^ *> ?/gm, za = /^(?:\[!([^\]]*)\]\n)?([\s\S]*)/, Oa = /^ {2,}\n/, Na = /^(?:( *[-*_])){3,} *(?:\n *)+\n/, Tr = /^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/, Er = /^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/, Ba = /^(`+)((?:\\`|(?!\1)`|[^`])+)\1/, La = /^(?:\n *)*\n/, Fa = /\r\n?/g, Ka = /^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/, Wa = /^\[\^([^\]]+)]/, Ua = /\f/g, Ha = /^---[ \t]*\n(.|\n)*\n---[ \t]*\n/, qa = /^\s*?\[(x|\s)\]/, _r = /^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/, Mr = /^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/, Rr = /^([^\n]+)\n *(=|-){3,} *\n/, $t = /^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i, Ga = /&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi, Dr = /^<!--[\s\S]*?(?:-->)/, Ya = /^(data|aria|x)-[a-z_][a-z\d_.-]*$/, St = /^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i, Qa = /^\{.*\}$/, Va = /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/, Za = /^<([^ >]+@[^ >]+)>/, Ja = /^<([^ >]+:\/[^ >]+)>/, Xa = /-([a-z])?/gi, Pr = /^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/, es = /^[^\n]+(?:  \n|\n{2,})/, ts = /^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/, rs = /^!\[([^\]]*)\] ?\[([^\]]*)\]/, ns = /^\[([^\]]*)\] ?\[([^\]]*)\]/, os = /(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/, as = /\t/g, ss = /(^ *\||\| *$)/g, is = /^ *:-+: *$/, cs = /^ *:-+ *$/, ls = /^ *-+: *$/, pt = (e) => `(?=[\\s\\S]+?\\1${e ? "\\1" : ""})`, ft = "((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)", ds = RegExp(`^([*_])\\1${pt(1)}${ft}\\1\\1(?!\\1)`), us = RegExp(`^([*_])${pt(0)}${ft}\\1(?!\\1)`), ps = RegExp(`^(==)${pt(0)}${ft}\\1`), fs = RegExp(`^(~~)${pt(0)}${ft}\\1`), hs = /^(:[a-zA-Z0-9-_]+:)/, ms = /^\\([^0-9A-Za-z\s])/, gs = /\\([^0-9A-Za-z\s])/g, bs = /^[\s\S](?:(?!  \n|[0-9]\.|http)[^=*_~\-\n:<`\\\[!])*/, ys = /^\n+/, xs = /^([ \t]*)/, ks = /(?:^|\n)( *)$/, Yt = "(?:\\d+\\.)", Qt = "(?:[*+-])";
-function $n(e) {
-  return "( *)(" + (e === 1 ? Yt : Qt) + ") +";
+const Ca = ["children", "options"], jr = ["allowFullScreen", "allowTransparency", "autoComplete", "autoFocus", "autoPlay", "cellPadding", "cellSpacing", "charSet", "classId", "colSpan", "contentEditable", "contextMenu", "crossOrigin", "encType", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "frameBorder", "hrefLang", "inputMode", "keyParams", "keyType", "marginHeight", "marginWidth", "maxLength", "mediaGroup", "minLength", "noValidate", "radioGroup", "readOnly", "rowSpan", "spellCheck", "srcDoc", "srcLang", "srcSet", "tabIndex", "useMap"].reduce((e, t) => (e[t.toLowerCase()] = t, e), { class: "className", for: "htmlFor" }), Ir = { amp: "&", apos: "'", gt: ">", lt: "<", nbsp: " ", quot: "“" }, ja = ["style", "script", "pre"], Ia = ["src", "href", "data", "formAction", "srcDoc", "action"], Aa = /([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi, Ta = /mailto:/i, Ea = /\n{2,}$/, Ar = /^(\s*>[\s\S]*?)(?=\n\n|$)/, _a = /^ *> ?/gm, Ma = /^(?:\[!([^\]]*)\]\n)?([\s\S]*)/, Ra = /^ {2,}\n/, Pa = /^(?:( *[-*_])){3,} *(?:\n *)+\n/, Tr = /^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/, Er = /^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/, za = /^(`+)((?:\\`|(?!\1)`|[^`])+)\1/, Da = /^(?:\n *)*\n/, Oa = /\r\n?/g, Na = /^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/, Ba = /^\[\^([^\]]+)]/, La = /\f/g, Fa = /^---[ \t]*\n(.|\n)*\n---[ \t]*\n/, Wa = /^\s*?\[(x|\s)\]/, _r = /^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/, Mr = /^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/, Rr = /^([^\n]+)\n *(=|-){3,} *\n/, $t = /^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i, Ka = /&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi, Pr = /^<!--[\s\S]*?(?:-->)/, Ua = /^(data|aria|x)-[a-z_][a-z\d_.-]*$/, St = /^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i, Ha = /^\{.*\}$/, qa = /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/, Ga = /^<([^ >]+@[^ >]+)>/, Ya = /^<([^ >]+:\/[^ >]+)>/, Qa = /-([a-z])?/gi, zr = /^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/, Va = /^[^\n]+(?:  \n|\n{2,})/, Za = /^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/, Ja = /^!\[([^\]]*)\] ?\[([^\]]*)\]/, Xa = /^\[([^\]]*)\] ?\[([^\]]*)\]/, es = /(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/, ts = /\t/g, rs = /(^ *\||\| *$)/g, ns = /^ *:-+: *$/, os = /^ *:-+ *$/, as = /^ *-+: *$/, pt = (e) => `(?=[\\s\\S]+?\\1${e ? "\\1" : ""})`, ft = "((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)", ss = RegExp(`^([*_])\\1${pt(1)}${ft}\\1\\1(?!\\1)`), is = RegExp(`^([*_])${pt(0)}${ft}\\1(?!\\1)`), cs = RegExp(`^(==)${pt(0)}${ft}\\1`), ls = RegExp(`^(~~)${pt(0)}${ft}\\1`), ds = /^(:[a-zA-Z0-9-_]+:)/, us = /^\\([^0-9A-Za-z\s])/, ps = /\\([^0-9A-Za-z\s])/g, fs = /^[\s\S](?:(?!  \n|[0-9]\.|http)[^=*_~\-\n:<`\\\[!])*/, hs = /^\n+/, ms = /^([ \t]*)/, gs = /(?:^|\n)( *)$/, qt = "(?:\\d+\\.)", Gt = "(?:[*+-])";
+function wn(e) {
+  return "( *)(" + (e === 1 ? qt : Gt) + ") +";
 }
-const Sn = $n(1), Cn = $n(2);
-function jn(e) {
-  return RegExp("^" + (e === 1 ? Sn : Cn));
+const vn = wn(1), $n = wn(2);
+function Sn(e) {
+  return RegExp("^" + (e === 1 ? vn : $n));
 }
-const ws = jn(1), vs = jn(2);
-function In(e) {
-  return RegExp("^" + (e === 1 ? Sn : Cn) + "[^\\n]*(?:\\n(?!\\1" + (e === 1 ? Yt : Qt) + " )[^\\n]*)*(\\n|$)", "gm");
+const bs = Sn(1), ys = Sn(2);
+function Cn(e) {
+  return RegExp("^" + (e === 1 ? vn : $n) + "[^\\n]*(?:\\n(?!\\1" + (e === 1 ? qt : Gt) + " )[^\\n]*)*(\\n|$)", "gm");
 }
-const $s = In(1), Ss = In(2);
-function An(e) {
-  const t = e === 1 ? Yt : Qt;
+const xs = Cn(1), ks = Cn(2);
+function jn(e) {
+  const t = e === 1 ? qt : Gt;
   return RegExp("^( *)(" + t + ") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1" + t + " (?!" + t + " ))\\n*|\\s*\\n*$)");
 }
-const Tn = An(1), En = An(2);
-function zr(e, t) {
-  const r = t === 1, n = r ? Tn : En, a = r ? $s : Ss, c = r ? ws : vs;
+const In = jn(1), An = jn(2);
+function Dr(e, t) {
+  const r = t === 1, n = r ? In : An, o = r ? xs : ks, c = r ? bs : ys;
   return { t: (u) => c.test(u), o: Te(function(u, d) {
-    const h = ks.exec(d.prevCapture);
+    const h = gs.exec(d.prevCapture);
     return h && (d.list || !d.inline && !d.simple) ? n.exec(u = h[1] + u) : null;
   }), i: 1, u(u, d, h) {
-    const b = r ? +u[2] : void 0, g = u[0].replace(Da, `
-`).match(a);
+    const b = r ? +u[2] : void 0, g = u[0].replace(Ea, `
+`).match(o);
     let p = !1;
     return { items: g.map(function(w, k) {
-      const S = c.exec(w)[0].length, C = RegExp("^ {1," + S + "}", "gm"), v = w.replace(C, "").replace(c, ""), o = k === g.length - 1, i = v.indexOf(`
+      const S = c.exec(w)[0].length, C = RegExp("^ {1," + S + "}", "gm"), v = w.replace(C, "").replace(c, ""), a = k === g.length - 1, i = v.indexOf(`
 
-`) !== -1 || o && p;
+`) !== -1 || a && p;
       p = i;
       const s = h.inline, f = h.list;
       let m;
@@ -2074,7 +1919,7 @@ function zr(e, t) {
     return e("li", { key: g }, d(b, h));
   })) };
 }
-const Cs = RegExp(`^\\[((?:\\[[^\\[\\]]*(?:\\[[^\\[\\]]*\\][^\\[\\]]*)*\\]|[^\\[\\]])*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*\\)`), js = /^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;
+const ws = RegExp(`^\\[((?:\\[[^\\[\\]]*(?:\\[[^\\[\\]]*\\][^\\[\\]]*)*\\]|[^\\[\\]])*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*\\)`), vs = /^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;
 function Ne(e) {
   let t = e.length;
   for (; t > 0 && e[t - 1] <= " "; ) t--;
@@ -2083,21 +1928,21 @@ function Ne(e) {
 function Ze(e, t) {
   return e.startsWith(t);
 }
-function Is(e, t, r) {
+function $s(e, t, r) {
   if (Array.isArray(r)) {
     for (let n = 0; n < r.length; n++) if (Ze(e, r[n])) return !0;
     return !1;
   }
   return r(e, t);
 }
-function De(e) {
+function Pe(e) {
   return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g, "a").replace(/[çÇ]/g, "c").replace(/[ðÐ]/g, "d").replace(/[ÈÉÊËéèêë]/g, "e").replace(/[ÏïÎîÍíÌì]/g, "i").replace(/[Ññ]/g, "n").replace(/[øØœŒÕõÔôÓóÒò]/g, "o").replace(/[ÜüÛûÚúÙù]/g, "u").replace(/[ŸÿÝý]/g, "y").replace(/[^a-z0-9- ]/gi, "").replace(/ /gi, "-").toLowerCase();
 }
-function As(e) {
-  return ls.test(e) ? "right" : is.test(e) ? "center" : cs.test(e) ? "left" : null;
+function Ss(e) {
+  return as.test(e) ? "right" : ns.test(e) ? "center" : os.test(e) ? "left" : null;
 }
 function Or(e, t, r, n) {
-  const a = r.inTable;
+  const o = r.inTable;
   r.inTable = !0;
   let c = [[]], u = "";
   function d() {
@@ -2107,17 +1952,17 @@ function Or(e, t, r, n) {
   }
   return e.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((h, b, g) => {
     h.trim() === "|" && (d(), n) ? b !== 0 && b !== g.length - 1 && c.push([]) : u += h;
-  }), d(), r.inTable = a, c;
+  }), d(), r.inTable = o, c;
 }
-function Ts(e, t, r) {
+function Cs(e, t, r) {
   r.inline = !0;
-  const n = e[2] ? e[2].replace(ss, "").split("|").map(As) : [], a = e[3] ? function(u, d, h) {
+  const n = e[2] ? e[2].replace(rs, "").split("|").map(Ss) : [], o = e[3] ? function(u, d, h) {
     return u.trim().split(`
 `).map(function(b) {
       return Or(b, d, h, !0);
     });
-  }(e[3], t, r) : [], c = Or(e[1], t, r, !!a.length);
-  return r.inline = !1, a.length ? { align: n, cells: a, header: c, type: "25" } : { children: c, type: "21" };
+  }(e[3], t, r) : [], c = Or(e[1], t, r, !!o.length);
+  return r.inline = !1, o.length ? { align: n, cells: o, header: c, type: "25" } : { children: c, type: "21" };
 }
 function Nr(e, t) {
   return e.align[t] == null ? {} : { textAlign: e.align[t] };
@@ -2145,36 +1990,36 @@ function Ue(e) {
     return e.exec(t);
   });
 }
-const Es = /(javascript|vbscript|data(?!:image)):/i;
-function _s(e) {
+const js = /(javascript|vbscript|data(?!:image)):/i;
+function Is(e) {
   try {
     const t = decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g, "");
-    if (Es.test(t)) return null;
+    if (js.test(t)) return null;
   } catch {
     return null;
   }
   return e;
 }
 function oe(e) {
-  return e && e.replace(gs, "$1");
+  return e && e.replace(ps, "$1");
 }
 function Je(e, t, r) {
-  const n = r.inline || !1, a = r.simple || !1;
+  const n = r.inline || !1, o = r.simple || !1;
   r.inline = !0, r.simple = !0;
   const c = e(t, r);
-  return r.inline = n, r.simple = a, c;
+  return r.inline = n, r.simple = o, c;
 }
-function Ms(e, t, r) {
-  const n = r.inline || !1, a = r.simple || !1;
+function As(e, t, r) {
+  const n = r.inline || !1, o = r.simple || !1;
   r.inline = !1, r.simple = !0;
   const c = e(t, r);
-  return r.inline = n, r.simple = a, c;
+  return r.inline = n, r.simple = o, c;
 }
-function Rs(e, t, r) {
+function Ts(e, t, r) {
   const n = r.inline || !1;
   r.inline = !1;
-  const a = e(t, r);
-  return r.inline = n, a;
+  const o = e(t, r);
+  return r.inline = n, o;
 }
 const Ct = (e, t, r) => ({ children: Je(t, e[2], r) });
 function jt() {
@@ -2183,30 +2028,30 @@ function jt() {
 function It() {
   return null;
 }
-function Ds(...e) {
+function Es(...e) {
   return e.filter(Boolean).join(" ");
 }
 function At(e, t, r) {
   let n = e;
-  const a = t.split(".");
-  for (; a.length && (n = n[a[0]], n !== void 0); ) a.shift();
+  const o = t.split(".");
+  for (; o.length && (n = n[o[0]], n !== void 0); ) o.shift();
   return n || r;
 }
-function Ps(e = "", t = {}) {
+function _s(e = "", t = {}) {
   t.overrides = t.overrides || {}, t.namedCodesToUnicode = t.namedCodesToUnicode ? ge({}, Ir, t.namedCodesToUnicode) : Ir;
-  const r = t.slugify || De, n = t.sanitizer || _s, a = t.createElement || Bt.createElement, c = [Ar, Tr, Er, t.enforceAtxHeadings ? Mr : _r, Rr, Pr, Tn, En], u = [...c, es, $t, Dr, St];
-  function d(o, i, ...s) {
-    const f = At(t.overrides, o + ".props", {});
-    return a(function(m, x) {
+  const r = t.slugify || Pe, n = t.sanitizer || Is, o = t.createElement || Bt.createElement, c = [Ar, Tr, Er, t.enforceAtxHeadings ? Mr : _r, Rr, zr, In, An], u = [...c, Va, $t, Pr, St];
+  function d(a, i, ...s) {
+    const f = At(t.overrides, a + ".props", {});
+    return o(function(m, x) {
       const y = At(x, m);
       return y ? typeof y == "function" || typeof y == "object" && "render" in y ? y : At(x, m + ".component", m) : m;
-    }(o, t.overrides), ge({}, i, f, { className: Ds(i == null ? void 0 : i.className, f.className) || void 0 }), ...s);
+    }(a, t.overrides), ge({}, i, f, { className: Es(i == null ? void 0 : i.className, f.className) || void 0 }), ...s);
   }
-  function h(o) {
-    o = o.replace(Ha, "");
+  function h(a) {
+    a = a.replace(Fa, "");
     let i = !1;
-    t.forceInline ? i = !0 : t.forceBlock || (i = os.test(o) === !1);
-    const s = S(k(i ? o : Ne(o).replace(ys, "") + `
+    t.forceInline ? i = !0 : t.forceBlock || (i = es.test(a) === !1);
+    const s = S(k(i ? a : Ne(a).replace(hs, "") + `
 
 `, { inline: i }));
     for (; typeof s[s.length - 1] == "string" && !s[s.length - 1].trim(); ) s.pop();
@@ -2218,38 +2063,38 @@ function Ps(e = "", t = {}) {
       if (s.length === 1) return m = s[0], typeof m == "string" ? d("span", { key: "outer" }, m) : m;
       m = null;
     }
-    return a(f, { key: "outer" }, m);
+    return o(f, { key: "outer" }, m);
   }
-  function b(o, i) {
+  function b(a, i) {
     if (!i || !i.trim()) return null;
-    const s = i.match(Ma);
+    const s = i.match(Aa);
     return s ? s.reduce(function(f, m) {
       const x = m.indexOf("=");
       if (x !== -1) {
         const y = function(E) {
-          return E.indexOf("-") !== -1 && E.match(Ya) === null && (E = E.replace(Xa, function(W, F) {
-            return F.toUpperCase();
+          return E.indexOf("-") !== -1 && E.match(Ua) === null && (E = E.replace(Qa, function(K, L) {
+            return L.toUpperCase();
           })), E;
         }(m.slice(0, x)).trim(), A = function(E) {
-          const W = E[0];
-          return (W === '"' || W === "'") && E.length >= 2 && E[E.length - 1] === W ? E.slice(1, -1) : E;
-        }(m.slice(x + 1).trim()), M = jr[y] || y;
-        if (M === "ref") return f;
-        const j = f[M] = function(E, W, F, V) {
-          return W === "style" ? function(I) {
-            const P = [];
-            let U = "", $ = !1, D = !1, z = "";
-            if (!I) return P;
+          const K = E[0];
+          return (K === '"' || K === "'") && E.length >= 2 && E[E.length - 1] === K ? E.slice(1, -1) : E;
+        }(m.slice(x + 1).trim()), _ = jr[y] || y;
+        if (_ === "ref") return f;
+        const j = f[_] = function(E, K, L, V) {
+          return K === "style" ? function(I) {
+            const z = [];
+            let U = "", $ = !1, P = !1, D = "";
+            if (!I) return z;
             for (let R = 0; R < I.length; R++) {
               const Y = I[R];
-              if (Y !== '"' && Y !== "'" || $ || (D ? Y === z && (D = !1, z = "") : (D = !0, z = Y)), Y === "(" && U.endsWith("url") ? $ = !0 : Y === ")" && $ && ($ = !1), Y !== ";" || D || $) U += Y;
+              if (Y !== '"' && Y !== "'" || $ || (P ? Y === D && (P = !1, D = "") : (P = !0, D = Y)), Y === "(" && U.endsWith("url") ? $ = !0 : Y === ")" && $ && ($ = !1), Y !== ";" || P || $) U += Y;
               else {
                 const O = U.trim();
                 if (O) {
                   const H = O.indexOf(":");
                   if (H > 0) {
                     const Q = O.slice(0, H).trim(), J = O.slice(H + 1).trim();
-                    P.push([Q, J]);
+                    z.push([Q, J]);
                   }
                 }
                 U = "";
@@ -2260,59 +2105,59 @@ function Ps(e = "", t = {}) {
               const R = B.indexOf(":");
               if (R > 0) {
                 const Y = B.slice(0, R).trim(), O = B.slice(R + 1).trim();
-                P.push([Y, O]);
+                z.push([Y, O]);
               }
             }
-            return P;
-          }(F).reduce(function(I, [P, U]) {
-            return I[P.replace(/(-[a-z])/g, ($) => $[1].toUpperCase())] = V(U, E, P), I;
-          }, {}) : _a.indexOf(W) !== -1 ? V(oe(F), E, W) : (F.match(Qa) && (F = oe(F.slice(1, F.length - 1))), F === "true" || F !== "false" && F);
-        }(o, y, A, n);
-        typeof j == "string" && ($t.test(j) || St.test(j)) && (f[M] = h(j.trim()));
+            return z;
+          }(L).reduce(function(I, [z, U]) {
+            return I[z.replace(/(-[a-z])/g, ($) => $[1].toUpperCase())] = V(U, E, z), I;
+          }, {}) : Ia.indexOf(K) !== -1 ? V(oe(L), E, K) : (L.match(Ha) && (L = oe(L.slice(1, L.length - 1))), L === "true" || L !== "false" && L);
+        }(a, y, A, n);
+        typeof j == "string" && ($t.test(j) || St.test(j)) && (f[_] = h(j.trim()));
       } else m !== "style" && (f[jr[m] || m] = !0);
       return f;
     }, {}) : null;
   }
-  const g = [], p = {}, w = { 0: { t: [">"], o: ie(Ar), i: 1, u(o, i, s) {
-    const [, f, m] = o[0].replace(Pa, "").match(za);
+  const g = [], p = {}, w = { 0: { t: [">"], o: ie(Ar), i: 1, u(a, i, s) {
+    const [, f, m] = a[0].replace(_a, "").match(Ma);
     return { alert: f, children: i(m, s) };
-  }, l(o, i, s) {
+  }, l(a, i, s) {
     const f = { key: s.key };
-    return o.alert && (f.className = "markdown-alert-" + r(o.alert.toLowerCase(), De), o.children.unshift({ attrs: {}, children: [{ type: "27", text: o.alert }], noInnerParse: !0, type: "11", tag: "header" })), d("blockquote", f, i(o.children, s));
-  } }, 1: { o: Ue(Oa), i: 1, u: jt, l: (o, i, s) => d("br", { key: s.key }) }, 2: { t: (o) => {
-    const i = o[0];
+    return a.alert && (f.className = "markdown-alert-" + r(a.alert.toLowerCase(), Pe), a.children.unshift({ attrs: {}, children: [{ type: "27", text: a.alert }], noInnerParse: !0, type: "11", tag: "header" })), d("blockquote", f, i(a.children, s));
+  } }, 1: { o: Ue(Ra), i: 1, u: jt, l: (a, i, s) => d("br", { key: s.key }) }, 2: { t: (a) => {
+    const i = a[0];
     return i === "-" || i === "*" || i === "_";
-  }, o: ie(Na), i: 1, u: jt, l: (o, i, s) => d("hr", { key: s.key }) }, 3: { t: ["    "], o: ie(Er), i: 0, u: (o) => ({ lang: void 0, text: oe(Ne(o[0].replace(/^ {4}/gm, ""))) }), l: (o, i, s) => d("pre", { key: s.key }, d("code", ge({}, o.attrs, { className: o.lang ? "lang-" + o.lang : "" }), o.text)) }, 4: { t: ["```", "~~~"], o: ie(Tr), i: 0, u: (o) => ({ attrs: b("code", o[3] || ""), lang: o[2] || void 0, text: o[4], type: "3" }) }, 5: { t: ["`"], o: pe(Ba), i: 3, u: (o) => ({ text: oe(o[2]) }), l: (o, i, s) => d("code", { key: s.key }, o.text) }, 6: { t: ["[^"], o: ie(Ka), i: 0, u: (o) => (g.push({ footnote: o[2], identifier: o[1] }), {}), l: It }, 7: { t: ["[^"], o: ue(Wa), i: 1, u: (o) => ({ target: "#" + r(o[1], De), text: o[1] }), l: (o, i, s) => d("a", { key: s.key, href: n(o.target, "a", "href") }, d("sup", { key: s.key }, o.text)) }, 8: { t: ["[ ]", "[x]"], o: ue(qa), i: 1, u: (o) => ({ completed: o[1].toLowerCase() === "x" }), l: (o, i, s) => d("input", { checked: o.completed, key: s.key, readOnly: !0, type: "checkbox" }) }, 9: { t: ["#"], o: ie(t.enforceAtxHeadings ? Mr : _r), i: 1, u: (o, i, s) => ({ children: Je(i, o[2], s), id: r(o[2], De), level: o[1].length }), l: (o, i, s) => d("h" + o.level, { id: o.id, key: s.key }, i(o.children, s)) }, 10: { o: ie(Rr), i: 0, u: (o, i, s) => ({ children: Je(i, o[1], s), level: o[2] === "=" ? 1 : 2, type: "9" }) }, 11: { t: ["<"], o: Ue($t), i: 1, u(o, i, s) {
-    const [, f] = o[3].match(xs), m = RegExp("^" + f, "gm"), x = o[3].replace(m, ""), y = (A = x, u.some((F) => F.test(A)) ? Rs : Je);
+  }, o: ie(Pa), i: 1, u: jt, l: (a, i, s) => d("hr", { key: s.key }) }, 3: { t: ["    "], o: ie(Er), i: 0, u: (a) => ({ lang: void 0, text: oe(Ne(a[0].replace(/^ {4}/gm, ""))) }), l: (a, i, s) => d("pre", { key: s.key }, d("code", ge({}, a.attrs, { className: a.lang ? "lang-" + a.lang : "" }), a.text)) }, 4: { t: ["```", "~~~"], o: ie(Tr), i: 0, u: (a) => ({ attrs: b("code", a[3] || ""), lang: a[2] || void 0, text: a[4], type: "3" }) }, 5: { t: ["`"], o: pe(za), i: 3, u: (a) => ({ text: oe(a[2]) }), l: (a, i, s) => d("code", { key: s.key }, a.text) }, 6: { t: ["[^"], o: ie(Na), i: 0, u: (a) => (g.push({ footnote: a[2], identifier: a[1] }), {}), l: It }, 7: { t: ["[^"], o: ue(Ba), i: 1, u: (a) => ({ target: "#" + r(a[1], Pe), text: a[1] }), l: (a, i, s) => d("a", { key: s.key, href: n(a.target, "a", "href") }, d("sup", { key: s.key }, a.text)) }, 8: { t: ["[ ]", "[x]"], o: ue(Wa), i: 1, u: (a) => ({ completed: a[1].toLowerCase() === "x" }), l: (a, i, s) => d("input", { checked: a.completed, key: s.key, readOnly: !0, type: "checkbox" }) }, 9: { t: ["#"], o: ie(t.enforceAtxHeadings ? Mr : _r), i: 1, u: (a, i, s) => ({ children: Je(i, a[2], s), id: r(a[2], Pe), level: a[1].length }), l: (a, i, s) => d("h" + a.level, { id: a.id, key: s.key }, i(a.children, s)) }, 10: { o: ie(Rr), i: 0, u: (a, i, s) => ({ children: Je(i, a[1], s), level: a[2] === "=" ? 1 : 2, type: "9" }) }, 11: { t: ["<"], o: Ue($t), i: 1, u(a, i, s) {
+    const [, f] = a[3].match(ms), m = RegExp("^" + f, "gm"), x = a[3].replace(m, ""), y = (A = x, u.some((L) => L.test(A)) ? Ts : Je);
     var A;
-    const M = o[1].toLowerCase(), j = Ea.indexOf(M) !== -1, E = (j ? M : o[1]).trim(), W = { attrs: b(E, o[2]), noInnerParse: j, tag: E };
-    if (s.inAnchor = s.inAnchor || M === "a", j) W.text = o[3];
+    const _ = a[1].toLowerCase(), j = ja.indexOf(_) !== -1, E = (j ? _ : a[1]).trim(), K = { attrs: b(E, a[2]), noInnerParse: j, tag: E };
+    if (s.inAnchor = s.inAnchor || _ === "a", j) K.text = a[3];
     else {
-      const F = s.inHTML;
-      s.inHTML = !0, W.children = y(i, x, s), s.inHTML = F;
+      const L = s.inHTML;
+      s.inHTML = !0, K.children = y(i, x, s), s.inHTML = L;
     }
-    return s.inAnchor = !1, W;
-  }, l: (o, i, s) => d(o.tag, ge({ key: s.key }, o.attrs), o.text || (o.children ? i(o.children, s) : "")) }, 13: { t: ["<"], o: Ue(St), i: 1, u(o) {
-    const i = o[1].trim();
-    return { attrs: b(i, o[2] || ""), tag: i };
-  }, l: (o, i, s) => d(o.tag, ge({}, o.attrs, { key: s.key })) }, 12: { t: ["<!--"], o: Ue(Dr), i: 1, u: () => ({}), l: It }, 14: { t: ["!["], o: pe(js), i: 1, u: (o) => ({ alt: oe(o[1]), target: oe(o[2]), title: oe(o[3]) }), l: (o, i, s) => d("img", { key: s.key, alt: o.alt || void 0, title: o.title || void 0, src: n(o.target, "img", "src") }) }, 15: { t: ["["], o: ue(Cs), i: 3, u: (o, i, s) => ({ children: Ms(i, o[1], s), target: oe(o[2]), title: oe(o[3]) }), l: (o, i, s) => d("a", { key: s.key, href: n(o.target, "a", "href"), title: o.title }, i(o.children, s)) }, 16: { t: ["<"], o: ue(Ja), i: 0, u: (o) => ({ children: [{ text: o[1], type: "27" }], target: o[1], type: "15" }) }, 17: { t: (o, i) => !i.inAnchor && !t.disableAutoLink && (Ze(o, "http://") || Ze(o, "https://")), o: ue(Va), i: 0, u: (o) => ({ children: [{ text: o[1], type: "27" }], target: o[1], title: void 0, type: "15" }) }, 18: { t: ["<"], o: ue(Za), i: 0, u(o) {
-    let i = o[1], s = o[1];
-    return Ra.test(s) || (s = "mailto:" + s), { children: [{ text: i.replace("mailto:", ""), type: "27" }], target: s, type: "15" };
-  } }, 20: zr(d, 1), 33: zr(d, 2), 19: { o: ie(La), i: 3, u: jt, l: () => `
-` }, 21: { o: Te(function(o, i) {
-    if (i.inline || i.simple || i.inHTML && o.indexOf(`
+    return s.inAnchor = !1, K;
+  }, l: (a, i, s) => d(a.tag, ge({ key: s.key }, a.attrs), a.text || (a.children ? i(a.children, s) : "")) }, 13: { t: ["<"], o: Ue(St), i: 1, u(a) {
+    const i = a[1].trim();
+    return { attrs: b(i, a[2] || ""), tag: i };
+  }, l: (a, i, s) => d(a.tag, ge({}, a.attrs, { key: s.key })) }, 12: { t: ["<!--"], o: Ue(Pr), i: 1, u: () => ({}), l: It }, 14: { t: ["!["], o: pe(vs), i: 1, u: (a) => ({ alt: oe(a[1]), target: oe(a[2]), title: oe(a[3]) }), l: (a, i, s) => d("img", { key: s.key, alt: a.alt || void 0, title: a.title || void 0, src: n(a.target, "img", "src") }) }, 15: { t: ["["], o: ue(ws), i: 3, u: (a, i, s) => ({ children: As(i, a[1], s), target: oe(a[2]), title: oe(a[3]) }), l: (a, i, s) => d("a", { key: s.key, href: n(a.target, "a", "href"), title: a.title }, i(a.children, s)) }, 16: { t: ["<"], o: ue(Ya), i: 0, u: (a) => ({ children: [{ text: a[1], type: "27" }], target: a[1], type: "15" }) }, 17: { t: (a, i) => !i.inAnchor && !t.disableAutoLink && (Ze(a, "http://") || Ze(a, "https://")), o: ue(qa), i: 0, u: (a) => ({ children: [{ text: a[1], type: "27" }], target: a[1], title: void 0, type: "15" }) }, 18: { t: ["<"], o: ue(Ga), i: 0, u(a) {
+    let i = a[1], s = a[1];
+    return Ta.test(s) || (s = "mailto:" + s), { children: [{ text: i.replace("mailto:", ""), type: "27" }], target: s, type: "15" };
+  } }, 20: Dr(d, 1), 33: Dr(d, 2), 19: { o: ie(Da), i: 3, u: jt, l: () => `
+` }, 21: { o: Te(function(a, i) {
+    if (i.inline || i.simple || i.inHTML && a.indexOf(`
 
 `) === -1 && i.prevCapture.indexOf(`
 
 `) === -1) return null;
     let s = "";
-    o.split(`
+    a.split(`
 `).every((m) => (m += `
 `, !c.some((x) => x.test(m)) && (s += m, !!m.trim())));
     const f = Ne(s);
     return f === "" ? null : [s, , f];
-  }), i: 3, u: Ct, l: (o, i, s) => d("p", { key: s.key }, i(o.children, s)) }, 22: { t: ["["], o: ue(ts), i: 0, u: (o) => (p[o[1]] = { target: o[2], title: o[4] }, {}), l: It }, 23: { t: ["!["], o: pe(rs), i: 0, u: (o) => ({ alt: o[1] ? oe(o[1]) : void 0, ref: o[2] }), l: (o, i, s) => p[o.ref] ? d("img", { key: s.key, alt: o.alt, src: n(p[o.ref].target, "img", "src"), title: p[o.ref].title }) : null }, 24: { t: (o) => o[0] === "[" && o.indexOf("](") === -1, o: ue(ns), i: 0, u: (o, i, s) => ({ children: i(o[1], s), fallbackChildren: o[0], ref: o[2] }), l: (o, i, s) => p[o.ref] ? d("a", { key: s.key, href: n(p[o.ref].target, "a", "href"), title: p[o.ref].title }, i(o.children, s)) : d("span", { key: s.key }, o.fallbackChildren) }, 25: { t: ["|"], o: ie(Pr), i: 1, u: Ts, l(o, i, s) {
-    const f = o;
+  }), i: 3, u: Ct, l: (a, i, s) => d("p", { key: s.key }, i(a.children, s)) }, 22: { t: ["["], o: ue(Za), i: 0, u: (a) => (p[a[1]] = { target: a[2], title: a[4] }, {}), l: It }, 23: { t: ["!["], o: pe(Ja), i: 0, u: (a) => ({ alt: a[1] ? oe(a[1]) : void 0, ref: a[2] }), l: (a, i, s) => p[a.ref] ? d("img", { key: s.key, alt: a.alt, src: n(p[a.ref].target, "img", "src"), title: p[a.ref].title }) : null }, 24: { t: (a) => a[0] === "[" && a.indexOf("](") === -1, o: ue(Xa), i: 0, u: (a, i, s) => ({ children: i(a[1], s), fallbackChildren: a[0], ref: a[2] }), l: (a, i, s) => p[a.ref] ? d("a", { key: s.key, href: n(p[a.ref].target, "a", "href"), title: p[a.ref].title }, i(a.children, s)) : d("span", { key: s.key }, a.fallbackChildren) }, 25: { t: ["|"], o: ie(zr), i: 1, u: Cs, l(a, i, s) {
+    const f = a;
     return d("table", { key: s.key }, d("thead", null, d("tr", null, f.header.map(function(m, x) {
       return d("th", { key: x, style: Nr(f, x) }, i(m, s));
     }))), d("tbody", null, f.cells.map(function(m, x) {
@@ -2320,28 +2165,28 @@ function Ps(e = "", t = {}) {
         return d("td", { key: A, style: Nr(f, A) }, i(y, s));
       }));
     })));
-  } }, 27: { o: Te(function(o, i) {
+  } }, 27: { o: Te(function(a, i) {
     let s;
-    return Ze(o, ":") && (s = hs.exec(o)), s || bs.exec(o);
-  }), i: 4, u(o) {
-    const i = o[0];
-    return { text: i.indexOf("&") === -1 ? i : i.replace(Ga, (s, f) => t.namedCodesToUnicode[f] || s) };
-  }, l: (o) => o.text }, 28: { t: ["**", "__"], o: pe(ds), i: 2, u: (o, i, s) => ({ children: i(o[2], s) }), l: (o, i, s) => d("strong", { key: s.key }, i(o.children, s)) }, 29: { t: (o) => {
-    const i = o[0];
-    return (i === "*" || i === "_") && o[1] !== i;
-  }, o: pe(us), i: 3, u: (o, i, s) => ({ children: i(o[2], s) }), l: (o, i, s) => d("em", { key: s.key }, i(o.children, s)) }, 30: { t: ["\\"], o: pe(ms), i: 1, u: (o) => ({ text: o[1], type: "27" }) }, 31: { t: ["=="], o: pe(ps), i: 3, u: Ct, l: (o, i, s) => d("mark", { key: s.key }, i(o.children, s)) }, 32: { t: ["~~"], o: pe(fs), i: 3, u: Ct, l: (o, i, s) => d("del", { key: s.key }, i(o.children, s)) } };
+    return Ze(a, ":") && (s = ds.exec(a)), s || fs.exec(a);
+  }), i: 4, u(a) {
+    const i = a[0];
+    return { text: i.indexOf("&") === -1 ? i : i.replace(Ka, (s, f) => t.namedCodesToUnicode[f] || s) };
+  }, l: (a) => a.text }, 28: { t: ["**", "__"], o: pe(ss), i: 2, u: (a, i, s) => ({ children: i(a[2], s) }), l: (a, i, s) => d("strong", { key: s.key }, i(a.children, s)) }, 29: { t: (a) => {
+    const i = a[0];
+    return (i === "*" || i === "_") && a[1] !== i;
+  }, o: pe(is), i: 3, u: (a, i, s) => ({ children: i(a[2], s) }), l: (a, i, s) => d("em", { key: s.key }, i(a.children, s)) }, 30: { t: ["\\"], o: pe(us), i: 1, u: (a) => ({ text: a[1], type: "27" }) }, 31: { t: ["=="], o: pe(cs), i: 3, u: Ct, l: (a, i, s) => d("mark", { key: s.key }, i(a.children, s)) }, 32: { t: ["~~"], o: pe(ls), i: 3, u: Ct, l: (a, i, s) => d("del", { key: s.key }, i(a.children, s)) } };
   t.disableParsingRawHTML === !0 && (delete w[11], delete w[13]);
-  const k = function(o) {
-    var i = Object.keys(o);
+  const k = function(a) {
+    var i = Object.keys(a);
     function s(f, m) {
       var x = [];
       if (m.prevCapture = m.prevCapture || "", f.trim()) for (; f; ) for (var y = 0; y < i.length; ) {
-        var A = i[y], M = o[A];
-        if (!M.t || Is(f, m, M.t)) {
-          var j = M.o(f, m);
+        var A = i[y], _ = a[A];
+        if (!_.t || $s(f, m, _.t)) {
+          var j = _.o(f, m);
           if (j && j[0]) {
             f = f.substring(j[0].length);
-            var E = M.u(j, s, m);
+            var E = _.u(j, s, m);
             m.prevCapture += j[0], E.type || (E.type = A), x.push(E);
             break;
           }
@@ -2351,46 +2196,46 @@ function Ps(e = "", t = {}) {
       return m.prevCapture = "", x;
     }
     return i.sort(function(f, m) {
-      return o[f].i - o[m].i || (f < m ? -1 : 1);
+      return a[f].i - a[m].i || (f < m ? -1 : 1);
     }), function(f, m) {
       return s(function(x) {
-        return x.replace(Fa, `
-`).replace(Ua, "").replace(as, "    ");
+        return x.replace(Oa, `
+`).replace(La, "").replace(ts, "    ");
       }(f), m);
     };
-  }(w), S = (C = /* @__PURE__ */ function(o, i) {
+  }(w), S = (C = /* @__PURE__ */ function(a, i) {
     return function(s, f, m) {
-      const x = o[s.type].l;
+      const x = a[s.type].l;
       return i ? i(() => x(s, f, m), s, f, m) : x(s, f, m);
     };
-  }(w, t.renderRule), function o(i, s = {}) {
+  }(w, t.renderRule), function a(i, s = {}) {
     if (Array.isArray(i)) {
       const f = s.key, m = [];
       let x = !1;
       for (let y = 0; y < i.length; y++) {
         s.key = y;
-        const A = o(i[y], s), M = typeof A == "string";
-        M && x ? m[m.length - 1] += A : A !== null && m.push(A), x = M;
+        const A = a(i[y], s), _ = typeof A == "string";
+        _ && x ? m[m.length - 1] += A : A !== null && m.push(A), x = _;
       }
       return s.key = f, m;
     }
-    return C(i, o, s);
+    return C(i, a, s);
   });
   var C;
   const v = h(e);
-  return g.length ? d("div", null, v, d("footer", { key: "footer" }, g.map(function(o) {
-    return d("div", { id: r(o.identifier, De), key: o.identifier }, o.identifier, S(k(o.footnote, { inline: !0 })));
+  return g.length ? d("div", null, v, d("footer", { key: "footer" }, g.map(function(a) {
+    return d("div", { id: r(a.identifier, Pe), key: a.identifier }, a.identifier, S(k(a.footnote, { inline: !0 })));
   }))) : v;
 }
-const zs = (e) => {
-  let { children: t = "", options: r } = e, n = function(a, c) {
-    if (a == null) return {};
-    var u, d, h = {}, b = Object.keys(a);
-    for (d = 0; d < b.length; d++) c.indexOf(u = b[d]) >= 0 || (h[u] = a[u]);
+const Ms = (e) => {
+  let { children: t = "", options: r } = e, n = function(o, c) {
+    if (o == null) return {};
+    var u, d, h = {}, b = Object.keys(o);
+    for (d = 0; d < b.length; d++) c.indexOf(u = b[d]) >= 0 || (h[u] = o[u]);
     return h;
-  }(e, Ta);
-  return Bt.cloneElement(Ps(t, r), n);
-}, Os = T.div`
+  }(e, Ca);
+  return Bt.cloneElement(_s(t, r), n);
+}, Rs = T.div`
   code {
     @media (prefers-color-scheme: dark) {
       background-color: #374151 !important;
@@ -2429,9 +2274,9 @@ const zs = (e) => {
     }
   }
 `;
-function Vt({ content: e, className: t }) {
-  return /* @__PURE__ */ l.jsx(Os, { className: t, children: /* @__PURE__ */ l.jsx(
-    zs,
+function Ps({ content: e, className: t }) {
+  return /* @__PURE__ */ l.jsx(Rs, { className: t, children: /* @__PURE__ */ l.jsx(
+    Ms,
     {
       options: {
         overrides: {
@@ -2595,6 +2440,19 @@ function Vt({ content: e, className: t }) {
               target: "_blank",
               rel: "noopener noreferrer"
             }
+          },
+          img: {
+            props: {
+              style: {
+                maxWidth: "100%",
+                height: "auto",
+                borderRadius: "8px",
+                display: "block",
+                marginBottom: "10px"
+              },
+              loading: "lazy",
+              decoding: "async"
+            }
           }
         }
       },
@@ -2602,16 +2460,243 @@ function Vt({ content: e, className: t }) {
     }
   ) });
 }
+function Yt({ message: e, className: t }) {
+  const r = e.attachments || [], n = r.filter((c) => c.type === "image" && c.url), o = r.filter((c) => !(c.type === "image" && c.url));
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    n.map((c) => /* @__PURE__ */ l.jsx(
+      "img",
+      {
+        src: c.url,
+        alt: c.name || "Generated image",
+        loading: "lazy",
+        decoding: "async",
+        style: {
+          maxWidth: "100%",
+          height: "auto",
+          borderRadius: 8,
+          marginBottom: 10,
+          display: "block"
+        }
+      },
+      c.id
+    )),
+    o.length > 0 && /* @__PURE__ */ l.jsx(ke, { attachments: o, readOnly: !0 }),
+    /* @__PURE__ */ l.jsx(Ps, { content: e.content, className: t })
+  ] });
+}
+const Tn = [
+  "application/pdf",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.ms-excel",
+  "text/csv",
+  "text/plain",
+  "text/markdown",
+  "application/json",
+  "image/png",
+  "image/jpeg",
+  "image/webp",
+  "image/gif"
+], zs = {
+  ".pdf": "application/pdf",
+  ".docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  ".xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  ".xls": "application/vnd.ms-excel",
+  ".csv": "text/csv",
+  ".txt": "text/plain",
+  ".md": "text/markdown",
+  ".json": "application/json",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".webp": "image/webp",
+  ".gif": "image/gif"
+};
+function Ds(e) {
+  const t = e.lastIndexOf(".");
+  if (!(t < 0))
+    return zs[e.slice(t).toLowerCase()];
+}
+async function Qt(e) {
+  var r;
+  if (!e) return [];
+  const t = [];
+  if ((r = e.files) != null && r.length)
+    for (let n = 0; n < e.files.length; n++)
+      t.push(e.files[n]);
+  return t;
+}
+function En(e, t, r) {
+  if (e.size > t)
+    return `File too large (max ${Math.floor(t / (1024 * 1024))}MB)`;
+  if (r.includes(e.type)) return null;
+  const n = Ds(e.name);
+  return n && r.includes(n) ? null : "File type not allowed for attachments";
+}
+const Os = T.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  min-width: 36px;
+  min-height: 36px;
+  border-radius: 8px;
+  border: 1px solid #d1d5db;
+  background: #f9fafb;
+  color: #374151;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
+
+  &:hover:not(:disabled) {
+    background: #f3f4f6;
+    border-color: #9ca3af;
+  }
+
+  &:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+  }
+
+  [data-theme='dark'] & {
+    background: #374151;
+    border-color: #4b5563;
+    color: #e5e7eb;
+  }
+`, Ns = T.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+  min-height: 28px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  color: #64748b;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.2s ease, color 0.2s ease;
+
+  &:hover:not(:disabled) {
+    background: rgba(15, 23, 42, 0.06);
+    color: #334155;
+  }
+
+  &:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    color: #94a3b8;
+
+    &:hover:not(:disabled) {
+      background: rgba(255, 255, 255, 0.08);
+      color: #e2e8f0;
+    }
+  }
+
+  [data-theme='dark'] & {
+    color: #94a3b8;
+
+    &:hover:not(:disabled) {
+      background: rgba(255, 255, 255, 0.08);
+      color: #e2e8f0;
+    }
+  }
+`;
+function Vt({
+  disabled: e,
+  integrated: t = !1,
+  maxFileBytes: r,
+  maxFiles: n,
+  allowedMime: o = Tn,
+  currentCount: c,
+  uploadAttachment: u,
+  onUploaded: d,
+  onError: h
+}) {
+  const b = F.useRef(null), [g, p] = F.useState(!1), w = F.useMemo(
+    () => [
+      ".pdf,.docx,.xlsx,.xls,.csv,.txt,.md,.json",
+      "image/png,image/jpeg,image/webp,image/gif"
+    ].join(","),
+    []
+  ), k = F.useCallback(
+    async (i) => {
+      const s = Array.from(i);
+      if (!s.length) return;
+      let f = 0;
+      for (const m of s) {
+        if (c + f >= n) {
+          h == null || h(`You can attach at most ${n} files per message.`);
+          break;
+        }
+        const x = En(m, r, o);
+        if (x) {
+          h == null || h(`${m.name}: ${x}`);
+          continue;
+        }
+        try {
+          p(!0);
+          const y = await u(m);
+          d(y), f += 1;
+        } catch (y) {
+          const A = y instanceof Error ? y.message : "Upload failed";
+          h == null || h(A);
+        } finally {
+          p(!1);
+        }
+      }
+    },
+    [o, c, r, n, h, d, u]
+  ), S = (i) => {
+    const s = i.target.files;
+    s != null && s.length && k(s), i.target.value = "";
+  }, C = c >= n, v = !!(e || g || C), a = t ? Ns : Os;
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      "input",
+      {
+        ref: b,
+        type: "file",
+        multiple: !0,
+        accept: w,
+        style: { display: "none" },
+        onChange: S
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      a,
+      {
+        type: "button",
+        disabled: v,
+        "aria-label": "Attach file",
+        title: "Attach file",
+        onClick: () => {
+          var i;
+          return (i = b.current) == null ? void 0 : i.click();
+        },
+        children: /* @__PURE__ */ l.jsx(ho, { size: 16, strokeWidth: 2 })
+      }
+    )
+  ] });
+}
 const _n = T.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   background-color: white;
   border: 1px solid #e5e7eb;
   min-height: 0;
 
-  /* Scoped CSS reset to prevent host page style leakage */
+  /* Scoped CSS reset to prevent host page style leakage.
+   * Do not include textarea in this selector: it zeroed padding and beat our
+   * composer/welcome textarea styles in embedded mode (ChatWidget), while floating
+   * (ChatWindow) looked fine. Textareas are styled via ComposerInnerInput / ProfessionalInput. */
   & button,
   & input,
-  & textarea,
   & select {
     margin: 0;
     padding: 0;
@@ -2639,6 +2724,13 @@ const _n = T.div`
     background-color: #1f2937;
     border-color: #374151;
   }
+
+  /* Prefer explicit embed theme over OS dark mode so inline/embedded stays readable on colored pages */
+  &[data-theme="light"] {
+    background-color: #ffffff;
+    border-color: #e5e7eb;
+    color: #111827;
+  }
 `, he = T.div`
   max-width: 80%;
   padding: 12px;
@@ -2680,6 +2772,16 @@ const _n = T.div`
       font-weight: 700;
     }
   }
+
+  [data-theme="light"] & {
+    background-color: ${(e) => e.$isUser ? "#3b82f6" : "#f3f4f6"};
+    color: ${(e) => e.$isUser ? "#ffffff" : "#111827"};
+
+    strong, b {
+      font-weight: 600;
+      color: inherit;
+    }
+  }
 `, Zt = T.div`
   display: flex;
   flex-direction: column;
@@ -2717,9 +2819,9 @@ const _n = T.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 6px;
+  gap: 8px;
   flex-shrink: 0;
-  padding: 6px 10px;
+  padding: 8px 16px 10px;
   border-top: 1px solid #e5e7eb;
   background-color: #f9fafb;
 
@@ -2732,13 +2834,14 @@ const _n = T.div`
     border-top-color: #52525b;
     background-color: #3f3f46;
   }
-`, Ns = T.textarea`
+`, Bs = T.textarea`
   display: block;
   width: 100%;
   min-width: 0;
+  margin: 0;
   min-height: 42px;
   max-height: 96px;
-  padding: 8px 12px;
+  padding: 12px 18px;
   border: none;
   border-radius: 0;
   background-color: transparent;
@@ -2780,7 +2883,7 @@ const _n = T.div`
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 8px 12px 10px;
+  padding: 10px 16px 12px;
   border-top: 1px solid #e5e7eb;
   background-color: #ffffff;
   
@@ -2793,9 +2896,10 @@ const _n = T.div`
     background-color: #1f2937;
     border-top-color: #374151;
   }
-`, Bs = T.textarea`
+`, Ls = T.textarea`
   flex: 1;
   width: 100%;
+  margin: 0;
   min-height: 40px;
   max-height: 120px;
   padding: 8px 12px;
@@ -2852,7 +2956,7 @@ const _n = T.div`
       box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
     }
   }
-`, Ls = T.button`
+`, Fs = T.button`
   width: 32px;
   height: 32px;
   min-width: 32px;
@@ -3024,11 +3128,11 @@ const _n = T.div`
   if (e && e.startsWith("#")) {
     const r = e.replace("#", ""), n = parseInt(r, 16);
     if (isNaN(n)) return e;
-    const a = Math.max(0, Math.min(255, n >> 16 & 255) * (1 - t)), c = Math.max(0, Math.min(255, n >> 8 & 255) * (1 - t)), u = Math.max(0, Math.min(255, n & 255) * (1 - t));
-    return `#${Math.floor(a).toString(16).padStart(2, "0")}${Math.floor(c).toString(16).padStart(2, "0")}${Math.floor(u).toString(16).padStart(2, "0")}`;
+    const o = Math.max(0, Math.min(255, n >> 16 & 255) * (1 - t)), c = Math.max(0, Math.min(255, n >> 8 & 255) * (1 - t)), u = Math.max(0, Math.min(255, n & 255) * (1 - t));
+    return `#${Math.floor(o).toString(16).padStart(2, "0")}${Math.floor(c).toString(16).padStart(2, "0")}${Math.floor(u).toString(16).padStart(2, "0")}`;
   }
   return e || "#2563eb";
-}, Fs = T.button`
+}, Ws = T.button`
   position: fixed;
   z-index: 50;
   height: 48px;
@@ -3122,6 +3226,12 @@ const _n = T.div`
     background: #1f2937;
     border-color: #374151;
   }
+
+  &[data-theme="light"] {
+    background: #ffffff;
+    border-color: #e5e7eb;
+    color: #111827;
+  }
   
   @media (min-width: 640px) {
     width: 384px;
@@ -3283,7 +3393,7 @@ const rr = T.div`
   @media (prefers-color-scheme: dark) {
     color: #f87171;
   }
-`, Ws = T.div`
+`, Us = T.div`
   position: absolute;
   ${(e) => e.$position === "top" ? "top: 0;" : "bottom: 0;"}
   left: 0;
@@ -3307,7 +3417,7 @@ const rr = T.div`
       background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 50%, #3b82f6 100%);
     }
   }
-`, ke = T.img`
+`, we = T.img`
   width: ${(e) => e.$size || "32px"};
   height: ${(e) => e.$size || "32px"};
   border-radius: 50%;
@@ -3315,7 +3425,7 @@ const rr = T.div`
   flex-shrink: 0;
   border: 2px solid rgba(255, 255, 255, 0.2);
   background-color: rgba(255, 255, 255, 0.1);
-`, Us = T.div`
+`, Hs = T.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -3328,16 +3438,20 @@ const rr = T.div`
   position: relative;
   
   /* Gradient background - starts with full primary color at top, fades to background color */
-  background: ${(e) => e.$primaryColor ? `linear-gradient(to bottom, ${e.$primaryColor} 0%, ${e.$primaryColor} 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.7) 65%, rgba(255, 255, 255, 1) 100%)` : "transparent"};
+  background: ${(e) => e.$primaryColor ? `linear-gradient(to bottom, ${e.$primaryColor} 0%, ${e.$primaryColor} 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.7) 65%, rgba(255, 255, 255, 1) 100%)` : "#ffffff"};
   
   @media (prefers-color-scheme: dark) {
-    background: ${(e) => e.$primaryColor ? `linear-gradient(to bottom, ${e.$primaryColor} 0%, ${e.$primaryColor} 20%, rgba(31, 41, 55, 0.3) 45%, rgba(31, 41, 55, 0.7) 65%, rgba(31, 41, 55, 1) 100%)` : "transparent"};
+    background: ${(e) => e.$primaryColor ? `linear-gradient(to bottom, ${e.$primaryColor} 0%, ${e.$primaryColor} 20%, rgba(31, 41, 55, 0.3) 45%, rgba(31, 41, 55, 0.7) 65%, rgba(31, 41, 55, 1) 100%)` : "#1f2937"};
   }
   
   [data-theme="dark"] & {
-    background: ${(e) => e.$primaryColor ? `linear-gradient(to bottom, ${e.$primaryColor} 0%, ${e.$primaryColor} 20%, rgba(31, 41, 55, 0.3) 45%, rgba(31, 41, 55, 0.7) 65%, rgba(31, 41, 55, 1) 100%)` : "transparent"};
+    background: ${(e) => e.$primaryColor ? `linear-gradient(to bottom, ${e.$primaryColor} 0%, ${e.$primaryColor} 20%, rgba(31, 41, 55, 0.3) 45%, rgba(31, 41, 55, 0.7) 65%, rgba(31, 41, 55, 1) 100%)` : "#1f2937"};
   }
-`, Hs = T.div`
+
+  [data-theme="light"] & {
+    background: ${(e) => e.$primaryColor ? `linear-gradient(to bottom, ${e.$primaryColor} 0%, ${e.$primaryColor} 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.7) 65%, rgba(255, 255, 255, 1) 100%)` : "#ffffff"};
+  }
+`, qs = T.div`
   font-size: 18px;
   font-weight: 600;
   text-align: center;
@@ -3351,7 +3465,11 @@ const rr = T.div`
   [data-theme="dark"] & {
     color: #f9fafb;
   }
-`, qs = T.img`
+
+  [data-theme="light"] & {
+    color: #111827;
+  }
+`, Gs = T.img`
   max-width: 120px;
   max-height: 120px;
   width: auto;
@@ -3359,14 +3477,14 @@ const rr = T.div`
   object-fit: contain;
   margin-bottom: 8px;
   border-radius: 8px;
-`, Gs = T.div`
+`, Ys = T.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   width: 100%;
   max-width: 100%;
   margin-bottom: 16px;
-`, Ys = T.button`
+`, Qs = T.button`
   width: 100%;
   padding: 12px 16px;
   box-sizing: border-box;
@@ -3418,7 +3536,7 @@ const rr = T.div`
       border-color: ${(e) => e.$primaryColor || "#6b7280"};
     }
   }
-`, Qs = T.div`
+`, Vs = T.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -3434,11 +3552,11 @@ const rr = T.div`
   [data-theme="dark"] & {
     border-top-color: #374151;
   }
-`, ht = L.forwardRef(function({
+`, ht = F.forwardRef(function({
   value: t,
   onChange: r,
   onKeyDown: n,
-  placeholder: a = "Type a message...",
+  placeholder: o = "Type a message...",
   disabled: c = !1,
   className: u,
   maxLength: d = 2e3,
@@ -3448,7 +3566,7 @@ const rr = T.div`
     r(k.target.value);
   }, p = (k) => {
     k.key === "Enter" && !k.shiftKey && k.preventDefault(), n(k);
-  }, w = h === "composer" ? Ns : Bs;
+  }, w = h === "composer" ? Bs : Ls;
   return /* @__PURE__ */ l.jsx(
     w,
     {
@@ -3456,7 +3574,7 @@ const rr = T.div`
       value: t,
       onChange: g,
       onKeyDown: p,
-      placeholder: a,
+      placeholder: o,
       disabled: c,
       maxLength: d,
       className: u,
@@ -3490,22 +3608,22 @@ function mt({ size: e = 16 }) {
   );
 }
 function nr({ config: e, onQuestionClick: t, onSendMessage: r, isLoading: n }) {
-  const [a, c] = L.useState(""), u = L.useRef(null), d = async () => {
-    !a.trim() || n || (await r(a.trim()), c(""));
+  const [o, c] = F.useState(""), u = F.useRef(null), d = async () => {
+    !o.trim() || n || (await r(o.trim()), c(""));
   }, h = (g) => {
     g.key === "Enter" && !g.shiftKey && (g.preventDefault(), d());
   }, b = e.welcomeMessage || "Hi there 👋 How can we help?";
-  return /* @__PURE__ */ l.jsxs(Us, { $primaryColor: e.primaryColor, children: [
+  return /* @__PURE__ */ l.jsxs(Hs, { $primaryColor: e.primaryColor, children: [
     e.welcomeImage && /* @__PURE__ */ l.jsx(
-      qs,
+      Gs,
       {
         src: e.welcomeImage,
         alt: "Welcome"
       }
     ),
-    /* @__PURE__ */ l.jsx(Hs, { children: b }),
-    e.quickQuestions && e.quickQuestions.length > 0 && /* @__PURE__ */ l.jsx(Gs, { children: e.quickQuestions.map((g, p) => /* @__PURE__ */ l.jsx(
-      Ys,
+    /* @__PURE__ */ l.jsx(qs, { children: b }),
+    e.quickQuestions && e.quickQuestions.length > 0 && /* @__PURE__ */ l.jsx(Ys, { children: e.quickQuestions.map((g, p) => /* @__PURE__ */ l.jsx(
+      Qs,
       {
         onClick: () => t(g),
         disabled: n,
@@ -3514,12 +3632,12 @@ function nr({ config: e, onQuestionClick: t, onSendMessage: r, isLoading: n }) {
       },
       p
     )) }),
-    /* @__PURE__ */ l.jsxs(Qs, { children: [
+    /* @__PURE__ */ l.jsxs(Vs, { children: [
       /* @__PURE__ */ l.jsx(
         ht,
         {
           ref: u,
-          value: a,
+          value: o,
           onChange: c,
           onKeyDown: h,
           placeholder: e.placeholder || "Type a message...",
@@ -3527,10 +3645,10 @@ function nr({ config: e, onQuestionClick: t, onSendMessage: r, isLoading: n }) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        Ls,
+        Fs,
         {
           onClick: d,
-          disabled: n || !a.trim(),
+          disabled: n || !o.trim(),
           children: /* @__PURE__ */ l.jsx(mt, { size: 16 })
         }
       )
@@ -3539,26 +3657,26 @@ function nr({ config: e, onQuestionClick: t, onSendMessage: r, isLoading: n }) {
 }
 function or(e, t) {
   var C;
-  const r = (e.maxAttachmentSizeMB ?? 10) * 1024 * 1024, n = e.maxAttachments ?? 3, a = (C = e.allowedAttachmentTypes) != null && C.length ? e.allowedAttachmentTypes : wn, c = !!(e.enableAttachments && e.publishableKey), [u, d] = ee([]), [h, b] = ee(null), g = ae([]);
-  ze(() => {
+  const r = (e.maxAttachmentSizeMB ?? 10) * 1024 * 1024, n = e.maxAttachments ?? 3, o = (C = e.allowedAttachmentTypes) != null && C.length ? e.allowedAttachmentTypes : Tn, c = !!(e.enableAttachments && e.publishableKey), [u, d] = ee([]), [h, b] = ee(null), g = ae([]);
+  De(() => {
     g.current = u;
   }, [u]);
   const p = Z(
     async (v) => {
       if (c) {
         b(null);
-        for (const o of v) {
+        for (const a of v) {
           if (g.current.length >= n) {
             b(`At most ${n} attachments per message.`);
             break;
           }
-          const i = vn(o, r, a);
+          const i = En(a, r, o);
           if (i) {
-            b(`${o.name}: ${i}`);
+            b(`${a.name}: ${i}`);
             continue;
           }
           try {
-            const s = await t(o);
+            const s = await t(a);
             d((f) => {
               if (f.length >= n) return f;
               const m = [...f, s];
@@ -3570,19 +3688,19 @@ function or(e, t) {
         }
       }
     },
-    [a, c, r, n, t]
+    [o, c, r, n, t]
   ), w = Z((v) => {
-    d((o) => {
-      const i = o.filter((s) => s.id !== v);
+    d((a) => {
+      const i = a.filter((s) => s.id !== v);
       return g.current = i, i;
     });
   }, []), k = Z(() => {
     d([]), g.current = [], b(null);
   }, []), S = Z(
     (v) => {
-      b(null), d((o) => {
-        if (o.length >= n) return o;
-        const i = [...o, v];
+      b(null), d((a) => {
+        if (a.length >= n) return a;
+        const i = [...a, v];
         return g.current = i, i;
       });
     },
@@ -3599,7 +3717,7 @@ function or(e, t) {
     clearStaged: k,
     maxFiles: n,
     maxBytes: r,
-    allowed: a
+    allowed: o
   };
 }
 function Mn(e, t, r) {
@@ -3607,7 +3725,7 @@ function Mn(e, t, r) {
   const n = t[t.length - 1];
   return n ? !(r && n.role === "assistant" && n.id === e.id) : !0;
 }
-function Vs({ size: e = 16 }) {
+function Zs({ size: e = 16 }) {
   return /* @__PURE__ */ l.jsx(
     "svg",
     {
@@ -3624,7 +3742,7 @@ function Vs({ size: e = 16 }) {
     }
   );
 }
-function Zs({ size: e = 16 }) {
+function Js({ size: e = 16 }) {
   return /* @__PURE__ */ l.jsxs(
     "svg",
     {
@@ -3648,7 +3766,7 @@ function Zs({ size: e = 16 }) {
  *  Copyright (c) StackBlitz. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-const Js = {
+const Xs = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
    * 0 means no damping, 1 means full damping.
@@ -3669,22 +3787,22 @@ const Js = {
    * @default 1.25
    */
   mass: 1.25
-}, Xs = 70, ei = 1e3 / 60, ti = 350;
+}, ei = 70, ti = 1e3 / 60, ri = 350;
 let gt = !1;
 var Fr;
 (Fr = globalThis.document) == null || Fr.addEventListener("mousedown", () => {
   gt = !0;
 });
-var Kr;
-(Kr = globalThis.document) == null || Kr.addEventListener("mouseup", () => {
+var Wr;
+(Wr = globalThis.document) == null || Wr.addEventListener("mouseup", () => {
   gt = !1;
 });
-var Wr;
-(Wr = globalThis.document) == null || Wr.addEventListener("click", () => {
+var Kr;
+(Kr = globalThis.document) == null || Kr.addEventListener("click", () => {
   gt = !1;
 });
-const ri = (e = {}) => {
-  const [t, r] = ee(!1), [n, a] = ee(e.initial !== !1), [c, u] = ee(!1), d = ae(null);
+const ni = (e = {}) => {
+  const [t, r] = ee(!1), [n, o] = ee(e.initial !== !1), [c, u] = ee(!1), d = ae(null);
   d.current = e;
   const h = Z(() => {
     var f;
@@ -3696,7 +3814,7 @@ const ri = (e = {}) => {
     const s = i.getRangeAt(0);
     return s.commonAncestorContainer.contains(v.current) || ((f = v.current) == null ? void 0 : f.contains(s.commonAncestorContainer));
   }, []), b = Z((i) => {
-    p.isAtBottom = i, a(i);
+    p.isAtBottom = i, o(i);
   }, []), g = Z((i) => {
     p.escapedFromLock = i, r(i);
   }, []), p = Lt(() => {
@@ -3716,10 +3834,10 @@ const ri = (e = {}) => {
         v.current && (v.current.scrollTop = s, p.ignoreScrollToTop = v.current.scrollTop);
       },
       get targetScrollTop() {
-        return !v.current || !o.current ? 0 : v.current.scrollHeight - 1 - v.current.clientHeight;
+        return !v.current || !a.current ? 0 : v.current.scrollHeight - 1 - v.current.clientHeight;
       },
       get calculatedTargetScrollTop() {
-        if (!v.current || !o.current)
+        if (!v.current || !a.current)
           return 0;
         const { targetScrollTop: s } = this;
         if (!e.targetScrollTop)
@@ -3728,7 +3846,7 @@ const ri = (e = {}) => {
           return i.calculatedScrollTop;
         const f = Math.max(Math.min(e.targetScrollTop(s, {
           scrollElement: v.current,
-          contentElement: o.current
+          contentElement: a.current
         }), s), 0);
         return i = { targetScrollTop: s, calculatedScrollTop: f }, requestAnimationFrame(() => {
           i = void 0;
@@ -3738,11 +3856,11 @@ const ri = (e = {}) => {
         return this.calculatedTargetScrollTop - this.scrollTop;
       },
       get isNearBottom() {
-        return this.scrollDifference <= Xs;
+        return this.scrollDifference <= ei;
       }
     };
   }, []), w = Z((i = {}) => {
-    var M;
+    var _;
     typeof i == "string" && (i = { animation: i }), i.preserveScrollPosition || b(!0);
     const s = Date.now() + (Number(i.wait) || 0), f = _t(d.current, i.animation), { ignoreEscapes: m = !1 } = i;
     let x, y = p.calculatedTargetScrollTop;
@@ -3754,14 +3872,14 @@ const ri = (e = {}) => {
         var V;
         if (!p.isAtBottom)
           return p.animation = void 0, !1;
-        const { scrollTop: E } = p, W = performance.now(), F = (W - (p.lastTick ?? W)) / ei;
-        if (p.animation || (p.animation = { behavior: f, promise: j, ignoreEscapes: m }), p.animation.behavior === f && (p.lastTick = W), h() || s > Date.now())
+        const { scrollTop: E } = p, K = performance.now(), L = (K - (p.lastTick ?? K)) / ti;
+        if (p.animation || (p.animation = { behavior: f, promise: j, ignoreEscapes: m }), p.animation.behavior === f && (p.lastTick = K), h() || s > Date.now())
           return A();
         if (E < Math.min(y, p.calculatedTargetScrollTop)) {
           if (((V = p.animation) == null ? void 0 : V.behavior) === f) {
             if (f === "instant")
               return p.scrollTop = p.calculatedTargetScrollTop, A();
-            p.velocity = (f.damping * p.velocity + f.stiffness * p.scrollDifference) / f.mass, p.accumulated += p.velocity * F, p.scrollTop += p.accumulated, p.scrollTop !== E && (p.accumulated = 0);
+            p.velocity = (f.damping * p.velocity + f.stiffness * p.scrollDifference) / f.mass, p.accumulated += p.velocity * L, p.scrollTop += p.accumulated, p.scrollTop !== E && (p.accumulated = 0);
           }
           return A();
         }
@@ -3775,7 +3893,7 @@ const ri = (e = {}) => {
         p.animation || (p.lastTick = void 0, p.velocity = 0);
       }), E));
     };
-    return i.wait !== !0 && (p.animation = void 0), ((M = p.animation) == null ? void 0 : M.behavior) === f ? p.animation.promise : A();
+    return i.wait !== !0 && (p.animation = void 0), ((_ = p.animation) == null ? void 0 : _.behavior) === f ? p.animation.promise : A();
   }, [b, h, p]), k = Z(() => {
     g(!0), b(!1);
   }, [g, b]), S = Z(({ target: i }) => {
@@ -3810,7 +3928,7 @@ const ri = (e = {}) => {
   }, [g, b, p]), v = Br((i) => {
     var s, f;
     (s = v.current) == null || s.removeEventListener("scroll", S), (f = v.current) == null || f.removeEventListener("wheel", C), i == null || i.addEventListener("scroll", S, { passive: !0 }), i == null || i.addEventListener("wheel", C, { passive: !0 });
-  }, []), o = Br((i) => {
+  }, []), a = Br((i) => {
     var f, m;
     if ((f = p.resizeObserver) == null || f.disconnect(), !i)
       return;
@@ -3818,12 +3936,12 @@ const ri = (e = {}) => {
     p.resizeObserver = new ResizeObserver(([x]) => {
       const { height: y } = x.contentRect, A = y - (s ?? y);
       if (p.resizeDifference = A, p.scrollTop > p.targetScrollTop && (p.scrollTop = p.targetScrollTop), u(p.isNearBottom), A >= 0) {
-        const M = _t(d.current, s ? d.current.resize : d.current.initial);
+        const _ = _t(d.current, s ? d.current.resize : d.current.initial);
         w({
-          animation: M,
+          animation: _,
           wait: !0,
           preserveScrollPosition: !0,
-          duration: M === "instant" ? void 0 : ti
+          duration: _ === "instant" ? void 0 : ri
         });
       } else
         p.isNearBottom && (g(!1), b(!0));
@@ -3835,7 +3953,7 @@ const ri = (e = {}) => {
     }), (m = p.resizeObserver) == null || m.observe(i);
   }, []);
   return {
-    contentRef: o,
+    contentRef: a,
     scrollRef: v,
     scrollToBottom: w,
     stopScroll: k,
@@ -3851,35 +3969,35 @@ function Br(e, t) {
 }
 const Et = /* @__PURE__ */ new Map();
 function _t(...e) {
-  const t = { ...Js };
+  const t = { ...Xs };
   let r = !1;
-  for (const a of e) {
-    if (a === "instant") {
+  for (const o of e) {
+    if (o === "instant") {
       r = !0;
       continue;
     }
-    typeof a == "object" && (r = !1, t.damping = a.damping ?? t.damping, t.stiffness = a.stiffness ?? t.stiffness, t.mass = a.mass ?? t.mass);
+    typeof o == "object" && (r = !1, t.damping = o.damping ?? t.damping, t.stiffness = o.stiffness ?? t.stiffness, t.mass = o.mass ?? t.mass);
   }
   const n = JSON.stringify(t);
   return Et.has(n) || Et.set(n, Object.freeze(t)), r ? "instant" : Et.get(n);
 }
-const Rn = Nn(null), ni = typeof window < "u" ? On : ze;
-function ot({ instance: e, children: t, resize: r, initial: n, mass: a, damping: c, stiffness: u, targetScrollTop: d, contextRef: h, ...b }) {
+const Rn = Nn(null), oi = typeof window < "u" ? On : De;
+function ot({ instance: e, children: t, resize: r, initial: n, mass: o, damping: c, stiffness: u, targetScrollTop: d, contextRef: h, ...b }) {
   const g = ae(null), p = Bt.useCallback((m, x) => {
     const y = (f == null ? void 0 : f.targetScrollTop) ?? d;
     return (y == null ? void 0 : y(m, x)) ?? m;
-  }, [d]), w = ri({
-    mass: a,
+  }, [d]), w = ni({
+    mass: o,
     damping: c,
     stiffness: u,
     resize: r,
     initial: n,
     targetScrollTop: p
-  }), { scrollRef: k, contentRef: S, scrollToBottom: C, stopScroll: v, isAtBottom: o, escapedFromLock: i, state: s } = e ?? w, f = Lt(() => ({
+  }), { scrollRef: k, contentRef: S, scrollToBottom: C, stopScroll: v, isAtBottom: a, escapedFromLock: i, state: s } = e ?? w, f = Lt(() => ({
     scrollToBottom: C,
     stopScroll: v,
     scrollRef: k,
-    isAtBottom: o,
+    isAtBottom: a,
     escapedFromLock: i,
     contentRef: S,
     state: s,
@@ -3891,40 +4009,41 @@ function ot({ instance: e, children: t, resize: r, initial: n, mass: a, damping:
     }
   }), [
     C,
-    o,
+    a,
     S,
     k,
     v,
     i,
     s
   ]);
-  return zn(h, () => f, [f]), ni(() => {
+  return Dn(h, () => f, [f]), oi(() => {
     k.current && getComputedStyle(k.current).overflow === "visible" && (k.current.style.overflow = "auto");
   }, []), l.jsx(Rn.Provider, { value: f, children: l.jsx("div", { ...b, children: typeof t == "function" ? t(f) : t }) });
 }
 (function(e) {
   function t({ children: r, ...n }) {
-    const a = oi();
-    return l.jsx("div", { ref: a.scrollRef, style: {
+    const o = ai();
+    return l.jsx("div", { ref: o.scrollRef, style: {
       height: "100%",
       width: "100%"
-    }, children: l.jsx("div", { ...n, ref: a.contentRef, children: typeof r == "function" ? r(a) : r }) });
+    }, children: l.jsx("div", { ...n, ref: o.contentRef, children: typeof r == "function" ? r(o) : r }) });
   }
   e.Content = t;
 })(ot || (ot = {}));
-function oi() {
+function ai() {
   const e = Hr(Rn);
   if (!e)
     throw new Error("use-stick-to-bottom component context must be used within a StickToBottom component");
   return e;
 }
-const ai = T(ot)`
+const si = T(ot)`
   position: relative;
   flex: 1;
   overflow-y: auto;
   scroll-behavior: smooth;
   scrollbar-width: thin;
   scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
+  background-color: ${(e) => e.$surfaceTheme === "dark" ? "#1f2937" : "#ffffff"};
 
   &::-webkit-scrollbar {
     width: 8px;
@@ -3968,7 +4087,7 @@ const ai = T(ot)`
       background-color: rgba(100, 116, 139, 0.75);
     }
   }
-`, si = T(ot.Content)`
+`, ii = T(ot.Content)`
   padding: 16px;
 `;
 T.button`
@@ -4016,42 +4135,45 @@ function ar({
   className: e,
   children: t,
   style: r,
-  onDragOver: n,
-  onDragLeave: a,
-  onDrop: c
+  surfaceTheme: n = "light",
+  onDragOver: o,
+  onDragLeave: c,
+  onDrop: u
 }) {
+  const d = n === "dark" ? "dark" : "light";
   return /* @__PURE__ */ l.jsx(
-    ai,
+    si,
     {
       className: e,
       style: r,
+      $surfaceTheme: d,
       initial: "smooth",
       resize: "smooth",
       role: "log",
-      onDragOver: n,
-      onDragLeave: a,
-      onDrop: c,
+      onDragOver: o,
+      onDragLeave: c,
+      onDrop: u,
       children: t
     }
   );
 }
 function sr({ className: e, children: t }) {
-  return /* @__PURE__ */ l.jsx(si, { className: e, children: t });
+  return /* @__PURE__ */ l.jsx(ii, { className: e, children: t });
 }
-function ii({ config: e, chat: t }) {
+function ci({ config: e, chat: t }) {
   const {
     messages: r,
     sendMessage: n,
-    uploadAttachment: a,
+    uploadAttachment: o,
     exportMessagePdf: c,
     isLoading: u,
     error: d,
     hasSessionStarted: h
-  } = t, [b, g] = L.useState(""), [p, w] = L.useState(!1), k = L.useRef(null), {
+  } = t, [b, g] = F.useState(""), [p, w] = F.useState(!1), k = F.useRef(null), {
     enabled: S,
     staged: C,
     attachmentError: v,
-    setAttachmentError: o,
+    setAttachmentError: a,
     addFiles: i,
     appendStaged: s,
     removeStaged: f,
@@ -4059,27 +4181,27 @@ function ii({ config: e, chat: t }) {
     maxFiles: x,
     maxBytes: y,
     allowed: A
-  } = or(e, a), M = () => e.theme === "dark" ? "dark" : e.theme === "light" ? "light" : p ? "dark" : "light";
-  L.useEffect(() => {
+  } = or(e, o), _ = () => e.theme === "dark" ? "dark" : e.theme === "light" ? "light" : p ? "dark" : "light";
+  F.useEffect(() => {
     if (e.theme === "auto" || !e.theme) {
       const I = () => {
         w(window.matchMedia("(prefers-color-scheme: dark)").matches);
       };
       I();
-      const P = window.matchMedia("(prefers-color-scheme: dark)");
-      return P.addEventListener("change", I), () => P.removeEventListener("change", I);
+      const z = window.matchMedia("(prefers-color-scheme: dark)");
+      return z.addEventListener("change", I), () => z.removeEventListener("change", I);
     } else
       w(e.theme === "dark");
   }, [e.theme]);
   const j = async () => {
     const I = b.trim();
     !I && C.length === 0 || u || (await n(I, void 0, C.length ? C : void 0), g(""), m(), setTimeout(() => {
-      var P;
-      (P = k.current) == null || P.focus();
+      var z;
+      (z = k.current) == null || z.focus();
     }, 100));
   }, E = (I) => {
     I.key === "Enter" && !I.shiftKey && (I.preventDefault(), j());
-  }, W = L.useMemo(() => e.height === "100%" || e.height === "100vh" ? {
+  }, K = F.useMemo(() => e.height === "100%" || e.height === "100vh" ? {
     height: "100%",
     minHeight: 0,
     display: "flex",
@@ -4090,19 +4212,24 @@ function ii({ config: e, chat: t }) {
     display: "flex",
     flexDirection: "column",
     borderRadius: "8px"
-  }, [e.height]), F = (I) => {
+  }, [e.height]), L = (I) => {
     S && (I.preventDefault(), I.dataTransfer.dropEffect = "copy");
   }, V = async (I) => {
     if (!S) return;
     I.preventDefault();
-    const P = await qt(I.dataTransfer);
-    P.length && await i(P);
+    const z = await Qt(I.dataTransfer);
+    z.length && await i(z);
   };
   return /* @__PURE__ */ l.jsx(
     _n,
     {
-      "data-theme": M(),
-      style: W,
+      "data-theme": _(),
+      style: {
+        ...K,
+        ...e.backgroundColor ? { backgroundColor: e.backgroundColor } : {},
+        ...e.textColor ? { color: e.textColor } : {},
+        ...e.borderRadius != null && e.borderRadius !== "" ? { borderRadius: e.borderRadius } : {}
+      },
       children: e.quickQuestions && e.quickQuestions.length > 0 && !h ? /* @__PURE__ */ l.jsx(
         nr,
         {
@@ -4114,76 +4241,85 @@ function ii({ config: e, chat: t }) {
           isLoading: u
         }
       ) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(ar, { style: { flex: 1 }, onDragOver: F, onDrop: V, children: /* @__PURE__ */ l.jsxs(sr, { children: [
-          r.map((I) => /* @__PURE__ */ l.jsxs(
-            "div",
-            {
-              style: {
-                display: "flex",
-                marginBottom: "16px",
-                justifyContent: I.role === "user" ? "flex-end" : "flex-start",
-                alignItems: "flex-start",
-                gap: "8px"
-              },
-              children: [
-                I.role === "assistant" && e.agentImage && /* @__PURE__ */ l.jsx(
-                  ke,
+        /* @__PURE__ */ l.jsx(
+          ar,
+          {
+            style: { flex: 1 },
+            surfaceTheme: _(),
+            onDragOver: L,
+            onDrop: V,
+            children: /* @__PURE__ */ l.jsxs(sr, { children: [
+              r.map((I) => /* @__PURE__ */ l.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    marginBottom: "16px",
+                    justifyContent: I.role === "user" ? "flex-end" : "flex-start",
+                    alignItems: "flex-start",
+                    gap: "8px"
+                  },
+                  children: [
+                    I.role === "assistant" && e.agentImage && /* @__PURE__ */ l.jsx(
+                      we,
+                      {
+                        src: e.agentImage,
+                        alt: e.chatName || "Agent",
+                        $size: "28px"
+                      }
+                    ),
+                    I.role === "assistant" ? /* @__PURE__ */ l.jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          flexDirection: "column",
+                          alignItems: "flex-start",
+                          maxWidth: "80%"
+                        },
+                        children: [
+                          /* @__PURE__ */ l.jsx(he, { $isUser: !1, children: /* @__PURE__ */ l.jsx(Yt, { message: I }) }),
+                          Mn(I, r, u) && /* @__PURE__ */ l.jsx(
+                            kn,
+                            {
+                              content: I.content,
+                              disabled: u,
+                              onExportPdf: (z) => c(z)
+                            }
+                          )
+                        ]
+                      }
+                    ) : /* @__PURE__ */ l.jsx(he, { $isUser: !0, children: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+                      I.attachments && I.attachments.length > 0 && /* @__PURE__ */ l.jsx(ke, { attachments: I.attachments, readOnly: !0 }),
+                      I.content ? I.content : null
+                    ] }) })
+                  ]
+                },
+                I.id
+              )),
+              u && /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "8px", marginBottom: "16px" }, children: [
+                e.agentImage && /* @__PURE__ */ l.jsx(
+                  we,
                   {
                     src: e.agentImage,
                     alt: e.chatName || "Agent",
                     $size: "28px"
                   }
                 ),
-                I.role === "assistant" ? /* @__PURE__ */ l.jsxs(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "flex-start",
-                      maxWidth: "80%"
-                    },
-                    children: [
-                      /* @__PURE__ */ l.jsx(he, { $isUser: !1, children: /* @__PURE__ */ l.jsx(Vt, { content: I.content }) }),
-                      Mn(I, r, u) && /* @__PURE__ */ l.jsx(
-                        kn,
-                        {
-                          content: I.content,
-                          disabled: u,
-                          onExportPdf: (P) => c(P)
-                        }
-                      )
-                    ]
-                  }
-                ) : /* @__PURE__ */ l.jsx(he, { $isUser: !0, children: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-                  I.attachments && I.attachments.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: I.attachments, readOnly: !0 }),
-                  I.content ? I.content : null
+                /* @__PURE__ */ l.jsx(he, { $isUser: !1, children: /* @__PURE__ */ l.jsxs(tr, { children: [
+                  /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+                  /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+                  /* @__PURE__ */ l.jsx("div", { className: "dot" })
                 ] }) })
-              ]
-            },
-            I.id
-          )),
-          u && /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "8px", marginBottom: "16px" }, children: [
-            e.agentImage && /* @__PURE__ */ l.jsx(
-              ke,
-              {
-                src: e.agentImage,
-                alt: e.chatName || "Agent",
-                $size: "28px"
-              }
-            ),
-            /* @__PURE__ */ l.jsx(he, { $isUser: !1, children: /* @__PURE__ */ l.jsxs(tr, { children: [
-              /* @__PURE__ */ l.jsx("div", { className: "dot" }),
-              /* @__PURE__ */ l.jsx("div", { className: "dot" }),
-              /* @__PURE__ */ l.jsx("div", { className: "dot" })
-            ] }) })
-          ] }),
-          d && /* @__PURE__ */ l.jsx(rr, { children: d })
-        ] }) }),
+              ] }),
+              d && /* @__PURE__ */ l.jsx(rr, { children: d })
+            ] })
+          }
+        ),
         /* @__PURE__ */ l.jsxs(Xt, { style: { flexDirection: "column", alignItems: "stretch", gap: 0 }, children: [
           (v || S && C.length > 0) && /* @__PURE__ */ l.jsxs("div", { style: { paddingBottom: 8 }, children: [
             v && /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: "#dc2626", marginBottom: 4 }, children: v }),
-            S && C.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: C, onRemove: f })
+            S && C.length > 0 && /* @__PURE__ */ l.jsx(ke, { attachments: C, onRemove: f })
           ] }),
           /* @__PURE__ */ l.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ l.jsxs(Zt, { children: [
             /* @__PURE__ */ l.jsx(
@@ -4200,7 +4336,7 @@ function ii({ config: e, chat: t }) {
             ),
             /* @__PURE__ */ l.jsxs(Jt, { children: [
               /* @__PURE__ */ l.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: S && /* @__PURE__ */ l.jsx(
-                Gt,
+                Vt,
                 {
                   integrated: !0,
                   disabled: u,
@@ -4208,9 +4344,9 @@ function ii({ config: e, chat: t }) {
                   maxFiles: x,
                   allowedMime: A,
                   currentCount: C.length,
-                  uploadAttachment: a,
+                  uploadAttachment: o,
                   onUploaded: s,
-                  onError: o
+                  onError: a
                 }
               ) }),
               /* @__PURE__ */ l.jsx(
@@ -4230,7 +4366,7 @@ function ii({ config: e, chat: t }) {
     }
   );
 }
-const ci = T.div`
+const li = T.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4256,15 +4392,15 @@ const ci = T.div`
     background: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? e.$primaryColor : "#ffffff"};
     color: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? "white" : "#111827"};
   }
-`, li = T.div`
+`, di = T.div`
   display: flex;
   align-items: center;
   gap: 12px;
-`, di = T.div`
+`, ui = T.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`, ui = T.div`
+`, pi = T.div`
   width: 8px;
   height: 8px;
   background: #10b981;
@@ -4279,14 +4415,14 @@ const ci = T.div`
       opacity: 0.5;
     }
   }
-`, pi = T.span`
+`, fi = T.span`
   font-weight: 500;
   font-size: 14px;
-`, fi = T.div`
+`, hi = T.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`, hi = T.button`
+`, mi = T.button`
   padding: 4px;
   background: transparent;
   border: none;
@@ -4307,42 +4443,42 @@ const ci = T.div`
     height: 16px;
   }
 `;
-function mi({
+function gi({
   chatName: e = "Chat Assistant",
   showCloseButton: t = !0,
   onClose: r,
   agentImage: n,
-  className: a,
+  className: o,
   primaryColor: c,
   showWelcomeScreen: u = !1
 }) {
   return /* @__PURE__ */ l.jsxs(
-    ci,
+    li,
     {
-      className: a,
+      className: o,
       $primaryColor: c,
       $showWelcomeScreen: u,
       children: [
-        /* @__PURE__ */ l.jsxs(li, { children: [
+        /* @__PURE__ */ l.jsxs(di, { children: [
           n && /* @__PURE__ */ l.jsx(
-            ke,
+            we,
             {
               src: n,
               alt: e || "Agent",
               $size: "32px"
             }
           ),
-          /* @__PURE__ */ l.jsxs(di, { children: [
-            /* @__PURE__ */ l.jsx(ui, {}),
-            /* @__PURE__ */ l.jsx(pi, { children: e })
+          /* @__PURE__ */ l.jsxs(ui, { children: [
+            /* @__PURE__ */ l.jsx(pi, {}),
+            /* @__PURE__ */ l.jsx(fi, { children: e })
           ] })
         ] }),
-        /* @__PURE__ */ l.jsx(fi, { children: t && /* @__PURE__ */ l.jsx(
-          hi,
+        /* @__PURE__ */ l.jsx(hi, { children: t && /* @__PURE__ */ l.jsx(
+          mi,
           {
             onClick: r,
             "aria-label": "Close",
-            children: /* @__PURE__ */ l.jsx(Zs, { size: 16 })
+            children: /* @__PURE__ */ l.jsx(Js, { size: 16 })
           }
         ) })
       ]
@@ -4353,14 +4489,14 @@ function Lr({ config: e, chat: t }) {
   const {
     messages: r,
     sendMessage: n,
-    uploadAttachment: a,
+    uploadAttachment: o,
     exportMessagePdf: c,
     isLoading: u,
     error: d,
     isOpen: h,
     setIsOpen: b,
     hasSessionStarted: g
-  } = t, [p, w] = L.useState(""), [k, S] = L.useState(e.height || 600), [C, v] = L.useState(!1), o = L.useRef(null), {
+  } = t, [p, w] = F.useState(""), [k, S] = F.useState(e.height || 600), [C, v] = F.useState(!1), a = F.useRef(null), {
     enabled: i,
     staged: s,
     attachmentError: f,
@@ -4368,56 +4504,58 @@ function Lr({ config: e, chat: t }) {
     addFiles: x,
     appendStaged: y,
     removeStaged: A,
-    clearStaged: M,
+    clearStaged: _,
     maxFiles: j,
     maxBytes: E,
-    allowed: W
-  } = or(e, a), F = () => e.theme === "dark" ? "dark" : e.theme === "light" ? "light" : C ? "dark" : "light";
-  L.useEffect(() => {
+    allowed: K
+  } = or(e, o), L = () => e.theme === "dark" ? "dark" : e.theme === "light" ? "light" : C ? "dark" : "light";
+  F.useEffect(() => {
     if (e.theme === "auto" || !e.theme) {
       const $ = () => {
         v(window.matchMedia("(prefers-color-scheme: dark)").matches);
       };
       $();
-      const D = window.matchMedia("(prefers-color-scheme: dark)");
-      return D.addEventListener("change", $), () => D.removeEventListener("change", $);
+      const P = window.matchMedia("(prefers-color-scheme: dark)");
+      return P.addEventListener("change", $), () => P.removeEventListener("change", $);
     } else
       v(e.theme === "dark");
   }, [e.theme]);
   const V = async () => {
     const $ = p.trim();
-    !$ && s.length === 0 || u || (await n($, void 0, s.length ? s : void 0), w(""), M(), setTimeout(() => {
-      var D;
-      (D = o.current) == null || D.focus();
+    !$ && s.length === 0 || u || (await n($, void 0, s.length ? s : void 0), w(""), _(), setTimeout(() => {
+      var P;
+      (P = a.current) == null || P.focus();
     }, 100));
   }, I = ($) => {
     $.key === "Enter" && !$.shiftKey && ($.preventDefault(), V());
-  }, P = ($) => {
+  }, z = ($) => {
     i && ($.preventDefault(), $.dataTransfer.dropEffect = "copy");
   }, U = async ($) => {
     if (!i) return;
     $.preventDefault();
-    const D = await qt($.dataTransfer);
-    D.length && await x(D);
+    const P = await Qt($.dataTransfer);
+    P.length && await x(P);
   };
   return h ? /* @__PURE__ */ l.jsxs(
     Ks,
     {
       $position: e.position || "bottom-right",
-      "data-theme": F(),
+      "data-theme": L(),
       style: {
         height: k,
+        ...e.backgroundColor ? { backgroundColor: e.backgroundColor } : {},
+        ...e.textColor ? { color: e.textColor } : {},
         ...e.chatWindowStyle
       },
       children: [
         e.resizable !== !1 && /* @__PURE__ */ l.jsx(
-          Ws,
+          Us,
           {
             $position: "top",
             onMouseDown: ($) => {
               $.preventDefault();
-              const D = $.clientY, z = typeof k == "number" ? k : 600, B = (Y) => {
-                const O = Y.clientY - D, H = z - O;
+              const P = $.clientY, D = typeof k == "number" ? k : 600, B = (Y) => {
+                const O = Y.clientY - P, H = D - O;
                 S(Math.max(200, Math.min(600, H)));
               }, R = () => {
                 document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", R);
@@ -4427,7 +4565,7 @@ function Lr({ config: e, chat: t }) {
           }
         ),
         e.showHeader !== !1 && /* @__PURE__ */ l.jsx(
-          mi,
+          gi,
           {
             agentImage: e.agentImage,
             chatName: e.chatName,
@@ -4447,7 +4585,7 @@ function Lr({ config: e, chat: t }) {
             isLoading: u
           }
         ) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(ar, { onDragOver: P, onDrop: U, children: /* @__PURE__ */ l.jsxs(sr, { children: [
+          /* @__PURE__ */ l.jsx(ar, { surfaceTheme: L(), onDragOver: z, onDrop: U, children: /* @__PURE__ */ l.jsxs(sr, { children: [
             r.map(($) => /* @__PURE__ */ l.jsxs(
               "div",
               {
@@ -4460,7 +4598,7 @@ function Lr({ config: e, chat: t }) {
                 },
                 children: [
                   $.role === "assistant" && e.agentImage && /* @__PURE__ */ l.jsx(
-                    ke,
+                    we,
                     {
                       src: e.agentImage,
                       alt: e.chatName || "Agent",
@@ -4477,19 +4615,19 @@ function Lr({ config: e, chat: t }) {
                         maxWidth: "80%"
                       },
                       children: [
-                        /* @__PURE__ */ l.jsx(he, { $isUser: !1, children: /* @__PURE__ */ l.jsx(Vt, { content: $.content }) }),
+                        /* @__PURE__ */ l.jsx(he, { $isUser: !1, children: /* @__PURE__ */ l.jsx(Yt, { message: $ }) }),
                         Mn($, r, u) && /* @__PURE__ */ l.jsx(
                           kn,
                           {
                             content: $.content,
                             disabled: u,
-                            onExportPdf: (D) => c(D)
+                            onExportPdf: (P) => c(P)
                           }
                         )
                       ]
                     }
                   ) : /* @__PURE__ */ l.jsx(he, { $isUser: !0, children: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-                    $.attachments && $.attachments.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: $.attachments, readOnly: !0 }),
+                    $.attachments && $.attachments.length > 0 && /* @__PURE__ */ l.jsx(ke, { attachments: $.attachments, readOnly: !0 }),
                     $.content ? $.content : null
                   ] }) })
                 ]
@@ -4498,7 +4636,7 @@ function Lr({ config: e, chat: t }) {
             )),
             u && /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "8px", marginBottom: "16px" }, children: [
               e.agentImage && /* @__PURE__ */ l.jsx(
-                ke,
+                we,
                 {
                   src: e.agentImage,
                   alt: e.chatName || "Agent",
@@ -4516,13 +4654,13 @@ function Lr({ config: e, chat: t }) {
           /* @__PURE__ */ l.jsxs(Xt, { style: { flexDirection: "column", alignItems: "stretch", gap: 0 }, children: [
             (f || i && s.length > 0) && /* @__PURE__ */ l.jsxs("div", { style: { paddingBottom: 8 }, children: [
               f && /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: "#dc2626", marginBottom: 4 }, children: f }),
-              i && s.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: s, onRemove: A })
+              i && s.length > 0 && /* @__PURE__ */ l.jsx(ke, { attachments: s, onRemove: A })
             ] }),
             /* @__PURE__ */ l.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ l.jsxs(Zt, { children: [
               /* @__PURE__ */ l.jsx(
                 ht,
                 {
-                  ref: o,
+                  ref: a,
                   variant: "composer",
                   value: p,
                   onChange: w,
@@ -4533,15 +4671,15 @@ function Lr({ config: e, chat: t }) {
               ),
               /* @__PURE__ */ l.jsxs(Jt, { children: [
                 /* @__PURE__ */ l.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: i && /* @__PURE__ */ l.jsx(
-                  Gt,
+                  Vt,
                   {
                     integrated: !0,
                     disabled: u,
                     maxFileBytes: E,
                     maxFiles: j,
-                    allowedMime: W,
+                    allowedMime: K,
                     currentCount: s.length,
-                    uploadAttachment: a,
+                    uploadAttachment: o,
                     onUploaded: y,
                     onError: m
                   }
@@ -4563,7 +4701,7 @@ function Lr({ config: e, chat: t }) {
       ]
     }
   ) : /* @__PURE__ */ l.jsxs(
-    Fs,
+    Ws,
     {
       onClick: () => b(!0),
       style: e.buttonStyle,
@@ -4571,37 +4709,37 @@ function Lr({ config: e, chat: t }) {
       $primaryColor: e.primaryColor,
       "aria-label": "Open chat",
       children: [
-        /* @__PURE__ */ l.jsx("div", { className: "icon-container", children: /* @__PURE__ */ l.jsx(Vs, { size: 16 }) }),
+        /* @__PURE__ */ l.jsx("div", { className: "icon-container", children: /* @__PURE__ */ l.jsx(Zs, { size: 16 }) }),
         /* @__PURE__ */ l.jsx("span", { children: e.buttonText || e.chatName || "AI Chat" })
       ]
     }
   );
 }
-function vi(e) {
+function $i(e) {
   const t = Zn(e), r = Vn(t);
   switch (t.mode) {
     case "floating":
       return /* @__PURE__ */ l.jsx(Lr, { config: t, chat: r });
     case "embedded":
-      return /* @__PURE__ */ l.jsx(ii, { config: t, chat: r });
+      return /* @__PURE__ */ l.jsx(ci, { config: t, chat: r });
     default:
       return /* @__PURE__ */ l.jsx(Lr, { config: t, chat: r });
   }
 }
-function $i({ config: e, chat: t }) {
-  const { messages: r, sendMessage: n, uploadAttachment: a, isLoading: c, error: u, hasSessionStarted: d } = t, [h, b] = L.useState(""), g = L.useRef(null), {
+function Si({ config: e, chat: t }) {
+  const { messages: r, sendMessage: n, uploadAttachment: o, isLoading: c, error: u, hasSessionStarted: d } = t, [h, b] = F.useState(""), g = F.useRef(null), {
     enabled: p,
     staged: w,
     attachmentError: k,
     setAttachmentError: S,
     addFiles: C,
     appendStaged: v,
-    removeStaged: o,
+    removeStaged: a,
     clearStaged: i,
     maxFiles: s,
     maxBytes: f,
     allowed: m
-  } = or(e, a), x = async () => {
+  } = or(e, o), x = async () => {
     const j = h.trim();
     !j && w.length === 0 || c || (await n(j, void 0, w.length ? w : void 0), b(""), i(), setTimeout(() => {
       var E;
@@ -4611,15 +4749,16 @@ function $i({ config: e, chat: t }) {
     j.key === "Enter" && !j.shiftKey && (j.preventDefault(), x());
   }, A = (j) => {
     p && (j.preventDefault(), j.dataTransfer.dropEffect = "copy");
-  }, M = async (j) => {
+  }, _ = async (j) => {
     if (!p) return;
     j.preventDefault();
-    const E = await qt(j.dataTransfer);
+    const E = await Qt(j.dataTransfer);
     E.length && await C(E);
   };
   return /* @__PURE__ */ l.jsx(
     _n,
     {
+      "data-theme": "light",
       style: {
         height: e.height,
         display: "flex",
@@ -4639,7 +4778,7 @@ function $i({ config: e, chat: t }) {
           isLoading: c
         }
       ) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(ar, { style: { flex: 1 }, onDragOver: A, onDrop: M, children: /* @__PURE__ */ l.jsxs(sr, { children: [
+        /* @__PURE__ */ l.jsx(ar, { style: { flex: 1 }, surfaceTheme: "light", onDragOver: A, onDrop: _, children: /* @__PURE__ */ l.jsxs(sr, { children: [
           r.map((j) => /* @__PURE__ */ l.jsxs(
             "div",
             {
@@ -4652,15 +4791,15 @@ function $i({ config: e, chat: t }) {
               },
               children: [
                 j.role === "assistant" && e.agentImage && /* @__PURE__ */ l.jsx(
-                  ke,
+                  we,
                   {
                     src: e.agentImage,
                     alt: e.chatName || "Agent",
                     $size: "28px"
                   }
                 ),
-                /* @__PURE__ */ l.jsx(he, { $isUser: j.role === "user", children: j.role === "assistant" ? /* @__PURE__ */ l.jsx(Vt, { content: j.content }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-                  j.attachments && j.attachments.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: j.attachments, readOnly: !0 }),
+                /* @__PURE__ */ l.jsx(he, { $isUser: j.role === "user", children: j.role === "assistant" ? /* @__PURE__ */ l.jsx(Yt, { message: j }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+                  j.attachments && j.attachments.length > 0 && /* @__PURE__ */ l.jsx(ke, { attachments: j.attachments, readOnly: !0 }),
                   j.content ? j.content : null
                 ] }) })
               ]
@@ -4669,7 +4808,7 @@ function $i({ config: e, chat: t }) {
           )),
           c && /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "8px", marginBottom: "12px" }, children: [
             e.agentImage && /* @__PURE__ */ l.jsx(
-              ke,
+              we,
               {
                 src: e.agentImage,
                 alt: e.chatName || "Agent",
@@ -4687,7 +4826,7 @@ function $i({ config: e, chat: t }) {
         /* @__PURE__ */ l.jsxs(Xt, { style: { flexDirection: "column", alignItems: "stretch", gap: 0 }, children: [
           (k || p && w.length > 0) && /* @__PURE__ */ l.jsxs("div", { style: { paddingBottom: 8 }, children: [
             k && /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: "#dc2626", marginBottom: 4 }, children: k }),
-            p && w.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: w, onRemove: o })
+            p && w.length > 0 && /* @__PURE__ */ l.jsx(ke, { attachments: w, onRemove: a })
           ] }),
           /* @__PURE__ */ l.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ l.jsxs(Zt, { children: [
             /* @__PURE__ */ l.jsx(
@@ -4704,7 +4843,7 @@ function $i({ config: e, chat: t }) {
             ),
             /* @__PURE__ */ l.jsxs(Jt, { children: [
               /* @__PURE__ */ l.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: p && /* @__PURE__ */ l.jsx(
-                Gt,
+                Vt,
                 {
                   integrated: !0,
                   disabled: c,
@@ -4712,7 +4851,7 @@ function $i({ config: e, chat: t }) {
                   maxFiles: s,
                   allowedMime: m,
                   currentCount: w.length,
-                  uploadAttachment: a,
+                  uploadAttachment: o,
                   onUploaded: v,
                   onError: S
                 }
@@ -4735,17 +4874,17 @@ function $i({ config: e, chat: t }) {
   );
 }
 export {
-  ii as EmbeddedChat,
+  ci as EmbeddedChat,
   Lr as FloatingChat,
-  $i as InlineChat,
-  Vt as MarkdownRenderer,
+  Si as InlineChat,
+  Ps as MarkdownRenderer,
   Gn as OrdifyApiClient,
-  vi as OrdifyChat,
-  ki as debounce,
-  xi as formatTime,
+  $i as OrdifyChat,
+  wi as debounce,
+  ki as formatTime,
   He as generateId,
   Yn as parseStreamingResponse,
-  wi as throttle,
+  vi as throttle,
   Vn as useOrdifyChat,
   Zn as useOrdifyConfig,
   or as useWidgetAttachmentStaging