ordify-chat-widget 1.0.44 → 1.0.46

package/dist/index.esm.js

@@ -0,0 +1,4482 @@
+var An = Object.defineProperty;
+var Tn = (e, t, r) => t in e ? An(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var gt = (e, t, r) => Tn(e, typeof t != "symbol" ? t + "" : t, r);
+import * as Ot from "react";
+import F, { useState as J, useRef as ae, useEffect as De, useCallback as Z, useMemo as Bt, forwardRef as Lr, createElement as Ze, useContext as Fr, useImperativeHandle as En, useLayoutEffect as Mn, createContext as _n } from "react";
+var Kr = { exports: {} }, nt = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Rn = F, zn = Symbol.for("react.element"), Dn = Symbol.for("react.fragment"), Nn = Object.prototype.hasOwnProperty, On = Rn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Bn = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Wr(e, t, r) {
+  var n, a = {}, 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) Nn.call(t, n) && !Bn.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: zn, type: e, key: c, ref: u, props: a, _owner: On.current };
+}
+nt.Fragment = Dn;
+nt.jsx = Wr;
+nt.jsxs = Wr;
+Kr.exports = nt;
+var l = Kr.exports;
+function We() {
+  return Math.random().toString(36).substr(2, 9);
+}
+function si(e) {
+  return new Intl.DateTimeFormat("en-US", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !0
+  }).format(e);
+}
+function ii(e, t) {
+  let r;
+  return (...n) => {
+    clearTimeout(r), r = setTimeout(() => e(...n), t);
+  };
+}
+function ci(e, t) {
+  let r;
+  return (...n) => {
+    r || (e(...n), r = !0, setTimeout(() => r = !1, t));
+  };
+}
+function Pn(e) {
+  return {
+    id: e.id,
+    name: e.name,
+    url: e.url,
+    content_type: e.content_type,
+    type: e.type,
+    size: e.size ?? null,
+    preview: null,
+    oauth_token: null
+  };
+}
+class Ln {
+  constructor(t) {
+    gt(this, "config");
+    gt(this, "warnedLegacyApiKey", !1);
+    if (this.config = t, !this.config.publishableKey && !this.config.apiKey)
+      throw new Error("Either publishableKey or apiKey is required.");
+    this.config.publishableKey && this.config.apiKey && console.warn("[Ordify] Both publishableKey and apiKey provided. publishableKey will be used.");
+  }
+  usePublishableKey() {
+    return !!this.config.publishableKey;
+  }
+  maybeWarnLegacyApiKey() {
+    this.usePublishableKey() || this.warnedLegacyApiKey || (this.warnedLegacyApiKey = !0, console.warn(
+      "[Ordify] Using legacy apiKey in browser. For production embeds, use publishableKey from user settings."
+    ));
+  }
+  getAuthHeaders(t = !1) {
+    return this.usePublishableKey() ? {
+      ...t ? { "Content-Type": "application/json" } : {},
+      "x-ordify-publishable-key": this.config.publishableKey,
+      accept: "application/json"
+    } : (this.maybeWarnLegacyApiKey(), {
+      ...t ? { "Content-Type": "application/json" } : {},
+      "api-key": this.config.apiKey,
+      accept: "application/json"
+    });
+  }
+  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(Pn) : void 0, h = {
+      message: t,
+      sessionId: r,
+      context: n
+    };
+    d != null && d.length && (h.attachments = d, h.use_document_understanding = d.some(
+      (b) => b.type === "document" || !b.type && !String(b.content_type || "").startsWith("image/")
+    ));
+    const g = await fetch(u, {
+      method: "POST",
+      headers: this.getAuthHeaders(!0),
+      body: JSON.stringify(h)
+    });
+    if (!g.ok) {
+      const b = await g.json();
+      throw new Error(`API Error: ${b.detail}`);
+    }
+    if (!g.body)
+      throw new Error("No response body");
+    return g.body;
+  }
+  /**
+   * Upload a file for widget chat. Requires publishableKey (browser-safe auth).
+   */
+  async uploadAttachment(t) {
+    if (!this.usePublishableKey())
+      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, {
+      method: "POST",
+      headers: this.getAuthHeaders(!1),
+      body: n
+    });
+    if (!a.ok) {
+      let u = `HTTP ${a.status}`;
+      try {
+        u = (await a.json()).detail || u;
+      } catch {
+      }
+      throw new Error(`API Error: ${u}`);
+    }
+    const c = await a.json();
+    if (!(c != null && c.url) || !(c != null && c.content_type) || !(c != null && c.name))
+      throw new Error("Invalid attachment response from server");
+    return {
+      id: c.id,
+      name: c.name,
+      type: c.type === "image" ? "image" : "document",
+      url: c.url,
+      content_type: c.content_type,
+      size: c.size,
+      preview: c.preview
+    };
+  }
+  async createSession() {
+    const t = this.usePublishableKey() ? "/widget/sessions" : "/sessions", r = `${this.config.apiBaseUrl}${t}`, n = await fetch(r, {
+      method: "POST",
+      headers: this.getAuthHeaders(!0),
+      body: JSON.stringify({
+        name: "Chat Session",
+        agentConfig: {
+          type: "chat",
+          settings: null
+        }
+      })
+    });
+    if (!n.ok) {
+      const a = await n.json();
+      throw new Error(`API Error: ${a.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, {
+      method: "GET",
+      headers: this.getAuthHeaders()
+    });
+    if (!a.ok) {
+      const c = await a.json();
+      throw new Error(`API Error: ${c.detail}`);
+    }
+    return a.json();
+  }
+  /** @deprecated Use the Ordify dashboard to list agents. Will be removed in a future major version. */
+  async getAgents() {
+    if (!this.config.apiKey)
+      throw new Error("[Ordify] getAgents() requires apiKey and is not supported with publishableKey.");
+    const t = `${this.config.apiBaseUrl}/chat/agents`, r = await fetch(t, {
+      method: "GET",
+      headers: { "api-key": this.config.apiKey, accept: "application/json" }
+    });
+    if (!r.ok) {
+      const a = await r.json();
+      throw new Error(`API Error: ${a.detail}`);
+    }
+    return (await r.json()).agents || [];
+  }
+  /** @deprecated Use sessionId prop to load sessions. Will be removed in a future major version. */
+  async getSessions() {
+    if (!this.config.apiKey)
+      throw new Error("[Ordify] getSessions() requires apiKey and is not supported with publishableKey.");
+    const t = `${this.config.apiBaseUrl}/sessions`, r = await fetch(t, {
+      method: "GET",
+      headers: { "api-key": this.config.apiKey, accept: "application/json" }
+    });
+    if (!r.ok) {
+      const n = await r.json();
+      throw new Error(`API Error: ${n.detail}`);
+    }
+    return r.json();
+  }
+}
+function Fn(e) {
+  try {
+    if (e.startsWith("data: ")) {
+      const t = e.slice(6).trim();
+      if (t === "[DONE]" || t === "")
+        return { text: "", sessionId: "", type: "done" };
+      const r = JSON.parse(t);
+      return r.done ? { text: "", sessionId: r.sessionId || "", type: "done" } : r;
+    }
+  } catch (t) {
+    console.warn("Failed to parse streaming response:", t);
+  }
+  return null;
+}
+function ar(e) {
+  const t = (e.attachments || []).map((r) => r.id).join("|");
+  return `${e.role}:${e.content.trim()}:${t}`;
+}
+function Kn(e) {
+  const t = e.attachments;
+  if (!t || !Array.isArray(t) || t.length === 0) return;
+  const r = [];
+  for (const n of t) {
+    const a = n.url || "";
+    a && r.push({
+      id: n.id || We(),
+      name: String(n.name || "attachment"),
+      type: n.type === "image" ? "image" : "document",
+      url: a,
+      content_type: String(n.content_type || n.contentType || "application/octet-stream"),
+      size: n.size,
+      preview: n.preview
+    });
+  }
+  return r.length ? r : void 0;
+}
+function Wn(e) {
+  const [t, r] = J([]), [n, a] = J(!1), [c, u] = J(null), [d, h] = J(e.sessionId || null), [g, b] = J(!1), [p, w] = J(!1), [k, $] = J(!1), [j, S] = J(!1), [o, i] = J(!1), s = ae(null), f = ae(""), m = ae(!1), y = ae(!1), x = ae(!1), A = `${e.publishableKey ?? ""}|${e.apiKey ?? ""}|${e.apiBaseUrl ?? ""}|${e.agentId}`;
+  f.current !== A && (s.current = null, f.current = A), s.current || (s.current = new Ln({
+    publishableKey: e.publishableKey,
+    apiKey: e.apiKey,
+    apiBaseUrl: e.apiBaseUrl || "https://api.ordify.ai",
+    agentId: e.agentId
+  }));
+  const M = ae(null), C = ae(/* @__PURE__ */ new Set());
+  De(() => {
+    if (e.sessionId && e.sessionId !== d) {
+      const I = C.current.has(e.sessionId);
+      h(e.sessionId), y.current = !1, M.current = null, $(!1), I || r([]);
+    }
+  }, [e.sessionId]), De(() => {
+    (async () => {
+      const D = d || e.sessionId;
+      if (x.current || n)
+        return;
+      if (!D) {
+        y.current = !0, M.current = null, $(!1);
+        return;
+      }
+      if (M.current === D)
+        return;
+      if (C.current.has(D) && t.length > 0 && !y.current) {
+        y.current = !0, M.current = D, S(!1);
+        return;
+      }
+      M.current = D, S(!0);
+      try {
+        const v = await s.current.getSessionWithMessages(D);
+        if (v.messages && v.messages.length > 0) {
+          const N = v.messages.map((R) => ({
+            id: R.id || We(),
+            content: R.content || "",
+            role: R.role === "assistant" ? "assistant" : "user",
+            timestamp: R.timestamp ? new Date(R.timestamp) : /* @__PURE__ */ new Date(),
+            sessionId: D,
+            attachments: Kn(R)
+          }));
+          r((R) => {
+            if (R.length > 0) {
+              const W = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map();
+              return R.forEach((z) => {
+                W.set(z.id, z);
+                const U = ar(z);
+                O.has(U) || O.set(U, z);
+              }), N.forEach((z) => {
+                const U = ar(z);
+                !W.has(z.id) && !O.has(U) ? (W.set(z.id, z), O.set(U, z)) : W.has(z.id) && W.set(z.id, z);
+              }), Array.from(W.values()).sort(
+                (z, U) => z.timestamp.getTime() - U.timestamp.getTime()
+              );
+            }
+            return N;
+          }), $(!0), i(!0);
+        } else
+          $(!1);
+      } catch (v) {
+        console.warn("Failed to load session history:", v), $(!1), v instanceof Error && v.message.includes("404") && (h(null), M.current = null);
+      } finally {
+        S(!1), y.current = !0;
+      }
+    })();
+  }, [d, e.sessionId]);
+  const E = Z(() => {
+    u(null);
+  }, []), K = Z(async (I) => {
+    if (!s.current)
+      throw new Error("API client not initialized");
+    return s.current.uploadAttachment(I);
+  }, []), P = Z(
+    async (I, D, H) => {
+      const v = I.trim(), N = !!(H && H.length > 0);
+      if (!(!v && !N || n)) {
+        a(!0), u(null);
+        try {
+          const R = H != null && H.length ? H.map((V) => ({ ...V })) : void 0, W = {
+            id: We(),
+            content: v,
+            role: "user",
+            timestamp: /* @__PURE__ */ new Date(),
+            sessionId: d || void 0,
+            attachments: R
+          };
+          r((V) => [...V, W]), i(!0);
+          let O = d || e.sessionId || null;
+          O ? O !== d && h(O) : (O = (await s.current.createSession()).id, C.current.add(O), e.onSessionCreated && e.onSessionCreated(O)), x.current = !0;
+          const z = (await s.current.sendMessage(
+            v || "(see attachments)",
+            O,
+            D,
+            R
+          )).getReader(), U = new TextDecoder();
+          let Q = {
+            id: We(),
+            content: "",
+            role: "assistant",
+            timestamp: /* @__PURE__ */ new Date(),
+            sessionId: O
+          };
+          for (r((V) => [...V, Q]); ; ) {
+            const { done: V, value: ie } = await z.read();
+            if (V) break;
+            const ce = U.decode(ie, { stream: !0 }).split(`
+`);
+            for (const ke of ce) {
+              if (!ke.trim()) continue;
+              const ne = Fn(ke);
+              if (ne) {
+                if (ne.type === "stream" && ne.text)
+                  Q.content += ne.text, r((ee) => ee.find((_e) => _e.id === Q.id) ? ee.map(
+                    (_e) => _e.id === Q.id ? { ..._e, content: Q.content } : _e
+                  ) : [...ee, { ...Q, content: Q.content }]);
+                else if (ne.type === "done")
+                  break;
+              }
+            }
+          }
+          O && O !== d && h(O), e.onMessage && e.onMessage(Q);
+        } catch (R) {
+          const W = R instanceof Error ? R.message : "Failed to send message";
+          u(W), e.onError && e.onError(R instanceof Error ? R : new Error(W));
+        } finally {
+          x.current = !1, a(!1);
+        }
+      }
+    },
+    [e.onSessionCreated, e.onMessage, e.onError, e.sessionId, n, d]
+  );
+  return De(() => {
+    const D = !(d || e.sessionId) || !k, H = e.quickQuestions && e.quickQuestions.length > 0;
+    if ((e.initialMessage || e.initialContext) && D && !p && !n && !j && !m.current && y.current && !H) {
+      w(!0), m.current = !0;
+      let v, N;
+      if (e.initialMessage && e.initialContext)
+        v = e.initialMessage, N = e.initialContext;
+      else if (e.initialMessage)
+        v = e.initialMessage, N = void 0;
+      else if (e.initialContext)
+        v = "Hi", N = e.initialContext;
+      else
+        return;
+      setTimeout(() => {
+        P(v, N);
+      }, 0);
+    }
+  }, [e.initialMessage, e.initialContext, p, n, j, k, d, e.sessionId, P]), {
+    messages: t,
+    sendMessage: P,
+    uploadAttachment: K,
+    isLoading: n,
+    error: c,
+    clearError: E,
+    sessionId: d,
+    isOpen: g,
+    setIsOpen: b,
+    hasSessionStarted: o
+  };
+}
+function Un(e) {
+  return Bt(() => {
+    const t = e.agentId || process.env.ORDIFY_AGENT_ID, r = e.publishableKey || process.env.ORDIFY_PUBLISHABLE_KEY, n = e.apiKey || process.env.ORDIFY_API_KEY, a = e.apiBaseUrl || process.env.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)
+      throw new Error(
+        "Ordify credentials are required. Provide publishableKey (recommended) or apiKey."
+      );
+    return {
+      agentId: t,
+      publishableKey: r,
+      apiKey: n,
+      apiBaseUrl: a,
+      mode: e.mode || "floating",
+      position: e.position || "bottom-right",
+      theme: e.theme || "auto",
+      placeholder: e.placeholder || "Type a message...",
+      height: e.height || "500px",
+      className: e.className || "",
+      buttonStyle: e.buttonStyle || {},
+      chatWindowStyle: e.chatWindowStyle || {},
+      showHeader: e.showHeader !== !1,
+      buttonText: e.buttonText,
+      chatName: e.chatName,
+      primaryColor: e.primaryColor,
+      agentImage: e.agentImage,
+      onMessage: e.onMessage,
+      onError: e.onError,
+      onClose: e.onClose,
+      onSessionCreated: e.onSessionCreated,
+      initialMessage: e.initialMessage,
+      initialContext: e.initialContext,
+      sessionId: e.sessionId,
+      quickQuestions: e.quickQuestions,
+      welcomeMessage: e.welcomeMessage,
+      welcomeImage: e.welcomeImage,
+      enableAttachments: e.enableAttachments,
+      maxAttachmentSizeMB: e.maxAttachmentSizeMB,
+      maxAttachments: e.maxAttachments,
+      allowedAttachmentTypes: e.allowedAttachmentTypes
+    };
+  }, [e]);
+}
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Hn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), qn = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
+), sr = (e) => {
+  const t = qn(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, Ur = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim(), Gn = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var Yn = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qn = Lr(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: n,
+    className: a = "",
+    children: c,
+    iconNode: u,
+    ...d
+  }, h) => Ze(
+    "svg",
+    {
+      ref: h,
+      ...Yn,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: n ? Number(r) * 24 / Number(t) : r,
+      className: Ur("lucide", a),
+      ...!c && !Gn(d) && { "aria-hidden": "true" },
+      ...d
+    },
+    [
+      ...u.map(([g, b]) => Ze(g, b)),
+      ...Array.isArray(c) ? c : [c]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ot = (e, t) => {
+  const r = Lr(
+    ({ className: n, ...a }, c) => Ze(Qn, {
+      ref: c,
+      iconNode: t,
+      className: Ur(
+        `lucide-${Hn(sr(e))}`,
+        `lucide-${e}`,
+        n
+      ),
+      ...a
+    })
+  );
+  return r.displayName = sr(e), r;
+};
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vn = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+], Zn = ot("file-text", Vn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Jn = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], Xn = ot("image", Jn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const eo = [
+  [
+    "path",
+    {
+      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+      key: "1miecu"
+    }
+  ]
+], to = ot("paperclip", eo);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ro = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], no = ot("x", ro);
+var X = function() {
+  return X = Object.assign || function(t) {
+    for (var r, n = 1, a = arguments.length; n < a; n++) {
+      r = arguments[n];
+      for (var c in r) Object.prototype.hasOwnProperty.call(r, c) && (t[c] = r[c]);
+    }
+    return t;
+  }, X.apply(this, arguments);
+};
+function Je(e, t, r) {
+  if (r || arguments.length === 2) for (var n = 0, a = t.length, c; n < a; 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 L = "-ms-", Ne = "-moz-", B = "-webkit-", Hr = "comm", at = "rule", Pt = "decl", oo = "@import", qr = "@keyframes", ao = "@layer", Gr = Math.abs, Lt = String.fromCharCode, Et = Object.assign;
+function so(e, t) {
+  return Y(e, 0) ^ 45 ? (((t << 2 ^ Y(e, 0)) << 2 ^ Y(e, 1)) << 2 ^ Y(e, 2)) << 2 ^ Y(e, 3) : 0;
+}
+function Yr(e) {
+  return e.trim();
+}
+function de(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function _(e, t, r) {
+  return e.replace(t, r);
+}
+function Ue(e, t, r) {
+  return e.indexOf(t, r);
+}
+function Y(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function $e(e, t, r) {
+  return e.slice(t, r);
+}
+function se(e) {
+  return e.length;
+}
+function Qr(e) {
+  return e.length;
+}
+function ze(e, t) {
+  return t.push(e), e;
+}
+function io(e, t) {
+  return e.map(t).join("");
+}
+function ir(e, t) {
+  return e.filter(function(r) {
+    return !de(r, t);
+  });
+}
+var st = 1, Se = 1, Vr = 0, te = 0, G = 0, Me = "";
+function it(e, t, r, n, a, c, u, d) {
+  return { value: e, root: t, parent: r, type: n, props: a, children: c, line: st, column: Se, length: u, return: "", siblings: d };
+}
+function fe(e, t) {
+  return Et(it("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function we(e) {
+  for (; e.root; )
+    e = fe(e.root, { children: [e] });
+  ze(e, e.siblings);
+}
+function co() {
+  return G;
+}
+function lo() {
+  return G = te > 0 ? Y(Me, --te) : 0, Se--, G === 10 && (Se = 1, st--), G;
+}
+function re() {
+  return G = te < Vr ? Y(Me, te++) : 0, Se++, G === 10 && (Se = 1, st++), G;
+}
+function ge() {
+  return Y(Me, te);
+}
+function He() {
+  return te;
+}
+function ct(e, t) {
+  return $e(Me, e, t);
+}
+function Mt(e) {
+  switch (e) {
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    case 58:
+      return 3;
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function uo(e) {
+  return st = Se = 1, Vr = se(Me = e), te = 0, [];
+}
+function po(e) {
+  return Me = "", e;
+}
+function bt(e) {
+  return Yr(ct(te - 1, _t(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function fo(e) {
+  for (; (G = ge()) && G < 33; )
+    re();
+  return Mt(e) > 2 || Mt(G) > 3 ? "" : " ";
+}
+function ho(e, t) {
+  for (; --t && re() && !(G < 48 || G > 102 || G > 57 && G < 65 || G > 70 && G < 97); )
+    ;
+  return ct(e, He() + (t < 6 && ge() == 32 && re() == 32));
+}
+function _t(e) {
+  for (; re(); )
+    switch (G) {
+      case e:
+        return te;
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && _t(G);
+        break;
+      case 40:
+        e === 41 && _t(e);
+        break;
+      case 92:
+        re();
+        break;
+    }
+  return te;
+}
+function mo(e, t) {
+  for (; re() && e + G !== 57; )
+    if (e + G === 84 && ge() === 47)
+      break;
+  return "/*" + ct(t, te - 1) + "*" + Lt(e === 47 ? e : re());
+}
+function go(e) {
+  for (; !Mt(ge()); )
+    re();
+  return ct(e, te);
+}
+function bo(e) {
+  return po(qe("", null, null, null, [""], e = uo(e), 0, [0], e));
+}
+function qe(e, t, r, n, a, c, u, d, h) {
+  for (var g = 0, b = 0, p = u, w = 0, k = 0, $ = 0, j = 1, S = 1, o = 1, i = 0, s = "", f = a, m = c, y = n, x = s; S; )
+    switch ($ = i, i = re()) {
+      case 40:
+        if ($ != 108 && Y(x, p - 1) == 58) {
+          Ue(x += _(bt(i), "&", "&\f"), "&\f", Gr(g ? d[g - 1] : 0)) != -1 && (o = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        x += bt(i);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        x += fo($);
+        break;
+      case 92:
+        x += ho(He() - 1, 7);
+        continue;
+      case 47:
+        switch (ge()) {
+          case 42:
+          case 47:
+            ze(xo(mo(re(), He()), t, r, h), h);
+            break;
+          default:
+            x += "/";
+        }
+        break;
+      case 123 * j:
+        d[g++] = se(x) * o;
+      case 125 * j:
+      case 59:
+      case 0:
+        switch (i) {
+          case 0:
+          case 125:
+            S = 0;
+          case 59 + b:
+            o == -1 && (x = _(x, /\f/g, "")), k > 0 && se(x) - p && ze(k > 32 ? lr(x + ";", n, r, p - 1, h) : lr(_(x, " ", "") + ";", n, r, p - 2, h), h);
+            break;
+          case 59:
+            x += ";";
+          default:
+            if (ze(y = cr(x, t, r, g, b, a, d, s, f = [], m = [], p, c), c), i === 123)
+              if (b === 0)
+                qe(x, t, y, y, f, c, p, d, m);
+              else
+                switch (w === 99 && Y(x, 3) === 110 ? 100 : w) {
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    qe(e, y, y, n && ze(cr(e, y, y, 0, 0, a, d, s, a, f = [], p, m), m), a, m, p, d, n ? f : m);
+                    break;
+                  default:
+                    qe(x, y, y, y, [""], m, 0, d, m);
+                }
+        }
+        g = b = k = 0, j = o = 1, s = x = "", p = u;
+        break;
+      case 58:
+        p = 1 + se(x), k = $;
+      default:
+        if (j < 1) {
+          if (i == 123)
+            --j;
+          else if (i == 125 && j++ == 0 && lo() == 125)
+            continue;
+        }
+        switch (x += Lt(i), i * j) {
+          case 38:
+            o = b > 0 ? 1 : (x += "\f", -1);
+            break;
+          case 44:
+            d[g++] = (se(x) - 1) * o, o = 1;
+            break;
+          case 64:
+            ge() === 45 && (x += bt(re())), w = ge(), b = p = se(s = x += go(He())), i++;
+            break;
+          case 45:
+            $ === 45 && se(x) == 2 && (j = 0);
+        }
+    }
+  return c;
+}
+function cr(e, t, r, n, a, c, u, d, h, g, b, p) {
+  for (var w = a - 1, k = a === 0 ? c : [""], $ = Qr(k), j = 0, S = 0, o = 0; j < n; ++j)
+    for (var i = 0, s = $e(e, w + 1, w = Gr(S = u[j])), f = e; i < $; ++i)
+      (f = Yr(S > 0 ? k[i] + " " + s : _(s, /&\f/g, k[i]))) && (h[o++] = f);
+  return it(e, t, r, a === 0 ? at : d, h, g, b, p);
+}
+function xo(e, t, r, n) {
+  return it(e, t, r, Hr, Lt(co()), $e(e, 2, -2), 0, n);
+}
+function lr(e, t, r, n, a) {
+  return it(e, t, r, Pt, $e(e, 0, n), $e(e, n + 1, -1), n, a);
+}
+function Zr(e, t, r) {
+  switch (so(e, t)) {
+    case 5103:
+      return B + "print-" + e + e;
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return B + e + e;
+    case 4789:
+      return Ne + e + e;
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return B + e + Ne + e + L + e + e;
+    case 5936:
+      switch (Y(e, t + 11)) {
+        case 114:
+          return B + e + L + _(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        case 108:
+          return B + e + L + _(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        case 45:
+          return B + e + L + _(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    case 6828:
+    case 4268:
+    case 2903:
+      return B + e + L + e + e;
+    case 6165:
+      return B + e + L + "flex-" + e + e;
+    case 5187:
+      return B + e + _(e, /(\w+).+(:[^]+)/, B + "box-$1$2" + L + "flex-$1$2") + e;
+    case 5443:
+      return B + e + L + "flex-item-" + _(e, /flex-|-self/g, "") + (de(e, /flex-|baseline/) ? "" : L + "grid-row-" + _(e, /flex-|-self/g, "")) + e;
+    case 4675:
+      return B + e + L + "flex-line-pack" + _(e, /align-content|flex-|-self/g, "") + e;
+    case 5548:
+      return B + e + L + _(e, "shrink", "negative") + e;
+    case 5292:
+      return B + e + L + _(e, "basis", "preferred-size") + e;
+    case 6060:
+      return B + "box-" + _(e, "-grow", "") + B + e + L + _(e, "grow", "positive") + e;
+    case 4554:
+      return B + _(e, /([^-])(transform)/g, "$1" + B + "$2") + e;
+    case 6187:
+      return _(_(_(e, /(zoom-|grab)/, B + "$1"), /(image-set)/, B + "$1"), e, "") + e;
+    case 5495:
+    case 3959:
+      return _(e, /(image-set\([^]*)/, B + "$1$`$1");
+    case 4968:
+      return _(_(e, /(.+:)(flex-)?(.*)/, B + "box-pack:$3" + L + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + B + e + e;
+    case 4200:
+      if (!de(e, /flex-|baseline/)) return L + "grid-column-align" + $e(e, t) + e;
+      break;
+    case 2592:
+    case 3360:
+      return L + _(e, "template-", "") + e;
+    case 4384:
+    case 3616:
+      return r && r.some(function(n, a) {
+        return t = a, de(n.props, /grid-\w+-end/);
+      }) ? ~Ue(e + (r = r[t].value), "span", 0) ? e : L + _(e, "-start", "") + e + L + "grid-row-span:" + (~Ue(r, "span", 0) ? de(r, /\d+/) : +de(r, /\d+/) - +de(e, /\d+/)) + ";" : L + _(e, "-start", "") + e;
+    case 4896:
+    case 4128:
+      return r && r.some(function(n) {
+        return de(n.props, /grid-\w+-start/);
+      }) ? e : L + _(_(e, "-end", "-span"), "span ", "") + e;
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return _(e, /(.+)-inline(.+)/, B + "$1$2") + e;
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (se(e) - 1 - t > 6)
+        switch (Y(e, t + 1)) {
+          case 109:
+            if (Y(e, t + 4) !== 45)
+              break;
+          case 102:
+            return _(e, /(.+:)(.+)-([^]+)/, "$1" + B + "$2-$3$1" + Ne + (Y(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          case 115:
+            return ~Ue(e, "stretch", 0) ? Zr(_(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, g) {
+        return L + a + ":" + c + g + (u ? L + a + "-span:" + (d ? h : +h - +c) + g : "") + e;
+      });
+    case 4949:
+      if (Y(e, t + 6) === 121)
+        return _(e, ":", ":" + B) + e;
+      break;
+    case 6444:
+      switch (Y(e, Y(e, 14) === 45 ? 18 : 11)) {
+        case 120:
+          return _(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + B + (Y(e, 14) === 45 ? "inline-" : "") + "box$3$1" + B + "$2$3$1" + L + "$2box$3") + e;
+        case 100:
+          return _(e, ":", ":" + L) + e;
+      }
+      break;
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return _(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function Xe(e, t) {
+  for (var r = "", n = 0; n < e.length; n++)
+    r += t(e[n], n, e, t) || "";
+  return r;
+}
+function yo(e, t, r, n) {
+  switch (e.type) {
+    case ao:
+      if (e.children.length) break;
+    case oo:
+    case Pt:
+      return e.return = e.return || e.value;
+    case Hr:
+      return "";
+    case qr:
+      return e.return = e.value + "{" + Xe(e.children, n) + "}";
+    case at:
+      if (!se(e.value = e.props.join(","))) return "";
+  }
+  return se(r = Xe(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+}
+function ko(e) {
+  var t = Qr(e);
+  return function(r, n, a, c) {
+    for (var u = "", d = 0; d < t; d++)
+      u += e[d](r, n, a, c) || "";
+    return u;
+  };
+}
+function wo(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function vo(e, t, r, n) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case Pt:
+        e.return = Zr(e.value, e.length, r);
+        return;
+      case qr:
+        return Xe([fe(e, { value: _(e.value, "@", "@" + B) })], n);
+      case at:
+        if (e.length)
+          return io(r = e.props, function(a) {
+            switch (de(a, n = /(::plac\w+|:read-\w+)/)) {
+              case ":read-only":
+              case ":read-write":
+                we(fe(e, { props: [_(a, /:(read-\w+)/, ":" + Ne + "$1")] })), we(fe(e, { props: [a] })), Et(e, { props: ir(r, n) });
+                break;
+              case "::placeholder":
+                we(fe(e, { props: [_(a, /:(plac\w+)/, ":" + B + "input-$1")] })), we(fe(e, { props: [_(a, /:(plac\w+)/, ":" + Ne + "$1")] })), we(fe(e, { props: [_(a, /:(plac\w+)/, L + "input-$1")] })), we(fe(e, { props: [a] })), Et(e, { props: ir(r, n) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var $o = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  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", Jr = "active", Xr = "data-styled-version", lt = "6.1.19", Ft = `/*!sc*/
+`, et = typeof window < "u" && typeof document < "u", So = !!(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), dt = Object.freeze([]), je = Object.freeze({});
+function Co(e, t, r) {
+  return r === void 0 && (r = je), e.theme !== r.theme && e.theme || t || r.theme;
+}
+var en = /* @__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"]), jo = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Io = /(^-|-$)/g;
+function dr(e) {
+  return e.replace(jo, "-").replace(Io, "");
+}
+var Ao = /(a)(d)/gi, Le = 52, ur = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function Rt(e) {
+  var t, r = "";
+  for (t = Math.abs(e); t > Le; t = t / Le | 0) r = ur(t % Le) + r;
+  return (ur(t % Le) + r).replace(Ao, "$1-$2");
+}
+var xt, tn = 5381, ve = function(e, t) {
+  for (var r = t.length; r; ) e = 33 * e ^ t.charCodeAt(--r);
+  return e;
+}, rn = function(e) {
+  return ve(tn, e);
+};
+function To(e) {
+  return Rt(rn(e) >>> 0);
+}
+function Eo(e) {
+  return e.displayName || e.name || "Component";
+}
+function yt(e) {
+  return typeof e == "string" && !0;
+}
+var nn = typeof Symbol == "function" && Symbol.for, on = nn ? Symbol.for("react.memo") : 60115, Mo = nn ? Symbol.for("react.forward_ref") : 60112, _o = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Ro = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, an = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, zo = ((xt = {})[Mo] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, xt[on] = an, xt);
+function pr(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === on ? an : "$$typeof" in e ? zo[e.$$typeof] : _o;
+  var t;
+}
+var Do = Object.defineProperty, No = Object.getOwnPropertyNames, fr = Object.getOwnPropertySymbols, Oo = Object.getOwnPropertyDescriptor, Bo = Object.getPrototypeOf, hr = Object.prototype;
+function sn(e, t, r) {
+  if (typeof t != "string") {
+    if (hr) {
+      var n = Bo(t);
+      n && n !== hr && sn(e, n, r);
+    }
+    var a = No(t);
+    fr && (a = a.concat(fr(t)));
+    for (var c = pr(e), u = pr(t), d = 0; d < a.length; ++d) {
+      var h = a[d];
+      if (!(h in Ro || r && r[h] || u && h in u || c && h in c)) {
+        var g = Oo(t, h);
+        try {
+          Do(e, h, g);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function Ie(e) {
+  return typeof e == "function";
+}
+function Kt(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function me(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function mr(e, t) {
+  if (e.length === 0) return "";
+  for (var r = e[0], n = 1; n < e.length; n++) r += e[n];
+  return r;
+}
+function Be(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function zt(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]);
+  return e;
+}
+function Wt(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+function Pe(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : ""));
+}
+var Po = function() {
+  function e(t) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
+  }
+  return e.prototype.indexOfGroup = function(t) {
+    for (var r = 0, n = 0; n < t; n++) r += this.groupSizes[n];
+    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 Pe(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 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;
+      this.groupSizes[t] = 0;
+      for (var c = n; c < a; 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(Ft);
+    return r;
+  }, e;
+}(), Ge = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Map(), Ye = 1, Fe = function(e) {
+  if (Ge.has(e)) return Ge.get(e);
+  for (; tt.has(Ye); ) Ye++;
+  var t = Ye++;
+  return Ge.set(e, t), tt.set(t, e), t;
+}, Lo = function(e, t) {
+  Ye = t + 1, Ge.set(e, t), tt.set(t, e);
+}, Fo = "style[".concat(Ce, "][").concat(Xr, '="').concat(lt, '"]'), Ko = new RegExp("^".concat(Ce, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Wo = 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);
+}, Uo = function(e, t) {
+  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(Ft), a = [], c = 0, u = n.length; c < u; c++) {
+    var d = n[c].trim();
+    if (d) {
+      var h = d.match(Ko);
+      if (h) {
+        var g = 0 | parseInt(h[1], 10), b = h[2];
+        g !== 0 && (Lo(b, g), Wo(e, b, h[3]), e.getTag().insertRules(g, a)), a.length = 0;
+      } else a.push(d);
+    }
+  }
+}, gr = function(e) {
+  for (var t = document.querySelectorAll(Fo), r = 0, n = t.length; r < n; r++) {
+    var a = t[r];
+    a && a.getAttribute(Ce) !== Jr && (Uo(e, a), a.parentNode && a.parentNode.removeChild(a));
+  }
+};
+function Ho() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var cn = 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, "]")));
+    return h[h.length - 1];
+  }(r), c = a !== void 0 ? a.nextSibling : null;
+  n.setAttribute(Ce, Jr), n.setAttribute(Xr, lt);
+  var u = Ho();
+  return u && n.setAttribute("nonce", u), r.insertBefore(n, c), n;
+}, qo = function() {
+  function e(t) {
+    this.element = cn(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];
+        if (u.ownerNode === r) return u;
+      }
+      throw Pe(17);
+    }(this.element), this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    try {
+      return this.sheet.insertRule(r, t), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }, e.prototype.deleteRule = function(t) {
+    this.sheet.deleteRule(t), this.length--;
+  }, e.prototype.getRule = function(t) {
+    var r = this.sheet.cssRules[t];
+    return r && r.cssText ? r.cssText : "";
+  }, e;
+}(), Go = function() {
+  function e(t) {
+    this.element = cn(t), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    if (t <= this.length && t >= 0) {
+      var n = document.createTextNode(r);
+      return this.element.insertBefore(n, this.nodes[t] || null), this.length++, !0;
+    }
+    return !1;
+  }, e.prototype.deleteRule = function(t) {
+    this.element.removeChild(this.nodes[t]), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.nodes[t].textContent : "";
+  }, e;
+}(), Yo = function() {
+  function e(t) {
+    this.rules = [], this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    return t <= this.length && (this.rules.splice(t, 0, r), this.length++, !0);
+  }, e.prototype.deleteRule = function(t) {
+    this.rules.splice(t, 1), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.rules[t] : "";
+  }, e;
+}(), br = et, Qo = { isServer: !et, useCSSOMInjection: !So }, ln = function() {
+  function e(t, r, n) {
+    t === void 0 && (t = je), r === void 0 && (r = {});
+    var a = this;
+    this.options = X(X({}, Qo), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && et && br && (br = !1, gr(this)), Wt(this, function() {
+      return function(c) {
+        for (var u = c.getTag(), d = u.length, h = "", g = function(p) {
+          var w = function(o) {
+            return tt.get(o);
+          }(p);
+          if (w === void 0) return "continue";
+          var k = c.names.get(w), $ = u.getGroup(p);
+          if (k === void 0 || !k.size || $.length === 0) return "continue";
+          var j = "".concat(Ce, ".g").concat(p, '[id="').concat(w, '"]'), S = "";
+          k !== void 0 && k.forEach(function(o) {
+            o.length > 0 && (S += "".concat(o, ","));
+          }), h += "".concat($).concat(j, '{content:"').concat(S, '"}').concat(Ft);
+        }, b = 0; b < d; b++) g(b);
+        return h;
+      }(a);
+    });
+  }
+  return e.registerId = function(t) {
+    return Fe(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && et && gr(this);
+  }, e.prototype.reconstructWithOptions = function(t, r) {
+    return r === void 0 && (r = !0), new e(X(X({}, this.options), t), this.gs, r && this.names || void 0);
+  }, e.prototype.allocateGSInstance = function(t) {
+    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 Yo(a) : n ? new qo(a) : new Go(a);
+    }(this.options), new Po(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 (Fe(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(Fe(t), n);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(Fe(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+}(), Vo = /&/g, Zo = /^\s*\/\/.*$/gm;
+function dn(e, t) {
+  return e.map(function(r) {
+    return r.type === "rule" && (r.value = "".concat(t, " ").concat(r.value), r.value = r.value.replaceAll(",", ",".concat(t, " ")), r.props = r.props.map(function(n) {
+      return "".concat(t, " ").concat(n);
+    })), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = dn(r.children, t)), r;
+  });
+}
+function Jo(e) {
+  var t, r, n, a = je, c = a.options, u = c === void 0 ? je : c, d = a.plugins, h = d === void 0 ? dt : d, g = function(w, k, $) {
+    return $.startsWith(r) && $.endsWith(r) && $.replaceAll(r, "").length > 0 ? ".".concat(t) : w;
+  }, b = h.slice();
+  b.push(function(w) {
+    w.type === at && w.value.includes("&") && (w.props[0] = w.props[0].replace(Vo, r).replace(n, g));
+  }), u.prefix && b.push(vo), b.push(yo);
+  var p = function(w, k, $, j) {
+    k === void 0 && (k = ""), $ === void 0 && ($ = ""), j === void 0 && (j = "&"), t = j, r = k, n = new RegExp("\\".concat(r, "\\b"), "g");
+    var S = w.replace(Zo, ""), o = bo($ || k ? "".concat($, " ").concat(k, " { ").concat(S, " }") : S);
+    u.namespace && (o = dn(o, u.namespace));
+    var i = [];
+    return Xe(o, ko(b.concat(wo(function(s) {
+      return i.push(s);
+    })))), i;
+  };
+  return p.hash = h.length ? h.reduce(function(w, k) {
+    return k.name || Pe(15), ve(w, k.name);
+  }, tn).toString() : "", p;
+}
+var Xo = new ln(), Dt = Jo(), un = F.createContext({ shouldForwardProp: void 0, styleSheet: Xo, stylis: Dt });
+un.Consumer;
+F.createContext(void 0);
+function xr() {
+  return Fr(un);
+}
+var ea = function() {
+  function e(t, r) {
+    var n = this;
+    this.inject = function(a, c) {
+      c === void 0 && (c = Dt);
+      var u = n.name + c.hash;
+      a.hasNameForId(n.id, u) || a.insertRules(n.id, u, c(n.rules, u, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, Wt(this, function() {
+      throw Pe(12, String(n.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = Dt), this.name + t.hash;
+  }, e;
+}(), ta = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function yr(e) {
+  for (var t = "", r = 0; r < e.length; r++) {
+    var n = e[r];
+    if (r === 1 && n === "-" && e[0] === "-") return e;
+    ta(n) ? t += "-" + n.toLowerCase() : t += n;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var pn = function(e) {
+  return e == null || e === !1 || e === "";
+}, fn = function(e) {
+  var t, r, n = [];
+  for (var a in e) {
+    var c = e[a];
+    e.hasOwnProperty(a) && !pn(c) && (Array.isArray(c) && c.isCss || Ie(c) ? n.push("".concat(yr(a), ":"), c, ";") : Be(c) ? n.push.apply(n, Je(Je(["".concat(a, " {")], fn(c), !1), ["}"], !1)) : n.push("".concat(yr(a), ": ").concat((t = a, (r = c) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in $o || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
+  }
+  return n;
+};
+function be(e, t, r, n) {
+  if (pn(e)) return [];
+  if (Kt(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 be(a, t, r, n);
+  }
+  var c;
+  return e instanceof ea ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : Be(e) ? fn(e) : Array.isArray(e) ? Array.prototype.concat.apply(dt, e.map(function(u) {
+    return be(u, t, r, n);
+  })) : [e.toString()];
+}
+function ra(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var r = e[t];
+    if (Ie(r) && !Kt(r)) return !1;
+  }
+  return !0;
+}
+var na = rn(lt), oa = function() {
+  function e(t, r, n) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = (n === void 0 || n.isStatic) && ra(t), this.componentId = r, this.baseHash = ve(na, r), this.baseStyle = n, ln.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 = me(a, this.staticRulesId);
+    else {
+      var c = mr(be(this.rules, t, r, n)), u = Rt(ve(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 = me(a, u), this.staticRulesId = u;
+    }
+    else {
+      for (var h = ve(this.baseHash, n.hash), g = "", b = 0; b < this.rules.length; b++) {
+        var p = this.rules[b];
+        if (typeof p == "string") g += p;
+        else if (p) {
+          var w = mr(be(p, t, r, n));
+          h = ve(h, w + b), g += w;
+        }
+      }
+      if (g) {
+        var k = Rt(h >>> 0);
+        r.hasNameForId(this.componentId, k) || r.insertRules(this.componentId, k, n(g, ".".concat(k), void 0, this.componentId)), a = me(a, k);
+      }
+    }
+    return a;
+  }, e;
+}(), hn = F.createContext(void 0);
+hn.Consumer;
+var kt = {};
+function aa(e, t, r) {
+  var n = Kt(e), a = e, c = !yt(e), u = t.attrs, d = u === void 0 ? dt : u, h = t.componentId, g = h === void 0 ? function(f, m) {
+    var y = typeof f != "string" ? "sc" : dr(f);
+    kt[y] = (kt[y] || 0) + 1;
+    var x = "".concat(y, "-").concat(To(lt + y + kt[y]));
+    return m ? "".concat(m, "-").concat(x) : x;
+  }(t.displayName, t.parentComponentId) : h, b = t.displayName, p = b === void 0 ? function(f) {
+    return yt(f) ? "styled.".concat(f) : "Styled(".concat(Eo(f), ")");
+  }(e) : b, w = t.displayName && t.componentId ? "".concat(dr(t.displayName), "-").concat(t.componentId) : t.componentId || g, k = n && a.attrs ? a.attrs.concat(d).filter(Boolean) : d, $ = t.shouldForwardProp;
+  if (n && a.shouldForwardProp) {
+    var j = a.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var S = t.shouldForwardProp;
+      $ = function(f, m) {
+        return j(f, m) && S(f, m);
+      };
+    } else $ = j;
+  }
+  var o = new oa(r, w, n ? a.componentStyle : void 0);
+  function i(f, m) {
+    return function(y, x, A) {
+      var M = y.attrs, C = y.componentStyle, E = y.defaultProps, K = y.foldedComponentIds, P = y.styledComponentId, I = y.target, D = F.useContext(hn), H = xr(), v = y.shouldForwardProp || H.shouldForwardProp, N = Co(x, D, E) || je, R = function(Q, V, ie) {
+        for (var ye, ce = X(X({}, V), { className: void 0, theme: ie }), ke = 0; ke < Q.length; ke += 1) {
+          var ne = Ie(ye = Q[ke]) ? ye(ce) : ye;
+          for (var ee in ne) ce[ee] = ee === "className" ? me(ce[ee], ne[ee]) : ee === "style" ? X(X({}, ce[ee]), ne[ee]) : ne[ee];
+        }
+        return V.className && (ce.className = me(ce.className, V.className)), ce;
+      }(M, x, N), W = R.as || I, O = {};
+      for (var q in R) R[q] === void 0 || q[0] === "$" || q === "as" || q === "theme" && R.theme === N || (q === "forwardedAs" ? O.as = R.forwardedAs : v && !v(q, W) || (O[q] = R[q]));
+      var z = function(Q, V) {
+        var ie = xr(), ye = Q.generateAndInjectStyles(V, ie.styleSheet, ie.stylis);
+        return ye;
+      }(C, R), U = me(K, P);
+      return z && (U += " " + z), R.className && (U += " " + R.className), O[yt(W) && !en.has(W) ? "class" : "className"] = U, A && (O.ref = A), Ze(W, O);
+    }(s, f, m);
+  }
+  i.displayName = p;
+  var s = F.forwardRef(i);
+  return s.attrs = k, s.componentStyle = o, s.displayName = p, s.shouldForwardProp = $, s.foldedComponentIds = n ? me(a.foldedComponentIds, a.styledComponentId) : "", s.styledComponentId = w, s.target = n ? a.target : e, Object.defineProperty(s, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(f) {
+    this._foldedDefaultProps = n ? function(m) {
+      for (var y = [], x = 1; x < arguments.length; x++) y[x - 1] = arguments[x];
+      for (var A = 0, M = y; A < M.length; A++) zt(m, M[A], !0);
+      return m;
+    }({}, a.defaultProps, f) : f;
+  } }), Wt(s, function() {
+    return ".".concat(s.styledComponentId);
+  }), c && sn(s, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), s;
+}
+function kr(e, t) {
+  for (var r = [e[0]], n = 0, a = t.length; n < a; n += 1) r.push(t[n], e[n + 1]);
+  return r;
+}
+var wr = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function sa(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  if (Ie(e) || Be(e)) return wr(be(kr(dt, Je([e], t, !0))));
+  var n = e;
+  return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? be(n) : wr(be(kr(n, t)));
+}
+function Nt(e, t, r) {
+  if (r === void 0 && (r = je), !t) throw Pe(1, t);
+  var n = function(a) {
+    for (var c = [], u = 1; u < arguments.length; u++) c[u - 1] = arguments[u];
+    return e(t, r, sa.apply(void 0, Je([a], c, !1)));
+  };
+  return n.attrs = function(a) {
+    return Nt(e, t, X(X({}, r), { attrs: Array.prototype.concat(r.attrs, a).filter(Boolean) }));
+  }, n.withConfig = function(a) {
+    return Nt(e, t, X(X({}, r), a));
+  }, n;
+}
+var mn = function(e) {
+  return Nt(aa, e);
+}, T = mn;
+en.forEach(function(e) {
+  T[e] = mn(e);
+});
+const ia = T.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 6px;
+`, ca = T.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  max-width: 220px;
+  padding: 4px 8px;
+  border-radius: 8px;
+  font-size: 12px;
+  background: ${(e) => e.$isImage ? "rgba(59, 130, 246, 0.12)" : "rgba(107, 114, 128, 0.12)"};
+  color: #374151;
+  border: 1px solid #e5e7eb;
+
+  [data-theme='dark'] & {
+    color: #e5e7eb;
+    border-color: #4b5563;
+    background: ${(e) => e.$isImage ? "rgba(59, 130, 246, 0.2)" : "rgba(107, 114, 128, 0.25)"};
+  }
+`, la = T.img`
+  width: 28px;
+  height: 28px;
+  object-fit: cover;
+  border-radius: 4px;
+`, da = T.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+`, ua = T.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: #6b7280;
+  border-radius: 4px;
+
+  &:hover {
+    color: #ef4444;
+    background: rgba(239, 68, 68, 0.1);
+  }
+`;
+function Ae({ attachments: e, onRemove: t, readOnly: r }) {
+  return e.length ? /* @__PURE__ */ l.jsx(ia, { children: e.map((n) => {
+    const a = n.type === "image", c = a && (n.preview || n.url);
+    return /* @__PURE__ */ l.jsxs(ca, { $isImage: a, title: n.name, children: [
+      c ? /* @__PURE__ */ l.jsx(la, { src: n.preview || n.url, alt: "", loading: "lazy", decoding: "async" }) : a ? /* @__PURE__ */ l.jsx(Xn, { size: 16, "aria-hidden": !0 }) : /* @__PURE__ */ l.jsx(Zn, { size: 16, "aria-hidden": !0 }),
+      /* @__PURE__ */ l.jsx(da, { children: n.name }),
+      !r && t && /* @__PURE__ */ l.jsx(ua, { type: "button", onClick: () => t(n.id), "aria-label": `Remove ${n.name}`, children: /* @__PURE__ */ l.jsx(no, { size: 14 }) })
+    ] }, n.id);
+  }) }) : null;
+}
+const gn = [
+  "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"
+], pa = {
+  ".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 fa(e) {
+  const t = e.lastIndexOf(".");
+  if (!(t < 0))
+    return pa[e.slice(t).toLowerCase()];
+}
+async function Ut(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 bn(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 = fa(e.name);
+  return n && r.includes(n) ? null : "File type not allowed for attachments";
+}
+const ha = 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;
+  }
+`, ma = 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 Ht({
+  disabled: e,
+  integrated: t = !1,
+  maxFileBytes: r,
+  maxFiles: n,
+  allowedMime: a = gn,
+  currentCount: c,
+  uploadAttachment: u,
+  onUploaded: d,
+  onError: h
+}) {
+  const g = F.useRef(null), [b, 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 y = bn(m, r, a);
+        if (y) {
+          h == null || h(`${m.name}: ${y}`);
+          continue;
+        }
+        try {
+          p(!0);
+          const x = await u(m);
+          d(x), f += 1;
+        } catch (x) {
+          const A = x instanceof Error ? x.message : "Upload failed";
+          h == null || h(A);
+        } finally {
+          p(!1);
+        }
+      }
+    },
+    [a, c, r, n, h, d, u]
+  ), $ = (i) => {
+    const s = i.target.files;
+    s != null && s.length && k(s), i.target.value = "";
+  }, j = c >= n, S = !!(e || b || j), o = t ? ma : ha;
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      "input",
+      {
+        ref: g,
+        type: "file",
+        multiple: !0,
+        accept: w,
+        style: { display: "none" },
+        onChange: $
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      o,
+      {
+        type: "button",
+        disabled: S,
+        "aria-label": "Attach file",
+        title: "Attach file",
+        onClick: () => {
+          var i;
+          return (i = g.current) == null ? void 0 : i.click();
+        },
+        children: /* @__PURE__ */ l.jsx(to, { size: 16, strokeWidth: 2 })
+      }
+    )
+  ] });
+}
+function he() {
+  return he = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    }
+    return e;
+  }, he.apply(this, arguments);
+}
+const ga = ["children", "options"], vr = ["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" }), $r = { amp: "&", apos: "'", gt: ">", lt: "<", nbsp: " ", quot: "“" }, ba = ["style", "script", "pre"], xa = ["src", "href", "data", "formAction", "srcDoc", "action"], ya = /([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi, ka = /mailto:/i, wa = /\n{2,}$/, Sr = /^(\s*>[\s\S]*?)(?=\n\n|$)/, va = /^ *> ?/gm, $a = /^(?:\[!([^\]]*)\]\n)?([\s\S]*)/, Sa = /^ {2,}\n/, Ca = /^(?:( *[-*_])){3,} *(?:\n *)+\n/, Cr = /^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/, jr = /^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/, ja = /^(`+)((?:\\`|(?!\1)`|[^`])+)\1/, Ia = /^(?:\n *)*\n/, Aa = /\r\n?/g, Ta = /^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/, Ea = /^\[\^([^\]]+)]/, Ma = /\f/g, _a = /^---[ \t]*\n(.|\n)*\n---[ \t]*\n/, Ra = /^\s*?\[(x|\s)\]/, Ir = /^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/, Ar = /^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/, Tr = /^([^\n]+)\n *(=|-){3,} *\n/, wt = /^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i, za = /&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi, Er = /^<!--[\s\S]*?(?:-->)/, Da = /^(data|aria|x)-[a-z_][a-z\d_.-]*$/, vt = /^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i, Na = /^\{.*\}$/, Oa = /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/, Ba = /^<([^ >]+@[^ >]+)>/, Pa = /^<([^ >]+:\/[^ >]+)>/, La = /-([a-z])?/gi, Mr = /^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/, Fa = /^[^\n]+(?:  \n|\n{2,})/, Ka = /^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/, Wa = /^!\[([^\]]*)\] ?\[([^\]]*)\]/, Ua = /^\[([^\]]*)\] ?\[([^\]]*)\]/, Ha = /(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/, qa = /\t/g, Ga = /(^ *\||\| *$)/g, Ya = /^ *:-+: *$/, Qa = /^ *:-+ *$/, Va = /^ *-+: *$/, ut = (e) => `(?=[\\s\\S]+?\\1${e ? "\\1" : ""})`, pt = "((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)", Za = RegExp(`^([*_])\\1${ut(1)}${pt}\\1\\1(?!\\1)`), Ja = RegExp(`^([*_])${ut(0)}${pt}\\1(?!\\1)`), Xa = RegExp(`^(==)${ut(0)}${pt}\\1`), es = RegExp(`^(~~)${ut(0)}${pt}\\1`), ts = /^(:[a-zA-Z0-9-_]+:)/, rs = /^\\([^0-9A-Za-z\s])/, ns = /\\([^0-9A-Za-z\s])/g, os = /^[\s\S](?:(?!  \n|[0-9]\.|http)[^=*_~\-\n:<`\\\[!])*/, as = /^\n+/, ss = /^([ \t]*)/, is = /(?:^|\n)( *)$/, qt = "(?:\\d+\\.)", Gt = "(?:[*+-])";
+function xn(e) {
+  return "( *)(" + (e === 1 ? qt : Gt) + ") +";
+}
+const yn = xn(1), kn = xn(2);
+function wn(e) {
+  return RegExp("^" + (e === 1 ? yn : kn));
+}
+const cs = wn(1), ls = wn(2);
+function vn(e) {
+  return RegExp("^" + (e === 1 ? yn : kn) + "[^\\n]*(?:\\n(?!\\1" + (e === 1 ? qt : Gt) + " )[^\\n]*)*(\\n|$)", "gm");
+}
+const ds = vn(1), us = vn(2);
+function $n(e) {
+  const t = e === 1 ? qt : Gt;
+  return RegExp("^( *)(" + t + ") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1" + t + " (?!" + t + " ))\\n*|\\s*\\n*$)");
+}
+const Sn = $n(1), Cn = $n(2);
+function _r(e, t) {
+  const r = t === 1, n = r ? Sn : Cn, a = r ? ds : us, c = r ? cs : ls;
+  return { t: (u) => c.test(u), o: Te(function(u, d) {
+    const h = is.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 g = r ? +u[2] : void 0, b = u[0].replace(wa, `
+`).match(a);
+    let p = !1;
+    return { items: b.map(function(w, k) {
+      const $ = c.exec(w)[0].length, j = RegExp("^ {1," + $ + "}", "gm"), S = w.replace(j, "").replace(c, ""), o = k === b.length - 1, i = S.indexOf(`
+
+`) !== -1 || o && p;
+      p = i;
+      const s = h.inline, f = h.list;
+      let m;
+      h.list = !0, i ? (h.inline = !1, m = Oe(S) + `
+
+`) : (h.inline = !0, m = Oe(S));
+      const y = d(m, h);
+      return h.inline = s, h.list = f, y;
+    }), ordered: r, start: g };
+  }, l: (u, d, h) => e(u.ordered ? "ol" : "ul", { key: h.key, start: u.type === "20" ? u.start : void 0 }, u.items.map(function(g, b) {
+    return e("li", { key: b }, d(g, h));
+  })) };
+}
+const ps = RegExp(`^\\[((?:\\[[^\\[\\]]*(?:\\[[^\\[\\]]*\\][^\\[\\]]*)*\\]|[^\\[\\]])*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*\\)`), fs = /^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;
+function Oe(e) {
+  let t = e.length;
+  for (; t > 0 && e[t - 1] <= " "; ) t--;
+  return e.slice(0, t);
+}
+function Qe(e, t) {
+  return e.startsWith(t);
+}
+function hs(e, t, r) {
+  if (Array.isArray(r)) {
+    for (let n = 0; n < r.length; n++) if (Qe(e, r[n])) return !0;
+    return !1;
+  }
+  return r(e, t);
+}
+function Re(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 ms(e) {
+  return Va.test(e) ? "right" : Ya.test(e) ? "center" : Qa.test(e) ? "left" : null;
+}
+function Rr(e, t, r, n) {
+  const a = r.inTable;
+  r.inTable = !0;
+  let c = [[]], u = "";
+  function d() {
+    if (!u) return;
+    const h = c[c.length - 1];
+    h.push.apply(h, t(u, r)), u = "";
+  }
+  return e.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((h, g, b) => {
+    h.trim() === "|" && (d(), n) ? g !== 0 && g !== b.length - 1 && c.push([]) : u += h;
+  }), d(), r.inTable = a, c;
+}
+function gs(e, t, r) {
+  r.inline = !0;
+  const n = e[2] ? e[2].replace(Ga, "").split("|").map(ms) : [], a = e[3] ? function(u, d, h) {
+    return u.trim().split(`
+`).map(function(g) {
+      return Rr(g, d, h, !0);
+    });
+  }(e[3], t, r) : [], c = Rr(e[1], t, r, !!a.length);
+  return r.inline = !1, a.length ? { align: n, cells: a, header: c, type: "25" } : { children: c, type: "21" };
+}
+function zr(e, t) {
+  return e.align[t] == null ? {} : { textAlign: e.align[t] };
+}
+function Te(e) {
+  return e.inline = 1, e;
+}
+function ue(e) {
+  return Te(function(t, r) {
+    return r.inline ? e.exec(t) : null;
+  });
+}
+function pe(e) {
+  return Te(function(t, r) {
+    return r.inline || r.simple ? e.exec(t) : null;
+  });
+}
+function le(e) {
+  return function(t, r) {
+    return r.inline || r.simple ? null : e.exec(t);
+  };
+}
+function Ke(e) {
+  return Te(function(t) {
+    return e.exec(t);
+  });
+}
+const bs = /(javascript|vbscript|data(?!:image)):/i;
+function xs(e) {
+  try {
+    const t = decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g, "");
+    if (bs.test(t)) return null;
+  } catch {
+    return null;
+  }
+  return e;
+}
+function oe(e) {
+  return e && e.replace(ns, "$1");
+}
+function Ve(e, t, r) {
+  const n = r.inline || !1, a = r.simple || !1;
+  r.inline = !0, r.simple = !0;
+  const c = e(t, r);
+  return r.inline = n, r.simple = a, c;
+}
+function ys(e, t, r) {
+  const n = r.inline || !1, a = r.simple || !1;
+  r.inline = !1, r.simple = !0;
+  const c = e(t, r);
+  return r.inline = n, r.simple = a, c;
+}
+function ks(e, t, r) {
+  const n = r.inline || !1;
+  r.inline = !1;
+  const a = e(t, r);
+  return r.inline = n, a;
+}
+const $t = (e, t, r) => ({ children: Ve(t, e[2], r) });
+function St() {
+  return {};
+}
+function Ct() {
+  return null;
+}
+function ws(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function jt(e, t, r) {
+  let n = e;
+  const a = t.split(".");
+  for (; a.length && (n = n[a[0]], n !== void 0); ) a.shift();
+  return n || r;
+}
+function vs(e = "", t = {}) {
+  t.overrides = t.overrides || {}, t.namedCodesToUnicode = t.namedCodesToUnicode ? he({}, $r, t.namedCodesToUnicode) : $r;
+  const r = t.slugify || Re, n = t.sanitizer || xs, a = t.createElement || Ot.createElement, c = [Sr, Cr, jr, t.enforceAtxHeadings ? Ar : Ir, Tr, Mr, Sn, Cn], u = [...c, Fa, wt, Er, vt];
+  function d(o, i, ...s) {
+    const f = jt(t.overrides, o + ".props", {});
+    return a(function(m, y) {
+      const x = jt(y, m);
+      return x ? typeof x == "function" || typeof x == "object" && "render" in x ? x : jt(y, m + ".component", m) : m;
+    }(o, t.overrides), he({}, i, f, { className: ws(i == null ? void 0 : i.className, f.className) || void 0 }), ...s);
+  }
+  function h(o) {
+    o = o.replace(_a, "");
+    let i = !1;
+    t.forceInline ? i = !0 : t.forceBlock || (i = Ha.test(o) === !1);
+    const s = $(k(i ? o : Oe(o).replace(as, "") + `
+
+`, { inline: i }));
+    for (; typeof s[s.length - 1] == "string" && !s[s.length - 1].trim(); ) s.pop();
+    if (t.wrapper === null) return s;
+    const f = t.wrapper || (i ? "span" : "div");
+    let m;
+    if (s.length > 1 || t.forceWrapper) m = s;
+    else {
+      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);
+  }
+  function g(o, i) {
+    if (!i || !i.trim()) return null;
+    const s = i.match(ya);
+    return s ? s.reduce(function(f, m) {
+      const y = m.indexOf("=");
+      if (y !== -1) {
+        const x = function(E) {
+          return E.indexOf("-") !== -1 && E.match(Da) === null && (E = E.replace(La, function(K, P) {
+            return P.toUpperCase();
+          })), E;
+        }(m.slice(0, y)).trim(), A = function(E) {
+          const K = E[0];
+          return (K === '"' || K === "'") && E.length >= 2 && E[E.length - 1] === K ? E.slice(1, -1) : E;
+        }(m.slice(y + 1).trim()), M = vr[x] || x;
+        if (M === "ref") return f;
+        const C = f[M] = function(E, K, P, I) {
+          return K === "style" ? function(D) {
+            const H = [];
+            let v = "", N = !1, R = !1, W = "";
+            if (!D) return H;
+            for (let q = 0; q < D.length; q++) {
+              const z = D[q];
+              if (z !== '"' && z !== "'" || N || (R ? z === W && (R = !1, W = "") : (R = !0, W = z)), z === "(" && v.endsWith("url") ? N = !0 : z === ")" && N && (N = !1), z !== ";" || R || N) v += z;
+              else {
+                const U = v.trim();
+                if (U) {
+                  const Q = U.indexOf(":");
+                  if (Q > 0) {
+                    const V = U.slice(0, Q).trim(), ie = U.slice(Q + 1).trim();
+                    H.push([V, ie]);
+                  }
+                }
+                v = "";
+              }
+            }
+            const O = v.trim();
+            if (O) {
+              const q = O.indexOf(":");
+              if (q > 0) {
+                const z = O.slice(0, q).trim(), U = O.slice(q + 1).trim();
+                H.push([z, U]);
+              }
+            }
+            return H;
+          }(P).reduce(function(D, [H, v]) {
+            return D[H.replace(/(-[a-z])/g, (N) => N[1].toUpperCase())] = I(v, E, H), D;
+          }, {}) : xa.indexOf(K) !== -1 ? I(oe(P), E, K) : (P.match(Na) && (P = oe(P.slice(1, P.length - 1))), P === "true" || P !== "false" && P);
+        }(o, x, A, n);
+        typeof C == "string" && (wt.test(C) || vt.test(C)) && (f[M] = h(C.trim()));
+      } else m !== "style" && (f[vr[m] || m] = !0);
+      return f;
+    }, {}) : null;
+  }
+  const b = [], p = {}, w = { 0: { t: [">"], o: le(Sr), i: 1, u(o, i, s) {
+    const [, f, m] = o[0].replace(va, "").match($a);
+    return { alert: f, children: i(m, s) };
+  }, l(o, i, s) {
+    const f = { key: s.key };
+    return o.alert && (f.className = "markdown-alert-" + r(o.alert.toLowerCase(), Re), 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: Ke(Sa), i: 1, u: St, l: (o, i, s) => d("br", { key: s.key }) }, 2: { t: (o) => {
+    const i = o[0];
+    return i === "-" || i === "*" || i === "_";
+  }, o: le(Ca), i: 1, u: St, l: (o, i, s) => d("hr", { key: s.key }) }, 3: { t: ["    "], o: le(jr), i: 0, u: (o) => ({ lang: void 0, text: oe(Oe(o[0].replace(/^ {4}/gm, ""))) }), l: (o, i, s) => d("pre", { key: s.key }, d("code", he({}, o.attrs, { className: o.lang ? "lang-" + o.lang : "" }), o.text)) }, 4: { t: ["```", "~~~"], o: le(Cr), i: 0, u: (o) => ({ attrs: g("code", o[3] || ""), lang: o[2] || void 0, text: o[4], type: "3" }) }, 5: { t: ["`"], o: pe(ja), i: 3, u: (o) => ({ text: oe(o[2]) }), l: (o, i, s) => d("code", { key: s.key }, o.text) }, 6: { t: ["[^"], o: le(Ta), i: 0, u: (o) => (b.push({ footnote: o[2], identifier: o[1] }), {}), l: Ct }, 7: { t: ["[^"], o: ue(Ea), i: 1, u: (o) => ({ target: "#" + r(o[1], Re), 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(Ra), 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: le(t.enforceAtxHeadings ? Ar : Ir), i: 1, u: (o, i, s) => ({ children: Ve(i, o[2], s), id: r(o[2], Re), level: o[1].length }), l: (o, i, s) => d("h" + o.level, { id: o.id, key: s.key }, i(o.children, s)) }, 10: { o: le(Tr), i: 0, u: (o, i, s) => ({ children: Ve(i, o[1], s), level: o[2] === "=" ? 1 : 2, type: "9" }) }, 11: { t: ["<"], o: Ke(wt), i: 1, u(o, i, s) {
+    const [, f] = o[3].match(ss), m = RegExp("^" + f, "gm"), y = o[3].replace(m, ""), x = (A = y, u.some((P) => P.test(A)) ? ks : Ve);
+    var A;
+    const M = o[1].toLowerCase(), C = ba.indexOf(M) !== -1, E = (C ? M : o[1]).trim(), K = { attrs: g(E, o[2]), noInnerParse: C, tag: E };
+    if (s.inAnchor = s.inAnchor || M === "a", C) K.text = o[3];
+    else {
+      const P = s.inHTML;
+      s.inHTML = !0, K.children = x(i, y, s), s.inHTML = P;
+    }
+    return s.inAnchor = !1, K;
+  }, l: (o, i, s) => d(o.tag, he({ key: s.key }, o.attrs), o.text || (o.children ? i(o.children, s) : "")) }, 13: { t: ["<"], o: Ke(vt), i: 1, u(o) {
+    const i = o[1].trim();
+    return { attrs: g(i, o[2] || ""), tag: i };
+  }, l: (o, i, s) => d(o.tag, he({}, o.attrs, { key: s.key })) }, 12: { t: ["<!--"], o: Ke(Er), i: 1, u: () => ({}), l: Ct }, 14: { t: ["!["], o: pe(fs), 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(ps), i: 3, u: (o, i, s) => ({ children: ys(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(Pa), i: 0, u: (o) => ({ children: [{ text: o[1], type: "27" }], target: o[1], type: "15" }) }, 17: { t: (o, i) => !i.inAnchor && !t.disableAutoLink && (Qe(o, "http://") || Qe(o, "https://")), o: ue(Oa), i: 0, u: (o) => ({ children: [{ text: o[1], type: "27" }], target: o[1], title: void 0, type: "15" }) }, 18: { t: ["<"], o: ue(Ba), i: 0, u(o) {
+    let i = o[1], s = o[1];
+    return ka.test(s) || (s = "mailto:" + s), { children: [{ text: i.replace("mailto:", ""), type: "27" }], target: s, type: "15" };
+  } }, 20: _r(d, 1), 33: _r(d, 2), 19: { o: le(Ia), i: 3, u: St, l: () => `
+` }, 21: { o: Te(function(o, i) {
+    if (i.inline || i.simple || i.inHTML && o.indexOf(`
+
+`) === -1 && i.prevCapture.indexOf(`
+
+`) === -1) return null;
+    let s = "";
+    o.split(`
+`).every((m) => (m += `
+`, !c.some((y) => y.test(m)) && (s += m, !!m.trim())));
+    const f = Oe(s);
+    return f === "" ? null : [s, , f];
+  }), i: 3, u: $t, l: (o, i, s) => d("p", { key: s.key }, i(o.children, s)) }, 22: { t: ["["], o: ue(Ka), i: 0, u: (o) => (p[o[1]] = { target: o[2], title: o[4] }, {}), l: Ct }, 23: { t: ["!["], o: pe(Wa), 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(Ua), 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: le(Mr), i: 1, u: gs, l(o, i, s) {
+    const f = o;
+    return d("table", { key: s.key }, d("thead", null, d("tr", null, f.header.map(function(m, y) {
+      return d("th", { key: y, style: zr(f, y) }, i(m, s));
+    }))), d("tbody", null, f.cells.map(function(m, y) {
+      return d("tr", { key: y }, m.map(function(x, A) {
+        return d("td", { key: A, style: zr(f, A) }, i(x, s));
+      }));
+    })));
+  } }, 27: { o: Te(function(o, i) {
+    let s;
+    return Qe(o, ":") && (s = ts.exec(o)), s || os.exec(o);
+  }), i: 4, u(o) {
+    const i = o[0];
+    return { text: i.indexOf("&") === -1 ? i : i.replace(za, (s, f) => t.namedCodesToUnicode[f] || s) };
+  }, l: (o) => o.text }, 28: { t: ["**", "__"], o: pe(Za), 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(Ja), 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(rs), i: 1, u: (o) => ({ text: o[1], type: "27" }) }, 31: { t: ["=="], o: pe(Xa), i: 3, u: $t, l: (o, i, s) => d("mark", { key: s.key }, i(o.children, s)) }, 32: { t: ["~~"], o: pe(es), i: 3, u: $t, l: (o, i, s) => d("del", { key: s.key }, i(o.children, s)) } };
+  t.disableParsingRawHTML === !0 && (delete w[11], delete w[13]);
+  const k = function(o) {
+    var i = Object.keys(o);
+    function s(f, m) {
+      var y = [];
+      if (m.prevCapture = m.prevCapture || "", f.trim()) for (; f; ) for (var x = 0; x < i.length; ) {
+        var A = i[x], M = o[A];
+        if (!M.t || hs(f, m, M.t)) {
+          var C = M.o(f, m);
+          if (C && C[0]) {
+            f = f.substring(C[0].length);
+            var E = M.u(C, s, m);
+            m.prevCapture += C[0], E.type || (E.type = A), y.push(E);
+            break;
+          }
+          x++;
+        } else x++;
+      }
+      return m.prevCapture = "", y;
+    }
+    return i.sort(function(f, m) {
+      return o[f].i - o[m].i || (f < m ? -1 : 1);
+    }), function(f, m) {
+      return s(function(y) {
+        return y.replace(Aa, `
+`).replace(Ma, "").replace(qa, "    ");
+      }(f), m);
+    };
+  }(w), $ = (j = /* @__PURE__ */ function(o, i) {
+    return function(s, f, m) {
+      const y = o[s.type].l;
+      return i ? i(() => y(s, f, m), s, f, m) : y(s, f, m);
+    };
+  }(w, t.renderRule), function o(i, s = {}) {
+    if (Array.isArray(i)) {
+      const f = s.key, m = [];
+      let y = !1;
+      for (let x = 0; x < i.length; x++) {
+        s.key = x;
+        const A = o(i[x], s), M = typeof A == "string";
+        M && y ? m[m.length - 1] += A : A !== null && m.push(A), y = M;
+      }
+      return s.key = f, m;
+    }
+    return j(i, o, s);
+  });
+  var j;
+  const S = h(e);
+  return b.length ? d("div", null, S, d("footer", { key: "footer" }, b.map(function(o) {
+    return d("div", { id: r(o.identifier, Re), key: o.identifier }, o.identifier, $(k(o.footnote, { inline: !0 })));
+  }))) : S;
+}
+const $s = (e) => {
+  let { children: t = "", options: r } = e, n = function(a, c) {
+    if (a == null) return {};
+    var u, d, h = {}, g = Object.keys(a);
+    for (d = 0; d < g.length; d++) c.indexOf(u = g[d]) >= 0 || (h[u] = a[u]);
+    return h;
+  }(e, ga);
+  return Ot.cloneElement(vs(t, r), n);
+}, Ss = T.div`
+  code {
+    @media (prefers-color-scheme: dark) {
+      background-color: #374151 !important;
+      color: #e5e7eb !important;
+    }
+    
+    [data-theme="dark"] & {
+      background-color: #374151 !important;
+      color: #e5e7eb !important;
+    }
+  }
+  
+  pre {
+    @media (prefers-color-scheme: dark) {
+      background-color: #374151 !important;
+      color: #e5e7eb !important;
+    }
+    
+    [data-theme="dark"] & {
+      background-color: #374151 !important;
+      color: #e5e7eb !important;
+    }
+  }
+  
+  blockquote {
+    @media (prefers-color-scheme: dark) {
+      background-color: #1e3a8a !important;
+      border-left-color: #3b82f6 !important;
+      color: #e5e7eb !important;
+    }
+    
+    [data-theme="dark"] & {
+      background-color: #1e3a8a !important;
+      border-left-color: #3b82f6 !important;
+      color: #e5e7eb !important;
+    }
+  }
+`;
+function Yt({ content: e, className: t }) {
+  return /* @__PURE__ */ l.jsx(Ss, { className: t, children: /* @__PURE__ */ l.jsx(
+    $s,
+    {
+      options: {
+        overrides: {
+          // Custom styling for markdown elements with better spacing
+          p: {
+            props: {
+              style: {
+                marginBottom: "12px",
+                lineHeight: "1.5",
+                color: "inherit"
+              }
+            }
+          },
+          strong: {
+            props: {
+              style: {
+                fontWeight: 700,
+                color: "inherit"
+              }
+            }
+          },
+          em: {
+            props: {
+              style: {
+                fontStyle: "italic",
+                color: "inherit"
+              }
+            }
+          },
+          code: {
+            props: {
+              style: {
+                backgroundColor: "#f3f4f6",
+                padding: "2px 6px",
+                borderRadius: "4px",
+                fontSize: "14px",
+                fontFamily: "monospace",
+                color: "#111827"
+              }
+            }
+          },
+          pre: {
+            props: {
+              style: {
+                backgroundColor: "#f3f4f6",
+                padding: "12px",
+                borderRadius: "6px",
+                fontSize: "14px",
+                fontFamily: "monospace",
+                color: "#111827",
+                overflowX: "auto",
+                marginBottom: "12px"
+              }
+            }
+          },
+          ul: {
+            props: {
+              className: "list-disc list-inside mb-3 space-y-1 ml-2"
+            }
+          },
+          ol: {
+            props: {
+              className: "list-decimal list-inside mb-3 space-y-1 ml-2"
+            }
+          },
+          li: {
+            props: {
+              className: "leading-relaxed"
+            }
+          },
+          blockquote: {
+            props: {
+              style: {
+                borderLeft: "4px solid #93c5fd",
+                paddingLeft: "16px",
+                padding: "8px",
+                fontStyle: "italic",
+                marginBottom: "12px",
+                backgroundColor: "#eff6ff",
+                borderRadius: "4px",
+                color: "inherit"
+              }
+            }
+          },
+          h1: {
+            props: {
+              style: {
+                fontSize: "20px",
+                fontWeight: 700,
+                marginBottom: "12px",
+                color: "inherit"
+              }
+            }
+          },
+          h2: {
+            props: {
+              style: {
+                fontSize: "18px",
+                fontWeight: 700,
+                marginBottom: "8px",
+                color: "inherit"
+              }
+            }
+          },
+          h3: {
+            props: {
+              style: {
+                fontSize: "16px",
+                fontWeight: 700,
+                marginBottom: "8px",
+                color: "inherit"
+              }
+            }
+          },
+          h4: {
+            props: {
+              style: {
+                fontSize: "14px",
+                fontWeight: 700,
+                marginBottom: "8px",
+                color: "inherit"
+              }
+            }
+          },
+          h5: {
+            props: {
+              style: {
+                fontSize: "14px",
+                fontWeight: 700,
+                marginBottom: "8px",
+                color: "inherit"
+              }
+            }
+          },
+          h6: {
+            props: {
+              style: {
+                fontSize: "14px",
+                fontWeight: 700,
+                marginBottom: "8px",
+                color: "inherit"
+              }
+            }
+          },
+          hr: {
+            props: {
+              style: {
+                margin: "16px 0",
+                borderColor: "#e5e7eb",
+                borderWidth: "1px",
+                borderStyle: "solid"
+              }
+            }
+          },
+          a: {
+            props: {
+              style: {
+                color: "#2563eb",
+                textDecoration: "underline"
+              },
+              target: "_blank",
+              rel: "noopener noreferrer"
+            }
+          }
+        }
+      },
+      children: e
+    }
+  ) });
+}
+const jn = 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 */
+  & button,
+  & input,
+  & textarea,
+  & select {
+    margin: 0;
+    padding: 0;
+    border: none;
+    background: none;
+    box-sizing: border-box;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: normal;
+    line-height: normal;
+    color: inherit;
+    text-shadow: none;
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  
+  /* Try both media query approaches */
+  @media (prefers-color-scheme: dark) {
+    background-color: #1f2937;
+    border-color: #374151;
+  }
+  
+  /* Alternative approach using data attribute */
+  &[data-theme="dark"] {
+    background-color: #1f2937;
+    border-color: #374151;
+  }
+`, Ee = T.div`
+  max-width: 80%;
+  padding: 12px;
+  border-radius: 8px;
+  font-size: 14px;
+  word-break: break-word;
+  margin-left: ${(e) => e.$isUser ? "auto" : "0"};
+  margin-right: ${(e) => e.$isUser ? "0" : "auto"};
+  line-height: 1.5;
+  
+  /* User message styles - Light mode */
+  background-color: ${(e) => e.$isUser ? "#3b82f6" : "#f3f4f6"};
+  color: ${(e) => e.$isUser ? "#ffffff" : "#111827"};
+  
+  /* Ensure bold text has proper contrast */
+  strong, b {
+    font-weight: 600;
+    color: inherit;
+  }
+  
+  /* Dark mode support - Media query */
+  @media (prefers-color-scheme: dark) {
+    background-color: ${(e) => e.$isUser ? "#3b82f6" : "transparent"};
+    color: ${(e) => e.$isUser ? "#ffffff" : "#e5e7eb"};
+    
+    strong, b {
+      color: ${(e) => (e.$isUser, "#ffffff")};
+      font-weight: 700;
+    }
+  }
+  
+  /* Dark mode support - Data attribute (for ChatWindow/ChatWidget parents) */
+  [data-theme="dark"] & {
+    background-color: ${(e) => e.$isUser ? "#3b82f6" : "transparent"};
+    color: ${(e) => e.$isUser ? "#ffffff" : "#e5e7eb"};
+    
+    strong, b {
+      color: ${(e) => (e.$isUser, "#ffffff")};
+      font-weight: 700;
+    }
+  }
+`, Qt = T.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  border: 1px solid #e5e7eb;
+  border-radius: 14px;
+  background-color: #ffffff;
+  overflow: hidden;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+
+  &:focus-within {
+    border-color: #9ca3af;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  @media (prefers-color-scheme: dark) {
+    background-color: #18181b;
+    border-color: rgba(255, 255, 255, 0.1);
+
+    &:focus-within {
+      border-color: rgba(255, 255, 255, 0.3);
+    }
+  }
+
+  [data-theme='dark'] & {
+    background-color: #18181b;
+    border-color: rgba(255, 255, 255, 0.1);
+
+    &:focus-within {
+      border-color: rgba(255, 255, 255, 0.3);
+    }
+  }
+`, Vt = T.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  flex-shrink: 0;
+  padding: 6px 10px;
+  border-top: 1px solid #e5e7eb;
+  background-color: #f9fafb;
+
+  @media (prefers-color-scheme: dark) {
+    border-top-color: #52525b;
+    background-color: #3f3f46;
+  }
+
+  [data-theme='dark'] & {
+    border-top-color: #52525b;
+    background-color: #3f3f46;
+  }
+`, Cs = T.textarea`
+  display: block;
+  width: 100%;
+  min-width: 0;
+  min-height: 42px;
+  max-height: 96px;
+  padding: 8px 12px;
+  border: none;
+  border-radius: 0;
+  background-color: transparent;
+  color: #1f2937;
+  font-size: 14px;
+  line-height: 1.5;
+  font-family: inherit;
+  resize: none;
+  outline: none;
+  transition: color 0.2s ease;
+  box-sizing: border-box;
+  overflow-y: auto;
+
+  &::placeholder {
+    color: #6b7280;
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    color: #f9fafb;
+
+    &::placeholder {
+      color: #9ca3af;
+    }
+  }
+
+  [data-theme='dark'] & {
+    color: #f9fafb;
+
+    &::placeholder {
+      color: #9ca3af;
+    }
+  }
+`, Zt = T.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px 10px;
+  border-top: 1px solid #e5e7eb;
+  background-color: #ffffff;
+  
+  @media (prefers-color-scheme: dark) {
+    background-color: #1f2937;
+    border-top-color: #374151;
+  }
+  
+  [data-theme="dark"] & {
+    background-color: #1f2937;
+    border-top-color: #374151;
+  }
+`, js = T.textarea`
+  flex: 1;
+  width: 100%;
+  min-height: 40px;
+  max-height: 120px;
+  padding: 8px 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  background-color: #ffffff;
+  color: #1f2937;
+  font-size: 14px;
+  font-family: inherit;
+  resize: none;
+  outline: none;
+  transition: all 0.2s ease;
+  
+  &::placeholder {
+    color: #6b7280;
+  }
+  
+  &:focus {
+    border-color: #3b82f6;
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+  }
+  
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  
+  @media (prefers-color-scheme: dark) {
+    background-color: #374151;
+    color: #f9fafb;
+    border-color: #4b5563;
+    
+    &::placeholder {
+      color: #9ca3af;
+    }
+    
+    &:focus {
+      border-color: #3b82f6;
+      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+    }
+  }
+  
+  [data-theme="dark"] & {
+    background-color: #374151;
+    color: #f9fafb;
+    border-color: #4b5563;
+    
+    &::placeholder {
+      color: #9ca3af;
+    }
+    
+    &:focus {
+      border-color: #3b82f6;
+      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+    }
+  }
+`, Is = T.button`
+  width: 32px;
+  height: 32px;
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+  box-sizing: border-box;
+  line-height: normal;
+  background: transparent;
+  border: 2px solid #3b82f6;
+  border-radius: 50%;
+  color: #3b82f6;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  flex-shrink: 0;
+  
+  &:hover:not(:disabled) {
+    background: #3b82f6;
+    color: white;
+  }
+  
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    border-color: #9ca3af;
+    color: #9ca3af;
+  }
+  
+  svg {
+    width: 16px !important;
+    height: 16px !important;
+    min-width: 16px !important;
+    min-height: 16px !important;
+    color: inherit;
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    flex-shrink: 0;
+  }
+  svg path {
+    stroke: currentColor !important;
+    fill: none !important;
+    visibility: visible !important;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    border-color: #60a5fa;
+    color: #60a5fa;
+    &:hover:not(:disabled) {
+      background: #2563eb;
+      color: white;
+    }
+    &:disabled {
+      border-color: #6b7280;
+      color: #6b7280;
+    }
+  }
+
+  [data-theme="dark"] & {
+    border-color: #60a5fa;
+    color: #60a5fa;
+    &:hover:not(:disabled) {
+      background: #2563eb;
+      color: white;
+    }
+    &:disabled {
+      border-color: #6b7280;
+      color: #6b7280;
+    }
+  }
+`, Jt = T.button`
+  width: 26px;
+  height: 26px;
+  min-width: 26px;
+  min-height: 26px;
+  padding: 0;
+  box-sizing: border-box;
+  line-height: normal;
+  background: transparent;
+  border: 1px solid #3b82f6;
+  border-radius: 8px;
+  color: #3b82f6;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease,
+    box-shadow 0.2s ease;
+  flex-shrink: 0;
+
+  &:hover:not(:disabled) {
+    background: rgba(59, 130, 246, 0.12);
+    color: #2563eb;
+    border-color: #2563eb;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(59, 130, 246, 0.45);
+  }
+
+  &:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+    border-color: #9ca3af;
+    color: #9ca3af;
+  }
+
+  svg {
+    width: 13px !important;
+    height: 13px !important;
+    min-width: 13px !important;
+    min-height: 13px !important;
+    color: inherit;
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    flex-shrink: 0;
+  }
+
+  svg path {
+    stroke: currentColor !important;
+    fill: none !important;
+    visibility: visible !important;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    border-color: #60a5fa;
+    color: #60a5fa;
+
+    &:hover:not(:disabled) {
+      background: rgba(96, 165, 250, 0.14);
+      color: #93c5fd;
+      border-color: #93c5fd;
+    }
+
+    &:focus-visible {
+      box-shadow: 0 0 0 2px #18181b, 0 0 0 4px rgba(96, 165, 250, 0.45);
+    }
+
+    &:disabled {
+      border-color: #6b7280;
+      color: #6b7280;
+    }
+  }
+
+  [data-theme='dark'] & {
+    border-color: #60a5fa;
+    color: #60a5fa;
+
+    &:hover:not(:disabled) {
+      background: rgba(96, 165, 250, 0.14);
+      color: #93c5fd;
+      border-color: #93c5fd;
+    }
+
+    &:focus-visible {
+      box-shadow: 0 0 0 2px #18181b, 0 0 0 4px rgba(96, 165, 250, 0.45);
+    }
+
+    &:disabled {
+      border-color: #6b7280;
+      color: #6b7280;
+    }
+  }
+`, It = (e, t = 0.15) => {
+  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")}`;
+  }
+  return e || "#2563eb";
+}, As = T.button`
+  position: fixed;
+  z-index: 50;
+  height: 48px;
+  padding: 0 16px;
+  box-sizing: border-box;
+  line-height: normal;
+  background: ${(e) => {
+  if (e.$primaryColor) {
+    const t = It(e.$primaryColor, 0.1);
+    return `linear-gradient(135deg, ${e.$primaryColor} 0%, ${t} 100%)`;
+  }
+  return "linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%)";
+}};
+  color: white;
+  border: none;
+  border-radius: 24px;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 500;
+  font-size: 14px;
+  transition: all 0.2s ease;
+  
+  /* Position based on prop */
+  ${(e) => {
+  switch (e.$position) {
+    case "bottom-left":
+      return "bottom: 24px; left: 24px;";
+    case "top-right":
+      return "top: 24px; right: 24px;";
+    case "top-left":
+      return "top: 24px; left: 24px;";
+    default:
+      return "bottom: 24px; right: 24px;";
+  }
+}}
+  
+  &:hover {
+    background: ${(e) => {
+  if (e.$primaryColor) {
+    const t = It(e.$primaryColor, 0.2), r = It(e.$primaryColor, 0.3);
+    return `linear-gradient(135deg, ${t} 0%, ${r} 100%)`;
+  }
+  return "linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%)";
+}};
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+  
+  .icon-container {
+    width: 24px;
+    height: 24px;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+`, Ts = T.div`
+  position: fixed;
+  z-index: 50;
+  width: 320px;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  display: flex;
+  flex-direction: column;
+  
+  /* Position based on prop */
+  ${(e) => {
+  switch (e.$position) {
+    case "bottom-left":
+      return "bottom: 24px; left: 24px;";
+    case "top-right":
+      return "top: 24px; right: 24px;";
+    case "top-left":
+      return "top: 24px; left: 24px;";
+    default:
+      return "bottom: 24px; right: 24px;";
+  }
+}}
+  
+  @media (prefers-color-scheme: dark) {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  &[data-theme="dark"] {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  @media (min-width: 640px) {
+    width: 384px;
+  }
+`;
+T.div`
+  padding: 12px 16px;
+  background: ${(e) => e.primaryColor || "#3b82f6"};
+  color: white;
+  border-radius: 8px 8px 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 500;
+  
+  .header-content {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  
+  .header-actions {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+`;
+T.button`
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  box-sizing: border-box;
+  line-height: normal;
+  background: transparent;
+  border: none;
+  color: white;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+  
+  &:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+  
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
+T.div`
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  
+  /* Custom scrollbar */
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: #f1f5f9;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: #cbd5e1;
+    border-radius: 3px;
+  }
+  
+  &::-webkit-scrollbar-thumb:hover {
+    background: #94a3b8;
+  }
+  
+  @media (prefers-color-scheme: dark) {
+    &::-webkit-scrollbar-track {
+      background: #374151;
+    }
+    
+    &::-webkit-scrollbar-thumb {
+      background: #6b7280;
+    }
+    
+    &::-webkit-scrollbar-thumb:hover {
+      background: #9ca3af;
+    }
+  }
+  
+  [data-theme="dark"] & {
+    &::-webkit-scrollbar-track {
+      background: #374151;
+    }
+    
+    &::-webkit-scrollbar-thumb {
+      background: #6b7280;
+    }
+    
+    &::-webkit-scrollbar-thumb:hover {
+      background: #9ca3af;
+    }
+  }
+`;
+const Xt = T.div`
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  
+  .dot {
+    width: 8px;
+    height: 8px;
+    background: #6b7280;
+    border-radius: 50%;
+    animation: bounce 1.4s ease-in-out infinite both;
+    
+    &:nth-child(1) { animation-delay: -0.32s; }
+    &:nth-child(2) { animation-delay: -0.16s; }
+    &:nth-child(3) { animation-delay: 0s; }
+  }
+  
+  @keyframes bounce {
+    0%, 80%, 100% {
+      transform: scale(0);
+    }
+    40% {
+      transform: scale(1);
+    }
+  }
+  
+  @media (prefers-color-scheme: dark) {
+    .dot {
+      background: #9ca3af;
+    }
+  }
+`;
+T.div`
+  font-size: 12px;
+  margin-top: 4px;
+  color: ${(e) => e.$isUser ? "rgba(255, 255, 255, 0.8)" : "#6b7280"};
+  
+  @media (prefers-color-scheme: dark) {
+    color: ${(e) => e.$isUser ? "rgba(255, 255, 255, 0.8)" : "#d1d5db"};
+  }
+  
+  [data-theme="dark"] & {
+    color: ${(e) => e.$isUser ? "rgba(255, 255, 255, 0.8)" : "#d1d5db"};
+  }
+`;
+const er = T.div`
+  font-size: 14px;
+  color: #dc2626;
+  text-align: center;
+  padding: 8px;
+  margin: 16px 0;
+  
+  @media (prefers-color-scheme: dark) {
+    color: #f87171;
+  }
+`, Es = T.div`
+  position: absolute;
+  ${(e) => e.$position === "top" ? "top: 0;" : "bottom: 0;"}
+  left: 0;
+  right: 0;
+  height: 6px;
+  background: linear-gradient(90deg, #e5e7eb 0%, #3b82f6 50%, #e5e7eb 100%);
+  cursor: ${(e) => (e.$position === "top", "ns-resize")};
+  border-radius: ${(e) => e.$position === "top" ? "8px 8px 0 0" : "0 0 8px 8px"};
+  opacity: 0.7;
+  transition: opacity 0.2s ease;
+  
+  &:hover {
+    opacity: 1;
+    background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 50%, #3b82f6 100%);
+  }
+  
+  @media (prefers-color-scheme: dark) {
+    background: linear-gradient(90deg, #374151 0%, #3b82f6 50%, #374151 100%);
+    
+    &:hover {
+      background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 50%, #3b82f6 100%);
+    }
+  }
+`, xe = T.img`
+  width: ${(e) => e.$size || "32px"};
+  height: ${(e) => e.$size || "32px"};
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+  border: 2px solid rgba(255, 255, 255, 0.2);
+  background-color: rgba(255, 255, 255, 0.1);
+`, Ms = T.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 24px 16px;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  gap: 20px;
+  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"};
+  
+  @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"};
+  }
+  
+  [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"};
+  }
+`, _s = T.div`
+  font-size: 18px;
+  font-weight: 600;
+  text-align: center;
+  color: #111827;
+  margin-bottom: 8px;
+  
+  @media (prefers-color-scheme: dark) {
+    color: #f9fafb;
+  }
+  
+  [data-theme="dark"] & {
+    color: #f9fafb;
+  }
+`, Rs = T.img`
+  max-width: 120px;
+  max-height: 120px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+  margin-bottom: 8px;
+  border-radius: 8px;
+`, zs = T.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 16px;
+`, Ds = T.button`
+  width: 100%;
+  padding: 12px 16px;
+  box-sizing: border-box;
+  line-height: normal;
+  text-align: left;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  background-color: #ffffff;
+  color: #111827;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  
+  &:hover:not(:disabled) {
+    background-color: ${(e) => e.$primaryColor ? `${e.$primaryColor}15` : "#f3f4f6"};
+    border-color: ${(e) => e.$primaryColor || "#d1d5db"};
+    transform: translateY(-1px);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+  
+  &:active:not(:disabled) {
+    transform: translateY(0);
+  }
+  
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  
+  @media (prefers-color-scheme: dark) {
+    background-color: #374151;
+    color: #f9fafb;
+    border-color: #4b5563;
+    
+    &:hover:not(:disabled) {
+      background-color: ${(e) => e.$primaryColor ? `${e.$primaryColor}25` : "#4b5563"};
+      border-color: ${(e) => e.$primaryColor || "#6b7280"};
+    }
+  }
+  
+  [data-theme="dark"] & {
+    background-color: #374151;
+    color: #f9fafb;
+    border-color: #4b5563;
+    
+    &:hover:not(:disabled) {
+      background-color: ${(e) => e.$primaryColor ? `${e.$primaryColor}25` : "#4b5563"};
+      border-color: ${(e) => e.$primaryColor || "#6b7280"};
+    }
+  }
+`, Ns = T.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  margin-top: auto;
+  padding-top: 16px;
+  border-top: 1px solid #e5e7eb;
+  
+  @media (prefers-color-scheme: dark) {
+    border-top-color: #374151;
+  }
+  
+  [data-theme="dark"] & {
+    border-top-color: #374151;
+  }
+`, ft = F.forwardRef(function({
+  value: t,
+  onChange: r,
+  onKeyDown: n,
+  placeholder: a = "Type a message...",
+  disabled: c = !1,
+  className: u,
+  maxLength: d = 2e3,
+  variant: h = "default"
+}, g) {
+  const b = (k) => {
+    r(k.target.value);
+  }, p = (k) => {
+    k.key === "Enter" && !k.shiftKey && k.preventDefault(), n(k);
+  }, w = h === "composer" ? Cs : js;
+  return /* @__PURE__ */ l.jsx(
+    w,
+    {
+      ref: g,
+      value: t,
+      onChange: b,
+      onKeyDown: p,
+      placeholder: a,
+      disabled: c,
+      maxLength: d,
+      className: u,
+      onInput: (k) => {
+        const $ = k.target;
+        $.style.height = "auto";
+        const j = h === "composer" ? 96 : 120;
+        $.style.height = `${Math.min($.scrollHeight, j)}px`;
+      }
+    }
+  );
+});
+function ht({ size: e = 16 }) {
+  return /* @__PURE__ */ l.jsxs(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": !0,
+      children: [
+        /* @__PURE__ */ l.jsx("path", { d: "M22 2L11 13" }),
+        /* @__PURE__ */ l.jsx("path", { d: "M22 2L15 22L11 13L2 9L22 2Z" })
+      ]
+    }
+  );
+}
+function tr({ config: e, onQuestionClick: t, onSendMessage: r, isLoading: n }) {
+  const [a, c] = F.useState(""), u = F.useRef(null), d = async () => {
+    !a.trim() || n || (await r(a.trim()), c(""));
+  }, h = (b) => {
+    b.key === "Enter" && !b.shiftKey && (b.preventDefault(), d());
+  }, g = e.welcomeMessage || "Hi there 👋 How can we help?";
+  return /* @__PURE__ */ l.jsxs(Ms, { $primaryColor: e.primaryColor, children: [
+    e.welcomeImage && /* @__PURE__ */ l.jsx(
+      Rs,
+      {
+        src: e.welcomeImage,
+        alt: "Welcome"
+      }
+    ),
+    /* @__PURE__ */ l.jsx(_s, { children: g }),
+    e.quickQuestions && e.quickQuestions.length > 0 && /* @__PURE__ */ l.jsx(zs, { children: e.quickQuestions.map((b, p) => /* @__PURE__ */ l.jsx(
+      Ds,
+      {
+        onClick: () => t(b),
+        disabled: n,
+        $primaryColor: e.primaryColor,
+        children: b
+      },
+      p
+    )) }),
+    /* @__PURE__ */ l.jsxs(Ns, { children: [
+      /* @__PURE__ */ l.jsx(
+        ft,
+        {
+          ref: u,
+          value: a,
+          onChange: c,
+          onKeyDown: h,
+          placeholder: e.placeholder || "Type a message...",
+          disabled: n
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        Is,
+        {
+          onClick: d,
+          disabled: n || !a.trim(),
+          children: /* @__PURE__ */ l.jsx(ht, { size: 16 })
+        }
+      )
+    ] })
+  ] });
+}
+function rr(e, t) {
+  var j;
+  const r = (e.maxAttachmentSizeMB ?? 10) * 1024 * 1024, n = e.maxAttachments ?? 3, a = (j = e.allowedAttachmentTypes) != null && j.length ? e.allowedAttachmentTypes : gn, c = !!(e.enableAttachments && e.publishableKey), [u, d] = J([]), [h, g] = J(null), b = ae([]);
+  De(() => {
+    b.current = u;
+  }, [u]);
+  const p = Z(
+    async (S) => {
+      if (c) {
+        g(null);
+        for (const o of S) {
+          if (b.current.length >= n) {
+            g(`At most ${n} attachments per message.`);
+            break;
+          }
+          const i = bn(o, r, a);
+          if (i) {
+            g(`${o.name}: ${i}`);
+            continue;
+          }
+          try {
+            const s = await t(o);
+            d((f) => {
+              if (f.length >= n) return f;
+              const m = [...f, s];
+              return b.current = m, m;
+            });
+          } catch (s) {
+            g(s instanceof Error ? s.message : "Upload failed");
+          }
+        }
+      }
+    },
+    [a, c, r, n, t]
+  ), w = Z((S) => {
+    d((o) => {
+      const i = o.filter((s) => s.id !== S);
+      return b.current = i, i;
+    });
+  }, []), k = Z(() => {
+    d([]), b.current = [], g(null);
+  }, []), $ = Z(
+    (S) => {
+      g(null), d((o) => {
+        if (o.length >= n) return o;
+        const i = [...o, S];
+        return b.current = i, i;
+      });
+    },
+    [n]
+  );
+  return {
+    enabled: c,
+    staged: u,
+    attachmentError: h,
+    setAttachmentError: g,
+    addFiles: p,
+    appendStaged: $,
+    removeStaged: w,
+    clearStaged: k,
+    maxFiles: n,
+    maxBytes: r,
+    allowed: a
+  };
+}
+function Os({ size: e = 16 }) {
+  return /* @__PURE__ */ l.jsx(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ l.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+    }
+  );
+}
+function Bs({ size: e = 16 }) {
+  return /* @__PURE__ */ l.jsxs(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": !0,
+      children: [
+        /* @__PURE__ */ l.jsx("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ l.jsx("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+/*!---------------------------------------------------------------------------------------------
+ *  Copyright (c) StackBlitz. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+const Ps = {
+  /**
+   * A value from 0 to 1, on how much to damp the animation.
+   * 0 means no damping, 1 means full damping.
+   *
+   * @default 0.7
+   */
+  damping: 0.7,
+  /**
+   * The stiffness of how fast/slow the animation gets up to speed.
+   *
+   * @default 0.05
+   */
+  stiffness: 0.05,
+  /**
+   * The inertial mass associated with the animation.
+   * Higher numbers make the animation slower.
+   *
+   * @default 1.25
+   */
+  mass: 1.25
+}, Ls = 70, Fs = 1e3 / 60, Ks = 350;
+let mt = !1;
+var Or;
+(Or = globalThis.document) == null || Or.addEventListener("mousedown", () => {
+  mt = !0;
+});
+var Br;
+(Br = globalThis.document) == null || Br.addEventListener("mouseup", () => {
+  mt = !1;
+});
+var Pr;
+(Pr = globalThis.document) == null || Pr.addEventListener("click", () => {
+  mt = !1;
+});
+const Ws = (e = {}) => {
+  const [t, r] = J(!1), [n, a] = J(e.initial !== !1), [c, u] = J(!1), d = ae(null);
+  d.current = e;
+  const h = Z(() => {
+    var f;
+    if (!mt)
+      return !1;
+    const i = window.getSelection();
+    if (!i || !i.rangeCount)
+      return !1;
+    const s = i.getRangeAt(0);
+    return s.commonAncestorContainer.contains(S.current) || ((f = S.current) == null ? void 0 : f.contains(s.commonAncestorContainer));
+  }, []), g = Z((i) => {
+    p.isAtBottom = i, a(i);
+  }, []), b = Z((i) => {
+    p.escapedFromLock = i, r(i);
+  }, []), p = Bt(() => {
+    let i;
+    return {
+      escapedFromLock: t,
+      isAtBottom: n,
+      resizeDifference: 0,
+      accumulated: 0,
+      velocity: 0,
+      listeners: /* @__PURE__ */ new Set(),
+      get scrollTop() {
+        var s;
+        return ((s = S.current) == null ? void 0 : s.scrollTop) ?? 0;
+      },
+      set scrollTop(s) {
+        S.current && (S.current.scrollTop = s, p.ignoreScrollToTop = S.current.scrollTop);
+      },
+      get targetScrollTop() {
+        return !S.current || !o.current ? 0 : S.current.scrollHeight - 1 - S.current.clientHeight;
+      },
+      get calculatedTargetScrollTop() {
+        if (!S.current || !o.current)
+          return 0;
+        const { targetScrollTop: s } = this;
+        if (!e.targetScrollTop)
+          return s;
+        if ((i == null ? void 0 : i.targetScrollTop) === s)
+          return i.calculatedScrollTop;
+        const f = Math.max(Math.min(e.targetScrollTop(s, {
+          scrollElement: S.current,
+          contentElement: o.current
+        }), s), 0);
+        return i = { targetScrollTop: s, calculatedScrollTop: f }, requestAnimationFrame(() => {
+          i = void 0;
+        }), f;
+      },
+      get scrollDifference() {
+        return this.calculatedTargetScrollTop - this.scrollTop;
+      },
+      get isNearBottom() {
+        return this.scrollDifference <= Ls;
+      }
+    };
+  }, []), w = Z((i = {}) => {
+    var M;
+    typeof i == "string" && (i = { animation: i }), i.preserveScrollPosition || g(!0);
+    const s = Date.now() + (Number(i.wait) || 0), f = Tt(d.current, i.animation), { ignoreEscapes: m = !1 } = i;
+    let y, x = p.calculatedTargetScrollTop;
+    i.duration instanceof Promise ? i.duration.finally(() => {
+      y = Date.now();
+    }) : y = s + (i.duration ?? 0);
+    const A = async () => {
+      const C = new Promise(requestAnimationFrame).then(() => {
+        var I;
+        if (!p.isAtBottom)
+          return p.animation = void 0, !1;
+        const { scrollTop: E } = p, K = performance.now(), P = (K - (p.lastTick ?? K)) / Fs;
+        if (p.animation || (p.animation = { behavior: f, promise: C, ignoreEscapes: m }), p.animation.behavior === f && (p.lastTick = K), h() || s > Date.now())
+          return A();
+        if (E < Math.min(x, p.calculatedTargetScrollTop)) {
+          if (((I = p.animation) == null ? void 0 : I.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 * P, p.scrollTop += p.accumulated, p.scrollTop !== E && (p.accumulated = 0);
+          }
+          return A();
+        }
+        return y > Date.now() ? (x = p.calculatedTargetScrollTop, A()) : (p.animation = void 0, p.scrollTop < p.calculatedTargetScrollTop ? w({
+          animation: Tt(d.current, d.current.resize),
+          ignoreEscapes: m,
+          duration: Math.max(0, y - Date.now()) || void 0
+        }) : p.isAtBottom);
+      });
+      return C.then((E) => (requestAnimationFrame(() => {
+        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();
+  }, [g, h, p]), k = Z(() => {
+    b(!0), g(!1);
+  }, [b, g]), $ = Z(({ target: i }) => {
+    if (i !== S.current)
+      return;
+    const { scrollTop: s, ignoreScrollToTop: f } = p;
+    let { lastScrollTop: m = s } = p;
+    p.lastScrollTop = s, p.ignoreScrollToTop = void 0, f && f > s && (m = f), u(p.isNearBottom), setTimeout(() => {
+      var A;
+      if (p.resizeDifference || s === f)
+        return;
+      if (h()) {
+        b(!0), g(!1);
+        return;
+      }
+      const y = s > m, x = s < m;
+      if ((A = p.animation) != null && A.ignoreEscapes) {
+        p.scrollTop = m;
+        return;
+      }
+      x && (b(!0), g(!1)), y && b(!1), !p.escapedFromLock && p.isNearBottom && g(!0);
+    }, 1);
+  }, [b, g, h, p]), j = Z(({ target: i, deltaY: s }) => {
+    var m;
+    let f = i;
+    for (; !["scroll", "auto"].includes(getComputedStyle(f).overflow); ) {
+      if (!f.parentElement)
+        return;
+      f = f.parentElement;
+    }
+    f === S.current && s < 0 && S.current.scrollHeight > S.current.clientHeight && !((m = p.animation) != null && m.ignoreEscapes) && (b(!0), g(!1));
+  }, [b, g, p]), S = Dr((i) => {
+    var s, f;
+    (s = S.current) == null || s.removeEventListener("scroll", $), (f = S.current) == null || f.removeEventListener("wheel", j), i == null || i.addEventListener("scroll", $, { passive: !0 }), i == null || i.addEventListener("wheel", j, { passive: !0 });
+  }, []), o = Dr((i) => {
+    var f, m;
+    if ((f = p.resizeObserver) == null || f.disconnect(), !i)
+      return;
+    let s;
+    p.resizeObserver = new ResizeObserver(([y]) => {
+      const { height: x } = y.contentRect, A = x - (s ?? x);
+      if (p.resizeDifference = A, p.scrollTop > p.targetScrollTop && (p.scrollTop = p.targetScrollTop), u(p.isNearBottom), A >= 0) {
+        const M = Tt(d.current, s ? d.current.resize : d.current.initial);
+        w({
+          animation: M,
+          wait: !0,
+          preserveScrollPosition: !0,
+          duration: M === "instant" ? void 0 : Ks
+        });
+      } else
+        p.isNearBottom && (b(!1), g(!0));
+      s = x, requestAnimationFrame(() => {
+        setTimeout(() => {
+          p.resizeDifference === A && (p.resizeDifference = 0);
+        }, 1);
+      });
+    }), (m = p.resizeObserver) == null || m.observe(i);
+  }, []);
+  return {
+    contentRef: o,
+    scrollRef: S,
+    scrollToBottom: w,
+    stopScroll: k,
+    isAtBottom: n || c,
+    isNearBottom: c,
+    escapedFromLock: t,
+    state: p
+  };
+};
+function Dr(e, t) {
+  const r = Z((n) => (r.current = n, e(n)), t);
+  return r;
+}
+const At = /* @__PURE__ */ new Map();
+function Tt(...e) {
+  const t = { ...Ps };
+  let r = !1;
+  for (const a of e) {
+    if (a === "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);
+  }
+  const n = JSON.stringify(t);
+  return At.has(n) || At.set(n, Object.freeze(t)), r ? "instant" : At.get(n);
+}
+const In = _n(null), Us = typeof window < "u" ? Mn : De;
+function rt({ instance: e, children: t, resize: r, initial: n, mass: a, damping: c, stiffness: u, targetScrollTop: d, contextRef: h, ...g }) {
+  const b = ae(null), p = Ot.useCallback((m, y) => {
+    const x = (f == null ? void 0 : f.targetScrollTop) ?? d;
+    return (x == null ? void 0 : x(m, y)) ?? m;
+  }, [d]), w = Ws({
+    mass: a,
+    damping: c,
+    stiffness: u,
+    resize: r,
+    initial: n,
+    targetScrollTop: p
+  }), { scrollRef: k, contentRef: $, scrollToBottom: j, stopScroll: S, isAtBottom: o, escapedFromLock: i, state: s } = e ?? w, f = Bt(() => ({
+    scrollToBottom: j,
+    stopScroll: S,
+    scrollRef: k,
+    isAtBottom: o,
+    escapedFromLock: i,
+    contentRef: $,
+    state: s,
+    get targetScrollTop() {
+      return b.current;
+    },
+    set targetScrollTop(m) {
+      b.current = m;
+    }
+  }), [
+    j,
+    o,
+    $,
+    k,
+    S,
+    i,
+    s
+  ]);
+  return En(h, () => f, [f]), Us(() => {
+    k.current && getComputedStyle(k.current).overflow === "visible" && (k.current.style.overflow = "auto");
+  }, []), l.jsx(In.Provider, { value: f, children: l.jsx("div", { ...g, children: typeof t == "function" ? t(f) : t }) });
+}
+(function(e) {
+  function t({ children: r, ...n }) {
+    const a = Hs();
+    return l.jsx("div", { ref: a.scrollRef, style: {
+      height: "100%",
+      width: "100%"
+    }, children: l.jsx("div", { ...n, ref: a.contentRef, children: typeof r == "function" ? r(a) : r }) });
+  }
+  e.Content = t;
+})(rt || (rt = {}));
+function Hs() {
+  const e = Fr(In);
+  if (!e)
+    throw new Error("use-stick-to-bottom component context must be used within a StickToBottom component");
+  return e;
+}
+const qs = T(rt)`
+  position: relative;
+  flex: 1;
+  overflow-y: auto;
+  scroll-behavior: smooth;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
+
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(148, 163, 184, 0.45);
+    border-radius: 999px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(100, 116, 139, 0.55);
+  }
+
+  @media (prefers-color-scheme: dark) {
+    scrollbar-color: rgba(71, 85, 105, 0.75) transparent;
+
+    &::-webkit-scrollbar-thumb {
+      background-color: rgba(71, 85, 105, 0.65);
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background-color: rgba(100, 116, 139, 0.75);
+    }
+  }
+
+  [data-theme='dark'] & {
+    scrollbar-color: rgba(71, 85, 105, 0.75) transparent;
+
+    &::-webkit-scrollbar-thumb {
+      background-color: rgba(71, 85, 105, 0.65);
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background-color: rgba(100, 116, 139, 0.75);
+    }
+  }
+`, Gs = T(rt.Content)`
+  padding: 16px;
+`;
+T.button`
+  position: absolute;
+  bottom: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 1px solid #d1d5db;
+  background: white;
+  color: #6b7280;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+  &:hover {
+    background: #f9fafb;
+    border-color: #9ca3af;
+    color: #374151;
+  }
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    background: #1f2937;
+    border-color: #374151;
+    color: #9ca3af;
+
+    &:hover {
+      background: #374151;
+      border-color: #4b5563;
+      color: #d1d5db;
+    }
+  }
+`;
+function nr({
+  className: e,
+  children: t,
+  style: r,
+  onDragOver: n,
+  onDragLeave: a,
+  onDrop: c
+}) {
+  return /* @__PURE__ */ l.jsx(
+    qs,
+    {
+      className: e,
+      style: r,
+      initial: "smooth",
+      resize: "smooth",
+      role: "log",
+      onDragOver: n,
+      onDragLeave: a,
+      onDrop: c,
+      children: t
+    }
+  );
+}
+function or({ className: e, children: t }) {
+  return /* @__PURE__ */ l.jsx(Gs, { className: e, children: t });
+}
+function Ys({ config: e, chat: t }) {
+  const { messages: r, sendMessage: n, uploadAttachment: a, isLoading: c, error: u, hasSessionStarted: d } = t, [h, g] = F.useState(""), [b, p] = F.useState(!1), w = F.useRef(null), {
+    enabled: k,
+    staged: $,
+    attachmentError: j,
+    setAttachmentError: S,
+    addFiles: o,
+    appendStaged: i,
+    removeStaged: s,
+    clearStaged: f,
+    maxFiles: m,
+    maxBytes: y,
+    allowed: x
+  } = rr(e, a), A = () => e.theme === "dark" ? "dark" : e.theme === "light" ? "light" : b ? "dark" : "light";
+  F.useEffect(() => {
+    if (e.theme === "auto" || !e.theme) {
+      const I = () => {
+        p(window.matchMedia("(prefers-color-scheme: dark)").matches);
+      };
+      I();
+      const D = window.matchMedia("(prefers-color-scheme: dark)");
+      return D.addEventListener("change", I), () => D.removeEventListener("change", I);
+    } else
+      p(e.theme === "dark");
+  }, [e.theme]);
+  const M = async () => {
+    const I = h.trim();
+    !I && $.length === 0 || c || (await n(I, void 0, $.length ? $ : void 0), g(""), f(), setTimeout(() => {
+      var D;
+      (D = w.current) == null || D.focus();
+    }, 100));
+  }, C = (I) => {
+    I.key === "Enter" && !I.shiftKey && (I.preventDefault(), M());
+  }, E = F.useMemo(() => e.height === "100%" || e.height === "100vh" ? {
+    height: "100%",
+    minHeight: 0,
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: "8px"
+  } : {
+    height: e.height,
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: "8px"
+  }, [e.height]), K = (I) => {
+    k && (I.preventDefault(), I.dataTransfer.dropEffect = "copy");
+  }, P = async (I) => {
+    if (!k) return;
+    I.preventDefault();
+    const D = await Ut(I.dataTransfer);
+    D.length && await o(D);
+  };
+  return /* @__PURE__ */ l.jsx(
+    jn,
+    {
+      "data-theme": A(),
+      style: E,
+      children: e.quickQuestions && e.quickQuestions.length > 0 && !d ? /* @__PURE__ */ l.jsx(
+        tr,
+        {
+          config: e,
+          onQuestionClick: async (I) => {
+            await n(I);
+          },
+          onSendMessage: n,
+          isLoading: c
+        }
+      ) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        /* @__PURE__ */ l.jsx(nr, { style: { flex: 1 }, onDragOver: K, onDrop: P, children: /* @__PURE__ */ l.jsxs(or, { 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(
+                  xe,
+                  {
+                    src: e.agentImage,
+                    alt: e.chatName || "Agent",
+                    $size: "28px"
+                  }
+                ),
+                /* @__PURE__ */ l.jsx(Ee, { $isUser: I.role === "user", children: I.role === "assistant" ? /* @__PURE__ */ l.jsx(Yt, { content: I.content }) : /* @__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
+                ] }) })
+              ]
+            },
+            I.id
+          )),
+          c && /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "8px", marginBottom: "16px" }, children: [
+            e.agentImage && /* @__PURE__ */ l.jsx(
+              xe,
+              {
+                src: e.agentImage,
+                alt: e.chatName || "Agent",
+                $size: "28px"
+              }
+            ),
+            /* @__PURE__ */ l.jsx(Ee, { $isUser: !1, children: /* @__PURE__ */ l.jsxs(Xt, { children: [
+              /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+              /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+              /* @__PURE__ */ l.jsx("div", { className: "dot" })
+            ] }) })
+          ] }),
+          u && /* @__PURE__ */ l.jsx(er, { children: u })
+        ] }) }),
+        /* @__PURE__ */ l.jsxs(Zt, { style: { flexDirection: "column", alignItems: "stretch", gap: 0 }, children: [
+          (j || k && $.length > 0) && /* @__PURE__ */ l.jsxs("div", { style: { paddingBottom: 8 }, children: [
+            j && /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: "#dc2626", marginBottom: 4 }, children: j }),
+            k && $.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: $, onRemove: s })
+          ] }),
+          /* @__PURE__ */ l.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ l.jsxs(Qt, { children: [
+            /* @__PURE__ */ l.jsx(
+              ft,
+              {
+                ref: w,
+                variant: "composer",
+                value: h,
+                onChange: g,
+                onKeyDown: C,
+                placeholder: e.placeholder,
+                disabled: c
+              }
+            ),
+            /* @__PURE__ */ l.jsxs(Vt, { children: [
+              /* @__PURE__ */ l.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: k && /* @__PURE__ */ l.jsx(
+                Ht,
+                {
+                  integrated: !0,
+                  disabled: c,
+                  maxFileBytes: y,
+                  maxFiles: m,
+                  allowedMime: x,
+                  currentCount: $.length,
+                  uploadAttachment: a,
+                  onUploaded: i,
+                  onError: S
+                }
+              ) }),
+              /* @__PURE__ */ l.jsx(
+                Jt,
+                {
+                  type: "button",
+                  onClick: M,
+                  disabled: c || !h.trim() && $.length === 0,
+                  "aria-label": "Send message",
+                  children: /* @__PURE__ */ l.jsx(ht, { size: 13 })
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+}
+const Qs = T.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-radius: 8px 8px 0 0;
+  background: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? e.$primaryColor : "#ffffff"};
+  color: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? "white" : "#111827"};
+  border-bottom: none;
+  transition: background-color 0.3s ease, color 0.3s ease;
+
+  @media (prefers-color-scheme: dark) {
+    background: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? e.$primaryColor : "#1f2937"};
+    color: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? "white" : "#f9fafb"};
+    border-bottom: none;
+  }
+  
+  [data-theme="dark"] & {
+    background: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? e.$primaryColor : "#1f2937"};
+    color: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? "white" : "#f9fafb"};
+  }
+  
+  [data-theme="light"] & {
+    background: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? e.$primaryColor : "#ffffff"};
+    color: ${(e) => e.$showWelcomeScreen && e.$primaryColor ? "white" : "#111827"};
+  }
+`, Vs = T.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`, Zs = T.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`, Js = T.div`
+  width: 8px;
+  height: 8px;
+  background: #10b981;
+  border-radius: 50%;
+  animation: pulse 2s infinite;
+
+  @keyframes pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+`, Xs = T.span`
+  font-weight: 500;
+  font-size: 14px;
+`, ei = T.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+`, ti = T.button`
+  padding: 4px;
+  background: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
+function ri({
+  chatName: e = "Chat Assistant",
+  showCloseButton: t = !0,
+  onClose: r,
+  agentImage: n,
+  className: a,
+  primaryColor: c,
+  showWelcomeScreen: u = !1
+}) {
+  return /* @__PURE__ */ l.jsxs(
+    Qs,
+    {
+      className: a,
+      $primaryColor: c,
+      $showWelcomeScreen: u,
+      children: [
+        /* @__PURE__ */ l.jsxs(Vs, { children: [
+          n && /* @__PURE__ */ l.jsx(
+            xe,
+            {
+              src: n,
+              alt: e || "Agent",
+              $size: "32px"
+            }
+          ),
+          /* @__PURE__ */ l.jsxs(Zs, { children: [
+            /* @__PURE__ */ l.jsx(Js, {}),
+            /* @__PURE__ */ l.jsx(Xs, { children: e })
+          ] })
+        ] }),
+        /* @__PURE__ */ l.jsx(ei, { children: t && /* @__PURE__ */ l.jsx(
+          ti,
+          {
+            onClick: r,
+            "aria-label": "Close",
+            children: /* @__PURE__ */ l.jsx(Bs, { size: 16 })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Nr({ config: e, chat: t }) {
+  const { messages: r, sendMessage: n, uploadAttachment: a, isLoading: c, error: u, isOpen: d, setIsOpen: h, hasSessionStarted: g } = t, [b, p] = F.useState(""), [w, k] = F.useState(e.height || 600), [$, j] = F.useState(!1), S = F.useRef(null), {
+    enabled: o,
+    staged: i,
+    attachmentError: s,
+    setAttachmentError: f,
+    addFiles: m,
+    appendStaged: y,
+    removeStaged: x,
+    clearStaged: A,
+    maxFiles: M,
+    maxBytes: C,
+    allowed: E
+  } = rr(e, a), K = () => e.theme === "dark" ? "dark" : e.theme === "light" ? "light" : $ ? "dark" : "light";
+  F.useEffect(() => {
+    if (e.theme === "auto" || !e.theme) {
+      const v = () => {
+        j(window.matchMedia("(prefers-color-scheme: dark)").matches);
+      };
+      v();
+      const N = window.matchMedia("(prefers-color-scheme: dark)");
+      return N.addEventListener("change", v), () => N.removeEventListener("change", v);
+    } else
+      j(e.theme === "dark");
+  }, [e.theme]);
+  const P = async () => {
+    const v = b.trim();
+    !v && i.length === 0 || c || (await n(v, void 0, i.length ? i : void 0), p(""), A(), setTimeout(() => {
+      var N;
+      (N = S.current) == null || N.focus();
+    }, 100));
+  }, I = (v) => {
+    v.key === "Enter" && !v.shiftKey && (v.preventDefault(), P());
+  }, D = (v) => {
+    o && (v.preventDefault(), v.dataTransfer.dropEffect = "copy");
+  }, H = async (v) => {
+    if (!o) return;
+    v.preventDefault();
+    const N = await Ut(v.dataTransfer);
+    N.length && await m(N);
+  };
+  return d ? /* @__PURE__ */ l.jsxs(
+    Ts,
+    {
+      $position: e.position || "bottom-right",
+      "data-theme": K(),
+      style: {
+        height: w,
+        ...e.chatWindowStyle
+      },
+      children: [
+        e.resizable !== !1 && /* @__PURE__ */ l.jsx(
+          Es,
+          {
+            $position: "top",
+            onMouseDown: (v) => {
+              v.preventDefault();
+              const N = v.clientY, R = typeof w == "number" ? w : 600, W = (q) => {
+                const z = q.clientY - N, U = R - z;
+                k(Math.max(200, Math.min(600, U)));
+              }, O = () => {
+                document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", O);
+              };
+              document.addEventListener("mousemove", W), document.addEventListener("mouseup", O);
+            }
+          }
+        ),
+        e.showHeader !== !1 && /* @__PURE__ */ l.jsx(
+          ri,
+          {
+            agentImage: e.agentImage,
+            chatName: e.chatName,
+            onClose: () => h(!1),
+            primaryColor: e.primaryColor,
+            showWelcomeScreen: e.quickQuestions && e.quickQuestions.length > 0 && !g
+          }
+        ),
+        e.quickQuestions && e.quickQuestions.length > 0 && !g ? /* @__PURE__ */ l.jsx(
+          tr,
+          {
+            config: e,
+            onQuestionClick: async (v) => {
+              await n(v);
+            },
+            onSendMessage: n,
+            isLoading: c
+          }
+        ) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(nr, { onDragOver: D, onDrop: H, children: /* @__PURE__ */ l.jsxs(or, { children: [
+            r.map((v) => /* @__PURE__ */ l.jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  marginBottom: "16px",
+                  justifyContent: v.role === "user" ? "flex-end" : "flex-start",
+                  alignItems: "flex-start",
+                  gap: "8px"
+                },
+                children: [
+                  v.role === "assistant" && e.agentImage && /* @__PURE__ */ l.jsx(
+                    xe,
+                    {
+                      src: e.agentImage,
+                      alt: e.chatName || "Agent",
+                      $size: "28px"
+                    }
+                  ),
+                  /* @__PURE__ */ l.jsx(Ee, { $isUser: v.role === "user", children: v.role === "assistant" ? /* @__PURE__ */ l.jsx(Yt, { content: v.content }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+                    v.attachments && v.attachments.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: v.attachments, readOnly: !0 }),
+                    v.content ? v.content : null
+                  ] }) })
+                ]
+              },
+              v.id
+            )),
+            c && /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "8px", marginBottom: "16px" }, children: [
+              e.agentImage && /* @__PURE__ */ l.jsx(
+                xe,
+                {
+                  src: e.agentImage,
+                  alt: e.chatName || "Agent",
+                  $size: "28px"
+                }
+              ),
+              /* @__PURE__ */ l.jsx(Ee, { $isUser: !1, children: /* @__PURE__ */ l.jsxs(Xt, { children: [
+                /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+                /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+                /* @__PURE__ */ l.jsx("div", { className: "dot" })
+              ] }) })
+            ] }),
+            u && /* @__PURE__ */ l.jsx(er, { children: u })
+          ] }) }),
+          /* @__PURE__ */ l.jsxs(Zt, { style: { flexDirection: "column", alignItems: "stretch", gap: 0 }, children: [
+            (s || o && i.length > 0) && /* @__PURE__ */ l.jsxs("div", { style: { paddingBottom: 8 }, children: [
+              s && /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: "#dc2626", marginBottom: 4 }, children: s }),
+              o && i.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: i, onRemove: x })
+            ] }),
+            /* @__PURE__ */ l.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ l.jsxs(Qt, { children: [
+              /* @__PURE__ */ l.jsx(
+                ft,
+                {
+                  ref: S,
+                  variant: "composer",
+                  value: b,
+                  onChange: p,
+                  onKeyDown: I,
+                  placeholder: e.placeholder,
+                  disabled: c
+                }
+              ),
+              /* @__PURE__ */ l.jsxs(Vt, { children: [
+                /* @__PURE__ */ l.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: o && /* @__PURE__ */ l.jsx(
+                  Ht,
+                  {
+                    integrated: !0,
+                    disabled: c,
+                    maxFileBytes: C,
+                    maxFiles: M,
+                    allowedMime: E,
+                    currentCount: i.length,
+                    uploadAttachment: a,
+                    onUploaded: y,
+                    onError: f
+                  }
+                ) }),
+                /* @__PURE__ */ l.jsx(
+                  Jt,
+                  {
+                    type: "button",
+                    onClick: P,
+                    disabled: c || !b.trim() && i.length === 0,
+                    "aria-label": "Send message",
+                    children: /* @__PURE__ */ l.jsx(ht, { size: 13 })
+                  }
+                )
+              ] })
+            ] }) })
+          ] })
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ l.jsxs(
+    As,
+    {
+      onClick: () => h(!0),
+      style: e.buttonStyle,
+      $position: e.position || "bottom-right",
+      $primaryColor: e.primaryColor,
+      "aria-label": "Open chat",
+      children: [
+        /* @__PURE__ */ l.jsx("div", { className: "icon-container", children: /* @__PURE__ */ l.jsx(Os, { size: 16 }) }),
+        /* @__PURE__ */ l.jsx("span", { children: e.buttonText || e.chatName || "AI Chat" })
+      ]
+    }
+  );
+}
+function li(e) {
+  const t = Un(e), r = Wn(t);
+  switch (t.mode) {
+    case "floating":
+      return /* @__PURE__ */ l.jsx(Nr, { config: t, chat: r });
+    case "embedded":
+      return /* @__PURE__ */ l.jsx(Ys, { config: t, chat: r });
+    default:
+      return /* @__PURE__ */ l.jsx(Nr, { config: t, chat: r });
+  }
+}
+function di({ config: e, chat: t }) {
+  const { messages: r, sendMessage: n, uploadAttachment: a, isLoading: c, error: u, hasSessionStarted: d } = t, [h, g] = F.useState(""), b = F.useRef(null), {
+    enabled: p,
+    staged: w,
+    attachmentError: k,
+    setAttachmentError: $,
+    addFiles: j,
+    appendStaged: S,
+    removeStaged: o,
+    clearStaged: i,
+    maxFiles: s,
+    maxBytes: f,
+    allowed: m
+  } = rr(e, a), y = async () => {
+    const C = h.trim();
+    !C && w.length === 0 || c || (await n(C, void 0, w.length ? w : void 0), g(""), i(), setTimeout(() => {
+      var E;
+      (E = b.current) == null || E.focus();
+    }, 100));
+  }, x = (C) => {
+    C.key === "Enter" && !C.shiftKey && (C.preventDefault(), y());
+  }, A = (C) => {
+    p && (C.preventDefault(), C.dataTransfer.dropEffect = "copy");
+  }, M = async (C) => {
+    if (!p) return;
+    C.preventDefault();
+    const E = await Ut(C.dataTransfer);
+    E.length && await j(E);
+  };
+  return /* @__PURE__ */ l.jsx(
+    jn,
+    {
+      style: {
+        height: e.height,
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: "white",
+        border: "1px solid #e5e7eb",
+        borderRadius: "8px"
+      },
+      children: e.quickQuestions && e.quickQuestions.length > 0 && !d ? /* @__PURE__ */ l.jsx(
+        tr,
+        {
+          config: e,
+          onQuestionClick: async (C) => {
+            await n(C);
+          },
+          onSendMessage: n,
+          isLoading: c
+        }
+      ) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        /* @__PURE__ */ l.jsx(nr, { style: { flex: 1 }, onDragOver: A, onDrop: M, children: /* @__PURE__ */ l.jsxs(or, { children: [
+          r.map((C) => /* @__PURE__ */ l.jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                marginBottom: "12px",
+                justifyContent: C.role === "user" ? "flex-end" : "flex-start",
+                alignItems: "flex-start",
+                gap: "8px"
+              },
+              children: [
+                C.role === "assistant" && e.agentImage && /* @__PURE__ */ l.jsx(
+                  xe,
+                  {
+                    src: e.agentImage,
+                    alt: e.chatName || "Agent",
+                    $size: "28px"
+                  }
+                ),
+                /* @__PURE__ */ l.jsx(Ee, { $isUser: C.role === "user", children: C.role === "assistant" ? /* @__PURE__ */ l.jsx(Yt, { content: C.content }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+                  C.attachments && C.attachments.length > 0 && /* @__PURE__ */ l.jsx(Ae, { attachments: C.attachments, readOnly: !0 }),
+                  C.content ? C.content : null
+                ] }) })
+              ]
+            },
+            C.id
+          )),
+          c && /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "8px", marginBottom: "12px" }, children: [
+            e.agentImage && /* @__PURE__ */ l.jsx(
+              xe,
+              {
+                src: e.agentImage,
+                alt: e.chatName || "Agent",
+                $size: "28px"
+              }
+            ),
+            /* @__PURE__ */ l.jsx(Ee, { $isUser: !1, children: /* @__PURE__ */ l.jsxs(Xt, { children: [
+              /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+              /* @__PURE__ */ l.jsx("div", { className: "dot" }),
+              /* @__PURE__ */ l.jsx("div", { className: "dot" })
+            ] }) })
+          ] }),
+          u && /* @__PURE__ */ l.jsx(er, { children: u })
+        ] }) }),
+        /* @__PURE__ */ l.jsxs(Zt, { 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 })
+          ] }),
+          /* @__PURE__ */ l.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ l.jsxs(Qt, { children: [
+            /* @__PURE__ */ l.jsx(
+              ft,
+              {
+                ref: b,
+                variant: "composer",
+                value: h,
+                onChange: g,
+                onKeyDown: x,
+                placeholder: e.placeholder,
+                disabled: c
+              }
+            ),
+            /* @__PURE__ */ l.jsxs(Vt, { children: [
+              /* @__PURE__ */ l.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: p && /* @__PURE__ */ l.jsx(
+                Ht,
+                {
+                  integrated: !0,
+                  disabled: c,
+                  maxFileBytes: f,
+                  maxFiles: s,
+                  allowedMime: m,
+                  currentCount: w.length,
+                  uploadAttachment: a,
+                  onUploaded: S,
+                  onError: $
+                }
+              ) }),
+              /* @__PURE__ */ l.jsx(
+                Jt,
+                {
+                  type: "button",
+                  onClick: y,
+                  disabled: c || !h.trim() && w.length === 0,
+                  "aria-label": "Send message",
+                  children: /* @__PURE__ */ l.jsx(ht, { size: 13 })
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  Ys as EmbeddedChat,
+  Nr as FloatingChat,
+  di as InlineChat,
+  Yt as MarkdownRenderer,
+  Ln as OrdifyApiClient,
+  li as OrdifyChat,
+  ii as debounce,
+  si as formatTime,
+  We as generateId,
+  Fn as parseStreamingResponse,
+  ci as throttle,
+  Wn as useOrdifyChat,
+  Un as useOrdifyConfig,
+  rr as useWidgetAttachmentStaging
+};