claudius-chat-widget 1.10.0 → 1.12.0

package/dist/claudius.js

@@ -1,9 +1,9 @@
-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 {
+var Se = Object.defineProperty;
+var Ce = (t, e, r) => e in t ? Se(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var q = (t, e, r) => Ce(t, typeof e != "symbol" ? e + "" : e, r);
+import { jsx as a, jsxs as b, Fragment as Ne } from "react/jsx-runtime";
+import { useMemo as ne, useState as A, useRef as O, useCallback as L, useEffect as U, forwardRef as ke, memo as ue, useId as Le } from "react";
+class H extends Error {
   /**
    * Create a {@link ChatApiError}.
    *
@@ -12,8 +12,8 @@ class U extends Error {
    * @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";
+  constructor(e, r, n, s) {
+    super(e), this.status = r, this.code = n, this.retryAfter = s, this.name = "ChatApiError";
   }
 }
 class ae extends Error {
@@ -22,21 +22,21 @@ class ae extends Error {
     super("Request debounced"), this.name = "DebounceError";
   }
 }
-const Ne = 3e4;
-class Se {
+const Ae = 3e4;
+class Oe {
   /**
    * 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;
+  constructor(e, r) {
+    q(this, "baseUrl");
+    q(this, "maxRetries");
+    q(this, "debounceMs");
+    q(this, "timeoutMs");
+    q(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) ?? Ae;
   }
   /**
    * Send the conversation to the chat endpoint and return the assistant's
@@ -48,422 +48,639 @@ class Se {
    * @throws {@link DebounceError} when called within the debounce window.
    * @throws {@link ChatApiError} when the request fails after all retries.
    */
-  async sendMessage(t) {
+  async sendMessage(e) {
     if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
       throw new ae();
     this.lastSendTime = Date.now();
     let r;
-    for (let s = 0; s <= this.maxRetries; s++)
+    for (let n = 0; n <= this.maxRetries; n++)
       try {
-        const n = await this.fetchWithTimeout(t);
-        if (n.ok)
-          return await n.json();
-        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,
+        const s = await this.fetchWithTimeout(e);
+        if (s.ok)
+          return await s.json();
+        const o = await s.json().catch(() => ({})), i = s.headers.get("Retry-After"), u = i ? Number(i) : void 0;
+        if (r = new H(
+          o.error ?? `Request failed with status ${s.status}`,
+          s.status,
           o.code,
-          a
-        ), !this.isRetryable(n.status))
+          u
+        ), !this.isRetryable(s.status))
           throw r;
-        if (s < this.maxRetries) {
-          const u = this.getRetryDelay(n, s);
-          await this.delay(u);
+        if (n < this.maxRetries) {
+          const c = this.getRetryDelay(s, n);
+          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);
+      } catch (s) {
+        if (s instanceof H) {
+          if (!this.isRetryable(s.status, s.code))
+            throw s;
+          if (r = s, n < this.maxRetries) {
+            const o = this.getRetryDelay(null, n);
             await this.delay(o);
           }
-        } else if (r = new U(
+        } else if (r = new H(
           "Failed to connect. Please try again.",
           0,
           "NETWORK_ERROR"
-        ), s < this.maxRetries) {
-          const o = this.getRetryDelay(null, s);
+        ), n < this.maxRetries) {
+          const o = this.getRetryDelay(null, n);
           await this.delay(o);
         }
       }
     throw r;
   }
-  async fetchWithTimeout(t) {
+  /**
+   * Send the conversation to the streaming chat endpoint and resolve with the
+   * assistant's full reply once the stream completes. Text deltas are
+   * delivered through {@link ChatStreamOptions.onChunk} as they arrive.
+   *
+   * Falls back to {@link sendMessage} (non-streaming) when the browser can't
+   * read response streams or the Worker doesn't expose `/api/chat/stream`
+   * (HTTP 404/405), so callers never need their own feature detection.
+   *
+   * Failures before the first byte follow the same retry policy as
+   * {@link sendMessage}; once streaming has begun there are no automatic
+   * retries. Aborting via {@link ChatStreamOptions.signal} is not an error:
+   * the promise resolves with the partial reply and `aborted: true`.
+   *
+   * @param messages - The full conversation so far, oldest message first.
+   * @param options - Chunk callback and cancellation signal.
+   * @throws {@link DebounceError} when called within the debounce window.
+   * @throws {@link ChatApiError} when the request fails after all retries, or
+   *   the stream errors or is interrupted mid-reply (code `"STREAM_ERROR"`).
+   */
+  async streamMessage(e, r = {}) {
+    var s;
+    if (typeof ReadableStream > "u")
+      return this.sendMessage(e);
+    if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
+      throw new ae();
+    this.lastSendTime = Date.now();
+    let n;
+    for (let o = 0; o <= this.maxRetries; o++) {
+      let i;
+      try {
+        i = await this.fetchStream(e, r.signal);
+      } catch (c) {
+        if ((s = r.signal) != null && s.aborted)
+          return { reply: "", aborted: !0 };
+        if (n = c instanceof H ? c : new H(
+          "Failed to connect. Please try again.",
+          0,
+          "NETWORK_ERROR"
+        ), !this.isRetryable(n.status, n.code))
+          throw n;
+        o < this.maxRetries && await this.delay(this.getRetryDelay(null, o));
+        continue;
+      }
+      if (i.status === 404 || i.status === 405)
+        return this.lastSendTime = 0, this.sendMessage(e);
+      if (!i.ok) {
+        const c = await i.json().catch(() => ({})), l = i.headers.get("Retry-After");
+        if (n = new H(
+          c.error ?? `Request failed with status ${i.status}`,
+          i.status,
+          c.code,
+          l ? Number(l) : void 0
+        ), !this.isRetryable(i.status))
+          throw n;
+        o < this.maxRetries && await this.delay(this.getRetryDelay(i, o));
+        continue;
+      }
+      if (!(i.headers.get("Content-Type") ?? "").includes("text/event-stream"))
+        try {
+          return await i.json();
+        } catch {
+          return this.lastSendTime = 0, this.sendMessage(e);
+        }
+      return i.body ? this.readSseStream(i.body, r) : (this.lastSendTime = 0, this.sendMessage(e));
+    }
+    throw n;
+  }
+  /**
+   * Consumes an SSE body, invoking `onChunk` per `chunk` event, resolving on
+   * `done`, throwing on `error` events or an interrupted connection, and
+   * resolving with the partial text when the caller aborts.
+   */
+  async readSseStream(e, r) {
+    var l, f, y, I, E, T;
+    const n = e.getReader(), s = new TextDecoder();
+    let o = "", i = "", u;
+    const c = () => {
+      n.cancel().catch(() => {
+      });
+    };
+    (l = r.signal) == null || l.addEventListener("abort", c, { once: !0 });
+    try {
+      for (; ; ) {
+        let x;
+        try {
+          x = await n.read();
+        } catch (C) {
+          if ((f = r.signal) != null && f.aborted) break;
+          throw C;
+        }
+        if ((y = r.signal) != null && y.aborted || x.done) break;
+        o += s.decode(x.value, { stream: !0 });
+        let w;
+        for (; (w = o.indexOf(`
+
+`)) !== -1; ) {
+          const C = o.slice(0, w);
+          o = o.slice(w + 2);
+          const v = Ie(C);
+          if (v) {
+            if (v.event === "chunk") {
+              const g = typeof v.data.text == "string" ? v.data.text : "";
+              g && (i += g, (I = r.onChunk) == null || I.call(r, g, i));
+            } else if (v.event === "done")
+              u = {
+                reply: typeof v.data.reply == "string" ? v.data.reply : i,
+                sources: v.data.sources
+              };
+            else if (v.event === "error")
+              throw new H(
+                typeof v.data.error == "string" ? v.data.error : "Something went wrong. Please try again.",
+                0,
+                "STREAM_ERROR"
+              );
+          }
+        }
+      }
+    } finally {
+      (E = r.signal) == null || E.removeEventListener("abort", c), n.releaseLock();
+    }
+    if ((T = r.signal) != null && T.aborted)
+      return { reply: i, aborted: !0 };
+    if (u) return u;
+    throw new H(
+      "Connection interrupted. Please try again.",
+      0,
+      "STREAM_ERROR"
+    );
+  }
+  async fetchStream(e, r) {
+    const n = new AbortController(), s = () => n.abort();
+    r == null || r.addEventListener("abort", s, { once: !0 });
+    let o = !1;
+    const i = this.timeoutMs > 0 ? setTimeout(() => {
+      o = !0, n.abort();
+    }, this.timeoutMs) : void 0;
+    try {
+      return await fetch(`${this.baseUrl}/api/chat/stream`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: e }),
+        signal: n.signal
+      });
+    } catch (u) {
+      throw o ? new H(
+        "Request timed out. Please try again.",
+        0,
+        "TIMEOUT"
+      ) : u;
+    } finally {
+      i !== void 0 && clearTimeout(i), r == null || r.removeEventListener("abort", s);
+    }
+  }
+  async fetchWithTimeout(e) {
     if (this.timeoutMs <= 0)
       return fetch(`${this.baseUrl}/api/chat`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ messages: t })
+        body: JSON.stringify({ messages: e })
       });
-    const r = new AbortController(), s = setTimeout(() => r.abort(), this.timeoutMs);
+    const r = new AbortController(), n = setTimeout(() => r.abort(), this.timeoutMs);
     try {
       return await fetch(`${this.baseUrl}/api/chat`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ messages: t }),
+        body: JSON.stringify({ messages: e }),
         signal: r.signal
       });
-    } catch (n) {
-      throw r.signal.aborted ? new U(
+    } catch (s) {
+      throw r.signal.aborted ? new H(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
-      ) : n;
+      ) : s;
     } finally {
-      clearTimeout(s);
+      clearTimeout(n);
     }
   }
-  isRetryable(t, r) {
-    return r === "TIMEOUT" || r === "NETWORK_ERROR" ? !0 : t === 429 || t === 503;
+  isRetryable(e, r) {
+    return r === "TIMEOUT" || r === "NETWORK_ERROR" ? !0 : e === 429 || e === 503;
   }
-  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);
+  getRetryDelay(e, r) {
+    if (e && e.status === 429) {
+      const n = e.headers.get("Retry-After");
+      if (n) {
+        const s = Number(n);
+        return Math.min(s * 1e3, 6e4);
       }
     }
     return r === 0 ? 1e3 : 3e3;
   }
-  delay(t) {
-    return new Promise((r) => setTimeout(r, t));
+  delay(e) {
+    return new Promise((r) => setTimeout(r, e));
   }
 }
-function ue(e) {
-  return typeof e == "string" ? { content: e } : e;
+function Ie(t) {
+  let e = "message";
+  const r = [];
+  for (const n of t.split(`
+`))
+    n.startsWith("event:") ? e = n.slice(6).trim() : n.startsWith("data:") && r.push(n.slice(5).trimStart());
+  if (r.length === 0) return null;
+  try {
+    const n = JSON.parse(r.join(`
+`));
+    return typeof n != "object" || n === null ? null : { event: e, data: n };
+  } catch {
+    return null;
+  }
 }
-function Q(e, t, r) {
-  console.error(`[claudius] plugin "${e.name}" failed in ${t}:`, r);
+function ye(t) {
+  return typeof t == "string" ? { content: t } : t;
 }
-async function Le(e, t, r) {
-  let s = t;
-  for (const n of e) {
-    if (!n.onBeforeSend) continue;
+function le(t, e, r) {
+  console.error(`[claudius] plugin "${t.name}" failed in ${e}:`, r);
+}
+async function De(t, e, r) {
+  let n = e;
+  for (const s of t) {
+    if (!s.onBeforeSend) continue;
     let o = null;
-    const c = {
+    const i = {
       ...r,
-      respondWith(a) {
+      respondWith(u) {
         o = {
           type: "respond",
-          message: s,
-          reply: ue(a)
+          message: n,
+          reply: ye(u)
         };
       },
-      abort(a) {
-        o = { type: "abort", reason: a };
+      abort(u) {
+        o = { type: "abort", reason: u };
       }
     };
     try {
-      const a = await n.onBeforeSend(s, c);
+      const u = await s.onBeforeSend(n, i);
       if (o) return o;
-      a && (s = a);
-    } catch (a) {
-      Q(n, "onBeforeSend", a);
+      u && (n = u);
+    } catch (u) {
+      le(s, "onBeforeSend", u);
     }
   }
-  return { type: "send", message: s };
+  return { type: "send", message: n };
 }
-async function ke(e, t, r) {
-  let s = t;
-  for (const n of e)
-    if (n.onAfterReceive)
+async function _e(t, e, r) {
+  let n = e;
+  for (const s of t)
+    if (s.onAfterReceive)
       try {
-        const o = await n.onAfterReceive(s, r);
-        o && (s = o);
+        const o = await s.onAfterReceive(n, r);
+        o && (n = o);
       } catch (o) {
-        Q(n, "onAfterReceive", o);
+        le(s, "onAfterReceive", o);
       }
-  return s;
+  return n;
 }
-async function Ae(e, t, r) {
-  for (const s of e) {
-    if (!s.onError) continue;
-    let n = null;
+async function He(t, e, r) {
+  for (const n of t) {
+    if (!n.onError) continue;
+    let s = null;
     const o = {
       ...r,
-      respondWith(c) {
-        n = ue(c);
+      respondWith(i) {
+        s = ye(i);
       }
     };
     try {
-      if (await s.onError(t, o), n) return n;
-    } catch (c) {
-      Q(s, "onError", c);
+      if (await n.onError(e, o), s) return s;
+    } catch (i) {
+      le(n, "onError", i);
     }
   }
   return null;
 }
-const Oe = 200, Ie = "claudius:messages";
-function De(e, t) {
+const je = 200, Be = "claudius:messages";
+function $e(t, e) {
   let r;
   try {
-    r = new URL(t).host;
+    r = new URL(e).host;
   } catch {
-    r = t;
+    r = e;
   }
-  return `${e}:${r}`;
+  return `${t}:${r}`;
 }
-function Z() {
+function ce() {
   try {
     return typeof sessionStorage < "u" ? sessionStorage : null;
   } catch {
     return null;
   }
 }
-function _e(e) {
-  const t = Z();
-  if (!t) return [];
+function Pe(t) {
+  const e = ce();
+  if (!e) return [];
   try {
-    const r = t.getItem(e);
+    const r = e.getItem(t);
     if (!r) return [];
-    const s = JSON.parse(r);
-    return Array.isArray(s) ? s : [];
+    const n = JSON.parse(r);
+    return Array.isArray(n) ? n : [];
   } catch {
     return [];
   }
 }
-function He({
-  apiUrl: e,
-  persistMessages: t = !0,
-  storageKeyPrefix: r = Ie,
-  timeoutMs: s,
-  translations: n,
-  plugins: o
+function Ge({
+  apiUrl: t,
+  persistMessages: e = !0,
+  storageKeyPrefix: r = Be,
+  timeoutMs: n,
+  translations: s,
+  plugins: o,
+  streaming: i = !0
 }) {
-  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)
+  const u = ne(
+    () => new Oe(t, { debounceMs: 0, timeoutMs: n }),
+    [t, n]
+  ), c = $e(r, t), l = e ? Pe(c) : [], [f, y] = A(l), [I, E] = A(!1), [T, x] = A(!1), [w, C] = A(
+    null
+  ), [v, g] = A(null), [S, j] = A(!1), W = O(l.length), $ = O(!1), p = O(l), Y = O(null), B = O(o ?? []);
+  B.current = o ?? [];
+  const _ = L(
+    (d) => {
+      if (!e) return;
+      const N = ce();
+      if (N)
         try {
-          const L = f.slice(-Oe);
-          g.setItem(a, JSON.stringify(L));
+          const k = d.slice(-je);
+          N.setItem(c, JSON.stringify(k));
         } catch {
         }
     },
-    [t, a]
-  ), D = () => (v.current += 1, `msg-${v.current}`), S = M(
-    (f, g) => {
-      if (!n)
-        return g ?? "Something went wrong. Please try again.";
-      switch (f) {
+    [e, c]
+  ), h = () => (W.current += 1, `msg-${W.current}`), F = L(
+    (d, N) => {
+      if (!s)
+        return N ?? "Something went wrong. Please try again.";
+      switch (d) {
         case "TIMEOUT":
-          return n.errorTimeout;
+          return s.errorTimeout;
         case "NETWORK_ERROR":
-          return n.errorConnection;
+          return s.errorConnection;
         case "RATE_LIMITED":
-          return g != null && g.includes("minute") ? n.errorRateLimitMinute : n.errorRateLimitHour;
+          return N != null && N.includes("minute") ? s.errorRateLimitMinute : s.errorRateLimitHour;
         case "VALIDATION_ERROR":
         case "CONFIG_ERROR":
         case "SERVICE_ERROR":
         case "UNKNOWN_ERROR":
         default:
-          return g ?? n.errorGeneric;
+          return N ?? s.errorGeneric;
       }
     },
-    [n]
-  ), 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);
+    [s]
+  ), Z = L((d) => !(d instanceof H) || d.code === "TIMEOUT" || d.code === "NETWORK_ERROR" || d.code === "RATE_LIMITED" || d.code === "SERVICE_ERROR" || d.code === "UNKNOWN_ERROR" || d.status >= 500 || d.status === 0, []), K = L(
+    async (d) => {
+      E(!0), $.current = !0, g(null), j(!1);
+      const N = i && typeof u.streamMessage == "function";
+      let k = null;
+      const V = (m) => {
+        if (k === null) {
+          k = h(), C(k);
+          const R = [
+            ...p.current,
+            { id: k, role: "assistant", content: m }
+          ];
+          p.current = R, y(R);
+        } else {
+          const R = k, D = p.current.map(
+            (M) => M.id === R ? { ...M, content: m } : M
+          );
+          p.current = D, y(D);
+        }
+      };
       try {
-        const g = await c.sendMessage(f);
-        let L = {
-          id: D(),
+        let m, R, D = !1;
+        if (N) {
+          const P = new AbortController();
+          Y.current = P, x(!0);
+          const J = await u.streamMessage(d, {
+            signal: P.signal,
+            onChunk: (de, te) => V(te)
+          });
+          m = J.reply, R = J.sources, D = J.aborted ?? !1;
+        } else {
+          const P = await u.sendMessage(d);
+          m = P.reply, R = P.sources;
+        }
+        if (D && !m) return;
+        let M = {
+          id: k ?? h(),
           role: "assistant",
-          content: g.reply,
-          sources: g.sources
+          content: m,
+          sources: R
         };
-        I.current.length > 0 && (L = await ke(
-          I.current,
-          L,
-          { messages: f, apiUrl: e }
+        B.current.length > 0 && !D && (M = await _e(
+          B.current,
+          M,
+          { messages: d, apiUrl: t }
         ));
-        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
+        const z = k !== null ? p.current.map(
+          (P) => P.id === M.id ? M : P
+        ) : [...d, M];
+        p.current = z, y(z), _(z);
+      } catch (m) {
+        if (m instanceof ae) return;
+        if (k !== null) {
+          _(p.current), m instanceof H ? g(F(m.code, m.message)) : g(
+            (s == null ? void 0 : s.errorConnection) ?? "Failed to connect. Please try again."
+          ), j(!1);
+          return;
+        }
+        if (B.current.length > 0) {
+          const R = m instanceof Error ? m : new Error(String(m)), D = await He(B.current, R, {
+            messages: d,
+            apiUrl: t
           });
-          if (T) {
-            const B = {
-              id: D(),
+          if (D) {
+            const M = {
+              id: h(),
               role: "assistant",
-              content: T.content,
-              sources: T.sources
-            }, O = [...f, B];
-            E.current = O, d(O), A(O), y(null), x(!1);
+              content: D.content,
+              sources: D.sources
+            }, z = [...d, M];
+            p.current = z, y(z), _(z), g(null), j(!1);
             return;
           }
         }
-        g instanceof U ? y(S(g.code, g.message)) : y(
-          (n == null ? void 0 : n.errorConnection) ?? "Failed to connect. Please try again."
-        ), x(j(g));
+        m instanceof H ? g(F(m.code, m.message)) : g(
+          (s == null ? void 0 : s.errorConnection) ?? "Failed to connect. Please try again."
+        ), j(Z(m));
       } finally {
-        p(!1), N.current = !1;
+        E(!1), $.current = !1, x(!1), C(null), Y.current = null;
       }
     },
     [
-      e,
-      c,
-      S,
-      j,
-      A,
-      n
+      t,
+      u,
+      F,
+      Z,
+      _,
+      i,
+      s
     ]
-  ), P = M(
-    async (f) => {
-      const g = f.trim();
-      if (!g || N.current) return;
-      const L = {
-        id: D(),
+  ), se = L(() => {
+    var d;
+    (d = Y.current) == null || d.abort();
+  }, []), oe = L(
+    async (d) => {
+      const N = d.trim();
+      if (!N || $.current) return;
+      const k = {
+        id: h(),
         role: "user",
-        content: g
+        content: N
       };
-      let T = L;
-      if (I.current.length > 0) {
-        const O = await Le(I.current, L, {
-          messages: E.current,
-          apiUrl: e
+      let V = k;
+      if (B.current.length > 0) {
+        const R = await De(B.current, k, {
+          messages: p.current,
+          apiUrl: t
         });
-        if (O.type === "abort") return;
-        if (O.type === "respond") {
-          const z = {
-            id: D(),
+        if (R.type === "abort") return;
+        if (R.type === "respond") {
+          const D = {
+            id: h(),
             role: "assistant",
-            content: O.reply.content,
-            sources: O.reply.sources
-          }, $ = [
-            ...E.current,
-            O.message,
-            z
+            content: R.reply.content,
+            sources: R.reply.sources
+          }, M = [
+            ...p.current,
+            R.message,
+            D
           ];
-          E.current = $, d($), A($), y(null), x(!1);
+          p.current = M, y(M), _(M), g(null), j(!1);
           return;
         }
-        T = O.message;
+        V = R.message;
       }
-      const B = [...E.current, T];
-      E.current = B, d(B), A(B), await m(B);
+      const m = [...p.current, V];
+      p.current = m, y(m), _(m), await K(m);
     },
-    [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;
+    [t, _, K]
+  ), Q = L(async () => {
+    if ($.current) return;
+    const d = p.current[p.current.length - 1];
+    !d || d.role !== "user" || await K(p.current);
+  }, [K]), ee = L(() => {
+    if (p.current = [], y([]), g(null), j(!1), e) {
+      const d = ce();
+      if (!d) return;
       try {
-        f.removeItem(a);
+        d.removeItem(c);
       } catch {
       }
     }
-  }, [t, a]);
+  }, [e, c]);
   return {
-    messages: l,
-    isLoading: R,
-    error: w,
-    canRetry: b,
-    sendMessage: P,
-    retry: V,
-    clearMessages: K
+    messages: f,
+    isLoading: I,
+    isStreaming: T,
+    streamingMessageId: w,
+    error: v,
+    canRetry: S,
+    sendMessage: oe,
+    stop: se,
+    retry: Q,
+    clearMessages: ee
   };
 }
-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);
-  }, [e]), t;
+function Ue(t) {
+  const [e, r] = A(() => typeof window > "u" ? !1 : window.matchMedia(t).matches);
+  return U(() => {
+    const n = window.matchMedia(t);
+    r(n.matches);
+    const s = (o) => r(o.matches);
+    return n.addEventListener("change", s), () => n.removeEventListener("change", s);
+  }, [t]), e;
 }
-function F(e, t) {
-  return e instanceof RegExp ? e.test(t) : t.toLowerCase().includes(e.toLowerCase());
+function re(t, e) {
+  return t instanceof RegExp ? t.test(e) : e.toLowerCase().includes(t.toLowerCase());
 }
-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;
+function We() {
+  const t = document.documentElement, e = document.body, r = t.scrollTop || e.scrollTop || 0, n = Math.max(t.scrollHeight, e.scrollHeight), s = t.clientHeight || window.innerHeight, o = n - s;
   return o <= 0 ? 100 : r / o * 100;
 }
-function je({
-  triggers: e,
-  enabled: t,
+function ze({
+  triggers: t,
+  enabled: e,
   onOpen: r,
-  onGreeting: s
+  onGreeting: n
 }) {
-  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));
+  U(() => {
+    if (!e || !t || t.length === 0) return;
+    const s = /* @__PURE__ */ new Set(), o = [], i = typeof window < "u" ? window.location.href : "", u = (c, l) => {
+      s.has(c) || (s.add(c), l === "open" ? r() : n(l.greeting));
     };
-    return e.forEach((u, l) => {
-      switch (u.on) {
+    return t.forEach((c, l) => {
+      switch (c.on) {
         case "url": {
-          F(u.pattern, c) && a(l, u.action);
+          re(c.pattern, i) && u(l, c.action);
           break;
         }
         case "time": {
-          if (u.matchUrl && !F(u.matchUrl, c))
+          if (c.matchUrl && !re(c.matchUrl, i))
             return;
-          const d = window.setTimeout(
-            () => a(l, u.action),
-            Math.max(0, u.seconds * 1e3)
+          const f = window.setTimeout(
+            () => u(l, c.action),
+            Math.max(0, c.seconds * 1e3)
           );
-          o.push(() => window.clearTimeout(d));
+          o.push(() => window.clearTimeout(f));
           break;
         }
         case "scroll": {
-          if (u.matchUrl && !F(u.matchUrl, c))
+          if (c.matchUrl && !re(c.matchUrl, i))
             return;
-          const d = () => {
-            $e() >= u.percent && a(l, u.action);
+          const f = () => {
+            We() >= c.percent && u(l, c.action);
           };
-          d(), window.addEventListener("scroll", d, { passive: !0 }), o.push(() => window.removeEventListener("scroll", d));
+          f(), window.addEventListener("scroll", f, { passive: !0 }), o.push(() => window.removeEventListener("scroll", f));
           break;
         }
         case "exit-intent": {
-          if (u.matchUrl && !F(u.matchUrl, c))
+          if (c.matchUrl && !re(c.matchUrl, i))
             return;
-          const d = (R) => {
-            R.clientY <= 0 && a(l, u.action);
+          const f = (y) => {
+            y.clientY <= 0 && u(l, c.action);
           };
-          document.addEventListener("mouseleave", d), o.push(
-            () => document.removeEventListener("mouseleave", d)
+          document.addEventListener("mouseleave", f), o.push(
+            () => document.removeEventListener("mouseleave", f)
           );
           break;
         }
       }
     }), () => {
-      o.forEach((u) => u());
+      o.forEach((c) => c());
     };
-  }, [e, t, r, s]);
+  }, [t, e, r, n]);
 }
-const Pe = {
+const Fe = {
   "bottom-right": "bottom-6 right-6",
   "bottom-left": "bottom-6 left-6",
   "top-right": "top-6 right-6",
   "top-left": "top-6 left-6"
-}, 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(
+}, Ye = ke(function({ isOpen: e, onClick: r, position: n = "bottom-right", translations: s }, o) {
+  const i = e ? (s == null ? void 0 : s.closeChat) ?? "Close chat" : (s == null ? void 0 : s.openChat) ?? "Open chat";
+  return /* @__PURE__ */ a(
     "button",
     {
       ref: o,
       onClick: r,
-      "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(
+      "aria-label": i,
+      className: `fixed ${Fe[n]} 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__ */ b(
         "svg",
         {
           width: "24",
@@ -476,11 +693,11 @@ const Pe = {
           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__ */ a("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ a("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
           ]
         }
-      ) : /* @__PURE__ */ i(
+      ) : /* @__PURE__ */ a(
         "svg",
         {
           width: "24",
@@ -492,25 +709,25 @@ const Pe = {
           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" })
+          children: /* @__PURE__ */ a("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
         }
       )
     }
   );
-}), Ue = J(function({
-  count: t,
+}), Ve = ue(function({
+  count: e,
   isActive: r,
-  onClick: s
+  onClick: n
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ b(
     "button",
     {
-      onClick: s,
+      onClick: n,
       "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__ */ h(
+        /* @__PURE__ */ b(
           "svg",
           {
             width: "14",
@@ -523,36 +740,72 @@ const Pe = {
             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__ */ a("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+              /* @__PURE__ */ a("polyline", { points: "14 2 14 8 20 8" }),
+              /* @__PURE__ */ a("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+              /* @__PURE__ */ a("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: t })
+        /* @__PURE__ */ a("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 })
       ]
     }
   );
-}), We = ["http:", "https:"];
-function le(e) {
-  if (!e || typeof e != "string")
+}), Ke = ["http:", "https:"];
+function xe(t) {
+  if (!t || typeof t != "string")
     return null;
-  const t = e.trim();
-  if (!t)
+  const e = t.trim();
+  if (!e)
     return null;
   try {
-    const r = new URL(t);
-    return We.includes(r.protocol) ? t : null;
+    const r = new URL(e);
+    return Ke.includes(r.protocol) ? e : null;
   } catch {
     return null;
   }
 }
-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(
+function qe(t) {
+  const e = t.lastIndexOf(`
+`), r = e === -1 ? "" : t.slice(0, e + 1);
+  let n = e === -1 ? t : t.slice(e + 1);
+  return n = Ze(n), n = Qe(n), r + n;
+}
+function Je(t) {
+  const e = [];
+  for (let r = 0; r < t.length - 1; r++)
+    t[r] === "*" && t[r + 1] === "*" && (e.push(r), r++);
+  return e;
+}
+function Xe(t) {
+  const e = [];
+  for (let r = 0; r < t.length; r++)
+    if (t[r] === "*") {
+      if (t[r + 1] === "*") {
+        r++;
+        continue;
+      }
+      e.push(r);
+    }
+  return e;
+}
+function Ze(t) {
+  const e = Je(t);
+  if (e.length % 2 === 0) return t;
+  const r = e[e.length - 1], n = t.slice(r + 2);
+  return n.trim() === "" ? t.slice(0, r) + n : t + "**";
+}
+function Qe(t) {
+  const e = Xe(t);
+  if (e.length % 2 === 0) return t;
+  const r = e[e.length - 1], n = t.slice(r + 1);
+  return n.trim() === "" ? t.slice(0, r) + n : t + "*";
+}
+const he = /(https?:\/\/[^\s)]+)/, me = /(\*\*[^*]+\*\*)/, ge = /(\*[^*]+\*)/;
+function et(t, e) {
+  const r = t.match(/[.,;:!?'"]+$/), n = r ? t.slice(0, -r[0].length) : t, s = r ? r[0] : "", o = xe(n);
+  return o ? /* @__PURE__ */ b(Ne, { children: [
+    /* @__PURE__ */ b(
       "a",
       {
         href: o,
@@ -561,114 +814,136 @@ function ze(e, t) {
         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)" })
+          /* @__PURE__ */ a("span", { className: "sr-only", children: " (opens in a new tab)" })
         ]
       },
-      t
+      e
     ),
-    n
-  ] }) : e;
+    s
+  ] }) : t;
 }
-function Fe(e, t) {
-  const r = e.split(se), s = [];
-  return r.forEach((n, o) => {
-    if (se.test(n)) {
-      const c = n.slice(2, -2);
-      s.push(/* @__PURE__ */ i("strong", { children: c }, `${t}-b${o}`));
+function tt(t, e) {
+  const r = t.split(me), n = [];
+  return r.forEach((s, o) => {
+    if (me.test(s)) {
+      const i = s.slice(2, -2);
+      n.push(/* @__PURE__ */ a("strong", { children: i }, `${e}-b${o}`));
     } else
-      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}`));
+      s.split(ge).forEach((u, c) => {
+        if (ge.test(u)) {
+          const l = u.slice(1, -1);
+          n.push(/* @__PURE__ */ a("em", { children: l }, `${e}-b${o}-i${c}`));
         } else
-          a.split(ne).forEach((d, R) => {
-            ne.test(d) ? s.push(
-              ze(d, `${t}-b${o}-i${u}-u${R}`)
-            ) : d && s.push(d);
+          u.split(he).forEach((f, y) => {
+            he.test(f) ? n.push(
+              et(f, `${e}-b${o}-i${c}-u${y}`)
+            ) : f && n.push(f);
           });
       });
-  }), s;
+  }), n;
 }
-function Ye(e) {
-  const t = e.split(`
+function rt(t) {
+  const e = t.split(`
 `);
-  return t.map((r, s) => /* @__PURE__ */ h("span", { children: [
-    Fe(r, `l${s}`),
-    s < t.length - 1 && /* @__PURE__ */ i("br", {})
-  ] }, s));
+  return e.map((r, n) => /* @__PURE__ */ b("span", { children: [
+    tt(r, `l${n}`),
+    n < e.length - 1 && /* @__PURE__ */ a("br", {})
+  ] }, n));
 }
-const Ve = J(function({
-  role: t,
+const nt = ue(function({
+  role: e,
   content: r,
+  isStreaming: n = !1,
   sources: s,
-  onSourceClick: n,
-  isSourceActive: o
+  onSourceClick: o,
+  isSourceActive: i
 }) {
-  const c = t === "user";
-  return /* @__PURE__ */ h("div", { className: `${c ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
-    /* @__PURE__ */ i(
+  const u = e === "user", c = n ? qe(r) : r;
+  return /* @__PURE__ */ b("div", { className: `${u ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
+    /* @__PURE__ */ a(
       "div",
       {
-        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)
+        className: `rounded-claudius-bubble px-4 py-2.5 text-sm leading-relaxed font-body ${u ? "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: rt(c)
       }
     ),
-    !c && s && s.length > 0 && n && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
-      Ue,
+    !u && s && s.length > 0 && o && /* @__PURE__ */ a("div", { className: "mt-1", children: /* @__PURE__ */ a(
+      Ve,
       {
         count: s.length,
-        isActive: o ?? !1,
-        onClick: n
+        isActive: i ?? !1,
+        onClick: o
       }
     ) })
   ] });
-}), X = 2e3, Ke = 1800;
-function qe({
-  onSend: e,
-  isLoading: t,
-  placeholder: r,
-  translations: s
+}), ie = 2e3, st = 1800;
+function ot({
+  onSend: t,
+  isLoading: e,
+  isStreaming: r = !1,
+  onStop: n,
+  placeholder: s,
+  translations: o
 }) {
-  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(
+  const [i, u] = A(""), c = O(null), l = i.length, f = l >= st, y = l >= ie, I = s ?? (o == null ? void 0 : o.placeholder) ?? "Type your message...", E = (o == null ? void 0 : o.sendMessage) ?? "Send message", T = (o == null ? void 0 : o.stopGenerating) ?? "Stop generating", x = (o == null ? void 0 : o.typeYourMessage) ?? "Type your message", w = r && !!n;
+  return U(() => {
+    var g;
+    e || (g = c.current) == null || g.focus();
+  }, [e]), /* @__PURE__ */ b(
     "form",
     {
-      onSubmit: (b) => {
-        b.preventDefault();
-        const x = n.trim();
-        !x || l || (e(x), o(""));
+      onSubmit: (g) => {
+        g.preventDefault();
+        const S = i.trim();
+        !S || y || (t(S), u(""));
       },
       className: "border-t border-claudius-border bg-claudius-surface p-3",
       children: [
-        /* @__PURE__ */ h("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ i(
+        /* @__PURE__ */ b("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ a(
             "input",
             {
               ref: c,
               type: "text",
-              value: n,
-              onChange: (b) => {
-                const x = b.target.value;
-                x.length <= X && o(x);
+              value: i,
+              onChange: (g) => {
+                const S = g.target.value;
+                S.length <= ie && u(S);
               },
-              placeholder: d,
-              disabled: t,
-              "aria-label": p,
-              "aria-describedby": u ? "char-count" : void 0,
+              placeholder: I,
+              disabled: e,
+              "aria-label": x,
+              "aria-describedby": f ? "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(
+          w ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: n,
+              "aria-label": T,
+              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",
+              children: /* @__PURE__ */ a(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "currentColor",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ a("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1.5" })
+                }
+              )
+            }
+          ) : /* @__PURE__ */ a(
             "button",
             {
               type: "submit",
-              disabled: t || l,
-              "aria-label": R,
+              disabled: e || y,
+              "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__ */ h(
+              children: /* @__PURE__ */ b(
                 "svg",
                 {
                   width: "16",
@@ -681,24 +956,24 @@ function qe({
                   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" })
+                    /* @__PURE__ */ a("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+                    /* @__PURE__ */ a("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
                   ]
                 }
               )
             }
           )
         ] }),
-        u && /* @__PURE__ */ h(
+        f && /* @__PURE__ */ b(
           "div",
           {
             id: "char-count",
-            className: `mt-1 text-xs text-right ${l ? "text-claudius-error" : "text-claudius-text-muted"}`,
+            className: `mt-1 text-xs text-right ${y ? "text-claudius-error" : "text-claudius-text-muted"}`,
             "aria-live": "polite",
             children: [
-              a,
+              l,
               "/",
-              X
+              ie
             ]
           }
         )
@@ -706,40 +981,40 @@ function qe({
     }
   );
 }
-const Xe = ["blog", "page", "external"], Ze = {
+const it = ["blog", "page", "external"], at = {
   blog: "Blog",
   page: "Page",
   external: "External"
 };
-function Je(e) {
+function ct(t) {
   try {
-    return new URL(e).hostname;
+    return new URL(t).hostname;
   } catch {
-    return e;
+    return t;
   }
 }
-const Qe = J(function({
-  sources: t,
+const ut = ue(function({
+  sources: e,
   onClose: r
 }) {
-  const s = Xe.map((o) => ({
+  const n = it.map((o) => ({
     type: o,
-    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 })
+    label: at[o],
+    items: e.filter((i) => i.type === o)
+  })).filter((o) => o.items.length > 0), s = e.length === 1 ? "1 source found" : `${e.length} sources found`;
+  return /* @__PURE__ */ b("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__ */ b("div", { className: "flex items-center justify-between border-b border-claudius-border px-4 py-3", children: [
+      /* @__PURE__ */ b("div", { children: [
+        /* @__PURE__ */ a("h3", { className: "text-sm font-heading font-semibold text-claudius-text", children: "Sources" }),
+        /* @__PURE__ */ a("p", { className: "text-xs text-claudius-text-muted", children: s })
       ] }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         "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__ */ h(
+          children: /* @__PURE__ */ b(
             "svg",
             {
               width: "14",
@@ -752,70 +1027,70 @@ const Qe = J(function({
               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__ */ a("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ a("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__ */ 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((c) => {
-        const a = le(c.url);
-        return a ? /* @__PURE__ */ h(
+    /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-4", children: n.map((o) => /* @__PURE__ */ b("div", { children: [
+      /* @__PURE__ */ a("h4", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-claudius-text-muted", children: o.label }),
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: o.items.map((i) => {
+        const u = xe(i.url);
+        return u ? /* @__PURE__ */ b(
           "a",
           {
-            href: a,
+            href: u,
             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: c.title }),
-              /* @__PURE__ */ i("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: Je(a) })
+              /* @__PURE__ */ a("p", { className: "truncate text-sm font-medium text-claudius-text", children: i.title }),
+              /* @__PURE__ */ a("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: ct(u) })
             ]
           },
-          a
+          u
         ) : null;
       }) })
     ] }, o.type)) })
   ] });
 });
-function et({
-  title: e,
-  subtitle: t,
+function lt({
+  title: t,
+  subtitle: e,
   titleId: r,
-  closeLabel: s,
-  onClose: n
+  closeLabel: n,
+  onClose: s
 }) {
-  return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ b("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
+    /* @__PURE__ */ a(
       "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()
+        children: t.charAt(0).toUpperCase()
       }
     ),
-    /* @__PURE__ */ h("div", { className: "flex-1", children: [
-      /* @__PURE__ */ i(
+    /* @__PURE__ */ b("div", { className: "flex-1", children: [
+      /* @__PURE__ */ a(
         "h2",
         {
           id: r,
           className: "text-sm font-heading font-semibold text-claudius-accent-text",
-          children: e
+          children: t
         }
       ),
-      /* @__PURE__ */ i("p", { className: "text-xs text-claudius-accent-text", children: t })
+      /* @__PURE__ */ a("p", { className: "text-xs text-claudius-accent-text", children: e })
     ] }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       "button",
       {
-        onClick: n,
-        "aria-label": s,
+        onClick: s,
+        "aria-label": n,
         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(
+        children: /* @__PURE__ */ b(
           "svg",
           {
             width: "18",
@@ -828,8 +1103,8 @@ function et({
             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__ */ a("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ a("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
             ]
           }
         )
@@ -837,270 +1112,278 @@ function et({
     )
   ] });
 }
-function tt({
-  message: e,
-  retryLabel: t,
+function dt({
+  message: t,
+  retryLabel: e,
   onRetry: r
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ b(
     "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(
+        /* @__PURE__ */ a("span", { children: t }),
+        r && /* @__PURE__ */ a(
           "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
+            children: e
           }
         )
       ]
     }
   );
 }
-function rt({ label: e }) {
-  return /* @__PURE__ */ i(
+function ft({ label: t }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       role: "status",
       "aria-live": "polite",
-      "aria-label": e,
+      "aria-label": t,
       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]" })
+      children: /* @__PURE__ */ b("div", { className: "flex gap-1 rounded-claudius-bubble rounded-bl-claudius-tail bg-claudius-assistant-bubble px-4 py-3", children: [
+        /* @__PURE__ */ a("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:0ms]" }),
+        /* @__PURE__ */ a("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:150ms]" }),
+        /* @__PURE__ */ a("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;
+function ht(t, e, r) {
+  const [n, s] = A(0), o = O(0), i = O(0), u = O(0), c = O(!1);
+  return U(() => {
+    const l = t.current;
     if (!r || !l) return;
-    const d = (w) => {
+    const f = (E) => {
       if (l.scrollTop > 0) {
-        u.current = !1;
+        c.current = !1;
         return;
       }
-      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));
+      c.current = !0, i.current = E.touches[0].clientY, u.current = Date.now();
+    }, y = (E) => {
+      if (!c.current) return;
+      let T = E.touches[0].clientY - i.current;
+      T < 0 && (T = T * 0.3), o.current = T, s(T);
+    }, I = () => {
+      if (!c.current) return;
+      c.current = !1;
+      const E = o.current, T = (Date.now() - u.current) / 1e3, x = l.getBoundingClientRect().height, w = T > 0.05 && E > 0 && E / T > 500, C = E > x * 0.3;
+      w || C ? e() : (o.current = 0, s(0));
     };
-    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);
+    return l.addEventListener("touchstart", f, { passive: !0 }), l.addEventListener("touchmove", y, { passive: !0 }), l.addEventListener("touchend", I), () => {
+      l.removeEventListener("touchstart", f), l.removeEventListener("touchmove", y), l.removeEventListener("touchend", I);
     };
-  }, [e, t, r]), { offsetY: s };
+  }, [t, e, r]), { offsetY: n };
 }
-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;
+const mt = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function gt(t, e) {
+  U(() => {
+    const r = t.current;
     if (!r) return;
-    const s = (n) => {
-      if (n.key !== "Tab") return;
+    const n = (s) => {
+      if (s.key !== "Tab") return;
       const o = Array.from(
-        r.querySelectorAll(st)
+        r.querySelectorAll(mt)
       ).filter((l) => !l.hasAttribute("aria-hidden"));
       if (o.length === 0) return;
-      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());
+      const i = o[0], u = o[o.length - 1], c = document.activeElement;
+      s.shiftKey && c === i ? (s.preventDefault(), u.focus()) : !s.shiftKey && c === u && (s.preventDefault(), i.focus());
     };
-    return r.addEventListener("keydown", s), () => r.removeEventListener("keydown", s);
-  }, [e, t]);
+    return r.addEventListener("keydown", n), () => r.removeEventListener("keydown", n);
+  }, [t, e]);
 }
-const it = /\*\*([^*]+)\*\*/g, ct = /\*([^*]+)\*/g, at = /https?:\/\/[^\s)]+/g;
-function ut(e) {
-  return e.replace(it, "$1").replace(ct, "$1").replace(at, (t) => {
+const pt = /\*\*([^*]+)\*\*/g, bt = /\*([^*]+)\*/g, yt = /https?:\/\/[^\s)]+/g;
+function xt(t) {
+  return t.replace(pt, "$1").replace(bt, "$1").replace(yt, (e) => {
     try {
-      return new URL(t).hostname;
+      return new URL(e).hostname;
     } catch {
-      return t;
+      return e;
     }
   });
 }
-const lt = {
+const wt = {
   "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 dt({
-  messages: e,
-  isLoading: t,
-  error: r,
-  canRetry: s = !1,
-  onSend: n,
-  onRetry: o,
-  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,
+function vt({
+  messages: t,
+  isLoading: e,
+  isStreaming: r = !1,
+  streamingMessageId: n = null,
+  error: s,
+  canRetry: o = !1,
+  onSend: i,
+  onStop: u,
+  onRetry: c,
+  onClose: l,
+  title: f = "Chat",
+  subtitle: y = "Ask me anything",
+  welcomeMessage: I = "Hi! How can I help you today?",
+  placeholder: E,
+  position: T = "bottom-right",
+  translations: x,
   isMobile: w = !1
 }) {
-  const y = Ce(), b = C(null), x = C(null), [v, N] = k(null);
-  ot(b, !0);
-  const { offsetY: E } = nt(
-    x,
-    c,
+  const C = Le(), v = O(null), g = O(null), [S, j] = A(null);
+  gt(v, !0);
+  const { offsetY: W } = ht(
+    g,
+    l,
     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();
+  ), $ = W !== 0, p = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  U(() => {
+    const h = g.current;
+    h && (h.scrollTop = h.scrollHeight);
+  }, [t, e]), U(() => {
+    const h = (F) => {
+      F.key === "Escape" && !F.isComposing && l();
     };
-    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(
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [l]);
+  const Y = (x == null ? void 0 : x.closeChat) ?? "Close chat", B = (x == null ? void 0 : x.chatMessages) ?? "Chat messages", _ = [...t].reverse().find((h) => h.role === "assistant");
+  return /* @__PURE__ */ b(
     "div",
     {
-      ref: b,
+      ref: v,
       role: "dialog",
       "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,
+      "aria-labelledby": C,
+      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 ${wt[T]} 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 && !p ? { transform: `translateY(${Math.max(0, W)}px)` } : void 0,
+      "data-dragging": $ || void 0,
       children: [
-        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,
+        w && /* @__PURE__ */ a("div", { className: "flex justify-center py-2", "aria-hidden": "true", children: /* @__PURE__ */ a("div", { className: "h-1 w-8 rounded-claudius-full bg-claudius-border" }) }),
+        /* @__PURE__ */ a(
+          lt,
           {
-            title: a,
-            subtitle: u,
-            titleId: y,
-            closeLabel: D,
-            onClose: c
+            title: f,
+            subtitle: y,
+            titleId: C,
+            closeLabel: Y,
+            onClose: l
           }
         ),
-        /* @__PURE__ */ h("div", { className: "relative flex-1 overflow-hidden", children: [
-          v && /* @__PURE__ */ i(
-            Qe,
+        /* @__PURE__ */ b("div", { className: "relative flex-1 overflow-hidden", children: [
+          S && /* @__PURE__ */ a(
+            ut,
             {
-              sources: v.sources,
-              onClose: () => N(null)
+              sources: S.sources,
+              onClose: () => j(null)
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ b(
             "div",
             {
-              ref: x,
+              ref: g,
               role: "log",
-              "aria-label": S,
+              "aria-label": B,
               className: "h-full space-y-3 overflow-y-auto px-4 py-4",
               children: [
-                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,
+                t.length === 0 && !s && /* @__PURE__ */ a("div", { className: "mr-auto flex max-w-[85%]", children: /* @__PURE__ */ a("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: I }) }),
+                t.map((h) => /* @__PURE__ */ a(
+                  nt,
                   {
-                    role: m.role,
-                    content: m.content,
-                    sources: m.sources,
-                    isSourceActive: (v == null ? void 0 : v.messageId) === m.id,
+                    role: h.role,
+                    content: h.content,
+                    isStreaming: h.id === n,
+                    sources: h.sources,
+                    isSourceActive: (S == null ? void 0 : S.messageId) === h.id,
                     onSourceClick: () => {
-                      (v == null ? void 0 : v.messageId) === m.id ? N(null) : m.sources && m.sources.length > 0 && N({ messageId: m.id, sources: m.sources });
+                      (S == null ? void 0 : S.messageId) === h.id ? j(null) : h.sources && h.sources.length > 0 && j({ messageId: h.id, sources: h.sources });
                     }
                   },
-                  m.id
+                  h.id
                 )),
-                t && /* @__PURE__ */ i(
-                  rt,
+                e && /* Once streamed tokens are rendering in a bubble, the typing
+                indicator is redundant — show it only until the first token. */
+                !(n !== null && t.some((h) => h.id === n)) && /* @__PURE__ */ a(
+                  ft,
                   {
-                    label: (p == null ? void 0 : p.typingIndicator) ?? "Assistant is typing"
+                    label: (x == null ? void 0 : x.typingIndicator) ?? "Assistant is typing"
                   }
                 ),
-                r && /* @__PURE__ */ i(
-                  tt,
+                s && /* @__PURE__ */ a(
+                  dt,
                   {
-                    message: r,
-                    retryLabel: (p == null ? void 0 : p.errorRetry) ?? "Retry",
-                    onRetry: s && o && !t ? o : void 0
+                    message: s,
+                    retryLabel: (x == null ? void 0 : x.errorRetry) ?? "Retry",
+                    onRetry: o && c && !e ? c : void 0
                   }
                 )
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           "div",
           {
             "data-claudius-live": "assistant",
             "aria-live": "polite",
             "aria-atomic": "true",
             className: "sr-only",
-            children: j ? ut(j.content) : ""
+            children: _ && _.id !== n ? xt(_.content) : ""
           }
         ),
-        /* @__PURE__ */ i(
-          qe,
+        /* @__PURE__ */ a(
+          ot,
           {
-            onSend: n,
-            isLoading: t,
-            placeholder: d,
-            translations: p
+            onSend: i,
+            isLoading: e,
+            isStreaming: r,
+            onStop: u,
+            placeholder: E,
+            translations: x
           }
         )
       ]
     }
   );
 }
-function ft({
-  message: e,
-  position: t,
+function Rt({
+  message: t,
+  position: e,
   onOpen: r,
-  onDismiss: s,
-  dismissLabel: n
+  onDismiss: n,
+  dismissLabel: s
 }) {
-  const o = t.startsWith("bottom"), c = t.endsWith("right"), a = [
+  const o = e.startsWith("bottom"), i = e.endsWith("right"), u = [
     "claudius-greeting-bubble",
     "fixed z-40 max-w-xs",
     o ? "bottom-20" : "top-20",
-    c ? "right-4" : "left-4"
+    i ? "right-4" : "left-4"
   ].join(" ");
-  return /* @__PURE__ */ h("div", { className: a, role: "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ b("div", { className: u, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ a(
       "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: e
+        children: t
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: (u) => {
-          u.stopPropagation(), s();
+        onClick: (c) => {
+          c.stopPropagation(), n();
         },
-        "aria-label": n,
+        "aria-label": s,
         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: "×" })
+        children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: "×" })
       }
     )
   ] });
 }
-const de = {
+const we = {
   // ChatWindow
   title: "Chat",
   subtitle: "Ask me anything",
@@ -1111,6 +1394,7 @@ const de = {
   // ChatInput
   placeholder: "Type your message...",
   sendMessage: "Send message",
+  stopGenerating: "Stop generating",
   typeYourMessage: "Type your message",
   // ChatToggleButton
   openChat: "Open chat",
@@ -1123,11 +1407,11 @@ const de = {
   errorRateLimitMinute: "Too many requests. Please wait a minute.",
   errorRateLimitHour: "Hourly limit reached. Please try again later.",
   errorRetry: "Retry"
-}, ht = de;
-function $t(e) {
-  return { ...ht, ...e };
+}, Et = we;
+function Kt(t) {
+  return { ...Et, ...t };
 }
-const mt = {
+const Tt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Pregúntame lo que quieras",
@@ -1138,6 +1422,7 @@ const mt = {
   // ChatInput
   placeholder: "Escribe tu mensaje...",
   sendMessage: "Enviar mensaje",
+  stopGenerating: "Detener la respuesta",
   typeYourMessage: "Escribe tu mensaje",
   // ChatToggleButton
   openChat: "Abrir chat",
@@ -1150,7 +1435,7 @@ const mt = {
   errorRateLimitMinute: "Demasiadas solicitudes. Espera un minuto.",
   errorRateLimitHour: "Has alcanzado el límite por hora. Inténtalo más tarde.",
   errorRetry: "Reintentar"
-}, gt = {
+}, Mt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Posez-moi vos questions",
@@ -1161,6 +1446,7 @@ const mt = {
   // ChatInput
   placeholder: "Saisissez votre message...",
   sendMessage: "Envoyer le message",
+  stopGenerating: "Arrêter la génération",
   typeYourMessage: "Saisissez votre message",
   // ChatToggleButton
   openChat: "Ouvrir le chat",
@@ -1173,7 +1459,7 @@ const mt = {
   errorRateLimitMinute: "Trop de requêtes. Veuillez patienter une minute.",
   errorRateLimitHour: "Limite horaire atteinte. Veuillez réessayer plus tard.",
   errorRetry: "Réessayer"
-}, pt = {
+}, St = {
   // ChatWindow
   title: "Chat",
   subtitle: "Fragen Sie mich alles",
@@ -1184,6 +1470,7 @@ const mt = {
   // ChatInput
   placeholder: "Geben Sie Ihre Nachricht ein...",
   sendMessage: "Nachricht senden",
+  stopGenerating: "Generierung stoppen",
   typeYourMessage: "Geben Sie Ihre Nachricht ein",
   // ChatToggleButton
   openChat: "Chat öffnen",
@@ -1196,28 +1483,28 @@ const mt = {
   errorRateLimitMinute: "Zu viele Anfragen. Bitte warten Sie eine Minute.",
   errorRateLimitHour: "Stündliches Limit erreicht. Bitte versuchen Sie es später erneut.",
   errorRetry: "Erneut versuchen"
-}, fe = {
-  en: de,
-  es: mt,
-  fr: gt,
-  de: pt
+}, ve = {
+  en: we,
+  es: Tt,
+  fr: Mt,
+  de: St
 };
-function ie(e) {
-  if (!e) return;
-  const t = e.toLowerCase().split("-")[0];
-  return Object.prototype.hasOwnProperty.call(fe, t) ? t : void 0;
+function pe(t) {
+  if (!t) return;
+  const e = t.toLowerCase().split("-")[0];
+  return Object.prototype.hasOwnProperty.call(ve, e) ? e : void 0;
 }
-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 Ct() {
+  const t = typeof document < "u" ? pe(document.documentElement.lang) : void 0;
+  if (t) return t;
+  const e = typeof navigator < "u" ? pe(navigator.language) : void 0;
+  return e || "en";
 }
-function yt(e = {}) {
-  const { locale: t, translations: r } = e, s = fe[t ?? bt()];
-  return r ? { ...s, ...r } : { ...s };
+function Nt(t = {}) {
+  const { locale: e, translations: r } = t, n = ve[e ?? Ct()];
+  return r ? { ...n, ...r } : { ...n };
 }
-const ce = [
+const be = [
   "accent",
   "accentText",
   "accentSoft",
@@ -1237,11 +1524,11 @@ const ce = [
   "errorText",
   "link",
   "scrim"
-], xt = ["sm", "md", "lg", "full", "tail"], wt = [
+], kt = ["sm", "md", "lg", "full", "tail"], Lt = [
   "elevated",
   "floating",
   "floatingHover"
-], vt = ["heading", "body"], he = {
+], At = ["heading", "body"], Re = {
   default: {
     name: "default"
   },
@@ -1326,249 +1613,264 @@ const ce = [
     }
   }
 };
-function Et(e) {
-  return Object.prototype.hasOwnProperty.call(he, e);
+function Ot(t) {
+  return Object.prototype.hasOwnProperty.call(Re, t);
 }
-const Rt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
-function Tt(e) {
-  if (e === void 0)
+const It = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function Dt(t) {
+  if (t === void 0)
     return { mode: "light" };
-  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 };
+  if (typeof t == "string") {
+    if (It.has(t))
+      return { mode: t };
+    if (Ot(t)) {
+      const e = Re[t];
+      return { mode: e.colorScheme ?? "light", theme: e };
     }
-    return { mode: "light", url: e };
+    return { mode: "light", url: t };
   }
-  return { mode: e.colorScheme ?? "light", theme: e };
+  return { mode: t.colorScheme ?? "light", theme: t };
 }
-function Mt(e) {
-  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+function _t(t) {
+  return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-function Ct(e, t) {
+function Ht(t, e) {
   console.warn(
-    `[Claudius] Ignoring unknown theme token "${t}" in "${e}"`
+    `[Claudius] Ignoring unknown theme token "${e}" in "${t}"`
   );
 }
-function W(e, t, r, s, n, o = "") {
-  if (n)
-    for (const [c, a] of Object.entries(n)) {
-      if (!s.includes(c)) {
-        Ct(t, c);
+function X(t, e, r, n, s, o = "") {
+  if (s)
+    for (const [i, u] of Object.entries(s)) {
+      if (!n.includes(i)) {
+        Ht(e, i);
         continue;
       }
-      typeof a == "string" && (e[`${r}${Mt(c)}${o}`] = a);
+      typeof u == "string" && (t[`${r}${_t(i)}${o}`] = u);
     }
 }
-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,
+function jt(t) {
+  const e = {};
+  X(e, "colors", "--cl-color-", be, t.colors);
+  for (const [r, n] of Object.entries({ ...e }))
+    e[`${r}-dark`] = n;
+  return X(
+    e,
     "colorsDark",
     "--cl-color-",
-    ce,
-    e.colorsDark,
+    be,
+    t.colorsDark,
     "-dark"
-  ), 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;
+  ), X(e, "radii", "--cl-radius-", kt, t.radii), X(e, "shadows", "--cl-shadow-", Lt, t.shadows), X(e, "fonts", "--cl-font-", At, t.fonts), e;
 }
-function St(e) {
-  return typeof e == "object" && e !== null && !Array.isArray(e);
+function Bt(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function Lt(e) {
-  const t = Y(() => Tt(e), [e]), [r, s] = k(null), n = t.url;
-  H(() => {
-    if (s(null), !n) return;
-    const u = new AbortController();
-    return fetch(n, { signal: u.signal }).then((l) => {
+function $t(t) {
+  const e = ne(() => Dt(t), [t]), [r, n] = A(null), s = e.url;
+  U(() => {
+    if (n(null), !s) return;
+    const c = new AbortController();
+    return fetch(s, { signal: c.signal }).then((l) => {
       if (!l.ok)
         throw new Error(`HTTP ${l.status}`);
       return l.json();
     }).then((l) => {
-      if (!St(l))
+      if (!Bt(l))
         throw new Error("theme JSON must be an object");
-      s(l);
+      n(l);
     }).catch((l) => {
-      u.signal.aborted || console.error(`[Claudius] Failed to load theme from ${n}:`, l);
-    }), () => u.abort();
-  }, [n]);
-  const o = t.theme ?? r ?? null, c = (r == null ? void 0 : r.colorScheme) ?? t.mode, a = Y(
-    () => o ? Nt(o) : {},
+      c.signal.aborted || console.error(`[Claudius] Failed to load theme from ${s}:`, l);
+    }), () => c.abort();
+  }, [s]);
+  const o = e.theme ?? r ?? null, i = (r == null ? void 0 : r.colorScheme) ?? e.mode, u = ne(
+    () => o ? jt(o) : {},
     [o]
   );
-  return { mode: c, cssVars: a };
+  return { mode: i, cssVars: u };
 }
-const me = "claudius:triggers:dismissed";
-function kt() {
+const Ee = "claudius:triggers:dismissed";
+function Pt() {
   if (typeof window > "u") return !1;
   try {
-    return window.sessionStorage.getItem(me) === "1";
+    return window.sessionStorage.getItem(Ee) === "1";
   } catch {
     return !1;
   }
 }
-function At() {
+function Gt() {
   if (!(typeof window > "u"))
     try {
-      window.sessionStorage.setItem(me, "1");
+      window.sessionStorage.setItem(Ee, "1");
     } catch {
     }
 }
-function jt({
-  apiUrl: e,
-  title: t,
+function qt({
+  apiUrl: t,
+  title: e,
   subtitle: r,
-  welcomeMessage: s,
-  placeholder: n,
+  welcomeMessage: n,
+  placeholder: s,
   persistMessages: o,
-  storageKeyPrefix: c,
-  requestTimeoutMs: a,
-  theme: u = "light",
+  storageKeyPrefix: i,
+  requestTimeoutMs: u,
+  theme: c = "light",
   accentColor: l,
-  position: d = "bottom-right",
-  locale: R,
-  translations: p,
-  triggers: w,
-  plugins: y
+  position: f = "bottom-right",
+  locale: y,
+  translations: I,
+  triggers: E,
+  plugins: T,
+  streaming: x = !0
 }) {
-  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,
+  const [w, C] = A(!1), [v, g] = A(null), [S, j] = A(Pt), W = O(!1), $ = Ue("(max-width: 639px)"), p = ne(
+    () => Nt({ locale: y, translations: I }),
+    [y, I]
+  ), {
+    messages: Y,
+    isLoading: B,
+    isStreaming: _,
+    streamingMessageId: h,
+    error: F,
+    canRetry: Z,
+    sendMessage: K,
+    stop: se,
+    retry: oe
+  } = Ge({
+    apiUrl: t,
     persistMessages: o,
-    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
+    storageKeyPrefix: i,
+    timeoutMs: u,
+    translations: p,
+    plugins: T,
+    streaming: x
+  }), Q = O(null), ee = O(w), { mode: d, cssVars: N } = $t(c), [k, V] = A(!1);
+  U(() => {
+    if (d !== "auto") return;
+    const G = window.matchMedia("(prefers-color-scheme: dark)");
+    V(G.matches);
+    const fe = (Me) => V(Me.matches);
+    return G.addEventListener("change", fe), () => G.removeEventListener("change", fe);
+  }, [d]), U(() => {
+    var G;
+    ee.current && !w && ((G = Q.current) == null || G.focus()), ee.current = w;
+  }, [w]);
+  const m = L(() => {
+    j(!0), Gt();
+  }, []), R = L(() => {
+    C(!1), W.current && (W.current = !1, m());
+  }, [m]), D = L(() => {
+    C((G) => !G);
+  }, []), M = L(() => {
+    W.current = !0, g(null), C(!0);
+  }, []), z = L((G) => {
+    g(G);
+  }, []), P = L(() => {
+    g(null), M();
+  }, [M]), J = L(() => {
+    g(null), m();
+  }, [m]);
+  ze({
+    triggers: E,
+    enabled: !S && !w,
+    onOpen: M,
+    onGreeting: z
   });
-  const xe = T === "dark" || T === "auto" && O, te = {
-    ...B,
+  const de = d === "dark" || d === "auto" && k, te = {
+    ...N,
     ...l ? {
       "--cl-color-accent": l,
       "--cl-color-accent-dark": l
     } : {}
-  }, we = Object.keys(te).length > 0 ? te : void 0;
+  }, Te = 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: we, children: /* @__PURE__ */ h("div", { "data-claudius-dark": xe ? "true" : "false", children: [
-      b && D && /* @__PURE__ */ i(
+    /* @__PURE__ */ a("div", { className: "claudius-root", style: Te, children: /* @__PURE__ */ b("div", { "data-claudius-dark": de ? "true" : "false", children: [
+      w && $ && /* @__PURE__ */ a(
         "div",
         {
           className: "claudius-scrim fixed inset-0 z-40 bg-claudius-scrim",
-          onClick: ee,
+          onClick: R,
           "aria-hidden": "true"
         }
       ),
-      b && /* @__PURE__ */ i(
-        dt,
+      w && /* @__PURE__ */ a(
+        vt,
         {
-          messages: j,
-          isLoading: m,
-          error: P,
-          canRetry: V,
+          messages: Y,
+          isLoading: B,
+          isStreaming: _,
+          streamingMessageId: h,
+          error: F,
+          canRetry: Z,
           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
+          onStop: se,
+          onRetry: oe,
+          onClose: R,
+          title: e ?? p.title,
+          subtitle: r ?? p.subtitle,
+          welcomeMessage: n ?? p.welcomeMessage,
+          placeholder: s ?? p.placeholder,
+          position: f,
+          translations: p,
+          isMobile: $
         }
       ),
-      !(b && D) && /* @__PURE__ */ i(
-        Ge,
+      !(w && $) && /* @__PURE__ */ a(
+        Ye,
         {
-          ref: g,
-          isOpen: b,
-          onClick: ge,
-          position: d,
-          translations: S
+          ref: Q,
+          isOpen: w,
+          onClick: D,
+          position: f,
+          translations: p
         }
       ),
-      !b && v && /* @__PURE__ */ i(
-        ft,
+      !w && v && /* @__PURE__ */ a(
+        Rt,
         {
           message: v,
-          position: d,
-          onOpen: be,
-          onDismiss: ye,
-          dismissLabel: S.dismissGreeting
+          position: f,
+          onOpen: P,
+          onDismiss: J,
+          dismissLabel: p.dismissGreeting
         }
       )
     ] }) })
   );
 }
-function Pt(e) {
-  const { onEvent: t, includeContent: r = !0 } = e, s = (n) => r ? n : "";
+function Jt(t) {
+  const { onEvent: e, includeContent: r = !0 } = t, n = (s) => r ? s : "";
   return {
     name: "analytics",
-    onBeforeSend(n) {
-      t({
+    onBeforeSend(s) {
+      e({
         type: "message_sent",
         role: "user",
-        content: s(n.content),
-        chars: n.content.length
+        content: n(s.content),
+        chars: s.content.length
       });
     },
-    onAfterReceive(n) {
-      t({
+    onAfterReceive(s) {
+      e({
         type: "message_received",
         role: "assistant",
-        content: s(n.content),
-        chars: n.content.length
+        content: n(s.content),
+        chars: s.content.length
       });
     },
-    onError(n) {
-      t({
+    onError(s) {
+      e({
         type: "chat_error",
-        message: n.message,
-        code: n.code
+        message: s.message,
+        code: s.code
       });
     }
   };
 }
-const Ot = [
+const Ut = [
   // 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)
@@ -1578,59 +1880,59 @@ const Ot = [
   // 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(
+function Wt(t, e, r) {
+  return e.reduce(
     // Reset lastIndex defensively: a shared global regex is stateful.
-    (s, n) => (n.lastIndex = 0, s.replace(n, r)),
-    e
+    (n, s) => (s.lastIndex = 0, n.replace(s, r)),
+    t
   );
 }
-function Gt(e = {}) {
+function Xt(t = {}) {
   const {
-    patterns: t = Ot,
+    patterns: e = Ut,
     replacement: r = "[redacted]",
-    redactReplies: s = !1
-  } = e, n = (o) => {
-    const c = It(o.content, t, r);
-    if (c !== o.content)
-      return { ...o, content: c };
+    redactReplies: n = !1
+  } = t, s = (o) => {
+    const i = Wt(o.content, e, r);
+    if (i !== o.content)
+      return { ...o, content: i };
   };
   return {
     name: "redact-pii",
-    onBeforeSend: n,
-    onAfterReceive: s ? n : void 0
+    onBeforeSend: s,
+    onAfterReceive: n ? s : 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 zt(t, e, r) {
+  return typeof t == "function" ? t(e) : t instanceof RegExp ? t.test(e) : r ? e.includes(t) : e.toLowerCase().includes(t.toLowerCase());
 }
-function Ut(e) {
-  const { rules: t, caseSensitive: r = !1 } = e;
+function Zt(t) {
+  const { rules: e, caseSensitive: r = !1 } = t;
   return {
     name: "canned-responses",
-    onBeforeSend(s, n) {
-      for (const o of t)
-        if (Dt(o.match, s.content, r)) {
-          n.respondWith(o.reply);
+    onBeforeSend(n, s) {
+      for (const o of e)
+        if (zt(o.match, n.content, r)) {
+          s.respondWith(o.reply);
           return;
         }
     }
   };
 }
 export {
-  Se as ChatApiClient,
-  U as ChatApiError,
-  jt as ChatWidget,
-  Ot as DEFAULT_PII_PATTERNS,
+  Oe as ChatApiClient,
+  H as ChatApiError,
+  qt as ChatWidget,
+  Ut 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
+  Re as builtinThemes,
+  Kt as createTranslations,
+  Et as defaultTranslations,
+  Ct as detectLocale,
+  ve as locales,
+  Jt as pluginAnalytics,
+  Zt as pluginCannedResponses,
+  Xt as pluginRedactPII,
+  Wt as redactText,
+  Nt as resolveTranslations
 };