claudius-chat-widget 1.6.0 → 1.9.0

package/dist/claudius.js

@@ -1,49 +1,74 @@
-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";
+var Ee = Object.defineProperty;
+var Re = (e, t, r) => t in e ? Ee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var G = (e, t, r) => Re(e, typeof t != "symbol" ? t + "" : t, r);
+import { jsx as i, jsxs as h, Fragment as Te } from "react/jsx-runtime";
+import { useMemo as Y, useState as k, useRef as C, useCallback as M, useEffect as H, forwardRef as Me, memo as J, useId as Ce } 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";
+  /**
+   * Create a {@link ChatApiError}.
+   *
+   * @param message - Human-readable error message.
+   * @param status - HTTP status code, or `0` for network and timeout failures.
+   * @param code - Optional machine-readable error code (e.g. `"TIMEOUT"`, `"NETWORK_ERROR"`).
+   * @param retryAfter - Seconds to wait before retrying, from the `Retry-After` header.
+   */
+  constructor(t, r, s, n) {
+    super(t), this.status = r, this.code = s, this.retryAfter = n, this.name = "ChatApiError";
   }
 }
-class se extends Error {
+class ae extends Error {
+  /** Creates a `DebounceError` with a fixed message. */
   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;
+const Ne = 3e4;
+class Se {
+  /**
+   * Create a chat client for the given Worker base URL.
+   *
+   * @param baseUrl - Base URL of the Worker. Requests post to `${baseUrl}/api/chat`.
+   * @param options - Optional retry, debounce, and timeout settings.
+   */
+  constructor(t, r) {
+    G(this, "baseUrl");
+    G(this, "maxRetries");
+    G(this, "debounceMs");
+    G(this, "timeoutMs");
+    G(this, "lastSendTime", 0);
+    this.baseUrl = t, 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) ?? Ne;
   }
-  async sendMessage(e) {
+  /**
+   * Send the conversation to the chat endpoint and return the assistant's
+   * reply, retrying transient failures with backoff up to
+   * {@link ChatApiClientOptions.maxRetries} times.
+   *
+   * @param messages - The full conversation so far, oldest message first.
+   * @returns The assistant's reply and any cited sources.
+   * @throws {@link DebounceError} when called within the debounce window.
+   * @throws {@link ChatApiError} when the request fails after all retries.
+   */
+  async sendMessage(t) {
     if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
-      throw new se();
+      throw new ae();
     this.lastSendTime = Date.now();
     let r;
     for (let s = 0; s <= this.maxRetries; s++)
       try {
-        const n = await this.fetchWithTimeout(e);
+        const n = await this.fetchWithTimeout(t);
         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;
+        const o = await n.json().catch(() => ({})), c = n.headers.get("Retry-After"), a = c ? Number(c) : void 0;
         if (r = new U(
           o.error ?? `Request failed with status ${n.status}`,
           n.status,
           o.code,
-          l
+          a
         ), !this.isRetryable(n.status))
           throw r;
         if (s < this.maxRetries) {
-          const c = this.getRetryDelay(n, s);
-          await this.delay(c);
+          const u = this.getRetryDelay(n, s);
+          await this.delay(u);
         }
       } catch (n) {
         if (n instanceof U) {
@@ -64,19 +89,19 @@ class Me {
       }
     throw r;
   }
-  async fetchWithTimeout(e) {
+  async fetchWithTimeout(t) {
     if (this.timeoutMs <= 0)
       return fetch(`${this.baseUrl}/api/chat`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ messages: e })
+        body: JSON.stringify({ messages: t })
       });
     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 }),
+        body: JSON.stringify({ messages: t }),
         signal: r.signal
       });
     } catch (n) {
@@ -89,12 +114,12 @@ class Me {
       clearTimeout(s);
     }
   }
-  isRetryable(e, r) {
-    return r === "TIMEOUT" || r === "NETWORK_ERROR" ? !0 : e === 429 || e === 503;
+  isRetryable(t, r) {
+    return r === "TIMEOUT" || r === "NETWORK_ERROR" ? !0 : t === 429 || t === 503;
   }
-  getRetryDelay(e, r) {
-    if (e && e.status === 429) {
-      const s = e.headers.get("Retry-After");
+  getRetryDelay(t, r) {
+    if (t && t.status === 429) {
+      const s = t.headers.get("Retry-After");
       if (s) {
         const n = Number(s);
         return Math.min(n * 1e3, 6e4);
@@ -102,32 +127,96 @@ class Me {
     }
     return r === 0 ? 1e3 : 3e3;
   }
-  delay(e) {
-    return new Promise((r) => setTimeout(r, e));
+  delay(t) {
+    return new Promise((r) => setTimeout(r, t));
   }
 }
-const Ce = 200, Ne = "claudius:messages";
-function Se(t, e) {
+function ue(e) {
+  return typeof e == "string" ? { content: e } : e;
+}
+function Q(e, t, r) {
+  console.error(`[claudius] plugin "${e.name}" failed in ${t}:`, r);
+}
+async function Le(e, t, r) {
+  let s = t;
+  for (const n of e) {
+    if (!n.onBeforeSend) continue;
+    let o = null;
+    const c = {
+      ...r,
+      respondWith(a) {
+        o = {
+          type: "respond",
+          message: s,
+          reply: ue(a)
+        };
+      },
+      abort(a) {
+        o = { type: "abort", reason: a };
+      }
+    };
+    try {
+      const a = await n.onBeforeSend(s, c);
+      if (o) return o;
+      a && (s = a);
+    } catch (a) {
+      Q(n, "onBeforeSend", a);
+    }
+  }
+  return { type: "send", message: s };
+}
+async function ke(e, t, r) {
+  let s = t;
+  for (const n of e)
+    if (n.onAfterReceive)
+      try {
+        const o = await n.onAfterReceive(s, r);
+        o && (s = o);
+      } catch (o) {
+        Q(n, "onAfterReceive", o);
+      }
+  return s;
+}
+async function Ae(e, t, r) {
+  for (const s of e) {
+    if (!s.onError) continue;
+    let n = null;
+    const o = {
+      ...r,
+      respondWith(c) {
+        n = ue(c);
+      }
+    };
+    try {
+      if (await s.onError(t, o), n) return n;
+    } catch (c) {
+      Q(s, "onError", c);
+    }
+  }
+  return null;
+}
+const Oe = 200, Ie = "claudius:messages";
+function De(e, t) {
   let r;
   try {
-    r = new URL(e).host;
+    r = new URL(t).host;
   } catch {
-    r = e;
+    r = t;
   }
-  return `${t}:${r}`;
+  return `${e}:${r}`;
 }
-function V() {
+function Z() {
   try {
     return typeof sessionStorage < "u" ? sessionStorage : null;
   } catch {
     return null;
   }
 }
-function Le(t) {
-  const e = V();
-  if (!e) return [];
+function _e(e) {
+  const t = Z();
+  if (!t) return [];
   try {
-    const r = e.getItem(t);
+    const r = t.getItem(e);
     if (!r) return [];
     const s = JSON.parse(r);
     return Array.isArray(s) ? s : [];
@@ -135,189 +224,246 @@ function Le(t) {
     return [];
   }
 }
-function ke({
-  apiUrl: t,
-  persistMessages: e = !0,
-  storageKeyPrefix: r = Ne,
+function He({
+  apiUrl: e,
+  persistMessages: t = !0,
+  storageKeyPrefix: r = Ie,
   timeoutMs: s,
-  translations: n
+  translations: n,
+  plugins: o
 }) {
-  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)
+  const c = Y(
+    () => new Se(e, { debounceMs: 0, timeoutMs: s }),
+    [e, s]
+  ), a = De(r, e), u = t ? _e(a) : [], [l, d] = k(u), [R, p] = k(!1), [w, y] = k(null), [b, x] = k(!1), v = C(u.length), N = C(!1), E = C(u), I = C(o ?? []);
+  I.current = o ?? [];
+  const A = M(
+    (f) => {
+      if (!t) return;
+      const g = Z();
+      if (g)
         try {
-          const H = m.slice(-Ce);
-          p.setItem(a, JSON.stringify(H));
+          const L = f.slice(-Oe);
+          g.setItem(a, JSON.stringify(L));
         } catch {
         }
     },
-    [e, a]
-  ), A = () => (v.current += 1, `msg-${v.current}`), I = R(
-    (m, p) => {
+    [t, a]
+  ), D = () => (v.current += 1, `msg-${v.current}`), S = M(
+    (f, g) => {
       if (!n)
-        return p ?? "Something went wrong. Please try again.";
-      switch (m) {
+        return g ?? "Something went wrong. Please try again.";
+      switch (f) {
         case "TIMEOUT":
           return n.errorTimeout;
         case "NETWORK_ERROR":
           return n.errorConnection;
         case "RATE_LIMITED":
-          return p != null && p.includes("minute") ? n.errorRateLimitMinute : n.errorRateLimitHour;
+          return g != null && g.includes("minute") ? n.errorRateLimitMinute : n.errorRateLimitHour;
         case "VALIDATION_ERROR":
         case "CONFIG_ERROR":
         case "SERVICE_ERROR":
         case "UNKNOWN_ERROR":
         default:
-          return p ?? n.errorGeneric;
+          return g ?? 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);
+  ), j = M((f) => !(f instanceof U) || f.code === "TIMEOUT" || f.code === "NETWORK_ERROR" || f.code === "RATE_LIMITED" || f.code === "SERVICE_ERROR" || f.code === "UNKNOWN_ERROR" || f.status >= 500 || f.status === 0, []), m = M(
+    async (f) => {
+      p(!0), N.current = !0, y(null), x(!1);
       try {
-        const p = await o.sendMessage(m), H = {
-          id: A(),
+        const g = await c.sendMessage(f);
+        let L = {
+          id: D(),
           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(
+          content: g.reply,
+          sources: g.sources
+        };
+        I.current.length > 0 && (L = await ke(
+          I.current,
+          L,
+          { messages: f, apiUrl: e }
+        ));
+        const T = [...f, L];
+        E.current = T, d(T), A(T);
+      } catch (g) {
+        if (g instanceof ae) return;
+        if (I.current.length > 0) {
+          const L = g instanceof Error ? g : new Error(String(g)), T = await Ae(I.current, L, {
+            messages: f,
+            apiUrl: e
+          });
+          if (T) {
+            const B = {
+              id: D(),
+              role: "assistant",
+              content: T.content,
+              sources: T.sources
+            }, O = [...f, B];
+            E.current = O, d(O), A(O), y(null), x(!1);
+            return;
+          }
+        }
+        g instanceof U ? y(S(g.code, g.message)) : y(
           (n == null ? void 0 : n.errorConnection) ?? "Failed to connect. Please try again."
-        ), w(M(p));
+        ), x(j(g));
       } finally {
-        E(!1), y.current = !1;
+        p(!1), N.current = !1;
       }
     },
-    [o, I, M, O, n]
-  ), _ = R(
-    async (m) => {
-      const p = m.trim();
-      if (!p || y.current) return;
-      const H = {
-        id: A(),
+    [
+      e,
+      c,
+      S,
+      j,
+      A,
+      n
+    ]
+  ), P = M(
+    async (f) => {
+      const g = f.trim();
+      if (!g || N.current) return;
+      const L = {
+        id: D(),
         role: "user",
-        content: p
-      }, S = [...T.current, H];
-      T.current = S, u(S), O(S), await D(S);
+        content: g
+      };
+      let T = L;
+      if (I.current.length > 0) {
+        const O = await Le(I.current, L, {
+          messages: E.current,
+          apiUrl: e
+        });
+        if (O.type === "abort") return;
+        if (O.type === "respond") {
+          const z = {
+            id: D(),
+            role: "assistant",
+            content: O.reply.content,
+            sources: O.reply.sources
+          }, $ = [
+            ...E.current,
+            O.message,
+            z
+          ];
+          E.current = $, d($), A($), y(null), x(!1);
+          return;
+        }
+        T = O.message;
+      }
+      const B = [...E.current, T];
+      E.current = B, d(B), A(B), await m(B);
     },
-    [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;
+    [e, A, m]
+  ), V = M(async () => {
+    if (N.current) return;
+    const f = E.current[E.current.length - 1];
+    !f || f.role !== "user" || await m(E.current);
+  }, [m]), K = M(() => {
+    if (E.current = [], d([]), y(null), x(!1), t) {
+      const f = Z();
+      if (!f) return;
       try {
-        m.removeItem(a);
+        f.removeItem(a);
       } catch {
       }
     }
-  }, [e, a]);
+  }, [t, a]);
   return {
-    messages: c,
-    isLoading: h,
-    error: g,
-    canRetry: f,
-    sendMessage: _,
-    retry: b,
-    clearMessages: j
+    messages: l,
+    isLoading: R,
+    error: w,
+    canRetry: b,
+    sendMessage: P,
+    retry: V,
+    clearMessages: K
   };
 }
-function Oe(t) {
-  const [e, r] = C(() => typeof window > "u" ? !1 : window.matchMedia(t).matches);
-  return k(() => {
-    const s = window.matchMedia(t);
+function Be(e) {
+  const [t, r] = k(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return H(() => {
+    const s = window.matchMedia(e);
     r(s.matches);
     const n = (o) => r(o.matches);
     return s.addEventListener("change", n), () => s.removeEventListener("change", n);
-  }, [t]), e;
+  }, [e]), t;
 }
-function W(t, e) {
-  return t instanceof RegExp ? t.test(e) : e.toLowerCase().includes(t.toLowerCase());
+function F(e, t) {
+  return e instanceof RegExp ? e.test(t) : t.toLowerCase().includes(e.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;
+function $e() {
+  const e = document.documentElement, t = document.body, r = e.scrollTop || t.scrollTop || 0, s = Math.max(e.scrollHeight, t.scrollHeight), n = e.clientHeight || window.innerHeight, o = s - n;
   return o <= 0 ? 100 : r / o * 100;
 }
-function Ie({
-  triggers: t,
-  enabled: e,
+function je({
+  triggers: e,
+  enabled: t,
   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));
+  H(() => {
+    if (!t || !e || e.length === 0) return;
+    const n = /* @__PURE__ */ new Set(), o = [], c = typeof window < "u" ? window.location.href : "", a = (u, l) => {
+      n.has(u) || (n.add(u), l === "open" ? r() : s(l.greeting));
     };
-    return t.forEach((c, u) => {
-      switch (c.on) {
+    return e.forEach((u, l) => {
+      switch (u.on) {
         case "url": {
-          W(c.pattern, a) && l(u, c.action);
+          F(u.pattern, c) && a(l, u.action);
           break;
         }
         case "time": {
-          if (c.matchUrl && !W(c.matchUrl, a))
+          if (u.matchUrl && !F(u.matchUrl, c))
             return;
-          const h = window.setTimeout(
-            () => l(u, c.action),
-            Math.max(0, c.seconds * 1e3)
+          const d = window.setTimeout(
+            () => a(l, u.action),
+            Math.max(0, u.seconds * 1e3)
           );
-          o.push(() => window.clearTimeout(h));
+          o.push(() => window.clearTimeout(d));
           break;
         }
         case "scroll": {
-          if (c.matchUrl && !W(c.matchUrl, a))
+          if (u.matchUrl && !F(u.matchUrl, c))
             return;
-          const h = () => {
-            Ae() >= c.percent && l(u, c.action);
+          const d = () => {
+            $e() >= u.percent && a(l, u.action);
           };
-          h(), window.addEventListener("scroll", h, { passive: !0 }), o.push(() => window.removeEventListener("scroll", h));
+          d(), window.addEventListener("scroll", d, { passive: !0 }), o.push(() => window.removeEventListener("scroll", d));
           break;
         }
         case "exit-intent": {
-          if (c.matchUrl && !W(c.matchUrl, a))
+          if (u.matchUrl && !F(u.matchUrl, c))
             return;
-          const h = (E) => {
-            E.clientY <= 0 && l(u, c.action);
+          const d = (R) => {
+            R.clientY <= 0 && a(l, u.action);
           };
-          document.addEventListener("mouseleave", h), o.push(
-            () => document.removeEventListener("mouseleave", h)
+          document.addEventListener("mouseleave", d), o.push(
+            () => document.removeEventListener("mouseleave", d)
           );
           break;
         }
       }
     }), () => {
-      o.forEach((c) => c());
+      o.forEach((u) => u());
     };
-  }, [t, e, r, s]);
+  }, [e, t, r, s]);
 }
-const De = {
+const Pe = {
   "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";
+}, Ge = Me(function({ isOpen: t, onClick: r, position: s = "bottom-right", translations: n }, o) {
+  const c = t ? (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(
+      "aria-label": c,
+      className: `fixed ${Pe[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: t ? /* @__PURE__ */ h(
         "svg",
         {
           width: "24",
@@ -351,12 +497,12 @@ const De = {
       )
     }
   );
-}), _e = K(function({
-  count: e,
+}), Ue = J(function({
+  count: t,
   isActive: r,
   onClick: s
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     "button",
     {
       onClick: s,
@@ -364,7 +510,7 @@ const De = {
       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(
+        /* @__PURE__ */ h(
           "svg",
           {
             width: "14",
@@ -384,29 +530,29 @@ const De = {
             ]
           }
         ),
-        /* @__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 })
+        /* @__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: t })
       ]
     }
   );
-}), je = ["http:", "https:"];
-function oe(t) {
-  if (!t || typeof t != "string")
+}), We = ["http:", "https:"];
+function le(e) {
+  if (!e || typeof e != "string")
     return null;
-  const e = t.trim();
-  if (!e)
+  const t = e.trim();
+  if (!t)
     return null;
   try {
-    const r = new URL(e);
-    return je.includes(r.protocol) ? e : null;
+    const r = new URL(t);
+    return We.includes(r.protocol) ? t : 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(
+const ne = /(https?:\/\/[^\s)]+)/, se = /(\*\*[^*]+\*\*)/, oe = /(\*[^*]+\*)/;
+function ze(e, t) {
+  const r = e.match(/[.,;:!?'"]+$/), s = r ? e.slice(0, -r[0].length) : e, n = r ? r[0] : "", o = le(s);
+  return o ? /* @__PURE__ */ h(Te, { children: [
+    /* @__PURE__ */ h(
       "a",
       {
         href: o,
@@ -418,57 +564,57 @@ function $e(t, e) {
           /* @__PURE__ */ i("span", { className: "sr-only", children: " (opens in a new tab)" })
         ]
       },
-      e
+      t
     ),
     n
-  ] }) : t;
+  ] }) : e;
 }
-function Ue(t, e) {
-  const r = t.split(ee), s = [];
+function Fe(e, t) {
+  const r = e.split(se), 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}`));
+    if (se.test(n)) {
+      const c = n.slice(2, -2);
+      s.push(/* @__PURE__ */ i("strong", { children: c }, `${t}-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}`));
+      n.split(oe).forEach((a, u) => {
+        if (oe.test(a)) {
+          const l = a.slice(1, -1);
+          s.push(/* @__PURE__ */ i("em", { children: l }, `${t}-b${o}-i${u}`));
         } 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);
+          a.split(ne).forEach((d, R) => {
+            ne.test(d) ? s.push(
+              ze(d, `${t}-b${o}-i${u}-u${R}`)
+            ) : d && s.push(d);
           });
       });
   }), s;
 }
-function Be(t) {
-  const e = t.split(`
+function Ye(e) {
+  const t = e.split(`
 `);
-  return e.map((r, s) => /* @__PURE__ */ d("span", { children: [
-    Ue(r, `l${s}`),
-    s < e.length - 1 && /* @__PURE__ */ i("br", {})
+  return t.map((r, s) => /* @__PURE__ */ h("span", { children: [
+    Fe(r, `l${s}`),
+    s < t.length - 1 && /* @__PURE__ */ i("br", {})
   ] }, s));
 }
-const Ge = K(function({
-  role: e,
+const Ve = J(function({
+  role: t,
   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: [
+  const c = t === "user";
+  return /* @__PURE__ */ h("div", { className: `${c ? "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)
+        className: `rounded-claudius-bubble px-4 py-2.5 text-sm leading-relaxed font-body ${c ? "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: Ye(r)
       }
     ),
-    !a && s && s.length > 0 && n && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
-      _e,
+    !c && s && s.length > 0 && n && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
+      Ue,
       {
         count: s.length,
         isActive: o ?? !1,
@@ -476,42 +622,42 @@ const Ge = K(function({
       }
     ) })
   ] });
-}), z = 2e3, Pe = 1800;
-function We({
-  onSend: t,
-  isLoading: e,
+}), X = 2e3, Ke = 1800;
+function qe({
+  onSend: e,
+  isLoading: t,
   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(
+  const [n, o] = k(""), c = C(null), a = n.length, u = a >= Ke, l = a >= X, d = r ?? (s == null ? void 0 : s.placeholder) ?? "Type your message...", R = (s == null ? void 0 : s.sendMessage) ?? "Send message", p = (s == null ? void 0 : s.typeYourMessage) ?? "Type your message";
+  return H(() => {
+    var b;
+    t || (b = c.current) == null || b.focus();
+  }, [t]), /* @__PURE__ */ h(
     "form",
     {
-      onSubmit: (w) => {
-        w.preventDefault();
-        const v = n.trim();
-        !v || u || (t(v), o(""));
+      onSubmit: (b) => {
+        b.preventDefault();
+        const x = n.trim();
+        !x || l || (e(x), o(""));
       },
       className: "border-t border-claudius-border bg-claudius-surface p-3",
       children: [
-        /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ h("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ i(
             "input",
             {
-              ref: a,
+              ref: c,
               type: "text",
               value: n,
-              onChange: (w) => {
-                const v = w.target.value;
-                v.length <= z && o(v);
+              onChange: (b) => {
+                const x = b.target.value;
+                x.length <= X && o(x);
               },
-              placeholder: h,
-              disabled: e,
-              "aria-label": g,
-              "aria-describedby": c ? "char-count" : void 0,
+              placeholder: d,
+              disabled: t,
+              "aria-label": p,
+              "aria-describedby": u ? "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"
             }
           ),
@@ -519,10 +665,10 @@ function We({
             "button",
             {
               type: "submit",
-              disabled: e || u,
-              "aria-label": E,
+              disabled: t || l,
+              "aria-label": R,
               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(
+              children: /* @__PURE__ */ h(
                 "svg",
                 {
                   width: "16",
@@ -543,16 +689,16 @@ function We({
             }
           )
         ] }),
-        c && /* @__PURE__ */ d(
+        u && /* @__PURE__ */ h(
           "div",
           {
             id: "char-count",
-            className: `mt-1 text-xs text-right ${u ? "text-claudius-error" : "text-claudius-text-muted"}`,
+            className: `mt-1 text-xs text-right ${l ? "text-claudius-error" : "text-claudius-text-muted"}`,
             "aria-live": "polite",
             children: [
-              l,
+              a,
               "/",
-              z
+              X
             ]
           }
         )
@@ -560,30 +706,30 @@ function We({
     }
   );
 }
-const Fe = ["blog", "page", "external"], Ye = {
+const Xe = ["blog", "page", "external"], Ze = {
   blog: "Blog",
   page: "Page",
   external: "External"
 };
-function ze(t) {
+function Je(e) {
   try {
-    return new URL(t).hostname;
+    return new URL(e).hostname;
   } catch {
-    return t;
+    return e;
   }
 }
-const Ve = K(function({
-  sources: e,
+const Qe = J(function({
+  sources: t,
   onClose: r
 }) {
-  const s = Fe.map((o) => ({
+  const s = Xe.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: [
+    label: Ze[o],
+    items: t.filter((c) => c.type === o)
+  })).filter((o) => o.items.length > 0), n = t.length === 1 ? "1 source found" : `${t.length} sources found`;
+  return /* @__PURE__ */ h("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__ */ h("div", { className: "flex items-center justify-between border-b border-claudius-border px-4 py-3", children: [
+      /* @__PURE__ */ h("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 })
       ] }),
@@ -593,7 +739,7 @@ const Ve = K(function({
           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(
+          children: /* @__PURE__ */ h(
             "svg",
             {
               width: "14",
@@ -614,248 +760,280 @@ const Ve = K(function({
         }
       )
     ] }),
-    /* @__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("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-4", children: s.map((o) => /* @__PURE__ */ h("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(
+      /* @__PURE__ */ i("div", { className: "space-y-2", children: o.items.map((c) => {
+        const a = le(c.url);
+        return a ? /* @__PURE__ */ h(
           "a",
           {
-            href: l,
+            href: a,
             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) })
+              /* @__PURE__ */ i("p", { className: "truncate text-sm font-medium text-claudius-text", children: c.title }),
+              /* @__PURE__ */ i("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: Je(a) })
             ]
           },
-          l
+          a
         ) : 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;
+function et({
+  title: e,
+  subtitle: t,
+  titleId: r,
+  closeLabel: s,
+  onClose: n
+}) {
+  return /* @__PURE__ */ h("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: e.charAt(0).toUpperCase()
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "flex-1", children: [
+      /* @__PURE__ */ i(
+        "h2",
+        {
+          id: r,
+          className: "text-sm font-heading font-semibold text-claudius-accent-text",
+          children: e
+        }
+      ),
+      /* @__PURE__ */ i("p", { className: "text-xs text-claudius-accent-text", children: t })
+    ] }),
+    /* @__PURE__ */ i(
+      "button",
+      {
+        onClick: n,
+        "aria-label": s,
+        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__ */ h(
+          "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" })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function tt({
+  message: e,
+  retryLabel: t,
+  onRetry: r
+}) {
+  return /* @__PURE__ */ h(
+    "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: e }),
+        r && /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: r,
+            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: t
+          }
+        )
+      ]
+    }
+  );
+}
+function rt({ label: e }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": e,
+      className: "mr-auto flex max-w-[85%]",
+      children: /* @__PURE__ */ h("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]" })
+      ] })
+    }
+  );
+}
+function nt(e, t, r) {
+  const [s, n] = k(0), o = C(0), c = C(0), a = C(0), u = C(!1);
+  return H(() => {
+    const l = e.current;
+    if (!r || !l) return;
+    const d = (w) => {
+      if (l.scrollTop > 0) {
+        u.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));
+      u.current = !0, c.current = w.touches[0].clientY, a.current = Date.now();
+    }, R = (w) => {
+      if (!u.current) return;
+      let y = w.touches[0].clientY - c.current;
+      y < 0 && (y = y * 0.3), o.current = y, n(y);
+    }, p = () => {
+      if (!u.current) return;
+      u.current = !1;
+      const w = o.current, y = (Date.now() - a.current) / 1e3, b = l.getBoundingClientRect().height, x = y > 0.05 && w > 0 && w / y > 500, v = w > b * 0.3;
+      x || v ? t() : (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);
+    return l.addEventListener("touchstart", d, { passive: !0 }), l.addEventListener("touchmove", R, { passive: !0 }), l.addEventListener("touchend", p), () => {
+      l.removeEventListener("touchstart", d), l.removeEventListener("touchmove", R), l.removeEventListener("touchend", p);
     };
-  }, [t, e, r]), { offsetY: s };
+  }, [e, t, 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;
+const st = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function ot(e, t) {
+  H(() => {
+    const r = e.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"));
+        r.querySelectorAll(st)
+      ).filter((l) => !l.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());
+      const c = o[0], a = o[o.length - 1], u = document.activeElement;
+      n.shiftKey && u === c ? (n.preventDefault(), a.focus()) : !n.shiftKey && u === a && (n.preventDefault(), c.focus());
     };
     return r.addEventListener("keydown", s), () => r.removeEventListener("keydown", s);
-  }, [t, e]);
+  }, [e, t]);
 }
-const Je = /\*\*([^*]+)\*\*/g, Ze = /\*([^*]+)\*/g, Qe = /https?:\/\/[^\s)]+/g;
-function et(t) {
-  return t.replace(Je, "$1").replace(Ze, "$1").replace(Qe, (e) => {
+const it = /\*\*([^*]+)\*\*/g, ct = /\*([^*]+)\*/g, at = /https?:\/\/[^\s)]+/g;
+function ut(e) {
+  return e.replace(it, "$1").replace(ct, "$1").replace(at, (t) => {
     try {
-      return new URL(e).hostname;
+      return new URL(t).hostname;
     } catch {
-      return e;
+      return t;
     }
   });
 }
-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 = {
+const lt = {
   "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,
+function dt({
+  messages: e,
+  isLoading: t,
   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
+  onClose: c,
+  title: a = "Chat",
+  subtitle: u = "Ask me anything",
+  welcomeMessage: l = "Hi! How can I help you today?",
+  placeholder: d,
+  position: R = "bottom-right",
+  translations: p,
+  isMobile: w = !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();
+  const y = Ce(), b = C(null), x = C(null), [v, N] = k(null);
+  ot(b, !0);
+  const { offsetY: E } = nt(
+    x,
+    c,
+    w
+  ), I = E !== 0, A = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  H(() => {
+    const m = x.current;
+    m && (m.scrollTop = m.scrollHeight);
+  }, [e, t]), H(() => {
+    const m = (P) => {
+      P.key === "Escape" && !P.isComposing && c();
     };
-    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(
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [c]);
+  const D = (p == null ? void 0 : p.closeChat) ?? "Close chat", S = (p == null ? void 0 : p.chatMessages) ?? "Chat messages", j = [...e].reverse().find((m) => m.role === "assistant");
+  return /* @__PURE__ */ h(
     "div",
     {
-      ref: w,
+      ref: b,
       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,
+      "aria-modal": w ? "true" : void 0,
+      "aria-labelledby": y,
+      className: w ? "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 ${lt[R]} 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: w && !A ? { transform: `translateY(${Math.max(0, E)}px)` } : void 0,
+      "data-dragging": I || 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,
+        w && /* @__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__ */ i(
+          et,
+          {
+            title: a,
+            subtitle: u,
+            titleId: y,
+            closeLabel: D,
+            onClose: c
+          }
+        ),
+        /* @__PURE__ */ h("div", { className: "relative flex-1 overflow-hidden", children: [
+          v && /* @__PURE__ */ i(
+            Qe,
             {
-              sources: y.sources,
-              onClose: () => T(null)
+              sources: v.sources,
+              onClose: () => N(null)
             }
           ),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ h(
             "div",
             {
-              ref: v,
+              ref: x,
               role: "log",
-              "aria-label": D,
+              "aria-label": S,
               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,
+                e.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: l }) }),
+                e.map((m) => /* @__PURE__ */ i(
+                  Ve,
                   {
-                    role: b.role,
-                    content: b.content,
-                    sources: b.sources,
-                    isSourceActive: (y == null ? void 0 : y.messageId) === b.id,
+                    role: m.role,
+                    content: m.content,
+                    sources: m.sources,
+                    isSourceActive: (v == null ? void 0 : v.messageId) === m.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 });
+                      (v == null ? void 0 : v.messageId) === m.id ? N(null) : m.sources && m.sources.length > 0 && N({ messageId: m.id, sources: m.sources });
                     }
                   },
-                  b.id
+                  m.id
                 )),
-                e && /* @__PURE__ */ i(
-                  tt,
+                t && /* @__PURE__ */ i(
+                  rt,
                   {
-                    label: (g == null ? void 0 : g.typingIndicator) ?? "Assistant is typing"
+                    label: (p == null ? void 0 : p.typingIndicator) ?? "Assistant is typing"
                   }
                 ),
-                r && /* @__PURE__ */ d(
-                  "div",
+                r && /* @__PURE__ */ i(
+                  tt,
                   {
-                    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"
-                        }
-                      )
-                    ]
+                    message: r,
+                    retryLabel: (p == null ? void 0 : p.errorRetry) ?? "Retry",
+                    onRetry: s && o && !t ? o : void 0
                   }
                 )
               ]
@@ -869,51 +1047,51 @@ function nt({
             "aria-live": "polite",
             "aria-atomic": "true",
             className: "sr-only",
-            children: _ ? et(_.content) : ""
+            children: j ? ut(j.content) : ""
           }
         ),
         /* @__PURE__ */ i(
-          We,
+          qe,
           {
             onSend: n,
-            isLoading: e,
-            placeholder: h,
-            translations: g
+            isLoading: t,
+            placeholder: d,
+            translations: p
           }
         )
       ]
     }
   );
 }
-function st({
-  message: t,
-  position: e,
+function ft({
+  message: e,
+  position: t,
   onOpen: r,
   onDismiss: s,
   dismissLabel: n
 }) {
-  const o = e.startsWith("bottom"), a = e.endsWith("right"), l = [
+  const o = t.startsWith("bottom"), c = t.endsWith("right"), a = [
     "claudius-greeting-bubble",
     "fixed z-40 max-w-xs",
     o ? "bottom-20" : "top-20",
-    a ? "right-4" : "left-4"
+    c ? "right-4" : "left-4"
   ].join(" ");
-  return /* @__PURE__ */ d("div", { className: l, role: "status", "aria-live": "polite", children: [
+  return /* @__PURE__ */ h("div", { className: a, 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
+        children: e
       }
     ),
     /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        onClick: (c) => {
-          c.stopPropagation(), s();
+        onClick: (u) => {
+          u.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",
@@ -922,7 +1100,7 @@ function st({
     )
   ] });
 }
-const ie = {
+const de = {
   // ChatWindow
   title: "Chat",
   subtitle: "Ask me anything",
@@ -945,11 +1123,11 @@ const ie = {
   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 };
+}, ht = de;
+function $t(e) {
+  return { ...ht, ...e };
 }
-const it = {
+const mt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Pregúntame lo que quieras",
@@ -972,7 +1150,7 @@ const it = {
   errorRateLimitMinute: "Demasiadas solicitudes. Espera un minuto.",
   errorRateLimitHour: "Has alcanzado el límite por hora. Inténtalo más tarde.",
   errorRetry: "Reintentar"
-}, at = {
+}, gt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Posez-moi vos questions",
@@ -995,7 +1173,7 @@ const it = {
   errorRateLimitMinute: "Trop de requêtes. Veuillez patienter une minute.",
   errorRateLimitHour: "Limite horaire atteinte. Veuillez réessayer plus tard.",
   errorRetry: "Réessayer"
-}, ct = {
+}, pt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Fragen Sie mich alles",
@@ -1018,28 +1196,28 @@ const it = {
   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
+}, fe = {
+  en: de,
+  es: mt,
+  fr: gt,
+  de: pt
 };
-function re(t) {
-  if (!t) return;
-  const e = t.toLowerCase().split("-")[0];
-  return Object.prototype.hasOwnProperty.call(ae, e) ? e : void 0;
+function ie(e) {
+  if (!e) return;
+  const t = e.toLowerCase().split("-")[0];
+  return Object.prototype.hasOwnProperty.call(fe, t) ? t : 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 bt() {
+  const e = typeof document < "u" ? ie(document.documentElement.lang) : void 0;
+  if (e) return e;
+  const t = typeof navigator < "u" ? ie(navigator.language) : void 0;
+  return t || "en";
 }
-function lt(t = {}) {
-  const { locale: e, translations: r } = t, s = ae[e ?? ut()];
+function yt(e = {}) {
+  const { locale: t, translations: r } = e, s = fe[t ?? bt()];
   return r ? { ...s, ...r } : { ...s };
 }
-const ne = [
+const ce = [
   "accent",
   "accentText",
   "accentSoft",
@@ -1059,11 +1237,11 @@ const ne = [
   "errorText",
   "link",
   "scrim"
-], dt = ["sm", "md", "lg", "full", "tail"], ht = [
+], xt = ["sm", "md", "lg", "full", "tail"], wt = [
   "elevated",
   "floating",
   "floatingHover"
-], ft = ["heading", "body"], ce = {
+], vt = ["heading", "body"], he = {
   default: {
     name: "default"
   },
@@ -1148,226 +1326,311 @@ const ne = [
     }
   }
 };
-function mt(t) {
-  return Object.prototype.hasOwnProperty.call(ce, t);
+function Et(e) {
+  return Object.prototype.hasOwnProperty.call(he, e);
 }
-const gt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
-function bt(t) {
-  if (t === void 0)
+const Rt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function Tt(e) {
+  if (e === 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 };
+  if (typeof e == "string") {
+    if (Rt.has(e))
+      return { mode: e };
+    if (Et(e)) {
+      const t = he[e];
+      return { mode: t.colorScheme ?? "light", theme: t };
     }
-    return { mode: "light", url: t };
+    return { mode: "light", url: e };
   }
-  return { mode: t.colorScheme ?? "light", theme: t };
+  return { mode: e.colorScheme ?? "light", theme: e };
 }
-function pt(t) {
-  return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function Mt(e) {
+  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function xt(t, e) {
+function Ct(e, t) {
   console.warn(
-    `[Claudius] Ignoring unknown theme token "${e}" in "${t}"`
+    `[Claudius] Ignoring unknown theme token "${t}" in "${e}"`
   );
 }
-function B(t, e, r, s, n, o = "") {
+function W(e, t, r, s, n, o = "") {
   if (n)
-    for (const [a, l] of Object.entries(n)) {
-      if (!s.includes(a)) {
-        xt(e, a);
+    for (const [c, a] of Object.entries(n)) {
+      if (!s.includes(c)) {
+        Ct(t, c);
         continue;
       }
-      typeof l == "string" && (t[`${r}${pt(a)}${o}`] = l);
+      typeof a == "string" && (e[`${r}${Mt(c)}${o}`] = a);
     }
 }
-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,
+function Nt(e) {
+  const t = {};
+  W(t, "colors", "--cl-color-", ce, e.colors);
+  for (const [r, s] of Object.entries({ ...t }))
+    t[`${r}-dark`] = s;
+  return W(
+    t,
     "colorsDark",
     "--cl-color-",
-    ne,
-    t.colorsDark,
+    ce,
+    e.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;
+  ), W(t, "radii", "--cl-radius-", xt, e.radii), W(t, "shadows", "--cl-shadow-", wt, e.shadows), W(t, "fonts", "--cl-font-", vt, e.fonts), t;
 }
-function wt(t) {
-  return typeof t == "object" && t !== null && !Array.isArray(t);
+function St(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function vt(t) {
-  const e = F(() => bt(t), [t]), [r, s] = C(null), n = e.url;
-  k(() => {
+function Lt(e) {
+  const t = Y(() => Tt(e), [e]), [r, s] = k(null), n = t.url;
+  H(() => {
     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))
+    const u = new AbortController();
+    return fetch(n, { signal: u.signal }).then((l) => {
+      if (!l.ok)
+        throw new Error(`HTTP ${l.status}`);
+      return l.json();
+    }).then((l) => {
+      if (!St(l))
         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();
+      s(l);
+    }).catch((l) => {
+      u.signal.aborted || console.error(`[Claudius] Failed to load theme from ${n}:`, l);
+    }), () => u.abort();
   }, [n]);
-  const o = e.theme ?? r ?? null, a = (r == null ? void 0 : r.colorScheme) ?? e.mode, l = F(
-    () => o ? yt(o) : {},
+  const o = t.theme ?? r ?? null, c = (r == null ? void 0 : r.colorScheme) ?? t.mode, a = Y(
+    () => o ? Nt(o) : {},
     [o]
   );
-  return { mode: a, cssVars: l };
+  return { mode: c, cssVars: a };
 }
-const ue = "claudius:triggers:dismissed";
-function Et() {
+const me = "claudius:triggers:dismissed";
+function kt() {
   if (typeof window > "u") return !1;
   try {
-    return window.sessionStorage.getItem(ue) === "1";
+    return window.sessionStorage.getItem(me) === "1";
   } catch {
     return !1;
   }
 }
-function Rt() {
+function At() {
   if (!(typeof window > "u"))
     try {
-      window.sessionStorage.setItem(ue, "1");
+      window.sessionStorage.setItem(me, "1");
     } catch {
     }
 }
-function St({
-  apiUrl: t,
-  title: e,
+function jt({
+  apiUrl: e,
+  title: t,
   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
+  storageKeyPrefix: c,
+  requestTimeoutMs: a,
+  theme: u = "light",
+  accentColor: l,
+  position: d = "bottom-right",
+  locale: R,
+  translations: p,
+  triggers: w,
+  plugins: y
 }) {
-  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,
+  const [b, x] = k(!1), [v, N] = k(null), [E, I] = k(kt), A = C(!1), D = Be("(max-width: 639px)"), S = Y(
+    () => yt({ locale: R, translations: p }),
+    [R, p]
+  ), { messages: j, isLoading: m, error: P, canRetry: V, sendMessage: K, retry: f } = He({
+    apiUrl: e,
     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
+    storageKeyPrefix: c,
+    timeoutMs: a,
+    translations: S,
+    plugins: y
+  }), g = C(null), L = C(b), { mode: T, cssVars: B } = Lt(u), [O, z] = k(!1);
+  H(() => {
+    if (T !== "auto") return;
+    const _ = window.matchMedia("(prefers-color-scheme: dark)");
+    z(_.matches);
+    const re = (ve) => z(ve.matches);
+    return _.addEventListener("change", re), () => _.removeEventListener("change", re);
+  }, [T]), H(() => {
+    var _;
+    L.current && !b && ((_ = g.current) == null || _.focus()), L.current = b;
+  }, [b]);
+  const $ = M(() => {
+    I(!0), At();
+  }, []), ee = M(() => {
+    x(!1), A.current && (A.current = !1, $());
+  }, [$]), ge = M(() => {
+    x((_) => !_);
+  }, []), q = M(() => {
+    A.current = !0, N(null), x(!0);
+  }, []), pe = M((_) => {
+    N(_);
+  }, []), be = M(() => {
+    N(null), q();
+  }, [q]), ye = M(() => {
+    N(null), $();
+  }, [$]);
+  je({
+    triggers: w,
+    enabled: !E && !b,
+    onOpen: q,
+    onGreeting: pe
   });
-  const be = G === "dark" || G === "auto" && de, J = {
-    ...le,
-    ...u ? {
-      "--cl-color-accent": u,
-      "--cl-color-accent-dark": u
+  const xe = T === "dark" || T === "auto" && O, te = {
+    ...B,
+    ...l ? {
+      "--cl-color-accent": l,
+      "--cl-color-accent-dark": l
     } : {}
-  }, pe = Object.keys(J).length > 0 ? J : void 0;
+  }, we = Object.keys(te).length > 0 ? te : 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(
+    /* @__PURE__ */ i("div", { className: "claudius-root", style: we, children: /* @__PURE__ */ h("div", { "data-claudius-dark": xe ? "true" : "false", children: [
+      b && D && /* @__PURE__ */ i(
         "div",
         {
           className: "claudius-scrim fixed inset-0 z-40 bg-claudius-scrim",
-          onClick: X,
+          onClick: ee,
           "aria-hidden": "true"
         }
       ),
-      f && /* @__PURE__ */ i(
-        nt,
+      b && /* @__PURE__ */ i(
+        dt,
         {
-          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
+          messages: j,
+          isLoading: m,
+          error: P,
+          canRetry: V,
+          onSend: K,
+          onRetry: f,
+          onClose: ee,
+          title: t ?? S.title,
+          subtitle: r ?? S.subtitle,
+          welcomeMessage: s ?? S.welcomeMessage,
+          placeholder: n ?? S.placeholder,
+          position: d,
+          translations: S,
+          isMobile: D
         }
       ),
-      !(f && I) && /* @__PURE__ */ i(
-        He,
+      !(b && D) && /* @__PURE__ */ i(
+        Ge,
         {
-          ref: H,
-          isOpen: f,
-          onClick: he,
-          position: h,
-          translations: M
+          ref: g,
+          isOpen: b,
+          onClick: ge,
+          position: d,
+          translations: S
         }
       ),
-      !f && v && /* @__PURE__ */ i(
-        st,
+      !b && v && /* @__PURE__ */ i(
+        ft,
         {
           message: v,
-          position: h,
-          onOpen: me,
-          onDismiss: ge,
-          dismissLabel: M.dismissGreeting
+          position: d,
+          onOpen: be,
+          onDismiss: ye,
+          dismissLabel: S.dismissGreeting
         }
       )
     ] }) })
   );
 }
+function Pt(e) {
+  const { onEvent: t, includeContent: r = !0 } = e, s = (n) => r ? n : "";
+  return {
+    name: "analytics",
+    onBeforeSend(n) {
+      t({
+        type: "message_sent",
+        role: "user",
+        content: s(n.content),
+        chars: n.content.length
+      });
+    },
+    onAfterReceive(n) {
+      t({
+        type: "message_received",
+        role: "assistant",
+        content: s(n.content),
+        chars: n.content.length
+      });
+    },
+    onError(n) {
+      t({
+        type: "chat_error",
+        message: n.message,
+        code: n.code
+      });
+    }
+  };
+}
+const Ot = [
+  // Email
+  /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,
+  // US SSN (before the looser card pattern so it wins on 9-digit groups)
+  /\b\d{3}-\d{2}-\d{4}\b/g,
+  // Card-like: 13–16 digits, optionally separated by spaces or hyphens
+  /\b(?:\d[ -]?){13,16}\b/g,
+  // Phone: optional +1, area code, 7 digits with common separators
+  /\b(?:\+?1[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}\b/g
+];
+function It(e, t, r) {
+  return t.reduce(
+    // Reset lastIndex defensively: a shared global regex is stateful.
+    (s, n) => (n.lastIndex = 0, s.replace(n, r)),
+    e
+  );
+}
+function Gt(e = {}) {
+  const {
+    patterns: t = Ot,
+    replacement: r = "[redacted]",
+    redactReplies: s = !1
+  } = e, n = (o) => {
+    const c = It(o.content, t, r);
+    if (c !== o.content)
+      return { ...o, content: c };
+  };
+  return {
+    name: "redact-pii",
+    onBeforeSend: n,
+    onAfterReceive: s ? n : void 0
+  };
+}
+function Dt(e, t, r) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : r ? t.includes(e) : t.toLowerCase().includes(e.toLowerCase());
+}
+function Ut(e) {
+  const { rules: t, caseSensitive: r = !1 } = e;
+  return {
+    name: "canned-responses",
+    onBeforeSend(s, n) {
+      for (const o of t)
+        if (Dt(o.match, s.content, r)) {
+          n.respondWith(o.reply);
+          return;
+        }
+    }
+  };
+}
 export {
-  Me as ChatApiClient,
+  Se 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
+  jt as ChatWidget,
+  Ot as DEFAULT_PII_PATTERNS,
+  ae as DebounceError,
+  he as builtinThemes,
+  $t as createTranslations,
+  ht as defaultTranslations,
+  bt as detectLocale,
+  fe as locales,
+  Pt as pluginAnalytics,
+  Ut as pluginCannedResponses,
+  Gt as pluginRedactPII,
+  It as redactText,
+  yt as resolveTranslations
 };