claudius-chat-widget 1.11.0 → 1.13.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 Ce = Object.defineProperty;
+var Ne = (e, t, r) => t in e ? Ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var X = (e, t, r) => Ne(e, typeof t != "symbol" ? t + "" : t, r);
+import { jsx as a, jsxs as g, Fragment as xe } from "react/jsx-runtime";
+import { useMemo as se, useState as L, useRef as I, useCallback as O, useEffect as z, forwardRef as ke, memo as de, useId as Le } from "react";
+class j extends Error {
   /**
    * Create a {@link ChatApiError}.
    *
@@ -12,18 +12,18 @@ 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(t, r, n, s) {
+    super(t), this.status = r, this.code = n, this.retryAfter = s, this.name = "ChatApiError";
   }
 }
-class ae extends Error {
+class le extends Error {
   /** Creates a `DebounceError` with a fixed message. */
   constructor() {
     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.
    *
@@ -31,12 +31,12 @@ class Se {
    * @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;
+    X(this, "baseUrl");
+    X(this, "maxRetries");
+    X(this, "debounceMs");
+    X(this, "timeoutMs");
+    X(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) ?? Ae;
   }
   /**
    * Send the conversation to the chat endpoint and return the assistant's
@@ -50,45 +50,212 @@ class Se {
    */
   async sendMessage(t) {
     if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
-      throw new ae();
+      throw new le();
     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(t);
+        if (s.ok)
+          return await s.json();
+        const o = await s.json().catch(() => ({})), i = s.headers.get("Retry-After"), l = i ? Number(i) : void 0;
+        if (r = new j(
+          o.error ?? `Request failed with status ${s.status}`,
+          s.status,
           o.code,
-          a
-        ), !this.isRetryable(n.status))
+          l
+        ), !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 j) {
+          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 j(
           "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;
   }
+  /**
+   * 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(t, r = {}) {
+    var s;
+    if (typeof ReadableStream > "u")
+      return this.sendMessage(t);
+    if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
+      throw new le();
+    this.lastSendTime = Date.now();
+    let n;
+    for (let o = 0; o <= this.maxRetries; o++) {
+      let i;
+      try {
+        i = await this.fetchStream(t, r.signal);
+      } catch (c) {
+        if ((s = r.signal) != null && s.aborted)
+          return { reply: "", aborted: !0 };
+        if (n = c instanceof j ? c : new j(
+          "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(t);
+      if (!i.ok) {
+        const c = await i.json().catch(() => ({})), u = i.headers.get("Retry-After");
+        if (n = new j(
+          c.error ?? `Request failed with status ${i.status}`,
+          i.status,
+          c.code,
+          u ? Number(u) : 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(t);
+        }
+      return i.body ? this.readSseStream(i.body, r) : (this.lastSendTime = 0, this.sendMessage(t));
+    }
+    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(t, r) {
+    var d, x, N, R, T, p, v;
+    const n = t.getReader(), s = new TextDecoder();
+    let o = "", i = "";
+    const l = [];
+    let c;
+    const u = () => {
+      n.cancel().catch(() => {
+      });
+    };
+    (d = r.signal) == null || d.addEventListener("abort", u, { once: !0 });
+    try {
+      for (; ; ) {
+        let k;
+        try {
+          k = await n.read();
+        } catch (w) {
+          if ((x = r.signal) != null && x.aborted) break;
+          throw w;
+        }
+        if ((N = r.signal) != null && N.aborted || k.done) break;
+        o += s.decode(k.value, { stream: !0 });
+        let H;
+        for (; (H = o.indexOf(`
+
+`)) !== -1; ) {
+          const w = o.slice(0, H);
+          o = o.slice(H + 2);
+          const f = Ie(w);
+          if (f) {
+            if (f.event === "chunk") {
+              const E = typeof f.data.text == "string" ? f.data.text : "";
+              E && (i += E, (R = r.onChunk) == null || R.call(r, E, i));
+            } else if (f.event === "tool") {
+              if (typeof f.data.name == "string") {
+                const E = f.data;
+                l.push(E), (T = r.onToolUse) == null || T.call(r, E, l);
+              }
+            } else if (f.event === "done") {
+              const E = Array.isArray(f.data.toolUses) ? f.data.toolUses : l;
+              c = {
+                reply: typeof f.data.reply == "string" ? f.data.reply : i,
+                sources: f.data.sources,
+                ...E.length > 0 ? { toolUses: E } : {}
+              };
+            } else if (f.event === "error")
+              throw new j(
+                typeof f.data.error == "string" ? f.data.error : "Something went wrong. Please try again.",
+                0,
+                "STREAM_ERROR"
+              );
+          }
+        }
+      }
+    } finally {
+      (p = r.signal) == null || p.removeEventListener("abort", u), n.releaseLock();
+    }
+    if ((v = r.signal) != null && v.aborted)
+      return {
+        reply: i,
+        aborted: !0,
+        ...l.length > 0 ? { toolUses: l } : {}
+      };
+    if (c) return c;
+    throw new j(
+      "Connection interrupted. Please try again.",
+      0,
+      "STREAM_ERROR"
+    );
+  }
+  async fetchStream(t, 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: t }),
+        signal: n.signal
+      });
+    } catch (l) {
+      throw o ? new j(
+        "Request timed out. Please try again.",
+        0,
+        "TIMEOUT"
+      ) : l;
+    } finally {
+      i !== void 0 && clearTimeout(i), r == null || r.removeEventListener("abort", s);
+    }
+  }
   async fetchWithTimeout(t) {
     if (this.timeoutMs <= 0)
       return fetch(`${this.baseUrl}/api/chat`, {
@@ -96,7 +263,7 @@ class Se {
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ messages: t })
       });
-    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",
@@ -104,14 +271,14 @@ class Se {
         body: JSON.stringify({ messages: t }),
         signal: r.signal
       });
-    } catch (n) {
-      throw r.signal.aborted ? new U(
+    } catch (s) {
+      throw r.signal.aborted ? new j(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
-      ) : n;
+      ) : s;
     } finally {
-      clearTimeout(s);
+      clearTimeout(n);
     }
   }
   isRetryable(t, r) {
@@ -119,10 +286,10 @@ class Se {
   }
   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);
+      const n = t.headers.get("Retry-After");
+      if (n) {
+        const s = Number(n);
+        return Math.min(s * 1e3, 6e4);
       }
     }
     return r === 0 ? 1e3 : 3e3;
@@ -131,72 +298,87 @@ class Se {
     return new Promise((r) => setTimeout(r, t));
   }
 }
-function ue(e) {
+function Ie(e) {
+  let t = "message";
+  const r = [];
+  for (const n of e.split(`
+`))
+    n.startsWith("event:") ? t = 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: t, data: n };
+  } catch {
+    return null;
+  }
+}
+function we(e) {
   return typeof e == "string" ? { content: e } : e;
 }
-function Q(e, t, r) {
+function fe(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;
+async function De(e, t, r) {
+  let n = t;
+  for (const s of e) {
+    if (!s.onBeforeSend) continue;
     let o = null;
-    const c = {
+    const i = {
       ...r,
-      respondWith(a) {
+      respondWith(l) {
         o = {
           type: "respond",
-          message: s,
-          reply: ue(a)
+          message: n,
+          reply: we(l)
         };
       },
-      abort(a) {
-        o = { type: "abort", reason: a };
+      abort(l) {
+        o = { type: "abort", reason: l };
       }
     };
     try {
-      const a = await n.onBeforeSend(s, c);
+      const l = await s.onBeforeSend(n, i);
       if (o) return o;
-      a && (s = a);
-    } catch (a) {
-      Q(n, "onBeforeSend", a);
+      l && (n = l);
+    } catch (l) {
+      fe(s, "onBeforeSend", l);
     }
   }
-  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(e, t, r) {
+  let n = t;
+  for (const s of e)
+    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);
+        fe(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 je(e, t, r) {
+  for (const n of e) {
+    if (!n.onError) continue;
+    let s = null;
     const o = {
       ...r,
-      respondWith(c) {
-        n = ue(c);
+      respondWith(i) {
+        s = we(i);
       }
     };
     try {
-      if (await s.onError(t, o), n) return n;
-    } catch (c) {
-      Q(s, "onError", c);
+      if (await n.onError(t, o), s) return s;
+    } catch (i) {
+      fe(n, "onError", i);
     }
   }
   return null;
 }
-const Oe = 200, Ie = "claudius:messages";
-function De(e, t) {
+const He = 200, Be = "claudius:messages";
+function $e(e, t) {
   let r;
   try {
     r = new URL(t).host;
@@ -205,238 +387,295 @@ function De(e, t) {
   }
   return `${e}:${r}`;
 }
-function Z() {
+function ue() {
   try {
     return typeof sessionStorage < "u" ? sessionStorage : null;
   } catch {
     return null;
   }
 }
-function _e(e) {
-  const t = Z();
+function Pe(e) {
+  const t = ue();
   if (!t) return [];
   try {
     const r = t.getItem(e);
     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({
+function Ue({
   apiUrl: e,
   persistMessages: t = !0,
-  storageKeyPrefix: r = Ie,
-  timeoutMs: s,
-  translations: n,
-  plugins: o
+  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) => {
+  const l = se(
+    () => new Oe(e, { debounceMs: 0, timeoutMs: n }),
+    [e, n]
+  ), c = $e(r, e), u = t ? Pe(c) : [], [d, x] = L(u), [N, R] = L(!1), [T, p] = L(!1), [v, k] = L(
+    null
+  ), [H, w] = L(null), [f, E] = L(!1), F = I(u.length), W = I(!1), y = I(u), K = I(null), B = I(o ?? []);
+  B.current = o ?? [];
+  const _ = O(
+    (h) => {
       if (!t) return;
-      const g = Z();
-      if (g)
+      const A = ue();
+      if (A)
         try {
-          const L = f.slice(-Oe);
-          g.setItem(a, JSON.stringify(L));
+          const S = h.slice(-He);
+          A.setItem(c, JSON.stringify(S));
         } 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) {
+    [t, c]
+  ), m = () => (F.current += 1, `msg-${F.current}`), V = O(
+    (h, A) => {
+      if (!s)
+        return A ?? "Something went wrong. Please try again.";
+      switch (h) {
         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 A != null && A.includes("minute") ? s.errorRateLimitMinute : s.errorRateLimitHour;
         case "VALIDATION_ERROR":
         case "CONFIG_ERROR":
         case "SERVICE_ERROR":
         case "UNKNOWN_ERROR":
         default:
-          return g ?? n.errorGeneric;
+          return A ?? 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]
+  ), ee = O((h) => !(h instanceof j) || h.code === "TIMEOUT" || h.code === "NETWORK_ERROR" || h.code === "RATE_LIMITED" || h.code === "SERVICE_ERROR" || h.code === "UNKNOWN_ERROR" || h.status >= 500 || h.status === 0, []), J = O(
+    async (h) => {
+      R(!0), W.current = !0, w(null), E(!1);
+      const A = i && typeof l.streamMessage == "function";
+      let S = null;
+      const Y = (b) => {
+        if (S === null) {
+          S = m(), k(S);
+          const C = [
+            ...y.current,
+            { id: S, role: "assistant", content: "", ...b }
+          ];
+          y.current = C, x(C);
+        } else {
+          const C = S, M = y.current.map(
+            (P) => P.id === C ? { ...P, ...b } : P
+          );
+          y.current = M, x(M);
+        }
+      }, $ = () => {
+        if (S === null) return;
+        const b = S, C = y.current.filter((M) => M.id !== b);
+        y.current = C, x(C);
+      };
       try {
-        const g = await c.sendMessage(f);
-        let L = {
-          id: D(),
+        let b, C, M, P = !1;
+        if (A) {
+          const G = new AbortController();
+          K.current = G, p(!0);
+          const q = await l.streamMessage(h, {
+            signal: G.signal,
+            onChunk: (ae, D) => Y({ content: D }),
+            onToolUse: (ae, D) => Y({ toolUses: [...D] })
+          });
+          b = q.reply, C = q.sources, M = q.toolUses, P = q.aborted ?? !1;
+        } else {
+          const G = await l.sendMessage(h);
+          b = G.reply, C = G.sources, M = G.toolUses;
+        }
+        if (P && !b) {
+          $();
+          return;
+        }
+        let U = {
+          id: S ?? m(),
           role: "assistant",
-          content: g.reply,
-          sources: g.sources
+          content: b,
+          sources: C,
+          toolUses: M
         };
-        I.current.length > 0 && (L = await ke(
-          I.current,
-          L,
-          { messages: f, apiUrl: e }
+        B.current.length > 0 && !P && (U = await _e(
+          B.current,
+          U,
+          { messages: h, 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,
+        const Z = S !== null ? y.current.map(
+          (G) => G.id === U.id ? U : G
+        ) : [...h, U];
+        y.current = Z, x(Z), _(Z);
+      } catch (b) {
+        if (b instanceof le) return;
+        if (S !== null) {
+          _(y.current), b instanceof j ? w(V(b.code, b.message)) : w(
+            (s == null ? void 0 : s.errorConnection) ?? "Failed to connect. Please try again."
+          ), E(!1);
+          return;
+        }
+        if (B.current.length > 0) {
+          const C = b instanceof Error ? b : new Error(String(b)), M = await je(B.current, C, {
+            messages: h,
             apiUrl: e
           });
-          if (T) {
-            const B = {
-              id: D(),
+          if (M) {
+            const P = {
+              id: m(),
               role: "assistant",
-              content: T.content,
-              sources: T.sources
-            }, O = [...f, B];
-            E.current = O, d(O), A(O), y(null), x(!1);
+              content: M.content,
+              sources: M.sources
+            }, U = [...h, P];
+            y.current = U, x(U), _(U), w(null), E(!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));
+        b instanceof j ? w(V(b.code, b.message)) : w(
+          (s == null ? void 0 : s.errorConnection) ?? "Failed to connect. Please try again."
+        ), E(ee(b));
       } finally {
-        p(!1), N.current = !1;
+        R(!1), W.current = !1, p(!1), k(null), K.current = null;
       }
     },
     [
       e,
-      c,
-      S,
-      j,
-      A,
-      n
+      l,
+      V,
+      ee,
+      _,
+      i,
+      s
     ]
-  ), P = M(
-    async (f) => {
-      const g = f.trim();
-      if (!g || N.current) return;
-      const L = {
-        id: D(),
+  ), oe = O(() => {
+    var h;
+    (h = K.current) == null || h.abort();
+  }, []), ie = O(
+    async (h) => {
+      const A = h.trim();
+      if (!A || W.current) return;
+      const S = {
+        id: m(),
         role: "user",
-        content: g
+        content: A
       };
-      let T = L;
-      if (I.current.length > 0) {
-        const O = await Le(I.current, L, {
-          messages: E.current,
+      let Y = S;
+      if (B.current.length > 0) {
+        const b = await De(B.current, S, {
+          messages: y.current,
           apiUrl: e
         });
-        if (O.type === "abort") return;
-        if (O.type === "respond") {
-          const z = {
-            id: D(),
+        if (b.type === "abort") return;
+        if (b.type === "respond") {
+          const C = {
+            id: m(),
             role: "assistant",
-            content: O.reply.content,
-            sources: O.reply.sources
-          }, $ = [
-            ...E.current,
-            O.message,
-            z
+            content: b.reply.content,
+            sources: b.reply.sources
+          }, M = [
+            ...y.current,
+            b.message,
+            C
           ];
-          E.current = $, d($), A($), y(null), x(!1);
+          y.current = M, x(M), _(M), w(null), E(!1);
           return;
         }
-        T = O.message;
+        Y = b.message;
       }
-      const B = [...E.current, T];
-      E.current = B, d(B), A(B), await m(B);
+      const $ = [...y.current, Y];
+      y.current = $, x($), _($), await J($);
     },
-    [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;
+    [e, _, J]
+  ), te = O(async () => {
+    if (W.current) return;
+    const h = y.current[y.current.length - 1];
+    !h || h.role !== "user" || await J(y.current);
+  }, [J]), re = O(() => {
+    if (y.current = [], x([]), w(null), E(!1), t) {
+      const h = ue();
+      if (!h) return;
       try {
-        f.removeItem(a);
+        h.removeItem(c);
       } catch {
       }
     }
-  }, [t, a]);
+  }, [t, c]);
   return {
-    messages: l,
-    isLoading: R,
-    error: w,
-    canRetry: b,
-    sendMessage: P,
-    retry: V,
-    clearMessages: K
+    messages: d,
+    isLoading: N,
+    isStreaming: T,
+    streamingMessageId: v,
+    error: H,
+    canRetry: f,
+    sendMessage: ie,
+    stop: oe,
+    retry: te,
+    clearMessages: re
   };
 }
-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);
+function Ge(e) {
+  const [t, r] = L(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return z(() => {
+    const n = window.matchMedia(e);
+    r(n.matches);
+    const s = (o) => r(o.matches);
+    return n.addEventListener("change", s), () => n.removeEventListener("change", s);
   }, [e]), t;
 }
-function F(e, t) {
+function ne(e, t) {
   return e instanceof RegExp ? e.test(t) : t.toLowerCase().includes(e.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 e = document.documentElement, t = document.body, r = e.scrollTop || t.scrollTop || 0, n = Math.max(e.scrollHeight, t.scrollHeight), s = e.clientHeight || window.innerHeight, o = n - s;
   return o <= 0 ? 100 : r / o * 100;
 }
-function je({
+function ze({
   triggers: e,
   enabled: t,
   onOpen: r,
-  onGreeting: s
+  onGreeting: n
 }) {
-  H(() => {
+  z(() => {
     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));
+    const s = /* @__PURE__ */ new Set(), o = [], i = typeof window < "u" ? window.location.href : "", l = (c, u) => {
+      s.has(c) || (s.add(c), u === "open" ? r() : n(u.greeting));
     };
-    return e.forEach((u, l) => {
-      switch (u.on) {
+    return e.forEach((c, u) => {
+      switch (c.on) {
         case "url": {
-          F(u.pattern, c) && a(l, u.action);
+          ne(c.pattern, i) && l(u, c.action);
           break;
         }
         case "time": {
-          if (u.matchUrl && !F(u.matchUrl, c))
+          if (c.matchUrl && !ne(c.matchUrl, i))
             return;
           const d = window.setTimeout(
-            () => a(l, u.action),
-            Math.max(0, u.seconds * 1e3)
+            () => l(u, c.action),
+            Math.max(0, c.seconds * 1e3)
           );
           o.push(() => window.clearTimeout(d));
           break;
         }
         case "scroll": {
-          if (u.matchUrl && !F(u.matchUrl, c))
+          if (c.matchUrl && !ne(c.matchUrl, i))
             return;
           const d = () => {
-            $e() >= u.percent && a(l, u.action);
+            We() >= c.percent && l(u, c.action);
           };
           d(), window.addEventListener("scroll", d, { passive: !0 }), o.push(() => window.removeEventListener("scroll", d));
           break;
         }
         case "exit-intent": {
-          if (u.matchUrl && !F(u.matchUrl, c))
+          if (c.matchUrl && !ne(c.matchUrl, i))
             return;
-          const d = (R) => {
-            R.clientY <= 0 && a(l, u.action);
+          const d = (x) => {
+            x.clientY <= 0 && l(u, c.action);
           };
           document.addEventListener("mouseleave", d), o.push(
             () => document.removeEventListener("mouseleave", d)
@@ -445,25 +684,25 @@ function je({
         }
       }
     }), () => {
-      o.forEach((u) => u());
+      o.forEach((c) => c());
     };
-  }, [e, t, r, s]);
+  }, [e, t, 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(
+}, Ve = ke(function({ isOpen: t, onClick: r, position: n = "bottom-right", translations: s }, o) {
+  const i = t ? (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: t ? /* @__PURE__ */ g(
         "svg",
         {
           width: "24",
@@ -476,11 +715,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 +731,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({
+}), Ye = de(function({
   count: t,
   isActive: r,
-  onClick: s
+  onClick: n
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ g(
     "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__ */ g(
           "svg",
           {
             width: "14",
@@ -523,19 +762,19 @@ 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: t })
       ]
     }
   );
-}), We = ["http:", "https:"];
-function le(e) {
+}), Ke = ["http:", "https:"];
+function ve(e) {
   if (!e || typeof e != "string")
     return null;
   const t = e.trim();
@@ -543,16 +782,117 @@ function le(e) {
     return null;
   try {
     const r = new URL(t);
-    return We.includes(r.protocol) ? t : null;
+    return Ke.includes(r.protocol) ? t : 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(e) {
+  const t = e.lastIndexOf(`
+`), r = t === -1 ? "" : e.slice(0, t + 1);
+  let n = t === -1 ? e : e.slice(t + 1);
+  return n = Ze(n), n = Qe(n), r + n;
+}
+function Je(e) {
+  const t = [];
+  for (let r = 0; r < e.length - 1; r++)
+    e[r] === "*" && e[r + 1] === "*" && (t.push(r), r++);
+  return t;
+}
+function Xe(e) {
+  const t = [];
+  for (let r = 0; r < e.length; r++)
+    if (e[r] === "*") {
+      if (e[r + 1] === "*") {
+        r++;
+        continue;
+      }
+      t.push(r);
+    }
+  return t;
+}
+function Ze(e) {
+  const t = Je(e);
+  if (t.length % 2 === 0) return e;
+  const r = t[t.length - 1], n = e.slice(r + 2);
+  return n.trim() === "" ? e.slice(0, r) + n : e + "**";
+}
+function Qe(e) {
+  const t = Xe(e);
+  if (t.length % 2 === 0) return e;
+  const r = t[t.length - 1], n = e.slice(r + 1);
+  return n.trim() === "" ? e.slice(0, r) + n : e + "*";
+}
+function et({
+  toolUse: e,
+  usedLabel: t,
+  detailsLabel: r
+}) {
+  const [n, s] = L(!1), o = e.input !== void 0 || e.result !== void 0;
+  return /* @__PURE__ */ g("div", { className: "text-xs text-claudius-text-muted", children: [
+    /* @__PURE__ */ g(
+      "button",
+      {
+        type: "button",
+        disabled: !o,
+        onClick: () => s((i) => !i),
+        "aria-expanded": o ? n : void 0,
+        className: "flex items-center gap-1.5 rounded-claudius-full border border-claudius-border bg-claudius-surface px-2 py-0.5 hover:opacity-80 disabled:cursor-default disabled:hover:opacity-100",
+        children: [
+          /* @__PURE__ */ a(
+            "svg",
+            {
+              width: "11",
+              height: "11",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ a("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })
+            }
+          ),
+          /* @__PURE__ */ g("span", { children: [
+            t,
+            " ",
+            /* @__PURE__ */ a("span", { className: "font-mono text-claudius-text", children: e.name }),
+            e.isError && /* @__PURE__ */ a("span", { className: "text-claudius-error", children: " ✕" })
+          ] }),
+          o && /* @__PURE__ */ g(xe, { children: [
+            /* @__PURE__ */ a("span", { className: "sr-only", children: r }),
+            /* @__PURE__ */ a(
+              "svg",
+              {
+                width: "10",
+                height: "10",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                className: n ? "rotate-180" : void 0,
+                children: /* @__PURE__ */ a("polyline", { points: "6 9 12 15 18 9" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    n && o && /* @__PURE__ */ g("div", { className: "mt-1 overflow-x-auto rounded-claudius-sm border border-claudius-border bg-claudius-field p-2 font-mono", children: [
+      e.input !== void 0 && /* @__PURE__ */ a("pre", { className: "whitespace-pre-wrap break-all", children: JSON.stringify(e.input, null, 2) }),
+      e.result !== void 0 && /* @__PURE__ */ a("pre", { className: "mt-1 whitespace-pre-wrap break-all border-t border-claudius-border pt-1", children: e.result })
+    ] })
+  ] });
+}
+const me = /(https?:\/\/[^\s)]+)/, ge = /(\*\*[^*]+\*\*)/, pe = /(\*[^*]+\*)/;
+function tt(e, t) {
+  const r = e.match(/[.,;:!?'"]+$/), n = r ? e.slice(0, -r[0].length) : e, s = r ? r[0] : "", o = ve(n);
+  return o ? /* @__PURE__ */ g(xe, { children: [
+    /* @__PURE__ */ g(
       "a",
       {
         href: o,
@@ -561,114 +901,148 @@ 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
     ),
-    n
+    s
   ] }) : e;
 }
-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 rt(e, t) {
+  const r = e.split(ge), n = [];
+  return r.forEach((s, o) => {
+    if (ge.test(s)) {
+      const i = s.slice(2, -2);
+      n.push(/* @__PURE__ */ a("strong", { children: i }, `${t}-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(pe).forEach((l, c) => {
+        if (pe.test(l)) {
+          const u = l.slice(1, -1);
+          n.push(/* @__PURE__ */ a("em", { children: u }, `${t}-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);
+          l.split(me).forEach((d, x) => {
+            me.test(d) ? n.push(
+              tt(d, `${t}-b${o}-i${c}-u${x}`)
+            ) : d && n.push(d);
           });
       });
-  }), s;
+  }), n;
 }
-function Ye(e) {
+function nt(e) {
   const t = e.split(`
 `);
-  return t.map((r, s) => /* @__PURE__ */ h("span", { children: [
-    Fe(r, `l${s}`),
-    s < t.length - 1 && /* @__PURE__ */ i("br", {})
-  ] }, s));
+  return t.map((r, n) => /* @__PURE__ */ g("span", { children: [
+    rt(r, `l${n}`),
+    n < t.length - 1 && /* @__PURE__ */ a("br", {})
+  ] }, n));
 }
-const Ve = J(function({
+const st = de(function({
   role: t,
   content: r,
+  isStreaming: n = !1,
   sources: s,
-  onSourceClick: n,
-  isSourceActive: o
+  toolUses: o,
+  toolUsedLabel: i = "Used tool:",
+  toolDetailsLabel: l = "Tool details",
+  onSourceClick: c,
+  isSourceActive: u
 }) {
-  const c = t === "user";
-  return /* @__PURE__ */ h("div", { className: `${c ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
-    /* @__PURE__ */ i(
+  const d = t === "user", x = n ? qe(r) : r, N = d || r !== "" || !(o != null && o.length);
+  return /* @__PURE__ */ g("div", { className: `${d ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
+    N && /* @__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 ${d ? "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: nt(x)
       }
     ),
-    !c && s && s.length > 0 && n && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
-      Ue,
+    !d && o && o.length > 0 && /* @__PURE__ */ a("div", { className: "mt-1 space-y-1", children: o.map((R, T) => /* @__PURE__ */ a(
+      et,
+      {
+        toolUse: R,
+        usedLabel: i,
+        detailsLabel: l
+      },
+      `${R.name}-${T}`
+    )) }),
+    !d && s && s.length > 0 && c && /* @__PURE__ */ a("div", { className: "mt-1", children: /* @__PURE__ */ a(
+      Ye,
       {
         count: s.length,
-        isActive: o ?? !1,
-        onClick: n
+        isActive: u ?? !1,
+        onClick: c
       }
     ) })
   ] });
-}), X = 2e3, Ke = 1800;
-function qe({
+}), ce = 2e3, ot = 1800;
+function it({
   onSend: e,
   isLoading: t,
-  placeholder: r,
-  translations: s
+  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, l] = L(""), c = I(null), u = i.length, d = u >= ot, x = u >= ce, N = s ?? (o == null ? void 0 : o.placeholder) ?? "Type your message...", R = (o == null ? void 0 : o.sendMessage) ?? "Send message", T = (o == null ? void 0 : o.stopGenerating) ?? "Stop generating", p = (o == null ? void 0 : o.typeYourMessage) ?? "Type your message", v = r && !!n;
+  return z(() => {
+    var w;
+    t || (w = c.current) == null || w.focus();
+  }, [t]), /* @__PURE__ */ g(
     "form",
     {
-      onSubmit: (b) => {
-        b.preventDefault();
-        const x = n.trim();
-        !x || l || (e(x), o(""));
+      onSubmit: (w) => {
+        w.preventDefault();
+        const f = i.trim();
+        !f || x || (e(f), l(""));
       },
       className: "border-t border-claudius-border bg-claudius-surface p-3",
       children: [
-        /* @__PURE__ */ h("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ i(
+        /* @__PURE__ */ g("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: (w) => {
+                const f = w.target.value;
+                f.length <= ce && l(f);
               },
-              placeholder: d,
+              placeholder: N,
               disabled: t,
               "aria-label": p,
-              "aria-describedby": u ? "char-count" : void 0,
+              "aria-describedby": d ? "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(
+          v ? /* @__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,
+              disabled: t || x,
               "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__ */ h(
+              children: /* @__PURE__ */ g(
                 "svg",
                 {
                   width: "16",
@@ -681,24 +1055,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(
+        d && /* @__PURE__ */ g(
           "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 ${x ? "text-claudius-error" : "text-claudius-text-muted"}`,
             "aria-live": "polite",
             children: [
-              a,
+              u,
               "/",
-              X
+              ce
             ]
           }
         )
@@ -706,40 +1080,40 @@ function qe({
     }
   );
 }
-const Xe = ["blog", "page", "external"], Ze = {
+const at = ["blog", "page", "external"], ct = {
   blog: "Blog",
   page: "Page",
   external: "External"
 };
-function Je(e) {
+function lt(e) {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
 }
-const Qe = J(function({
+const ut = de(function({
   sources: t,
   onClose: r
 }) {
-  const s = Xe.map((o) => ({
+  const n = at.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: ct[o],
+    items: t.filter((i) => i.type === o)
+  })).filter((o) => o.items.length > 0), s = t.length === 1 ? "1 source found" : `${t.length} sources found`;
+  return /* @__PURE__ */ g("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__ */ g("div", { className: "flex items-center justify-between border-b border-claudius-border px-4 py-3", children: [
+      /* @__PURE__ */ g("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__ */ g(
             "svg",
             {
               width: "14",
@@ -752,45 +1126,45 @@ 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__ */ g("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 l = ve(i.url);
+        return l ? /* @__PURE__ */ g(
           "a",
           {
-            href: a,
+            href: l,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "block rounded-claudius-md border-2 border-claudius-border bg-claudius-surface-muted p-3 transition-colors hover:bg-claudius-border",
             children: [
-              /* @__PURE__ */ i("p", { className: "truncate text-sm font-medium text-claudius-text", children: 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: lt(l) })
             ]
           },
-          a
+          l
         ) : null;
       }) })
     ] }, o.type)) })
   ] });
 });
-function et({
+function dt({
   title: e,
   subtitle: t,
   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__ */ g("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
+    /* @__PURE__ */ a(
       "div",
       {
         "aria-hidden": "true",
@@ -798,8 +1172,8 @@ function et({
         children: e.charAt(0).toUpperCase()
       }
     ),
-    /* @__PURE__ */ h("div", { className: "flex-1", children: [
-      /* @__PURE__ */ i(
+    /* @__PURE__ */ g("div", { className: "flex-1", children: [
+      /* @__PURE__ */ a(
         "h2",
         {
           id: r,
@@ -807,15 +1181,15 @@ function et({
           children: e
         }
       ),
-      /* @__PURE__ */ i("p", { className: "text-xs text-claudius-accent-text", children: t })
+      /* @__PURE__ */ a("p", { className: "text-xs text-claudius-accent-text", children: t })
     ] }),
-    /* @__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__ */ g(
           "svg",
           {
             width: "18",
@@ -828,8 +1202,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,19 +1211,19 @@ function et({
     )
   ] });
 }
-function tt({
+function ft({
   message: e,
   retryLabel: t,
   onRetry: r
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ g(
     "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: e }),
+        r && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -862,68 +1236,68 @@ function tt({
     }
   );
 }
-function rt({ label: e }) {
-  return /* @__PURE__ */ i(
+function ht({ label: e }) {
+  return /* @__PURE__ */ a(
     "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]" })
+      children: /* @__PURE__ */ g("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;
-    if (!r || !l) return;
-    const d = (w) => {
-      if (l.scrollTop > 0) {
-        u.current = !1;
+function mt(e, t, r) {
+  const [n, s] = L(0), o = I(0), i = I(0), l = I(0), c = I(!1);
+  return z(() => {
+    const u = e.current;
+    if (!r || !u) return;
+    const d = (R) => {
+      if (u.scrollTop > 0) {
+        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 = R.touches[0].clientY, l.current = Date.now();
+    }, x = (R) => {
+      if (!c.current) return;
+      let T = R.touches[0].clientY - i.current;
+      T < 0 && (T = T * 0.3), o.current = T, s(T);
+    }, N = () => {
+      if (!c.current) return;
+      c.current = !1;
+      const R = o.current, T = (Date.now() - l.current) / 1e3, p = u.getBoundingClientRect().height, v = T > 0.05 && R > 0 && R / T > 500, k = R > p * 0.3;
+      v || k ? t() : (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 u.addEventListener("touchstart", d, { passive: !0 }), u.addEventListener("touchmove", x, { passive: !0 }), u.addEventListener("touchend", N), () => {
+      u.removeEventListener("touchstart", d), u.removeEventListener("touchmove", x), u.removeEventListener("touchend", N);
     };
-  }, [e, t, r]), { offsetY: s };
+  }, [e, t, 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 gt = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function pt(e, t) {
+  z(() => {
     const r = e.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)
-      ).filter((l) => !l.hasAttribute("aria-hidden"));
+        r.querySelectorAll(gt)
+      ).filter((u) => !u.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], l = o[o.length - 1], c = document.activeElement;
+      s.shiftKey && c === i ? (s.preventDefault(), l.focus()) : !s.shiftKey && c === l && (s.preventDefault(), i.focus());
     };
-    return r.addEventListener("keydown", s), () => r.removeEventListener("keydown", s);
+    return r.addEventListener("keydown", n), () => r.removeEventListener("keydown", n);
   }, [e, t]);
 }
-const it = /\*\*([^*]+)\*\*/g, ct = /\*([^*]+)\*/g, at = /https?:\/\/[^\s)]+/g;
-function ut(e) {
-  return e.replace(it, "$1").replace(ct, "$1").replace(at, (t) => {
+const bt = /\*\*([^*]+)\*\*/g, yt = /\*([^*]+)\*/g, xt = /https?:\/\/[^\s)]+/g;
+function wt(e) {
+  return e.replace(bt, "$1").replace(yt, "$1").replace(xt, (t) => {
     try {
       return new URL(t).hostname;
     } catch {
@@ -931,131 +1305,145 @@ function ut(e) {
     }
   });
 }
-const lt = {
+const vt = {
   "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({
+function Rt({
   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",
+  isStreaming: r = !1,
+  streamingMessageId: n = null,
+  error: s,
+  canRetry: o = !1,
+  onSend: i,
+  onStop: l,
+  onRetry: c,
+  onClose: u,
+  title: d = "Chat",
+  subtitle: x = "Ask me anything",
+  welcomeMessage: N = "Hi! How can I help you today?",
+  placeholder: R,
+  position: T = "bottom-right",
   translations: p,
-  isMobile: w = !1
+  isMobile: v = !1
 }) {
-  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;
+  const k = Le(), H = I(null), w = I(null), [f, E] = L(null);
+  pt(H, !0);
+  const { offsetY: F } = mt(
+    w,
+    u,
+    v
+  ), W = F !== 0, y = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  z(() => {
+    const m = w.current;
     m && (m.scrollTop = m.scrollHeight);
-  }, [e, t]), H(() => {
-    const m = (P) => {
-      P.key === "Escape" && !P.isComposing && c();
+  }, [e, t]), z(() => {
+    const m = (V) => {
+      V.key === "Escape" && !V.isComposing && u();
     };
     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(
+  }, [u]);
+  const K = (p == null ? void 0 : p.closeChat) ?? "Close chat", B = (p == null ? void 0 : p.chatMessages) ?? "Chat messages", _ = [...e].reverse().find((m) => m.role === "assistant");
+  return /* @__PURE__ */ g(
     "div",
     {
-      ref: b,
+      ref: H,
       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-modal": v ? "true" : void 0,
+      "aria-labelledby": k,
+      className: v ? "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 ${vt[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: v && !y ? { transform: `translateY(${Math.max(0, F)}px)` } : void 0,
+      "data-dragging": W || 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,
+        v && /* @__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(
+          dt,
           {
-            title: a,
-            subtitle: u,
-            titleId: y,
-            closeLabel: D,
-            onClose: c
+            title: d,
+            subtitle: x,
+            titleId: k,
+            closeLabel: K,
+            onClose: u
           }
         ),
-        /* @__PURE__ */ h("div", { className: "relative flex-1 overflow-hidden", children: [
-          v && /* @__PURE__ */ i(
-            Qe,
+        /* @__PURE__ */ g("div", { className: "relative flex-1 overflow-hidden", children: [
+          f && /* @__PURE__ */ a(
+            ut,
             {
-              sources: v.sources,
-              onClose: () => N(null)
+              sources: f.sources,
+              onClose: () => E(null)
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ g(
             "div",
             {
-              ref: x,
+              ref: w,
               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,
+                e.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: N }) }),
+                e.map((m) => /* @__PURE__ */ a(
+                  st,
                   {
                     role: m.role,
                     content: m.content,
+                    isStreaming: m.id === n,
                     sources: m.sources,
-                    isSourceActive: (v == null ? void 0 : v.messageId) === m.id,
+                    toolUses: m.toolUses,
+                    toolUsedLabel: p == null ? void 0 : p.toolUsed,
+                    toolDetailsLabel: p == null ? void 0 : p.toolDetails,
+                    isSourceActive: (f == null ? void 0 : f.messageId) === m.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 });
+                      (f == null ? void 0 : f.messageId) === m.id ? E(null) : m.sources && m.sources.length > 0 && E({ messageId: m.id, sources: m.sources });
                     }
                   },
                   m.id
                 )),
-                t && /* @__PURE__ */ i(
-                  rt,
+                t && /* Once streamed tokens are rendering in a bubble, the typing
+                indicator is redundant — show it only until the first token.
+                A tool-only placeholder (no text yet) keeps the indicator. */
+                !(n !== null && e.some(
+                  (m) => m.id === n && m.content.length > 0
+                )) && /* @__PURE__ */ a(
+                  ht,
                   {
                     label: (p == null ? void 0 : p.typingIndicator) ?? "Assistant is typing"
                   }
                 ),
-                r && /* @__PURE__ */ i(
-                  tt,
+                s && /* @__PURE__ */ a(
+                  ft,
                   {
-                    message: r,
+                    message: s,
                     retryLabel: (p == null ? void 0 : p.errorRetry) ?? "Retry",
-                    onRetry: s && o && !t ? o : void 0
+                    onRetry: o && c && !t ? 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 ? wt(_.content) : ""
           }
         ),
-        /* @__PURE__ */ i(
-          qe,
+        /* @__PURE__ */ a(
+          it,
           {
-            onSend: n,
+            onSend: i,
             isLoading: t,
-            placeholder: d,
+            isStreaming: r,
+            onStop: l,
+            placeholder: R,
             translations: p
           }
         )
@@ -1063,21 +1451,21 @@ function dt({
     }
   );
 }
-function ft({
+function Et({
   message: e,
   position: t,
   onOpen: r,
-  onDismiss: s,
-  dismissLabel: n
+  onDismiss: n,
+  dismissLabel: s
 }) {
-  const o = t.startsWith("bottom"), c = t.endsWith("right"), a = [
+  const o = t.startsWith("bottom"), i = t.endsWith("right"), l = [
     "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__ */ g("div", { className: l, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -1086,21 +1474,21 @@ function ft({
         children: e
       }
     ),
-    /* @__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 Re = {
   // ChatWindow
   title: "Chat",
   subtitle: "Ask me anything",
@@ -1111,6 +1499,9 @@ const de = {
   // ChatInput
   placeholder: "Type your message...",
   sendMessage: "Send message",
+  stopGenerating: "Stop generating",
+  toolUsed: "Used tool:",
+  toolDetails: "Tool details",
   typeYourMessage: "Type your message",
   // ChatToggleButton
   openChat: "Open chat",
@@ -1123,11 +1514,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 };
+}, Tt = Re;
+function qt(e) {
+  return { ...Tt, ...e };
 }
-const mt = {
+const Mt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Pregúntame lo que quieras",
@@ -1138,6 +1529,9 @@ const mt = {
   // ChatInput
   placeholder: "Escribe tu mensaje...",
   sendMessage: "Enviar mensaje",
+  stopGenerating: "Detener la respuesta",
+  toolUsed: "Herramienta usada:",
+  toolDetails: "Detalles de la herramienta",
   typeYourMessage: "Escribe tu mensaje",
   // ChatToggleButton
   openChat: "Abrir chat",
@@ -1150,7 +1544,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 = {
+}, St = {
   // ChatWindow
   title: "Chat",
   subtitle: "Posez-moi vos questions",
@@ -1161,6 +1555,9 @@ const mt = {
   // ChatInput
   placeholder: "Saisissez votre message...",
   sendMessage: "Envoyer le message",
+  stopGenerating: "Arrêter la génération",
+  toolUsed: "Outil utilisé :",
+  toolDetails: "Détails de l'outil",
   typeYourMessage: "Saisissez votre message",
   // ChatToggleButton
   openChat: "Ouvrir le chat",
@@ -1173,7 +1570,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 = {
+}, Ct = {
   // ChatWindow
   title: "Chat",
   subtitle: "Fragen Sie mich alles",
@@ -1184,6 +1581,9 @@ const mt = {
   // ChatInput
   placeholder: "Geben Sie Ihre Nachricht ein...",
   sendMessage: "Nachricht senden",
+  stopGenerating: "Generierung stoppen",
+  toolUsed: "Verwendetes Tool:",
+  toolDetails: "Tool-Details",
   typeYourMessage: "Geben Sie Ihre Nachricht ein",
   // ChatToggleButton
   openChat: "Chat öffnen",
@@ -1196,28 +1596,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
+}, Ee = {
+  en: Re,
+  es: Mt,
+  fr: St,
+  de: Ct
 };
-function ie(e) {
+function be(e) {
   if (!e) return;
   const t = e.toLowerCase().split("-")[0];
-  return Object.prototype.hasOwnProperty.call(fe, t) ? t : void 0;
+  return Object.prototype.hasOwnProperty.call(Ee, t) ? t : void 0;
 }
-function bt() {
-  const e = typeof document < "u" ? ie(document.documentElement.lang) : void 0;
+function Nt() {
+  const e = typeof document < "u" ? be(document.documentElement.lang) : void 0;
   if (e) return e;
-  const t = typeof navigator < "u" ? ie(navigator.language) : void 0;
+  const t = typeof navigator < "u" ? be(navigator.language) : void 0;
   return t || "en";
 }
-function yt(e = {}) {
-  const { locale: t, translations: r } = e, s = fe[t ?? bt()];
-  return r ? { ...s, ...r } : { ...s };
+function kt(e = {}) {
+  const { locale: t, translations: r } = e, n = Ee[t ?? Nt()];
+  return r ? { ...n, ...r } : { ...n };
 }
-const ce = [
+const ye = [
   "accent",
   "accentText",
   "accentSoft",
@@ -1237,11 +1637,11 @@ const ce = [
   "errorText",
   "link",
   "scrim"
-], xt = ["sm", "md", "lg", "full", "tail"], wt = [
+], Lt = ["sm", "md", "lg", "full", "tail"], At = [
   "elevated",
   "floating",
   "floatingHover"
-], vt = ["heading", "body"], he = {
+], Ot = ["heading", "body"], Te = {
   default: {
     name: "default"
   },
@@ -1326,249 +1726,264 @@ const ce = [
     }
   }
 };
-function Et(e) {
-  return Object.prototype.hasOwnProperty.call(he, e);
+function It(e) {
+  return Object.prototype.hasOwnProperty.call(Te, e);
 }
-const Rt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
-function Tt(e) {
+const Dt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function _t(e) {
   if (e === void 0)
     return { mode: "light" };
   if (typeof e == "string") {
-    if (Rt.has(e))
+    if (Dt.has(e))
       return { mode: e };
-    if (Et(e)) {
-      const t = he[e];
+    if (It(e)) {
+      const t = Te[e];
       return { mode: t.colorScheme ?? "light", theme: t };
     }
     return { mode: "light", url: e };
   }
   return { mode: e.colorScheme ?? "light", theme: e };
 }
-function Mt(e) {
+function jt(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function Ct(e, t) {
+function Ht(e, t) {
   console.warn(
     `[Claudius] Ignoring unknown theme token "${t}" in "${e}"`
   );
 }
-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 Q(e, t, r, n, s, o = "") {
+  if (s)
+    for (const [i, l] of Object.entries(s)) {
+      if (!n.includes(i)) {
+        Ht(t, i);
         continue;
       }
-      typeof a == "string" && (e[`${r}${Mt(c)}${o}`] = a);
+      typeof l == "string" && (e[`${r}${jt(i)}${o}`] = l);
     }
 }
-function Nt(e) {
+function Bt(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(
+  Q(t, "colors", "--cl-color-", ye, e.colors);
+  for (const [r, n] of Object.entries({ ...t }))
+    t[`${r}-dark`] = n;
+  return Q(
     t,
     "colorsDark",
     "--cl-color-",
-    ce,
+    ye,
     e.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;
+  ), Q(t, "radii", "--cl-radius-", Lt, e.radii), Q(t, "shadows", "--cl-shadow-", At, e.shadows), Q(t, "fonts", "--cl-font-", Ot, e.fonts), t;
 }
-function St(e) {
+function $t(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-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) => {
-      if (!l.ok)
-        throw new Error(`HTTP ${l.status}`);
-      return l.json();
-    }).then((l) => {
-      if (!St(l))
+function Pt(e) {
+  const t = se(() => _t(e), [e]), [r, n] = L(null), s = t.url;
+  z(() => {
+    if (n(null), !s) return;
+    const c = new AbortController();
+    return fetch(s, { signal: c.signal }).then((u) => {
+      if (!u.ok)
+        throw new Error(`HTTP ${u.status}`);
+      return u.json();
+    }).then((u) => {
+      if (!$t(u))
         throw new Error("theme JSON must be an object");
-      s(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) : {},
+      n(u);
+    }).catch((u) => {
+      c.signal.aborted || console.error(`[Claudius] Failed to load theme from ${s}:`, u);
+    }), () => c.abort();
+  }, [s]);
+  const o = t.theme ?? r ?? null, i = (r == null ? void 0 : r.colorScheme) ?? t.mode, l = se(
+    () => o ? Bt(o) : {},
     [o]
   );
-  return { mode: c, cssVars: a };
+  return { mode: i, cssVars: l };
 }
-const me = "claudius:triggers:dismissed";
-function kt() {
+const Me = "claudius:triggers:dismissed";
+function Ut() {
   if (typeof window > "u") return !1;
   try {
-    return window.sessionStorage.getItem(me) === "1";
+    return window.sessionStorage.getItem(Me) === "1";
   } catch {
     return !1;
   }
 }
-function At() {
+function Gt() {
   if (!(typeof window > "u"))
     try {
-      window.sessionStorage.setItem(me, "1");
+      window.sessionStorage.setItem(Me, "1");
     } catch {
     }
 }
-function jt({
+function Jt({
   apiUrl: e,
   title: t,
   subtitle: r,
-  welcomeMessage: s,
-  placeholder: n,
+  welcomeMessage: n,
+  placeholder: s,
   persistMessages: o,
-  storageKeyPrefix: c,
-  requestTimeoutMs: a,
-  theme: u = "light",
-  accentColor: l,
+  storageKeyPrefix: i,
+  requestTimeoutMs: l,
+  theme: c = "light",
+  accentColor: u,
   position: d = "bottom-right",
-  locale: R,
-  translations: p,
-  triggers: w,
-  plugins: y
+  locale: x,
+  translations: N,
+  triggers: R,
+  plugins: T,
+  streaming: p = !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({
+  const [v, k] = L(!1), [H, w] = L(null), [f, E] = L(Ut), F = I(!1), W = Ge("(max-width: 639px)"), y = se(
+    () => kt({ locale: x, translations: N }),
+    [x, N]
+  ), {
+    messages: K,
+    isLoading: B,
+    isStreaming: _,
+    streamingMessageId: m,
+    error: V,
+    canRetry: ee,
+    sendMessage: J,
+    stop: oe,
+    retry: ie
+  } = Ue({
     apiUrl: e,
     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), $();
+    storageKeyPrefix: i,
+    timeoutMs: l,
+    translations: y,
+    plugins: T,
+    streaming: p
+  }), te = I(null), re = I(v), { mode: h, cssVars: A } = Pt(c), [S, Y] = L(!1);
+  z(() => {
+    if (h !== "auto") return;
+    const D = window.matchMedia("(prefers-color-scheme: dark)");
+    Y(D.matches);
+    const he = (Se) => Y(Se.matches);
+    return D.addEventListener("change", he), () => D.removeEventListener("change", he);
+  }, [h]), z(() => {
+    var D;
+    re.current && !v && ((D = te.current) == null || D.focus()), re.current = v;
+  }, [v]);
+  const $ = O(() => {
+    E(!0), Gt();
+  }, []), b = O(() => {
+    k(!1), F.current && (F.current = !1, $());
+  }, [$]), C = O(() => {
+    k((D) => !D);
+  }, []), M = O(() => {
+    F.current = !0, w(null), k(!0);
+  }, []), P = O((D) => {
+    w(D);
+  }, []), U = O(() => {
+    w(null), M();
+  }, [M]), Z = O(() => {
+    w(null), $();
   }, [$]);
-  je({
-    triggers: w,
-    enabled: !E && !b,
-    onOpen: q,
-    onGreeting: pe
+  ze({
+    triggers: R,
+    enabled: !f && !v,
+    onOpen: M,
+    onGreeting: P
   });
-  const xe = T === "dark" || T === "auto" && O, te = {
-    ...B,
-    ...l ? {
-      "--cl-color-accent": l,
-      "--cl-color-accent-dark": l
+  const G = h === "dark" || h === "auto" && S, q = {
+    ...A,
+    ...u ? {
+      "--cl-color-accent": u,
+      "--cl-color-accent-dark": u
     } : {}
-  }, we = Object.keys(te).length > 0 ? te : void 0;
+  }, ae = Object.keys(q).length > 0 ? q : 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: ae, children: /* @__PURE__ */ g("div", { "data-claudius-dark": G ? "true" : "false", children: [
+      v && W && /* @__PURE__ */ a(
         "div",
         {
           className: "claudius-scrim fixed inset-0 z-40 bg-claudius-scrim",
-          onClick: ee,
+          onClick: b,
           "aria-hidden": "true"
         }
       ),
-      b && /* @__PURE__ */ i(
-        dt,
+      v && /* @__PURE__ */ a(
+        Rt,
         {
-          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,
+          messages: K,
+          isLoading: B,
+          isStreaming: _,
+          streamingMessageId: m,
+          error: V,
+          canRetry: ee,
+          onSend: J,
+          onStop: oe,
+          onRetry: ie,
+          onClose: b,
+          title: t ?? y.title,
+          subtitle: r ?? y.subtitle,
+          welcomeMessage: n ?? y.welcomeMessage,
+          placeholder: s ?? y.placeholder,
           position: d,
-          translations: S,
-          isMobile: D
+          translations: y,
+          isMobile: W
         }
       ),
-      !(b && D) && /* @__PURE__ */ i(
-        Ge,
+      !(v && W) && /* @__PURE__ */ a(
+        Ve,
         {
-          ref: g,
-          isOpen: b,
-          onClick: ge,
+          ref: te,
+          isOpen: v,
+          onClick: C,
           position: d,
-          translations: S
+          translations: y
         }
       ),
-      !b && v && /* @__PURE__ */ i(
-        ft,
+      !v && H && /* @__PURE__ */ a(
+        Et,
         {
-          message: v,
+          message: H,
           position: d,
-          onOpen: be,
-          onDismiss: ye,
-          dismissLabel: S.dismissGreeting
+          onOpen: U,
+          onDismiss: Z,
+          dismissLabel: y.dismissGreeting
         }
       )
     ] }) })
   );
 }
-function Pt(e) {
-  const { onEvent: t, includeContent: r = !0 } = e, s = (n) => r ? n : "";
+function Xt(e) {
+  const { onEvent: t, includeContent: r = !0 } = e, n = (s) => r ? s : "";
   return {
     name: "analytics",
-    onBeforeSend(n) {
+    onBeforeSend(s) {
       t({
         type: "message_sent",
         role: "user",
-        content: s(n.content),
-        chars: n.content.length
+        content: n(s.content),
+        chars: s.content.length
       });
     },
-    onAfterReceive(n) {
+    onAfterReceive(s) {
       t({
         type: "message_received",
         role: "assistant",
-        content: s(n.content),
-        chars: n.content.length
+        content: n(s.content),
+        chars: s.content.length
       });
     },
-    onError(n) {
+    onError(s) {
       t({
         type: "chat_error",
-        message: n.message,
-        code: n.code
+        message: s.message,
+        code: s.code
       });
     }
   };
 }
-const Ot = [
+const Wt = [
   // 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 +1993,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) {
+function zt(e, t, r) {
   return t.reduce(
     // Reset lastIndex defensively: a shared global regex is stateful.
-    (s, n) => (n.lastIndex = 0, s.replace(n, r)),
+    (n, s) => (s.lastIndex = 0, n.replace(s, r)),
     e
   );
 }
-function Gt(e = {}) {
+function Zt(e = {}) {
   const {
-    patterns: t = Ot,
+    patterns: t = Wt,
     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
+  } = e, s = (o) => {
+    const i = zt(o.content, t, 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) {
+function Ft(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) {
+function Qt(e) {
   const { rules: t, caseSensitive: r = !1 } = e;
   return {
     name: "canned-responses",
-    onBeforeSend(s, n) {
+    onBeforeSend(n, s) {
       for (const o of t)
-        if (Dt(o.match, s.content, r)) {
-          n.respondWith(o.reply);
+        if (Ft(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,
-  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
+  Oe as ChatApiClient,
+  j as ChatApiError,
+  Jt as ChatWidget,
+  Wt as DEFAULT_PII_PATTERNS,
+  le as DebounceError,
+  Te as builtinThemes,
+  qt as createTranslations,
+  Tt as defaultTranslations,
+  Nt as detectLocale,
+  Ee as locales,
+  Xt as pluginAnalytics,
+  Qt as pluginCannedResponses,
+  Zt as pluginRedactPII,
+  zt as redactText,
+  kt as resolveTranslations
 };