claudius-chat-widget 1.12.0 → 1.13.0

package/dist/claudius.js

@@ -1,9 +1,9 @@
-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 {
+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,11 +12,11 @@ class H 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(e, r, n, s) {
-    super(e), this.status = r, this.code = n, this.retryAfter = s, 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";
@@ -30,13 +30,13 @@ class Oe {
    * @param baseUrl - Base URL of the Worker. Requests post to `${baseUrl}/api/chat`.
    * @param options - Optional retry, debounce, and timeout settings.
    */
-  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;
+  constructor(t, r) {
+    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
@@ -48,22 +48,22 @@ class Oe {
    * @throws {@link DebounceError} when called within the debounce window.
    * @throws {@link ChatApiError} when the request fails after all retries.
    */
-  async sendMessage(e) {
+  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 n = 0; n <= this.maxRetries; n++)
       try {
-        const s = await this.fetchWithTimeout(e);
+        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"), u = i ? Number(i) : void 0;
-        if (r = new H(
+        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,
-          u
+          l
         ), !this.isRetryable(s.status))
           throw r;
         if (n < this.maxRetries) {
@@ -71,14 +71,14 @@ class Oe {
           await this.delay(c);
         }
       } catch (s) {
-        if (s instanceof H) {
+        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 H(
+        } else if (r = new j(
           "Failed to connect. Please try again.",
           0,
           "NETWORK_ERROR"
@@ -109,22 +109,22 @@ class Oe {
    * @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 = {}) {
+  async streamMessage(t, r = {}) {
     var s;
     if (typeof ReadableStream > "u")
-      return this.sendMessage(e);
+      return this.sendMessage(t);
     if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
-      throw new ae();
+      throw new le();
     this.lastSendTime = Date.now();
     let n;
     for (let o = 0; o <= this.maxRetries; o++) {
       let i;
       try {
-        i = await this.fetchStream(e, r.signal);
+        i = await this.fetchStream(t, r.signal);
       } catch (c) {
         if ((s = r.signal) != null && s.aborted)
           return { reply: "", aborted: !0 };
-        if (n = c instanceof H ? c : new H(
+        if (n = c instanceof j ? c : new j(
           "Failed to connect. Please try again.",
           0,
           "NETWORK_ERROR"
@@ -134,14 +134,14 @@ class Oe {
         continue;
       }
       if (i.status === 404 || i.status === 405)
-        return this.lastSendTime = 0, this.sendMessage(e);
+        return this.lastSendTime = 0, this.sendMessage(t);
       if (!i.ok) {
-        const c = await i.json().catch(() => ({})), l = i.headers.get("Retry-After");
-        if (n = new H(
+        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,
-          l ? Number(l) : void 0
+          u ? Number(u) : void 0
         ), !this.isRetryable(i.status))
           throw n;
         o < this.maxRetries && await this.delay(this.getRetryDelay(i, o));
@@ -151,9 +151,9 @@ class Oe {
         try {
           return await i.json();
         } catch {
-          return this.lastSendTime = 0, this.sendMessage(e);
+          return this.lastSendTime = 0, this.sendMessage(t);
         }
-      return i.body ? this.readSseStream(i.body, r) : (this.lastSendTime = 0, this.sendMessage(e));
+      return i.body ? this.readSseStream(i.body, r) : (this.lastSendTime = 0, this.sendMessage(t));
     }
     throw n;
   }
@@ -162,45 +162,54 @@ class Oe {
    * `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 = () => {
+  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(() => {
       });
     };
-    (l = r.signal) == null || l.addEventListener("abort", c, { once: !0 });
+    (d = r.signal) == null || d.addEventListener("abort", u, { once: !0 });
     try {
       for (; ; ) {
-        let x;
+        let k;
         try {
-          x = await n.read();
-        } catch (C) {
-          if ((f = r.signal) != null && f.aborted) break;
-          throw C;
+          k = await n.read();
+        } catch (w) {
+          if ((x = r.signal) != null && x.aborted) break;
+          throw w;
         }
-        if ((y = r.signal) != null && y.aborted || x.done) break;
-        o += s.decode(x.value, { stream: !0 });
-        let w;
-        for (; (w = o.indexOf(`
+        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 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
+          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 (v.event === "error")
-              throw new H(
-                typeof v.data.error == "string" ? v.data.error : "Something went wrong. Please try again.",
+            } 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"
               );
@@ -208,18 +217,22 @@ class Oe {
         }
       }
     } finally {
-      (E = r.signal) == null || E.removeEventListener("abort", c), n.releaseLock();
+      (p = r.signal) == null || p.removeEventListener("abort", u), n.releaseLock();
     }
-    if ((T = r.signal) != null && T.aborted)
-      return { reply: i, aborted: !0 };
-    if (u) return u;
-    throw new H(
+    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(e, r) {
+  async fetchStream(t, r) {
     const n = new AbortController(), s = () => n.abort();
     r == null || r.addEventListener("abort", s, { once: !0 });
     let o = !1;
@@ -230,36 +243,36 @@ class Oe {
       return await fetch(`${this.baseUrl}/api/chat/stream`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ messages: e }),
+        body: JSON.stringify({ messages: t }),
         signal: n.signal
       });
-    } catch (u) {
-      throw o ? new H(
+    } catch (l) {
+      throw o ? new j(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
-      ) : u;
+      ) : l;
     } finally {
       i !== void 0 && clearTimeout(i), r == null || r.removeEventListener("abort", s);
     }
   }
-  async fetchWithTimeout(e) {
+  async fetchWithTimeout(t) {
     if (this.timeoutMs <= 0)
       return fetch(`${this.baseUrl}/api/chat`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ messages: e })
+        body: JSON.stringify({ messages: t })
       });
     const r = new AbortController(), 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: e }),
+        body: JSON.stringify({ messages: t }),
         signal: r.signal
       });
     } catch (s) {
-      throw r.signal.aborted ? new H(
+      throw r.signal.aborted ? new j(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
@@ -268,12 +281,12 @@ class Oe {
       clearTimeout(n);
     }
   }
-  isRetryable(e, r) {
-    return r === "TIMEOUT" || r === "NETWORK_ERROR" ? !0 : e === 429 || e === 503;
+  isRetryable(t, r) {
+    return r === "TIMEOUT" || r === "NETWORK_ERROR" ? !0 : t === 429 || t === 503;
   }
-  getRetryDelay(e, r) {
-    if (e && e.status === 429) {
-      const n = e.headers.get("Retry-After");
+  getRetryDelay(t, r) {
+    if (t && t.status === 429) {
+      const n = t.headers.get("Retry-After");
       if (n) {
         const s = Number(n);
         return Math.min(s * 1e3, 6e4);
@@ -281,111 +294,111 @@ class Oe {
     }
     return r === 0 ? 1e3 : 3e3;
   }
-  delay(e) {
-    return new Promise((r) => setTimeout(r, e));
+  delay(t) {
+    return new Promise((r) => setTimeout(r, t));
   }
 }
-function Ie(t) {
-  let e = "message";
+function Ie(e) {
+  let t = "message";
   const r = [];
-  for (const n of t.split(`
+  for (const n of e.split(`
 `))
-    n.startsWith("event:") ? e = n.slice(6).trim() : n.startsWith("data:") && r.push(n.slice(5).trimStart());
+    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: e, data: n };
+    return typeof n != "object" || n === null ? null : { event: t, data: n };
   } catch {
     return null;
   }
 }
-function ye(t) {
-  return typeof t == "string" ? { content: t } : t;
+function we(e) {
+  return typeof e == "string" ? { content: e } : e;
 }
-function le(t, e, r) {
-  console.error(`[claudius] plugin "${t.name}" failed in ${e}:`, r);
+function fe(e, t, r) {
+  console.error(`[claudius] plugin "${e.name}" failed in ${t}:`, r);
 }
-async function De(t, e, r) {
-  let n = e;
-  for (const s of t) {
+async function De(e, t, r) {
+  let n = t;
+  for (const s of e) {
     if (!s.onBeforeSend) continue;
     let o = null;
     const i = {
       ...r,
-      respondWith(u) {
+      respondWith(l) {
         o = {
           type: "respond",
           message: n,
-          reply: ye(u)
+          reply: we(l)
         };
       },
-      abort(u) {
-        o = { type: "abort", reason: u };
+      abort(l) {
+        o = { type: "abort", reason: l };
       }
     };
     try {
-      const u = await s.onBeforeSend(n, i);
+      const l = await s.onBeforeSend(n, i);
       if (o) return o;
-      u && (n = u);
-    } catch (u) {
-      le(s, "onBeforeSend", u);
+      l && (n = l);
+    } catch (l) {
+      fe(s, "onBeforeSend", l);
     }
   }
   return { type: "send", message: n };
 }
-async function _e(t, e, r) {
-  let n = e;
-  for (const s of t)
+async function _e(e, t, r) {
+  let n = t;
+  for (const s of e)
     if (s.onAfterReceive)
       try {
         const o = await s.onAfterReceive(n, r);
         o && (n = o);
       } catch (o) {
-        le(s, "onAfterReceive", o);
+        fe(s, "onAfterReceive", o);
       }
   return n;
 }
-async function He(t, e, r) {
-  for (const n of t) {
+async function je(e, t, r) {
+  for (const n of e) {
     if (!n.onError) continue;
     let s = null;
     const o = {
       ...r,
       respondWith(i) {
-        s = ye(i);
+        s = we(i);
       }
     };
     try {
-      if (await n.onError(e, o), s) return s;
+      if (await n.onError(t, o), s) return s;
     } catch (i) {
-      le(n, "onError", i);
+      fe(n, "onError", i);
     }
   }
   return null;
 }
-const je = 200, Be = "claudius:messages";
-function $e(t, e) {
+const He = 200, Be = "claudius:messages";
+function $e(e, t) {
   let r;
   try {
-    r = new URL(e).host;
+    r = new URL(t).host;
   } catch {
-    r = e;
+    r = t;
   }
-  return `${t}:${r}`;
+  return `${e}:${r}`;
 }
-function ce() {
+function ue() {
   try {
     return typeof sessionStorage < "u" ? sessionStorage : null;
   } catch {
     return null;
   }
 }
-function Pe(t) {
-  const e = ce();
-  if (!e) return [];
+function Pe(e) {
+  const t = ue();
+  if (!t) return [];
   try {
-    const r = e.getItem(t);
+    const r = t.getItem(e);
     if (!r) return [];
     const n = JSON.parse(r);
     return Array.isArray(n) ? n : [];
@@ -393,270 +406,279 @@ function Pe(t) {
     return [];
   }
 }
-function Ge({
-  apiUrl: t,
-  persistMessages: e = !0,
+function Ue({
+  apiUrl: e,
+  persistMessages: t = !0,
   storageKeyPrefix: r = Be,
   timeoutMs: n,
   translations: s,
   plugins: o,
   streaming: i = !0
 }) {
-  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(
+  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
-  ), [v, g] = A(null), [S, j] = A(!1), W = O(l.length), $ = O(!1), p = O(l), Y = O(null), B = O(o ?? []);
+  ), [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 _ = L(
-    (d) => {
-      if (!e) return;
-      const N = ce();
-      if (N)
+  const _ = O(
+    (h) => {
+      if (!t) return;
+      const A = ue();
+      if (A)
         try {
-          const k = d.slice(-je);
-          N.setItem(c, JSON.stringify(k));
+          const S = h.slice(-He);
+          A.setItem(c, JSON.stringify(S));
         } catch {
         }
     },
-    [e, c]
-  ), h = () => (W.current += 1, `msg-${W.current}`), F = L(
-    (d, N) => {
+    [t, c]
+  ), m = () => (F.current += 1, `msg-${F.current}`), V = O(
+    (h, A) => {
       if (!s)
-        return N ?? "Something went wrong. Please try again.";
-      switch (d) {
+        return A ?? "Something went wrong. Please try again.";
+      switch (h) {
         case "TIMEOUT":
           return s.errorTimeout;
         case "NETWORK_ERROR":
           return s.errorConnection;
         case "RATE_LIMITED":
-          return N != null && N.includes("minute") ? s.errorRateLimitMinute : s.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 N ?? s.errorGeneric;
+          return A ?? s.errorGeneric;
       }
     },
     [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 }
+  ), 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 }
           ];
-          p.current = R, y(R);
+          y.current = C, x(C);
         } else {
-          const R = k, D = p.current.map(
-            (M) => M.id === R ? { ...M, content: m } : M
+          const C = S, M = y.current.map(
+            (P) => P.id === C ? { ...P, ...b } : P
           );
-          p.current = D, y(D);
+          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 {
-        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)
+        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] })
           });
-          m = J.reply, R = J.sources, D = J.aborted ?? !1;
+          b = q.reply, C = q.sources, M = q.toolUses, P = q.aborted ?? !1;
         } else {
-          const P = await u.sendMessage(d);
-          m = P.reply, R = P.sources;
+          const G = await l.sendMessage(h);
+          b = G.reply, C = G.sources, M = G.toolUses;
+        }
+        if (P && !b) {
+          $();
+          return;
         }
-        if (D && !m) return;
-        let M = {
-          id: k ?? h(),
+        let U = {
+          id: S ?? m(),
           role: "assistant",
-          content: m,
-          sources: R
+          content: b,
+          sources: C,
+          toolUses: M
         };
-        B.current.length > 0 && !D && (M = await _e(
+        B.current.length > 0 && !P && (U = await _e(
           B.current,
-          M,
-          { messages: d, apiUrl: t }
+          U,
+          { messages: h, 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(
+        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."
-          ), j(!1);
+          ), E(!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
+          const C = b instanceof Error ? b : new Error(String(b)), M = await je(B.current, C, {
+            messages: h,
+            apiUrl: e
           });
-          if (D) {
-            const M = {
-              id: h(),
+          if (M) {
+            const P = {
+              id: m(),
               role: "assistant",
-              content: D.content,
-              sources: D.sources
-            }, z = [...d, M];
-            p.current = z, y(z), _(z), g(null), j(!1);
+              content: M.content,
+              sources: M.sources
+            }, U = [...h, P];
+            y.current = U, x(U), _(U), w(null), E(!1);
             return;
           }
         }
-        m instanceof H ? g(F(m.code, m.message)) : g(
+        b instanceof j ? w(V(b.code, b.message)) : w(
           (s == null ? void 0 : s.errorConnection) ?? "Failed to connect. Please try again."
-        ), j(Z(m));
+        ), E(ee(b));
       } finally {
-        E(!1), $.current = !1, x(!1), C(null), Y.current = null;
+        R(!1), W.current = !1, p(!1), k(null), K.current = null;
       }
     },
     [
-      t,
-      u,
-      F,
-      Z,
+      e,
+      l,
+      V,
+      ee,
       _,
       i,
       s
     ]
-  ), 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(),
+  ), 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: N
+        content: A
       };
-      let V = k;
+      let Y = S;
       if (B.current.length > 0) {
-        const R = await De(B.current, k, {
-          messages: p.current,
-          apiUrl: t
+        const b = await De(B.current, S, {
+          messages: y.current,
+          apiUrl: e
         });
-        if (R.type === "abort") return;
-        if (R.type === "respond") {
-          const D = {
-            id: h(),
+        if (b.type === "abort") return;
+        if (b.type === "respond") {
+          const C = {
+            id: m(),
             role: "assistant",
-            content: R.reply.content,
-            sources: R.reply.sources
+            content: b.reply.content,
+            sources: b.reply.sources
           }, M = [
-            ...p.current,
-            R.message,
-            D
+            ...y.current,
+            b.message,
+            C
           ];
-          p.current = M, y(M), _(M), g(null), j(!1);
+          y.current = M, x(M), _(M), w(null), E(!1);
           return;
         }
-        V = R.message;
+        Y = b.message;
       }
-      const m = [...p.current, V];
-      p.current = m, y(m), _(m), await K(m);
+      const $ = [...y.current, Y];
+      y.current = $, x($), _($), await J($);
     },
-    [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;
+    [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 {
-        d.removeItem(c);
+        h.removeItem(c);
       } catch {
       }
     }
-  }, [e, c]);
+  }, [t, c]);
   return {
-    messages: f,
-    isLoading: I,
+    messages: d,
+    isLoading: N,
     isStreaming: T,
-    streamingMessageId: w,
-    error: v,
-    canRetry: S,
-    sendMessage: oe,
-    stop: se,
-    retry: Q,
-    clearMessages: ee
+    streamingMessageId: v,
+    error: H,
+    canRetry: f,
+    sendMessage: ie,
+    stop: oe,
+    retry: te,
+    clearMessages: re
   };
 }
-function Ue(t) {
-  const [e, r] = A(() => typeof window > "u" ? !1 : window.matchMedia(t).matches);
-  return U(() => {
-    const n = window.matchMedia(t);
+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);
-  }, [t]), e;
+  }, [e]), t;
 }
-function re(t, e) {
-  return t instanceof RegExp ? t.test(e) : e.toLowerCase().includes(t.toLowerCase());
+function ne(e, t) {
+  return e instanceof RegExp ? e.test(t) : t.toLowerCase().includes(e.toLowerCase());
 }
 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;
+  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 ze({
-  triggers: t,
-  enabled: e,
+  triggers: e,
+  enabled: t,
   onOpen: r,
   onGreeting: n
 }) {
-  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));
+  z(() => {
+    if (!t || !e || e.length === 0) return;
+    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 t.forEach((c, l) => {
+    return e.forEach((c, u) => {
       switch (c.on) {
         case "url": {
-          re(c.pattern, i) && u(l, c.action);
+          ne(c.pattern, i) && l(u, c.action);
           break;
         }
         case "time": {
-          if (c.matchUrl && !re(c.matchUrl, i))
+          if (c.matchUrl && !ne(c.matchUrl, i))
             return;
-          const f = window.setTimeout(
-            () => u(l, c.action),
+          const d = window.setTimeout(
+            () => l(u, c.action),
             Math.max(0, c.seconds * 1e3)
           );
-          o.push(() => window.clearTimeout(f));
+          o.push(() => window.clearTimeout(d));
           break;
         }
         case "scroll": {
-          if (c.matchUrl && !re(c.matchUrl, i))
+          if (c.matchUrl && !ne(c.matchUrl, i))
             return;
-          const f = () => {
-            We() >= c.percent && u(l, c.action);
+          const d = () => {
+            We() >= c.percent && l(u, c.action);
           };
-          f(), window.addEventListener("scroll", f, { passive: !0 }), o.push(() => window.removeEventListener("scroll", f));
+          d(), window.addEventListener("scroll", d, { passive: !0 }), o.push(() => window.removeEventListener("scroll", d));
           break;
         }
         case "exit-intent": {
-          if (c.matchUrl && !re(c.matchUrl, i))
+          if (c.matchUrl && !ne(c.matchUrl, i))
             return;
-          const f = (y) => {
-            y.clientY <= 0 && u(l, c.action);
+          const d = (x) => {
+            x.clientY <= 0 && l(u, c.action);
           };
-          document.addEventListener("mouseleave", f), o.push(
-            () => document.removeEventListener("mouseleave", f)
+          document.addEventListener("mouseleave", d), o.push(
+            () => document.removeEventListener("mouseleave", d)
           );
           break;
         }
@@ -664,15 +686,15 @@ function ze({
     }), () => {
       o.forEach((c) => c());
     };
-  }, [t, e, r, n]);
+  }, [e, t, r, n]);
 }
 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"
-}, 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";
+}, 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",
     {
@@ -680,7 +702,7 @@ const Fe = {
       onClick: r,
       "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(
+      children: t ? /* @__PURE__ */ g(
         "svg",
         {
           width: "24",
@@ -714,12 +736,12 @@ const Fe = {
       )
     }
   );
-}), Ve = ue(function({
-  count: e,
+}), Ye = de(function({
+  count: t,
   isActive: r,
   onClick: n
 }) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ g(
     "button",
     {
       onClick: n,
@@ -727,7 +749,7 @@ const Fe = {
       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__ */ b(
+        /* @__PURE__ */ g(
           "svg",
           {
             width: "14",
@@ -747,65 +769,130 @@ const Fe = {
             ]
           }
         ),
-        /* @__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 })
+        /* @__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 })
       ]
     }
   );
 }), Ke = ["http:", "https:"];
-function xe(t) {
-  if (!t || typeof t != "string")
+function ve(e) {
+  if (!e || typeof e != "string")
     return null;
-  const e = t.trim();
-  if (!e)
+  const t = e.trim();
+  if (!t)
     return null;
   try {
-    const r = new URL(e);
-    return Ke.includes(r.protocol) ? e : null;
+    const r = new URL(t);
+    return Ke.includes(r.protocol) ? t : null;
   } catch {
     return null;
   }
 }
-function qe(t) {
-  const e = t.lastIndexOf(`
-`), r = e === -1 ? "" : t.slice(0, e + 1);
-  let n = e === -1 ? t : t.slice(e + 1);
+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(t) {
-  const e = [];
-  for (let r = 0; r < t.length - 1; r++)
-    t[r] === "*" && t[r + 1] === "*" && (e.push(r), r++);
-  return e;
+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(t) {
-  const e = [];
-  for (let r = 0; r < t.length; r++)
-    if (t[r] === "*") {
-      if (t[r + 1] === "*") {
+function Xe(e) {
+  const t = [];
+  for (let r = 0; r < e.length; r++)
+    if (e[r] === "*") {
+      if (e[r + 1] === "*") {
         r++;
         continue;
       }
-      e.push(r);
+      t.push(r);
     }
-  return e;
+  return t;
 }
-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 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(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 + "*";
+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 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(
+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,
@@ -817,107 +904,119 @@ function et(t, e) {
           /* @__PURE__ */ a("span", { className: "sr-only", children: " (opens in a new tab)" })
         ]
       },
-      e
+      t
     ),
     s
-  ] }) : t;
+  ] }) : e;
 }
-function tt(t, e) {
-  const r = t.split(me), n = [];
+function rt(e, t) {
+  const r = e.split(ge), n = [];
   return r.forEach((s, o) => {
-    if (me.test(s)) {
+    if (ge.test(s)) {
       const i = s.slice(2, -2);
-      n.push(/* @__PURE__ */ a("strong", { children: i }, `${e}-b${o}`));
+      n.push(/* @__PURE__ */ a("strong", { children: i }, `${t}-b${o}`));
     } else
-      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}`));
+      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
-          u.split(he).forEach((f, y) => {
-            he.test(f) ? n.push(
-              et(f, `${e}-b${o}-i${c}-u${y}`)
-            ) : f && n.push(f);
+          l.split(me).forEach((d, x) => {
+            me.test(d) ? n.push(
+              tt(d, `${t}-b${o}-i${c}-u${x}`)
+            ) : d && n.push(d);
           });
       });
   }), n;
 }
-function rt(t) {
-  const e = t.split(`
+function nt(e) {
+  const t = e.split(`
 `);
-  return e.map((r, n) => /* @__PURE__ */ b("span", { children: [
-    tt(r, `l${n}`),
-    n < e.length - 1 && /* @__PURE__ */ a("br", {})
+  return t.map((r, n) => /* @__PURE__ */ g("span", { children: [
+    rt(r, `l${n}`),
+    n < t.length - 1 && /* @__PURE__ */ a("br", {})
   ] }, n));
 }
-const nt = ue(function({
-  role: e,
+const st = de(function({
+  role: t,
   content: r,
   isStreaming: n = !1,
   sources: s,
-  onSourceClick: o,
-  isSourceActive: i
+  toolUses: o,
+  toolUsedLabel: i = "Used tool:",
+  toolDetailsLabel: l = "Tool details",
+  onSourceClick: c,
+  isSourceActive: u
 }) {
-  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(
+  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 ${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)
+        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)
       }
     ),
-    !u && s && s.length > 0 && o && /* @__PURE__ */ a("div", { className: "mt-1", children: /* @__PURE__ */ a(
-      Ve,
+    !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: i ?? !1,
-        onClick: o
+        isActive: u ?? !1,
+        onClick: c
       }
     ) })
   ] });
-}), ie = 2e3, st = 1800;
-function ot({
-  onSend: t,
-  isLoading: e,
+}), ce = 2e3, ot = 1800;
+function it({
+  onSend: e,
+  isLoading: t,
   isStreaming: r = !1,
   onStop: n,
   placeholder: s,
   translations: o
 }) {
-  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(
+  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: (g) => {
-        g.preventDefault();
-        const S = i.trim();
-        !S || y || (t(S), u(""));
+      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__ */ b("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ g("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ a(
             "input",
             {
               ref: c,
               type: "text",
               value: i,
-              onChange: (g) => {
-                const S = g.target.value;
-                S.length <= ie && u(S);
+              onChange: (w) => {
+                const f = w.target.value;
+                f.length <= ce && l(f);
               },
-              placeholder: I,
-              disabled: e,
-              "aria-label": x,
-              "aria-describedby": f ? "char-count" : void 0,
+              placeholder: N,
+              disabled: t,
+              "aria-label": p,
+              "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"
             }
           ),
-          w ? /* @__PURE__ */ a(
+          v ? /* @__PURE__ */ a(
             "button",
             {
               type: "button",
@@ -940,10 +1039,10 @@ function ot({
             "button",
             {
               type: "submit",
-              disabled: e || y,
-              "aria-label": E,
+              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__ */ b(
+              children: /* @__PURE__ */ g(
                 "svg",
                 {
                   width: "16",
@@ -964,16 +1063,16 @@ function ot({
             }
           )
         ] }),
-        f && /* @__PURE__ */ b(
+        d && /* @__PURE__ */ g(
           "div",
           {
             id: "char-count",
-            className: `mt-1 text-xs text-right ${y ? "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: [
-              l,
+              u,
               "/",
-              ie
+              ce
             ]
           }
         )
@@ -981,30 +1080,30 @@ function ot({
     }
   );
 }
-const it = ["blog", "page", "external"], at = {
+const at = ["blog", "page", "external"], ct = {
   blog: "Blog",
   page: "Page",
   external: "External"
 };
-function ct(t) {
+function lt(e) {
   try {
-    return new URL(t).hostname;
+    return new URL(e).hostname;
   } catch {
-    return t;
+    return e;
   }
 }
-const ut = ue(function({
-  sources: e,
+const ut = de(function({
+  sources: t,
   onClose: r
 }) {
-  const n = it.map((o) => ({
+  const n = at.map((o) => ({
     type: o,
-    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: [
+    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 })
       ] }),
@@ -1014,7 +1113,7 @@ const ut = ue(function({
           onClick: r,
           "aria-label": "Close sources",
           className: "flex h-7 w-7 items-center justify-center rounded-claudius-full text-claudius-text-muted transition-colors hover:bg-claudius-surface-muted hover:text-claudius-text",
-          children: /* @__PURE__ */ b(
+          children: /* @__PURE__ */ g(
             "svg",
             {
               width: "14",
@@ -1035,54 +1134,54 @@ const ut = ue(function({
         }
       )
     ] }),
-    /* @__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("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 u = xe(i.url);
-        return u ? /* @__PURE__ */ b(
+        const l = ve(i.url);
+        return l ? /* @__PURE__ */ g(
           "a",
           {
-            href: u,
+            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__ */ 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) })
+              /* @__PURE__ */ a("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: lt(l) })
             ]
           },
-          u
+          l
         ) : null;
       }) })
     ] }, o.type)) })
   ] });
 });
-function lt({
-  title: t,
-  subtitle: e,
+function dt({
+  title: e,
+  subtitle: t,
   titleId: r,
   closeLabel: n,
   onClose: s
 }) {
-  return /* @__PURE__ */ b("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
+  return /* @__PURE__ */ g("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: t.charAt(0).toUpperCase()
+        children: e.charAt(0).toUpperCase()
       }
     ),
-    /* @__PURE__ */ b("div", { className: "flex-1", children: [
+    /* @__PURE__ */ g("div", { className: "flex-1", children: [
       /* @__PURE__ */ a(
         "h2",
         {
           id: r,
           className: "text-sm font-heading font-semibold text-claudius-accent-text",
-          children: t
+          children: e
         }
       ),
-      /* @__PURE__ */ a("p", { className: "text-xs text-claudius-accent-text", children: e })
+      /* @__PURE__ */ a("p", { className: "text-xs text-claudius-accent-text", children: t })
     ] }),
     /* @__PURE__ */ a(
       "button",
@@ -1090,7 +1189,7 @@ function lt({
         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__ */ b(
+        children: /* @__PURE__ */ g(
           "svg",
           {
             width: "18",
@@ -1112,40 +1211,40 @@ function lt({
     )
   ] });
 }
-function dt({
-  message: t,
-  retryLabel: e,
+function ft({
+  message: e,
+  retryLabel: t,
   onRetry: r
 }) {
-  return /* @__PURE__ */ b(
+  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__ */ a("span", { children: t }),
+        /* @__PURE__ */ a("span", { children: e }),
         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: e
+            children: t
           }
         )
       ]
     }
   );
 }
-function ft({ label: t }) {
+function ht({ label: e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       role: "status",
       "aria-live": "polite",
-      "aria-label": t,
+      "aria-label": e,
       className: "mr-auto flex max-w-[85%]",
-      children: /* @__PURE__ */ b("div", { className: "flex gap-1 rounded-claudius-bubble rounded-bl-claudius-tail bg-claudius-assistant-bubble px-4 py-3", children: [
+      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]" })
@@ -1153,168 +1252,174 @@ function ft({ label: t }) {
     }
   );
 }
-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 f = (E) => {
-      if (l.scrollTop > 0) {
+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;
       }
-      c.current = !0, i.current = E.touches[0].clientY, u.current = Date.now();
-    }, y = (E) => {
+      c.current = !0, i.current = R.touches[0].clientY, l.current = Date.now();
+    }, x = (R) => {
       if (!c.current) return;
-      let T = E.touches[0].clientY - i.current;
+      let T = R.touches[0].clientY - i.current;
       T < 0 && (T = T * 0.3), o.current = T, s(T);
-    }, I = () => {
+    }, N = () => {
       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));
+      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", 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);
+    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);
     };
-  }, [t, e, r]), { offsetY: n };
+  }, [e, t, r]), { offsetY: n };
 }
-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;
+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 n = (s) => {
       if (s.key !== "Tab") return;
       const o = Array.from(
-        r.querySelectorAll(mt)
-      ).filter((l) => !l.hasAttribute("aria-hidden"));
+        r.querySelectorAll(gt)
+      ).filter((u) => !u.hasAttribute("aria-hidden"));
       if (o.length === 0) return;
-      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());
+      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", n), () => r.removeEventListener("keydown", n);
-  }, [t, e]);
+  }, [e, t]);
 }
-const pt = /\*\*([^*]+)\*\*/g, bt = /\*([^*]+)\*/g, yt = /https?:\/\/[^\s)]+/g;
-function xt(t) {
-  return t.replace(pt, "$1").replace(bt, "$1").replace(yt, (e) => {
+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(e).hostname;
+      return new URL(t).hostname;
     } catch {
-      return e;
+      return t;
     }
   });
 }
-const wt = {
+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 vt({
-  messages: t,
-  isLoading: e,
+function Rt({
+  messages: e,
+  isLoading: t,
   isStreaming: r = !1,
   streamingMessageId: n = null,
   error: s,
   canRetry: o = !1,
   onSend: i,
-  onStop: u,
+  onStop: l,
   onRetry: c,
-  onClose: l,
-  title: f = "Chat",
-  subtitle: y = "Ask me anything",
-  welcomeMessage: I = "Hi! How can I help you today?",
-  placeholder: E,
+  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: x,
-  isMobile: w = !1
+  translations: p,
+  isMobile: v = !1
 }) {
-  const C = Le(), v = O(null), g = O(null), [S, j] = A(null);
-  gt(v, !0);
-  const { offsetY: W } = ht(
-    g,
-    l,
-    w
-  ), $ = 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();
+  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]), z(() => {
+    const m = (V) => {
+      V.key === "Escape" && !V.isComposing && u();
     };
-    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(
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [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: v,
+      ref: H,
       role: "dialog",
-      "aria-modal": w ? "true" : 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,
+      "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__ */ 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" }) }),
+        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(
-          lt,
+          dt,
           {
-            title: f,
-            subtitle: y,
-            titleId: C,
-            closeLabel: Y,
-            onClose: l
+            title: d,
+            subtitle: x,
+            titleId: k,
+            closeLabel: K,
+            onClose: u
           }
         ),
-        /* @__PURE__ */ b("div", { className: "relative flex-1 overflow-hidden", children: [
-          S && /* @__PURE__ */ a(
+        /* @__PURE__ */ g("div", { className: "relative flex-1 overflow-hidden", children: [
+          f && /* @__PURE__ */ a(
             ut,
             {
-              sources: S.sources,
-              onClose: () => j(null)
+              sources: f.sources,
+              onClose: () => E(null)
             }
           ),
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ g(
             "div",
             {
-              ref: g,
+              ref: w,
               role: "log",
               "aria-label": B,
               className: "h-full space-y-3 overflow-y-auto px-4 py-4",
               children: [
-                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,
+                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: h.role,
-                    content: h.content,
-                    isStreaming: h.id === n,
-                    sources: h.sources,
-                    isSourceActive: (S == null ? void 0 : S.messageId) === h.id,
+                    role: m.role,
+                    content: m.content,
+                    isStreaming: m.id === n,
+                    sources: m.sources,
+                    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: () => {
-                      (S == null ? void 0 : S.messageId) === h.id ? j(null) : h.sources && h.sources.length > 0 && j({ messageId: h.id, sources: h.sources });
+                      (f == null ? void 0 : f.messageId) === m.id ? E(null) : m.sources && m.sources.length > 0 && E({ messageId: m.id, sources: m.sources });
                     }
                   },
-                  h.id
+                  m.id
                 )),
-                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,
+                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: (x == null ? void 0 : x.typingIndicator) ?? "Assistant is typing"
+                    label: (p == null ? void 0 : p.typingIndicator) ?? "Assistant is typing"
                   }
                 ),
                 s && /* @__PURE__ */ a(
-                  dt,
+                  ft,
                   {
                     message: s,
-                    retryLabel: (x == null ? void 0 : x.errorRetry) ?? "Retry",
-                    onRetry: o && c && !e ? c : void 0
+                    retryLabel: (p == null ? void 0 : p.errorRetry) ?? "Retry",
+                    onRetry: o && c && !t ? c : void 0
                   }
                 )
               ]
@@ -1328,45 +1433,45 @@ function vt({
             "aria-live": "polite",
             "aria-atomic": "true",
             className: "sr-only",
-            children: _ && _.id !== n ? xt(_.content) : ""
+            children: _ && _.id !== n ? wt(_.content) : ""
           }
         ),
         /* @__PURE__ */ a(
-          ot,
+          it,
           {
             onSend: i,
-            isLoading: e,
+            isLoading: t,
             isStreaming: r,
-            onStop: u,
-            placeholder: E,
-            translations: x
+            onStop: l,
+            placeholder: R,
+            translations: p
           }
         )
       ]
     }
   );
 }
-function Rt({
-  message: t,
-  position: e,
+function Et({
+  message: e,
+  position: t,
   onOpen: r,
   onDismiss: n,
   dismissLabel: s
 }) {
-  const o = e.startsWith("bottom"), i = e.endsWith("right"), u = [
+  const o = t.startsWith("bottom"), i = t.endsWith("right"), l = [
     "claudius-greeting-bubble",
     "fixed z-40 max-w-xs",
     o ? "bottom-20" : "top-20",
     i ? "right-4" : "left-4"
   ].join(" ");
-  return /* @__PURE__ */ b("div", { className: u, role: "status", "aria-live": "polite", children: [
+  return /* @__PURE__ */ g("div", { className: l, 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: t
+        children: e
       }
     ),
     /* @__PURE__ */ a(
@@ -1383,7 +1488,7 @@ function Rt({
     )
   ] });
 }
-const we = {
+const Re = {
   // ChatWindow
   title: "Chat",
   subtitle: "Ask me anything",
@@ -1395,6 +1500,8 @@ const we = {
   placeholder: "Type your message...",
   sendMessage: "Send message",
   stopGenerating: "Stop generating",
+  toolUsed: "Used tool:",
+  toolDetails: "Tool details",
   typeYourMessage: "Type your message",
   // ChatToggleButton
   openChat: "Open chat",
@@ -1407,11 +1514,11 @@ const we = {
   errorRateLimitMinute: "Too many requests. Please wait a minute.",
   errorRateLimitHour: "Hourly limit reached. Please try again later.",
   errorRetry: "Retry"
-}, Et = we;
-function Kt(t) {
-  return { ...Et, ...t };
+}, Tt = Re;
+function qt(e) {
+  return { ...Tt, ...e };
 }
-const Tt = {
+const Mt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Pregúntame lo que quieras",
@@ -1423,6 +1530,8 @@ const Tt = {
   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",
@@ -1435,7 +1544,7 @@ const Tt = {
   errorRateLimitMinute: "Demasiadas solicitudes. Espera un minuto.",
   errorRateLimitHour: "Has alcanzado el límite por hora. Inténtalo más tarde.",
   errorRetry: "Reintentar"
-}, Mt = {
+}, St = {
   // ChatWindow
   title: "Chat",
   subtitle: "Posez-moi vos questions",
@@ -1447,6 +1556,8 @@ const Tt = {
   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",
@@ -1459,7 +1570,7 @@ const Tt = {
   errorRateLimitMinute: "Trop de requêtes. Veuillez patienter une minute.",
   errorRateLimitHour: "Limite horaire atteinte. Veuillez réessayer plus tard.",
   errorRetry: "Réessayer"
-}, St = {
+}, Ct = {
   // ChatWindow
   title: "Chat",
   subtitle: "Fragen Sie mich alles",
@@ -1471,6 +1582,8 @@ const Tt = {
   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",
@@ -1483,28 +1596,28 @@ const Tt = {
   errorRateLimitMinute: "Zu viele Anfragen. Bitte warten Sie eine Minute.",
   errorRateLimitHour: "Stündliches Limit erreicht. Bitte versuchen Sie es später erneut.",
   errorRetry: "Erneut versuchen"
-}, ve = {
-  en: we,
-  es: Tt,
-  fr: Mt,
-  de: St
+}, Ee = {
+  en: Re,
+  es: Mt,
+  fr: St,
+  de: Ct
 };
-function pe(t) {
-  if (!t) return;
-  const e = t.toLowerCase().split("-")[0];
-  return Object.prototype.hasOwnProperty.call(ve, e) ? e : void 0;
+function be(e) {
+  if (!e) return;
+  const t = e.toLowerCase().split("-")[0];
+  return Object.prototype.hasOwnProperty.call(Ee, t) ? t : void 0;
 }
-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 Nt() {
+  const e = typeof document < "u" ? be(document.documentElement.lang) : void 0;
+  if (e) return e;
+  const t = typeof navigator < "u" ? be(navigator.language) : void 0;
+  return t || "en";
 }
-function Nt(t = {}) {
-  const { locale: e, translations: r } = t, n = ve[e ?? Ct()];
+function kt(e = {}) {
+  const { locale: t, translations: r } = e, n = Ee[t ?? Nt()];
   return r ? { ...n, ...r } : { ...n };
 }
-const be = [
+const ye = [
   "accent",
   "accentText",
   "accentSoft",
@@ -1524,11 +1637,11 @@ const be = [
   "errorText",
   "link",
   "scrim"
-], kt = ["sm", "md", "lg", "full", "tail"], Lt = [
+], Lt = ["sm", "md", "lg", "full", "tail"], At = [
   "elevated",
   "floating",
   "floatingHover"
-], At = ["heading", "body"], Re = {
+], Ot = ["heading", "body"], Te = {
   default: {
     name: "default"
   },
@@ -1613,87 +1726,87 @@ const be = [
     }
   }
 };
-function Ot(t) {
-  return Object.prototype.hasOwnProperty.call(Re, t);
+function It(e) {
+  return Object.prototype.hasOwnProperty.call(Te, e);
 }
-const It = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
-function Dt(t) {
-  if (t === void 0)
+const Dt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function _t(e) {
+  if (e === void 0)
     return { mode: "light" };
-  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 };
+  if (typeof e == "string") {
+    if (Dt.has(e))
+      return { mode: e };
+    if (It(e)) {
+      const t = Te[e];
+      return { mode: t.colorScheme ?? "light", theme: t };
     }
-    return { mode: "light", url: t };
+    return { mode: "light", url: e };
   }
-  return { mode: t.colorScheme ?? "light", theme: t };
+  return { mode: e.colorScheme ?? "light", theme: e };
 }
-function _t(t) {
-  return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function jt(e) {
+  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function Ht(t, e) {
+function Ht(e, t) {
   console.warn(
-    `[Claudius] Ignoring unknown theme token "${e}" in "${t}"`
+    `[Claudius] Ignoring unknown theme token "${t}" in "${e}"`
   );
 }
-function X(t, e, r, n, s, o = "") {
+function Q(e, t, r, n, s, o = "") {
   if (s)
-    for (const [i, u] of Object.entries(s)) {
+    for (const [i, l] of Object.entries(s)) {
       if (!n.includes(i)) {
-        Ht(e, i);
+        Ht(t, i);
         continue;
       }
-      typeof u == "string" && (t[`${r}${_t(i)}${o}`] = u);
+      typeof l == "string" && (e[`${r}${jt(i)}${o}`] = l);
     }
 }
-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,
+function Bt(e) {
+  const t = {};
+  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-",
-    be,
-    t.colorsDark,
+    ye,
+    e.colorsDark,
     "-dark"
-  ), 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;
+  ), 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 Bt(t) {
-  return typeof t == "object" && t !== null && !Array.isArray(t);
+function $t(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function $t(t) {
-  const e = ne(() => Dt(t), [t]), [r, n] = A(null), s = e.url;
-  U(() => {
+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((l) => {
-      if (!l.ok)
-        throw new Error(`HTTP ${l.status}`);
-      return l.json();
-    }).then((l) => {
-      if (!Bt(l))
+    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");
-      n(l);
-    }).catch((l) => {
-      c.signal.aborted || console.error(`[Claudius] Failed to load theme from ${s}:`, l);
+      n(u);
+    }).catch((u) => {
+      c.signal.aborted || console.error(`[Claudius] Failed to load theme from ${s}:`, u);
     }), () => c.abort();
   }, [s]);
-  const o = e.theme ?? r ?? null, i = (r == null ? void 0 : r.colorScheme) ?? e.mode, u = ne(
-    () => o ? jt(o) : {},
+  const o = t.theme ?? r ?? null, i = (r == null ? void 0 : r.colorScheme) ?? t.mode, l = se(
+    () => o ? Bt(o) : {},
     [o]
   );
-  return { mode: i, cssVars: u };
+  return { mode: i, cssVars: l };
 }
-const Ee = "claudius:triggers:dismissed";
-function Pt() {
+const Me = "claudius:triggers:dismissed";
+function Ut() {
   if (typeof window > "u") return !1;
   try {
-    return window.sessionStorage.getItem(Ee) === "1";
+    return window.sessionStorage.getItem(Me) === "1";
   } catch {
     return !1;
   }
@@ -1701,152 +1814,152 @@ function Pt() {
 function Gt() {
   if (!(typeof window > "u"))
     try {
-      window.sessionStorage.setItem(Ee, "1");
+      window.sessionStorage.setItem(Me, "1");
     } catch {
     }
 }
-function qt({
-  apiUrl: t,
-  title: e,
+function Jt({
+  apiUrl: e,
+  title: t,
   subtitle: r,
   welcomeMessage: n,
   placeholder: s,
   persistMessages: o,
   storageKeyPrefix: i,
-  requestTimeoutMs: u,
+  requestTimeoutMs: l,
   theme: c = "light",
-  accentColor: l,
-  position: f = "bottom-right",
-  locale: y,
-  translations: I,
-  triggers: E,
+  accentColor: u,
+  position: d = "bottom-right",
+  locale: x,
+  translations: N,
+  triggers: R,
   plugins: T,
-  streaming: x = !0
+  streaming: p = !0
 }) {
-  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]
+  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: Y,
+    messages: K,
     isLoading: B,
     isStreaming: _,
-    streamingMessageId: h,
-    error: F,
-    canRetry: Z,
-    sendMessage: K,
-    stop: se,
-    retry: oe
-  } = Ge({
-    apiUrl: t,
+    streamingMessageId: m,
+    error: V,
+    canRetry: ee,
+    sendMessage: J,
+    stop: oe,
+    retry: ie
+  } = Ue({
+    apiUrl: e,
     persistMessages: o,
     storageKeyPrefix: i,
-    timeoutMs: u,
-    translations: p,
+    timeoutMs: l,
+    translations: y,
     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]);
+    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), $();
+  }, [$]);
   ze({
-    triggers: E,
-    enabled: !S && !w,
+    triggers: R,
+    enabled: !f && !v,
     onOpen: M,
-    onGreeting: z
+    onGreeting: P
   });
-  const de = d === "dark" || d === "auto" && k, te = {
-    ...N,
-    ...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
     } : {}
-  }, Te = 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__ */ a("div", { className: "claudius-root", style: Te, children: /* @__PURE__ */ b("div", { "data-claudius-dark": de ? "true" : "false", children: [
-      w && $ && /* @__PURE__ */ a(
+    /* @__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: R,
+          onClick: b,
           "aria-hidden": "true"
         }
       ),
-      w && /* @__PURE__ */ a(
-        vt,
+      v && /* @__PURE__ */ a(
+        Rt,
         {
-          messages: Y,
+          messages: K,
           isLoading: B,
           isStreaming: _,
-          streamingMessageId: h,
-          error: F,
-          canRetry: Z,
-          onSend: K,
-          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: $
+          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: y,
+          isMobile: W
         }
       ),
-      !(w && $) && /* @__PURE__ */ a(
-        Ye,
+      !(v && W) && /* @__PURE__ */ a(
+        Ve,
         {
-          ref: Q,
-          isOpen: w,
-          onClick: D,
-          position: f,
-          translations: p
+          ref: te,
+          isOpen: v,
+          onClick: C,
+          position: d,
+          translations: y
         }
       ),
-      !w && v && /* @__PURE__ */ a(
-        Rt,
+      !v && H && /* @__PURE__ */ a(
+        Et,
         {
-          message: v,
-          position: f,
-          onOpen: P,
-          onDismiss: J,
-          dismissLabel: p.dismissGreeting
+          message: H,
+          position: d,
+          onOpen: U,
+          onDismiss: Z,
+          dismissLabel: y.dismissGreeting
         }
       )
     ] }) })
   );
 }
-function Jt(t) {
-  const { onEvent: e, includeContent: r = !0 } = t, n = (s) => r ? s : "";
+function Xt(e) {
+  const { onEvent: t, includeContent: r = !0 } = e, n = (s) => r ? s : "";
   return {
     name: "analytics",
     onBeforeSend(s) {
-      e({
+      t({
         type: "message_sent",
         role: "user",
         content: n(s.content),
@@ -1854,7 +1967,7 @@ function Jt(t) {
       });
     },
     onAfterReceive(s) {
-      e({
+      t({
         type: "message_received",
         role: "assistant",
         content: n(s.content),
@@ -1862,7 +1975,7 @@ function Jt(t) {
       });
     },
     onError(s) {
-      e({
+      t({
         type: "chat_error",
         message: s.message,
         code: s.code
@@ -1870,7 +1983,7 @@ function Jt(t) {
     }
   };
 }
-const Ut = [
+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)
@@ -1880,20 +1993,20 @@ const Ut = [
   // Phone: optional +1, area code, 7 digits with common separators
   /\b(?:\+?1[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}\b/g
 ];
-function Wt(t, e, r) {
-  return e.reduce(
+function zt(e, t, r) {
+  return t.reduce(
     // Reset lastIndex defensively: a shared global regex is stateful.
     (n, s) => (s.lastIndex = 0, n.replace(s, r)),
-    t
+    e
   );
 }
-function Xt(t = {}) {
+function Zt(e = {}) {
   const {
-    patterns: e = Ut,
+    patterns: t = Wt,
     replacement: r = "[redacted]",
     redactReplies: n = !1
-  } = t, s = (o) => {
-    const i = Wt(o.content, e, r);
+  } = e, s = (o) => {
+    const i = zt(o.content, t, r);
     if (i !== o.content)
       return { ...o, content: i };
   };
@@ -1903,16 +2016,16 @@ function Xt(t = {}) {
     onAfterReceive: n ? s : void 0
   };
 }
-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 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 Zt(t) {
-  const { rules: e, caseSensitive: r = !1 } = t;
+function Qt(e) {
+  const { rules: t, caseSensitive: r = !1 } = e;
   return {
     name: "canned-responses",
     onBeforeSend(n, s) {
-      for (const o of e)
-        if (zt(o.match, n.content, r)) {
+      for (const o of t)
+        if (Ft(o.match, n.content, r)) {
           s.respondWith(o.reply);
           return;
         }
@@ -1921,18 +2034,18 @@ function Zt(t) {
 }
 export {
   Oe as ChatApiClient,
-  H as ChatApiError,
-  qt as ChatWidget,
-  Ut as DEFAULT_PII_PATTERNS,
-  ae as DebounceError,
-  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
+  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
 };