claudius-chat-widget 1.6.0

package/dist/claudius.js

@@ -0,0 +1,1373 @@
+var ye = Object.defineProperty;
+var we = (t, e, r) => e in t ? ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var $ = (t, e, r) => we(t, typeof e != "symbol" ? e + "" : e, r);
+import { jsx as i, jsxs as d, Fragment as ve } from "react/jsx-runtime";
+import { useMemo as F, useState as C, useRef as N, useCallback as R, useEffect as k, forwardRef as Ee, memo as K, useId as Re } from "react";
+class U extends Error {
+  constructor(e, r, s, n) {
+    super(e), this.status = r, this.code = s, this.retryAfter = n, this.name = "ChatApiError";
+  }
+}
+class se extends Error {
+  constructor() {
+    super("Request debounced"), this.name = "DebounceError";
+  }
+}
+const Te = 3e4;
+class Me {
+  constructor(e, r) {
+    $(this, "baseUrl");
+    $(this, "maxRetries");
+    $(this, "debounceMs");
+    $(this, "timeoutMs");
+    $(this, "lastSendTime", 0);
+    this.baseUrl = e, this.maxRetries = (r == null ? void 0 : r.maxRetries) ?? 2, this.debounceMs = (r == null ? void 0 : r.debounceMs) ?? 300, this.timeoutMs = (r == null ? void 0 : r.timeoutMs) ?? Te;
+  }
+  async sendMessage(e) {
+    if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
+      throw new se();
+    this.lastSendTime = Date.now();
+    let r;
+    for (let s = 0; s <= this.maxRetries; s++)
+      try {
+        const n = await this.fetchWithTimeout(e);
+        if (n.ok)
+          return await n.json();
+        const o = await n.json().catch(() => ({})), a = n.headers.get("Retry-After"), l = a ? Number(a) : void 0;
+        if (r = new U(
+          o.error ?? `Request failed with status ${n.status}`,
+          n.status,
+          o.code,
+          l
+        ), !this.isRetryable(n.status))
+          throw r;
+        if (s < this.maxRetries) {
+          const c = this.getRetryDelay(n, s);
+          await this.delay(c);
+        }
+      } catch (n) {
+        if (n instanceof U) {
+          if (!this.isRetryable(n.status, n.code))
+            throw n;
+          if (r = n, s < this.maxRetries) {
+            const o = this.getRetryDelay(null, s);
+            await this.delay(o);
+          }
+        } else if (r = new U(
+          "Failed to connect. Please try again.",
+          0,
+          "NETWORK_ERROR"
+        ), s < this.maxRetries) {
+          const o = this.getRetryDelay(null, s);
+          await this.delay(o);
+        }
+      }
+    throw r;
+  }
+  async fetchWithTimeout(e) {
+    if (this.timeoutMs <= 0)
+      return fetch(`${this.baseUrl}/api/chat`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: e })
+      });
+    const r = new AbortController(), s = setTimeout(() => r.abort(), this.timeoutMs);
+    try {
+      return await fetch(`${this.baseUrl}/api/chat`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: e }),
+        signal: r.signal
+      });
+    } catch (n) {
+      throw r.signal.aborted ? new U(
+        "Request timed out. Please try again.",
+        0,
+        "TIMEOUT"
+      ) : n;
+    } finally {
+      clearTimeout(s);
+    }
+  }
+  isRetryable(e, r) {
+    return r === "TIMEOUT" || r === "NETWORK_ERROR" ? !0 : e === 429 || e === 503;
+  }
+  getRetryDelay(e, r) {
+    if (e && e.status === 429) {
+      const s = e.headers.get("Retry-After");
+      if (s) {
+        const n = Number(s);
+        return Math.min(n * 1e3, 6e4);
+      }
+    }
+    return r === 0 ? 1e3 : 3e3;
+  }
+  delay(e) {
+    return new Promise((r) => setTimeout(r, e));
+  }
+}
+const Ce = 200, Ne = "claudius:messages";
+function Se(t, e) {
+  let r;
+  try {
+    r = new URL(e).host;
+  } catch {
+    r = e;
+  }
+  return `${t}:${r}`;
+}
+function V() {
+  try {
+    return typeof sessionStorage < "u" ? sessionStorage : null;
+  } catch {
+    return null;
+  }
+}
+function Le(t) {
+  const e = V();
+  if (!e) return [];
+  try {
+    const r = e.getItem(t);
+    if (!r) return [];
+    const s = JSON.parse(r);
+    return Array.isArray(s) ? s : [];
+  } catch {
+    return [];
+  }
+}
+function ke({
+  apiUrl: t,
+  persistMessages: e = !0,
+  storageKeyPrefix: r = Ne,
+  timeoutMs: s,
+  translations: n
+}) {
+  const o = F(
+    () => new Me(t, { debounceMs: 0, timeoutMs: s }),
+    [t, s]
+  ), a = Se(r, t), l = e ? Le(a) : [], [c, u] = C(l), [h, E] = C(!1), [g, x] = C(null), [f, w] = C(!1), v = N(l.length), y = N(!1), T = N(l), O = R(
+    (m) => {
+      if (!e) return;
+      const p = V();
+      if (p)
+        try {
+          const H = m.slice(-Ce);
+          p.setItem(a, JSON.stringify(H));
+        } catch {
+        }
+    },
+    [e, a]
+  ), A = () => (v.current += 1, `msg-${v.current}`), I = R(
+    (m, p) => {
+      if (!n)
+        return p ?? "Something went wrong. Please try again.";
+      switch (m) {
+        case "TIMEOUT":
+          return n.errorTimeout;
+        case "NETWORK_ERROR":
+          return n.errorConnection;
+        case "RATE_LIMITED":
+          return p != null && p.includes("minute") ? n.errorRateLimitMinute : n.errorRateLimitHour;
+        case "VALIDATION_ERROR":
+        case "CONFIG_ERROR":
+        case "SERVICE_ERROR":
+        case "UNKNOWN_ERROR":
+        default:
+          return p ?? n.errorGeneric;
+      }
+    },
+    [n]
+  ), M = R((m) => !(m instanceof U) || m.code === "TIMEOUT" || m.code === "NETWORK_ERROR" || m.code === "RATE_LIMITED" || m.code === "SERVICE_ERROR" || m.code === "UNKNOWN_ERROR" || m.status >= 500 || m.status === 0, []), D = R(
+    async (m) => {
+      E(!0), y.current = !0, x(null), w(!1);
+      try {
+        const p = await o.sendMessage(m), H = {
+          id: A(),
+          role: "assistant",
+          content: p.reply,
+          sources: p.sources
+        }, S = [...m, H];
+        T.current = S, u(S), O(S);
+      } catch (p) {
+        if (p instanceof se) return;
+        p instanceof U ? x(I(p.code, p.message)) : x(
+          (n == null ? void 0 : n.errorConnection) ?? "Failed to connect. Please try again."
+        ), w(M(p));
+      } finally {
+        E(!1), y.current = !1;
+      }
+    },
+    [o, I, M, O, n]
+  ), _ = R(
+    async (m) => {
+      const p = m.trim();
+      if (!p || y.current) return;
+      const H = {
+        id: A(),
+        role: "user",
+        content: p
+      }, S = [...T.current, H];
+      T.current = S, u(S), O(S), await D(S);
+    },
+    [O, D]
+  ), b = R(async () => {
+    if (y.current) return;
+    const m = T.current[T.current.length - 1];
+    !m || m.role !== "user" || await D(T.current);
+  }, [D]), j = R(() => {
+    if (T.current = [], u([]), x(null), w(!1), e) {
+      const m = V();
+      if (!m) return;
+      try {
+        m.removeItem(a);
+      } catch {
+      }
+    }
+  }, [e, a]);
+  return {
+    messages: c,
+    isLoading: h,
+    error: g,
+    canRetry: f,
+    sendMessage: _,
+    retry: b,
+    clearMessages: j
+  };
+}
+function Oe(t) {
+  const [e, r] = C(() => typeof window > "u" ? !1 : window.matchMedia(t).matches);
+  return k(() => {
+    const s = window.matchMedia(t);
+    r(s.matches);
+    const n = (o) => r(o.matches);
+    return s.addEventListener("change", n), () => s.removeEventListener("change", n);
+  }, [t]), e;
+}
+function W(t, e) {
+  return t instanceof RegExp ? t.test(e) : e.toLowerCase().includes(t.toLowerCase());
+}
+function Ae() {
+  const t = document.documentElement, e = document.body, r = t.scrollTop || e.scrollTop || 0, s = Math.max(t.scrollHeight, e.scrollHeight), n = t.clientHeight || window.innerHeight, o = s - n;
+  return o <= 0 ? 100 : r / o * 100;
+}
+function Ie({
+  triggers: t,
+  enabled: e,
+  onOpen: r,
+  onGreeting: s
+}) {
+  k(() => {
+    if (!e || !t || t.length === 0) return;
+    const n = /* @__PURE__ */ new Set(), o = [], a = typeof window < "u" ? window.location.href : "", l = (c, u) => {
+      n.has(c) || (n.add(c), u === "open" ? r() : s(u.greeting));
+    };
+    return t.forEach((c, u) => {
+      switch (c.on) {
+        case "url": {
+          W(c.pattern, a) && l(u, c.action);
+          break;
+        }
+        case "time": {
+          if (c.matchUrl && !W(c.matchUrl, a))
+            return;
+          const h = window.setTimeout(
+            () => l(u, c.action),
+            Math.max(0, c.seconds * 1e3)
+          );
+          o.push(() => window.clearTimeout(h));
+          break;
+        }
+        case "scroll": {
+          if (c.matchUrl && !W(c.matchUrl, a))
+            return;
+          const h = () => {
+            Ae() >= c.percent && l(u, c.action);
+          };
+          h(), window.addEventListener("scroll", h, { passive: !0 }), o.push(() => window.removeEventListener("scroll", h));
+          break;
+        }
+        case "exit-intent": {
+          if (c.matchUrl && !W(c.matchUrl, a))
+            return;
+          const h = (E) => {
+            E.clientY <= 0 && l(u, c.action);
+          };
+          document.addEventListener("mouseleave", h), o.push(
+            () => document.removeEventListener("mouseleave", h)
+          );
+          break;
+        }
+      }
+    }), () => {
+      o.forEach((c) => c());
+    };
+  }, [t, e, r, s]);
+}
+const De = {
+  "bottom-right": "bottom-6 right-6",
+  "bottom-left": "bottom-6 left-6",
+  "top-right": "top-6 right-6",
+  "top-left": "top-6 left-6"
+}, He = Ee(function({ isOpen: e, onClick: r, position: s = "bottom-right", translations: n }, o) {
+  const a = e ? (n == null ? void 0 : n.closeChat) ?? "Close chat" : (n == null ? void 0 : n.openChat) ?? "Open chat";
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      ref: o,
+      onClick: r,
+      "aria-label": a,
+      className: `fixed ${De[s]} z-50 flex h-14 w-14 items-center justify-center rounded-claudius-full bg-claudius-accent text-claudius-accent-text shadow-claudius-floating transition-transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-claudius-accent focus:ring-offset-2`,
+      children: e ? /* @__PURE__ */ d(
+        "svg",
+        {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          ]
+        }
+      ) : /* @__PURE__ */ i(
+        "svg",
+        {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ i("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+        }
+      )
+    }
+  );
+}), _e = K(function({
+  count: e,
+  isActive: r,
+  onClick: s
+}) {
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      onClick: s,
+      "aria-label": "View sources",
+      title: "View sources",
+      className: `group relative flex h-7 w-7 items-center justify-center rounded-claudius-full transition-colors ${r ? "bg-claudius-accent text-claudius-accent-text" : "text-claudius-text-muted hover:bg-claudius-surface-muted hover:text-claudius-text"}`,
+      children: [
+        /* @__PURE__ */ d(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ i("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+              /* @__PURE__ */ i("polyline", { points: "14 2 14 8 20 8" }),
+              /* @__PURE__ */ i("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+              /* @__PURE__ */ i("line", { x1: "16", y1: "17", x2: "8", y2: "17" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: "absolute -right-1 -top-1 flex h-4 min-w-4 items-center justify-center rounded-claudius-full bg-claudius-accent px-1 text-[10px] font-bold text-claudius-accent-text", children: e })
+      ]
+    }
+  );
+}), je = ["http:", "https:"];
+function oe(t) {
+  if (!t || typeof t != "string")
+    return null;
+  const e = t.trim();
+  if (!e)
+    return null;
+  try {
+    const r = new URL(e);
+    return je.includes(r.protocol) ? e : null;
+  } catch {
+    return null;
+  }
+}
+const Q = /(https?:\/\/[^\s)]+)/, ee = /(\*\*[^*]+\*\*)/, te = /(\*[^*]+\*)/;
+function $e(t, e) {
+  const r = t.match(/[.,;:!?'"]+$/), s = r ? t.slice(0, -r[0].length) : t, n = r ? r[0] : "", o = oe(s);
+  return o ? /* @__PURE__ */ d(ve, { children: [
+    /* @__PURE__ */ d(
+      "a",
+      {
+        href: o,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "underline font-medium hover:opacity-80 text-claudius-link",
+        children: [
+          o.replace(/^https?:\/\//, ""),
+          /* @__PURE__ */ i("span", { className: "sr-only", children: " (opens in a new tab)" })
+        ]
+      },
+      e
+    ),
+    n
+  ] }) : t;
+}
+function Ue(t, e) {
+  const r = t.split(ee), s = [];
+  return r.forEach((n, o) => {
+    if (ee.test(n)) {
+      const a = n.slice(2, -2);
+      s.push(/* @__PURE__ */ i("strong", { children: a }, `${e}-b${o}`));
+    } else
+      n.split(te).forEach((l, c) => {
+        if (te.test(l)) {
+          const u = l.slice(1, -1);
+          s.push(/* @__PURE__ */ i("em", { children: u }, `${e}-b${o}-i${c}`));
+        } else
+          l.split(Q).forEach((h, E) => {
+            Q.test(h) ? s.push(
+              $e(h, `${e}-b${o}-i${c}-u${E}`)
+            ) : h && s.push(h);
+          });
+      });
+  }), s;
+}
+function Be(t) {
+  const e = t.split(`
+`);
+  return e.map((r, s) => /* @__PURE__ */ d("span", { children: [
+    Ue(r, `l${s}`),
+    s < e.length - 1 && /* @__PURE__ */ i("br", {})
+  ] }, s));
+}
+const Ge = K(function({
+  role: e,
+  content: r,
+  sources: s,
+  onSourceClick: n,
+  isSourceActive: o
+}) {
+  const a = e === "user";
+  return /* @__PURE__ */ d("div", { className: `${a ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: `rounded-claudius-bubble px-4 py-2.5 text-sm leading-relaxed font-body ${a ? "bg-claudius-user-bubble text-claudius-user-bubble-text rounded-br-claudius-tail" : "bg-claudius-assistant-bubble text-claudius-assistant-bubble-text rounded-bl-claudius-tail"}`,
+        children: Be(r)
+      }
+    ),
+    !a && s && s.length > 0 && n && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
+      _e,
+      {
+        count: s.length,
+        isActive: o ?? !1,
+        onClick: n
+      }
+    ) })
+  ] });
+}), z = 2e3, Pe = 1800;
+function We({
+  onSend: t,
+  isLoading: e,
+  placeholder: r,
+  translations: s
+}) {
+  const [n, o] = C(""), a = N(null), l = n.length, c = l >= Pe, u = l >= z, h = r ?? (s == null ? void 0 : s.placeholder) ?? "Type your message...", E = (s == null ? void 0 : s.sendMessage) ?? "Send message", g = (s == null ? void 0 : s.typeYourMessage) ?? "Type your message";
+  return k(() => {
+    var w;
+    e || (w = a.current) == null || w.focus();
+  }, [e]), /* @__PURE__ */ d(
+    "form",
+    {
+      onSubmit: (w) => {
+        w.preventDefault();
+        const v = n.trim();
+        !v || u || (t(v), o(""));
+      },
+      className: "border-t border-claudius-border bg-claudius-surface p-3",
+      children: [
+        /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ i(
+            "input",
+            {
+              ref: a,
+              type: "text",
+              value: n,
+              onChange: (w) => {
+                const v = w.target.value;
+                v.length <= z && o(v);
+              },
+              placeholder: h,
+              disabled: e,
+              "aria-label": g,
+              "aria-describedby": c ? "char-count" : void 0,
+              className: "flex-1 rounded-claudius-sm border border-claudius-border bg-claudius-field px-3 py-2 text-sm font-body text-claudius-text placeholder:text-claudius-text-muted focus:border-claudius-accent focus:outline-none focus:ring-1 focus:ring-claudius-accent disabled:opacity-50"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "submit",
+              disabled: e || u,
+              "aria-label": E,
+              className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-claudius-sm bg-claudius-accent text-claudius-accent-text transition-colors hover:opacity-90 disabled:opacity-50",
+              children: /* @__PURE__ */ d(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ i("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+                    /* @__PURE__ */ i("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }),
+        c && /* @__PURE__ */ d(
+          "div",
+          {
+            id: "char-count",
+            className: `mt-1 text-xs text-right ${u ? "text-claudius-error" : "text-claudius-text-muted"}`,
+            "aria-live": "polite",
+            children: [
+              l,
+              "/",
+              z
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Fe = ["blog", "page", "external"], Ye = {
+  blog: "Blog",
+  page: "Page",
+  external: "External"
+};
+function ze(t) {
+  try {
+    return new URL(t).hostname;
+  } catch {
+    return t;
+  }
+}
+const Ve = K(function({
+  sources: e,
+  onClose: r
+}) {
+  const s = Fe.map((o) => ({
+    type: o,
+    label: Ye[o],
+    items: e.filter((a) => a.type === o)
+  })).filter((o) => o.items.length > 0), n = e.length === 1 ? "1 source found" : `${e.length} sources found`;
+  return /* @__PURE__ */ d("div", { className: "absolute inset-y-0 left-0 z-10 flex w-[280px] flex-col border-r-2 border-claudius-border bg-claudius-surface rounded-r-claudius-lg transition-transform duration-200 ease-out", children: [
+    /* @__PURE__ */ d("div", { className: "flex items-center justify-between border-b border-claudius-border px-4 py-3", children: [
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ i("h3", { className: "text-sm font-heading font-semibold text-claudius-text", children: "Sources" }),
+        /* @__PURE__ */ i("p", { className: "text-xs text-claudius-text-muted", children: n })
+      ] }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: r,
+          "aria-label": "Close sources",
+          className: "flex h-7 w-7 items-center justify-center rounded-claudius-full text-claudius-text-muted transition-colors hover:bg-claudius-surface-muted hover:text-claudius-text",
+          children: /* @__PURE__ */ d(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-4", children: s.map((o) => /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ i("h4", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-claudius-text-muted", children: o.label }),
+      /* @__PURE__ */ i("div", { className: "space-y-2", children: o.items.map((a) => {
+        const l = oe(a.url);
+        return l ? /* @__PURE__ */ d(
+          "a",
+          {
+            href: l,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "block rounded-claudius-md border-2 border-claudius-border bg-claudius-surface-muted p-3 transition-colors hover:bg-claudius-border",
+            children: [
+              /* @__PURE__ */ i("p", { className: "truncate text-sm font-medium text-claudius-text", children: a.title }),
+              /* @__PURE__ */ i("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: ze(l) })
+            ]
+          },
+          l
+        ) : null;
+      }) })
+    ] }, o.type)) })
+  ] });
+});
+function Ke(t, e, r) {
+  const [s, n] = C(0), o = N(0), a = N(0), l = N(0), c = N(!1);
+  return k(() => {
+    const u = t.current;
+    if (!r || !u) return;
+    const h = (x) => {
+      if (u.scrollTop > 0) {
+        c.current = !1;
+        return;
+      }
+      c.current = !0, a.current = x.touches[0].clientY, l.current = Date.now();
+    }, E = (x) => {
+      if (!c.current) return;
+      let f = x.touches[0].clientY - a.current;
+      f < 0 && (f = f * 0.3), o.current = f, n(f);
+    }, g = () => {
+      if (!c.current) return;
+      c.current = !1;
+      const x = o.current, f = (Date.now() - l.current) / 1e3, w = u.getBoundingClientRect().height, v = f > 0.05 && x > 0 && x / f > 500, y = x > w * 0.3;
+      v || y ? e() : (o.current = 0, n(0));
+    };
+    return u.addEventListener("touchstart", h, { passive: !0 }), u.addEventListener("touchmove", E, { passive: !0 }), u.addEventListener("touchend", g), () => {
+      u.removeEventListener("touchstart", h), u.removeEventListener("touchmove", E), u.removeEventListener("touchend", g);
+    };
+  }, [t, e, r]), { offsetY: s };
+}
+const qe = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Xe(t, e) {
+  k(() => {
+    const r = t.current;
+    if (!r) return;
+    const s = (n) => {
+      if (n.key !== "Tab") return;
+      const o = Array.from(
+        r.querySelectorAll(qe)
+      ).filter((u) => !u.hasAttribute("aria-hidden"));
+      if (o.length === 0) return;
+      const a = o[0], l = o[o.length - 1], c = document.activeElement;
+      n.shiftKey && c === a ? (n.preventDefault(), l.focus()) : !n.shiftKey && c === l && (n.preventDefault(), a.focus());
+    };
+    return r.addEventListener("keydown", s), () => r.removeEventListener("keydown", s);
+  }, [t, e]);
+}
+const Je = /\*\*([^*]+)\*\*/g, Ze = /\*([^*]+)\*/g, Qe = /https?:\/\/[^\s)]+/g;
+function et(t) {
+  return t.replace(Je, "$1").replace(Ze, "$1").replace(Qe, (e) => {
+    try {
+      return new URL(e).hostname;
+    } catch {
+      return e;
+    }
+  });
+}
+function tt({ label: t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": t,
+      className: "mr-auto flex max-w-[85%]",
+      children: /* @__PURE__ */ d("div", { className: "flex gap-1 rounded-claudius-bubble rounded-bl-claudius-tail bg-claudius-assistant-bubble px-4 py-3", children: [
+        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:0ms]" }),
+        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:150ms]" }),
+        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:300ms]" })
+      ] })
+    }
+  );
+}
+const rt = {
+  "bottom-right": "bottom-24 right-3 sm:right-6",
+  "bottom-left": "bottom-24 left-3 sm:left-6",
+  "top-right": "top-24 right-3 sm:right-6",
+  "top-left": "top-24 left-3 sm:left-6"
+};
+function nt({
+  messages: t,
+  isLoading: e,
+  error: r,
+  canRetry: s = !1,
+  onSend: n,
+  onRetry: o,
+  onClose: a,
+  title: l = "Chat",
+  subtitle: c = "Ask me anything",
+  welcomeMessage: u = "Hi! How can I help you today?",
+  placeholder: h,
+  position: E = "bottom-right",
+  translations: g,
+  isMobile: x = !1
+}) {
+  const f = Re(), w = N(null), v = N(null), [y, T] = C(null);
+  Xe(w, !0);
+  const { offsetY: O } = Ke(
+    v,
+    a,
+    x
+  ), A = O !== 0, I = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  k(() => {
+    const b = v.current;
+    b && (b.scrollTop = b.scrollHeight);
+  }, [t, e]), k(() => {
+    const b = (j) => {
+      j.key === "Escape" && !j.isComposing && a();
+    };
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+  }, [a]);
+  const M = (g == null ? void 0 : g.closeChat) ?? "Close chat", D = (g == null ? void 0 : g.chatMessages) ?? "Chat messages", _ = [...t].reverse().find((b) => b.role === "assistant");
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: w,
+      role: "dialog",
+      "aria-modal": x ? "true" : void 0,
+      "aria-labelledby": f,
+      className: x ? "claudius-bottom-sheet fixed inset-x-0 bottom-0 z-50 flex h-[90vh] w-full flex-col overflow-hidden rounded-t-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body" : `fixed ${rt[E]} z-50 flex h-[min(500px,calc(100vh-7rem))] w-[calc(100vw-1.5rem)] max-w-[380px] sm:max-w-[400px] md:max-w-[440px] flex-col overflow-hidden rounded-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body`,
+      style: x && !I ? { transform: `translateY(${Math.max(0, O)}px)` } : void 0,
+      "data-dragging": A || void 0,
+      children: [
+        x && /* @__PURE__ */ i("div", { className: "flex justify-center py-2", "aria-hidden": "true", children: /* @__PURE__ */ i("div", { className: "h-1 w-8 rounded-claudius-full bg-claudius-border" }) }),
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: "flex h-8 w-8 items-center justify-center rounded-claudius-full bg-claudius-accent-soft text-sm font-bold text-claudius-accent-text",
+              children: l.charAt(0).toUpperCase()
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "flex-1", children: [
+            /* @__PURE__ */ i(
+              "h2",
+              {
+                id: f,
+                className: "text-sm font-heading font-semibold text-claudius-accent-text",
+                children: l
+              }
+            ),
+            /* @__PURE__ */ i("p", { className: "text-xs text-claudius-accent-text", children: c })
+          ] }),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: a,
+              "aria-label": M,
+              className: "flex h-10 w-10 items-center justify-center rounded-claudius-full text-claudius-accent-text-muted transition-colors hover:bg-claudius-accent-soft hover:text-claudius-accent-text",
+              children: /* @__PURE__ */ d(
+                "svg",
+                {
+                  width: "18",
+                  height: "18",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d("div", { className: "relative flex-1 overflow-hidden", children: [
+          y && /* @__PURE__ */ i(
+            Ve,
+            {
+              sources: y.sources,
+              onClose: () => T(null)
+            }
+          ),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              ref: v,
+              role: "log",
+              "aria-label": D,
+              className: "h-full space-y-3 overflow-y-auto px-4 py-4",
+              children: [
+                t.length === 0 && !r && /* @__PURE__ */ i("div", { className: "mr-auto flex max-w-[85%]", children: /* @__PURE__ */ i("div", { className: "rounded-claudius-bubble rounded-bl-claudius-tail bg-claudius-assistant-bubble px-4 py-2.5 text-sm leading-relaxed text-claudius-assistant-bubble-text", children: u }) }),
+                t.map((b) => /* @__PURE__ */ i(
+                  Ge,
+                  {
+                    role: b.role,
+                    content: b.content,
+                    sources: b.sources,
+                    isSourceActive: (y == null ? void 0 : y.messageId) === b.id,
+                    onSourceClick: () => {
+                      (y == null ? void 0 : y.messageId) === b.id ? T(null) : b.sources && b.sources.length > 0 && T({ messageId: b.id, sources: b.sources });
+                    }
+                  },
+                  b.id
+                )),
+                e && /* @__PURE__ */ i(
+                  tt,
+                  {
+                    label: (g == null ? void 0 : g.typingIndicator) ?? "Assistant is typing"
+                  }
+                ),
+                r && /* @__PURE__ */ d(
+                  "div",
+                  {
+                    role: "alert",
+                    className: "mx-auto flex max-w-[90%] flex-col items-center gap-2 rounded-claudius-sm bg-claudius-error-surface px-3 py-2 text-center text-xs text-claudius-error",
+                    children: [
+                      /* @__PURE__ */ i("span", { children: r }),
+                      s && o && !e && /* @__PURE__ */ i(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: o,
+                          className: "rounded-claudius-md bg-claudius-error px-3 py-1 text-xs font-semibold text-claudius-error-text transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-error focus-visible:ring-offset-1",
+                          children: (g == null ? void 0 : g.errorRetry) ?? "Retry"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            "data-claudius-live": "assistant",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "sr-only",
+            children: _ ? et(_.content) : ""
+          }
+        ),
+        /* @__PURE__ */ i(
+          We,
+          {
+            onSend: n,
+            isLoading: e,
+            placeholder: h,
+            translations: g
+          }
+        )
+      ]
+    }
+  );
+}
+function st({
+  message: t,
+  position: e,
+  onOpen: r,
+  onDismiss: s,
+  dismissLabel: n
+}) {
+  const o = e.startsWith("bottom"), a = e.endsWith("right"), l = [
+    "claudius-greeting-bubble",
+    "fixed z-40 max-w-xs",
+    o ? "bottom-20" : "top-20",
+    a ? "right-4" : "left-4"
+  ].join(" ");
+  return /* @__PURE__ */ d("div", { className: l, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        onClick: r,
+        className: "block w-full rounded-claudius-lg bg-claudius-surface p-4 pr-8 text-left text-sm font-body text-claudius-text shadow-claudius-floating ring-1 ring-claudius-border transition hover:shadow-claudius-floating-hover focus:outline-none focus:ring-2 focus:ring-claudius-accent",
+        children: t
+      }
+    ),
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        onClick: (c) => {
+          c.stopPropagation(), s();
+        },
+        "aria-label": n,
+        className: "absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-claudius-full text-claudius-text-muted hover:bg-claudius-surface-muted focus:outline-none focus:ring-2 focus:ring-claudius-accent",
+        children: /* @__PURE__ */ i("span", { "aria-hidden": "true", children: "×" })
+      }
+    )
+  ] });
+}
+const ie = {
+  // ChatWindow
+  title: "Chat",
+  subtitle: "Ask me anything",
+  welcomeMessage: "Hi! How can I help you today?",
+  closeChat: "Close chat",
+  chatMessages: "Chat messages",
+  typingIndicator: "Assistant is typing",
+  // ChatInput
+  placeholder: "Type your message...",
+  sendMessage: "Send message",
+  typeYourMessage: "Type your message",
+  // ChatToggleButton
+  openChat: "Open chat",
+  // GreetingBubble
+  dismissGreeting: "Dismiss greeting",
+  // Errors
+  errorGeneric: "Something went wrong. Please try again.",
+  errorConnection: "Failed to connect. Please try again.",
+  errorTimeout: "Request timed out. Please try again.",
+  errorRateLimitMinute: "Too many requests. Please wait a minute.",
+  errorRateLimitHour: "Hourly limit reached. Please try again later.",
+  errorRetry: "Retry"
+}, ot = ie;
+function Nt(t) {
+  return { ...ot, ...t };
+}
+const it = {
+  // ChatWindow
+  title: "Chat",
+  subtitle: "Pregúntame lo que quieras",
+  welcomeMessage: "¡Hola! ¿En qué puedo ayudarte hoy?",
+  closeChat: "Cerrar chat",
+  chatMessages: "Mensajes del chat",
+  typingIndicator: "El asistente está escribiendo",
+  // ChatInput
+  placeholder: "Escribe tu mensaje...",
+  sendMessage: "Enviar mensaje",
+  typeYourMessage: "Escribe tu mensaje",
+  // ChatToggleButton
+  openChat: "Abrir chat",
+  // GreetingBubble
+  dismissGreeting: "Descartar saludo",
+  // Errors
+  errorGeneric: "Algo salió mal. Inténtalo de nuevo.",
+  errorConnection: "No se pudo conectar. Inténtalo de nuevo.",
+  errorTimeout: "La solicitud tardó demasiado. Inténtalo de nuevo.",
+  errorRateLimitMinute: "Demasiadas solicitudes. Espera un minuto.",
+  errorRateLimitHour: "Has alcanzado el límite por hora. Inténtalo más tarde.",
+  errorRetry: "Reintentar"
+}, at = {
+  // ChatWindow
+  title: "Chat",
+  subtitle: "Posez-moi vos questions",
+  welcomeMessage: "Bonjour ! Comment puis-je vous aider aujourd'hui ?",
+  closeChat: "Fermer le chat",
+  chatMessages: "Messages du chat",
+  typingIndicator: "L'assistant écrit",
+  // ChatInput
+  placeholder: "Saisissez votre message...",
+  sendMessage: "Envoyer le message",
+  typeYourMessage: "Saisissez votre message",
+  // ChatToggleButton
+  openChat: "Ouvrir le chat",
+  // GreetingBubble
+  dismissGreeting: "Ignorer le message d'accueil",
+  // Errors
+  errorGeneric: "Une erreur s'est produite. Veuillez réessayer.",
+  errorConnection: "Échec de la connexion. Veuillez réessayer.",
+  errorTimeout: "La requête a expiré. Veuillez réessayer.",
+  errorRateLimitMinute: "Trop de requêtes. Veuillez patienter une minute.",
+  errorRateLimitHour: "Limite horaire atteinte. Veuillez réessayer plus tard.",
+  errorRetry: "Réessayer"
+}, ct = {
+  // ChatWindow
+  title: "Chat",
+  subtitle: "Fragen Sie mich alles",
+  welcomeMessage: "Hallo! Wie kann ich Ihnen heute helfen?",
+  closeChat: "Chat schließen",
+  chatMessages: "Chat-Nachrichten",
+  typingIndicator: "Der Assistent schreibt",
+  // ChatInput
+  placeholder: "Geben Sie Ihre Nachricht ein...",
+  sendMessage: "Nachricht senden",
+  typeYourMessage: "Geben Sie Ihre Nachricht ein",
+  // ChatToggleButton
+  openChat: "Chat öffnen",
+  // GreetingBubble
+  dismissGreeting: "Begrüßung schließen",
+  // Errors
+  errorGeneric: "Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.",
+  errorConnection: "Verbindung fehlgeschlagen. Bitte versuchen Sie es erneut.",
+  errorTimeout: "Zeitüberschreitung der Anfrage. Bitte versuchen Sie es erneut.",
+  errorRateLimitMinute: "Zu viele Anfragen. Bitte warten Sie eine Minute.",
+  errorRateLimitHour: "Stündliches Limit erreicht. Bitte versuchen Sie es später erneut.",
+  errorRetry: "Erneut versuchen"
+}, ae = {
+  en: ie,
+  es: it,
+  fr: at,
+  de: ct
+};
+function re(t) {
+  if (!t) return;
+  const e = t.toLowerCase().split("-")[0];
+  return Object.prototype.hasOwnProperty.call(ae, e) ? e : void 0;
+}
+function ut() {
+  const t = typeof document < "u" ? re(document.documentElement.lang) : void 0;
+  if (t) return t;
+  const e = typeof navigator < "u" ? re(navigator.language) : void 0;
+  return e || "en";
+}
+function lt(t = {}) {
+  const { locale: e, translations: r } = t, s = ae[e ?? ut()];
+  return r ? { ...s, ...r } : { ...s };
+}
+const ne = [
+  "accent",
+  "accentText",
+  "accentSoft",
+  "accentTextMuted",
+  "surface",
+  "surfaceMuted",
+  "text",
+  "textMuted",
+  "border",
+  "userBubble",
+  "userBubbleText",
+  "assistantBubble",
+  "assistantBubbleText",
+  "field",
+  "error",
+  "errorSurface",
+  "errorText",
+  "link",
+  "scrim"
+], dt = ["sm", "md", "lg", "full", "tail"], ht = [
+  "elevated",
+  "floating",
+  "floatingHover"
+], ft = ["heading", "body"], ce = {
+  default: {
+    name: "default"
+  },
+  minimal: {
+    name: "minimal",
+    colors: {
+      accent: "#171717",
+      accentText: "#ffffff",
+      surface: "#ffffff",
+      surfaceMuted: "#f5f5f5",
+      text: "#171717",
+      textMuted: "#737373",
+      border: "#e5e5e5",
+      link: "#171717"
+    },
+    colorsDark: {
+      accent: "#fafafa",
+      accentText: "#171717",
+      surface: "#0a0a0a",
+      surfaceMuted: "#1c1c1c",
+      text: "#fafafa",
+      textMuted: "#a3a3a3",
+      border: "#2e2e2e",
+      field: "#1c1c1c",
+      link: "#fafafa"
+    },
+    radii: { sm: "4px", md: "6px", lg: "10px" },
+    shadows: {
+      elevated: "0 4px 16px rgb(0 0 0 / 0.12)",
+      floating: "0 2px 8px rgb(0 0 0 / 0.12)",
+      floatingHover: "0 4px 12px rgb(0 0 0 / 0.16)"
+    }
+  },
+  playful: {
+    name: "playful",
+    colors: {
+      accent: "#8b5cf6",
+      surfaceMuted: "#f5f3ff",
+      assistantBubbleText: "#4c1d95",
+      link: "#7c3aed"
+    },
+    colorsDark: {
+      accent: "#a78bfa",
+      surfaceMuted: "#2e1065",
+      assistantBubbleText: "#ede9fe",
+      link: "#c4b5fd"
+    },
+    radii: { sm: "12px", md: "16px", lg: "24px", tail: "8px" },
+    shadows: {
+      elevated: "0 24px 48px -12px rgb(139 92 246 / 0.35)",
+      floating: "0 10px 20px -5px rgb(139 92 246 / 0.4)",
+      floatingHover: "0 16px 28px -6px rgb(139 92 246 / 0.5)"
+    },
+    fonts: {
+      heading: "ui-rounded, 'Hiragino Maru Gothic ProN', system-ui",
+      body: "ui-rounded, 'Hiragino Maru Gothic ProN', system-ui"
+    }
+  },
+  corporate: {
+    name: "corporate",
+    colors: {
+      accent: "#1e3a5f",
+      surfaceMuted: "#f3f4f6",
+      text: "#1f2937",
+      textMuted: "#6b7280",
+      border: "#d1d5db",
+      link: "#1d4ed8"
+    },
+    colorsDark: {
+      accent: "#2c5282",
+      link: "#93c5fd"
+    },
+    radii: { sm: "4px", md: "6px", lg: "8px", tail: "2px" },
+    shadows: {
+      elevated: "0 8px 24px rgb(15 23 42 / 0.16)",
+      floating: "0 4px 12px rgb(15 23 42 / 0.18)",
+      floatingHover: "0 6px 16px rgb(15 23 42 / 0.24)"
+    },
+    fonts: {
+      heading: "'Segoe UI', 'Helvetica Neue', Arial, system-ui",
+      body: "'Segoe UI', 'Helvetica Neue', Arial, system-ui"
+    }
+  }
+};
+function mt(t) {
+  return Object.prototype.hasOwnProperty.call(ce, t);
+}
+const gt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function bt(t) {
+  if (t === void 0)
+    return { mode: "light" };
+  if (typeof t == "string") {
+    if (gt.has(t))
+      return { mode: t };
+    if (mt(t)) {
+      const e = ce[t];
+      return { mode: e.colorScheme ?? "light", theme: e };
+    }
+    return { mode: "light", url: t };
+  }
+  return { mode: t.colorScheme ?? "light", theme: t };
+}
+function pt(t) {
+  return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+function xt(t, e) {
+  console.warn(
+    `[Claudius] Ignoring unknown theme token "${e}" in "${t}"`
+  );
+}
+function B(t, e, r, s, n, o = "") {
+  if (n)
+    for (const [a, l] of Object.entries(n)) {
+      if (!s.includes(a)) {
+        xt(e, a);
+        continue;
+      }
+      typeof l == "string" && (t[`${r}${pt(a)}${o}`] = l);
+    }
+}
+function yt(t) {
+  const e = {};
+  B(e, "colors", "--cl-color-", ne, t.colors);
+  for (const [r, s] of Object.entries({ ...e }))
+    e[`${r}-dark`] = s;
+  return B(
+    e,
+    "colorsDark",
+    "--cl-color-",
+    ne,
+    t.colorsDark,
+    "-dark"
+  ), B(e, "radii", "--cl-radius-", dt, t.radii), B(e, "shadows", "--cl-shadow-", ht, t.shadows), B(e, "fonts", "--cl-font-", ft, t.fonts), e;
+}
+function wt(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+function vt(t) {
+  const e = F(() => bt(t), [t]), [r, s] = C(null), n = e.url;
+  k(() => {
+    if (s(null), !n) return;
+    const c = new AbortController();
+    return fetch(n, { signal: c.signal }).then((u) => {
+      if (!u.ok)
+        throw new Error(`HTTP ${u.status}`);
+      return u.json();
+    }).then((u) => {
+      if (!wt(u))
+        throw new Error("theme JSON must be an object");
+      s(u);
+    }).catch((u) => {
+      c.signal.aborted || console.error(`[Claudius] Failed to load theme from ${n}:`, u);
+    }), () => c.abort();
+  }, [n]);
+  const o = e.theme ?? r ?? null, a = (r == null ? void 0 : r.colorScheme) ?? e.mode, l = F(
+    () => o ? yt(o) : {},
+    [o]
+  );
+  return { mode: a, cssVars: l };
+}
+const ue = "claudius:triggers:dismissed";
+function Et() {
+  if (typeof window > "u") return !1;
+  try {
+    return window.sessionStorage.getItem(ue) === "1";
+  } catch {
+    return !1;
+  }
+}
+function Rt() {
+  if (!(typeof window > "u"))
+    try {
+      window.sessionStorage.setItem(ue, "1");
+    } catch {
+    }
+}
+function St({
+  apiUrl: t,
+  title: e,
+  subtitle: r,
+  welcomeMessage: s,
+  placeholder: n,
+  persistMessages: o,
+  storageKeyPrefix: a,
+  requestTimeoutMs: l,
+  theme: c = "light",
+  accentColor: u,
+  position: h = "bottom-right",
+  locale: E,
+  translations: g,
+  triggers: x
+}) {
+  const [f, w] = C(!1), [v, y] = C(null), [T, O] = C(Et), A = N(!1), I = Oe("(max-width: 639px)"), M = F(
+    () => lt({ locale: E, translations: g }),
+    [E, g]
+  ), { messages: D, isLoading: _, error: b, canRetry: j, sendMessage: m, retry: p } = ke({
+    apiUrl: t,
+    persistMessages: o,
+    storageKeyPrefix: a,
+    timeoutMs: l,
+    translations: M
+  }), H = N(null), S = N(f), { mode: G, cssVars: le } = vt(c), [de, q] = C(!1);
+  k(() => {
+    if (G !== "auto") return;
+    const L = window.matchMedia("(prefers-color-scheme: dark)");
+    q(L.matches);
+    const Z = (xe) => q(xe.matches);
+    return L.addEventListener("change", Z), () => L.removeEventListener("change", Z);
+  }, [G]), k(() => {
+    var L;
+    S.current && !f && ((L = H.current) == null || L.focus()), S.current = f;
+  }, [f]);
+  const P = R(() => {
+    O(!0), Rt();
+  }, []), X = R(() => {
+    w(!1), A.current && (A.current = !1, P());
+  }, [P]), he = R(() => {
+    w((L) => !L);
+  }, []), Y = R(() => {
+    A.current = !0, y(null), w(!0);
+  }, []), fe = R((L) => {
+    y(L);
+  }, []), me = R(() => {
+    y(null), Y();
+  }, [Y]), ge = R(() => {
+    y(null), P();
+  }, [P]);
+  Ie({
+    triggers: x,
+    enabled: !T && !f,
+    onOpen: Y,
+    onGreeting: fe
+  });
+  const be = G === "dark" || G === "auto" && de, J = {
+    ...le,
+    ...u ? {
+      "--cl-color-accent": u,
+      "--cl-color-accent-dark": u
+    } : {}
+  }, pe = Object.keys(J).length > 0 ? J : void 0;
+  return (
+    // Outer div carries theme token vars; the inner div carries the dark-mode
+    // attribute so the [data-claudius-dark] token reassignments in styles.css
+    // beat inherited (inline) light values.
+    /* @__PURE__ */ i("div", { className: "claudius-root", style: pe, children: /* @__PURE__ */ d("div", { "data-claudius-dark": be ? "true" : "false", children: [
+      f && I && /* @__PURE__ */ i(
+        "div",
+        {
+          className: "claudius-scrim fixed inset-0 z-40 bg-claudius-scrim",
+          onClick: X,
+          "aria-hidden": "true"
+        }
+      ),
+      f && /* @__PURE__ */ i(
+        nt,
+        {
+          messages: D,
+          isLoading: _,
+          error: b,
+          canRetry: j,
+          onSend: m,
+          onRetry: p,
+          onClose: X,
+          title: e ?? M.title,
+          subtitle: r ?? M.subtitle,
+          welcomeMessage: s ?? M.welcomeMessage,
+          placeholder: n ?? M.placeholder,
+          position: h,
+          translations: M,
+          isMobile: I
+        }
+      ),
+      !(f && I) && /* @__PURE__ */ i(
+        He,
+        {
+          ref: H,
+          isOpen: f,
+          onClick: he,
+          position: h,
+          translations: M
+        }
+      ),
+      !f && v && /* @__PURE__ */ i(
+        st,
+        {
+          message: v,
+          position: h,
+          onOpen: me,
+          onDismiss: ge,
+          dismissLabel: M.dismissGreeting
+        }
+      )
+    ] }) })
+  );
+}
+export {
+  Me as ChatApiClient,
+  U as ChatApiError,
+  St as ChatWidget,
+  se as DebounceError,
+  ce as builtinThemes,
+  Nt as createTranslations,
+  ot as defaultTranslations,
+  ut as detectLocale,
+  ae as locales,
+  lt as resolveTranslations
+};