claudius-chat-widget 1.17.1 → 1.18.0

package/dist/claudius.js

@@ -1,9 +1,9 @@
-var dt = Object.defineProperty;
-var ft = (e, t, n) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var he = (e, t, n) => ft(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as i, jsxs as w, Fragment as ve } from "react/jsx-runtime";
-import { useMemo as se, useState as N, useRef as S, useCallback as M, useEffect as W, forwardRef as Je, memo as ke, useId as Ne } from "react";
-class Z extends Error {
+var pt = Object.defineProperty;
+var mt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var pe = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as i, jsxs as g, Fragment as Te } from "react/jsx-runtime";
+import { useMemo as ae, useState as M, useRef as C, useCallback as O, useEffect as H, forwardRef as Oe, memo as Ae, useId as Ne, Fragment as gt } from "react";
+class Q extends Error {
   /**
    * Create a {@link ChatApiError}.
    *
@@ -22,13 +22,13 @@ class De extends Error {
     super("Request debounced"), this.name = "DebounceError";
   }
 }
-const ht = 3e4;
-function pt(e, t) {
+const bt = 3e4;
+function yt(e, t) {
   const n = atob(e), r = new Uint8Array(n.length);
   for (let o = 0; o < n.length; o++) r[o] = n.charCodeAt(o);
   return new Blob([r], { type: t });
 }
-class mt {
+class wt {
   /**
    * Create a chat client for the given Worker base URL.
    *
@@ -36,12 +36,13 @@ class mt {
    * @param options - Optional retry, debounce, and timeout settings.
    */
   constructor(t, n) {
-    he(this, "baseUrl");
-    he(this, "maxRetries");
-    he(this, "debounceMs");
-    he(this, "timeoutMs");
-    he(this, "lastSendTime", 0);
-    this.baseUrl = t, this.maxRetries = (n == null ? void 0 : n.maxRetries) ?? 2, this.debounceMs = (n == null ? void 0 : n.debounceMs) ?? 300, this.timeoutMs = (n == null ? void 0 : n.timeoutMs) ?? ht;
+    pe(this, "baseUrl");
+    pe(this, "maxRetries");
+    pe(this, "debounceMs");
+    pe(this, "timeoutMs");
+    pe(this, "citations");
+    pe(this, "lastSendTime", 0);
+    this.baseUrl = t, this.maxRetries = (n == null ? void 0 : n.maxRetries) ?? 2, this.debounceMs = (n == null ? void 0 : n.debounceMs) ?? 300, this.timeoutMs = (n == null ? void 0 : n.timeoutMs) ?? bt, this.citations = (n == null ? void 0 : n.citations) ?? !1;
   }
   /**
    * Send the conversation to the chat endpoint and return the assistant's
@@ -64,7 +65,7 @@ class mt {
         if (o.ok)
           return await o.json();
         const s = await o.json().catch(() => ({})), a = o.headers.get("Retry-After"), c = a ? Number(a) : void 0;
-        if (n = new Z(
+        if (n = new Q(
           s.error ?? `Request failed with status ${o.status}`,
           o.status,
           s.code,
@@ -76,14 +77,14 @@ class mt {
           await this.delay(l);
         }
       } catch (o) {
-        if (o instanceof Z) {
+        if (o instanceof Q) {
           if (!this.isRetryable(o.status, o.code))
             throw o;
           if (n = o, r < this.maxRetries) {
             const s = this.getRetryDelay(null, r);
             await this.delay(s);
           }
-        } else if (n = new Z(
+        } else if (n = new Q(
           "Failed to connect. Please try again.",
           0,
           "NETWORK_ERROR"
@@ -100,28 +101,32 @@ class mt {
    * never reuse a consumed stream.
    */
   buildRequest(t) {
-    if (!t.some(
-      (s) => {
-        var a;
-        return (a = s.attachments) == null ? void 0 : a.some((c) => !!c.data);
+    const n = t.some(
+      (a) => {
+        var c;
+        return (c = a.attachments) == null ? void 0 : c.some((l) => !!l.data);
       }
-    ))
+    ), r = this.citations ? { citations: !0 } : {};
+    if (!n)
       return {
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ messages: t })
+        body: JSON.stringify({ messages: t, ...r })
       };
-    const r = new FormData(), o = t.map((s) => s.attachments ? {
-      ...s,
-      attachments: s.attachments.map((a) => {
-        const c = { ...a };
-        return delete c.data, c;
+    const o = new FormData(), s = t.map((a) => a.attachments ? {
+      ...a,
+      attachments: a.attachments.map((c) => {
+        const l = { ...c };
+        return delete l.data, l;
       })
-    } : s);
-    r.append("payload", JSON.stringify({ messages: o }));
-    for (const s of t)
-      for (const a of s.attachments ?? [])
-        a.data && r.append(a.id, pt(a.data, a.mediaType), a.name);
-    return { body: r };
+    } : a);
+    o.append(
+      "payload",
+      JSON.stringify({ messages: s, ...r })
+    );
+    for (const a of t)
+      for (const c of a.attachments ?? [])
+        c.data && o.append(c.id, yt(c.data, c.mediaType), c.name);
+    return { body: o };
   }
   /**
    * Send the conversation to the streaming chat endpoint and resolve with the
@@ -158,7 +163,7 @@ class mt {
       } catch (l) {
         if ((o = n.signal) != null && o.aborted)
           return { reply: "", aborted: !0 };
-        if (r = l instanceof Z ? l : new Z(
+        if (r = l instanceof Q ? l : new Q(
           "Failed to connect. Please try again.",
           0,
           "NETWORK_ERROR"
@@ -171,7 +176,7 @@ class mt {
         return this.lastSendTime = 0, this.sendMessage(t);
       if (!a.ok) {
         const l = await a.json().catch(() => ({})), u = a.headers.get("Retry-After");
-        if (r = new Z(
+        if (r = new Q(
           l.error ?? `Request failed with status ${a.status}`,
           a.status,
           l.code,
@@ -197,56 +202,58 @@ class mt {
    * resolving with the partial text when the caller aborts.
    */
   async readSseStream(t, n) {
-    var d, x, A, g, f, p, T;
+    var T, A, m, h, d, k, b, x;
     const r = t.getReader(), o = new TextDecoder();
     let s = "", a = "";
     const c = [];
-    let l;
-    const u = () => {
+    let l, u;
+    const f = () => {
       r.cancel().catch(() => {
       });
     };
-    (d = n.signal) == null || d.addEventListener("abort", u, { once: !0 });
+    (T = n.signal) == null || T.addEventListener("abort", f, { once: !0 });
     try {
       for (; ; ) {
-        let b;
+        let y;
         try {
-          b = await r.read();
-        } catch (y) {
-          if ((x = n.signal) != null && x.aborted) break;
-          throw y;
+          y = await r.read();
+        } catch (D) {
+          if ((A = n.signal) != null && A.aborted) break;
+          throw D;
         }
-        if ((A = n.signal) != null && A.aborted || b.done) break;
-        s += o.decode(b.value, { stream: !0 });
-        let R;
-        for (; (R = s.indexOf(`
+        if ((m = n.signal) != null && m.aborted || y.done) break;
+        s += o.decode(y.value, { stream: !0 });
+        let w;
+        for (; (w = s.indexOf(`
 
 `)) !== -1; ) {
-          const y = s.slice(0, R);
-          s = s.slice(R + 2);
-          const v = gt(y);
-          if (v) {
-            if (v.event === "chunk") {
-              const C = typeof v.data.text == "string" ? v.data.text : "";
-              C && (a += C, (g = n.onChunk) == null || g.call(n, C, a));
-            } else if (v.event === "tool") {
-              if (typeof v.data.name == "string") {
-                const C = v.data;
-                c.push(C), (f = n.onToolUse) == null || f.call(n, C, c);
+          const D = s.slice(0, w);
+          s = s.slice(w + 2);
+          const S = xt(D);
+          if (S) {
+            if (S.event === "chunk") {
+              const N = typeof S.data.text == "string" ? S.data.text : "";
+              N && (a += N, (h = n.onChunk) == null || h.call(n, N, a));
+            } else if (S.event === "tool") {
+              if (typeof S.data.name == "string") {
+                const N = S.data;
+                c.push(N), (d = n.onToolUse) == null || d.call(n, N, c);
               }
-            } else if (v.event === "done") {
-              const C = Array.isArray(v.data.toolUses) ? v.data.toolUses : c;
-              l = {
-                reply: typeof v.data.reply == "string" ? v.data.reply : a,
-                sources: v.data.sources,
-                ...C.length > 0 ? { toolUses: C } : {},
-                ...Array.isArray(v.data.attachments) ? {
-                  attachments: v.data.attachments
+            } else if (S.event === "sources")
+              Array.isArray(S.data.sources) && (l = S.data.sources, (k = n.onSources) == null || k.call(n, l));
+            else if (S.event === "done") {
+              const N = Array.isArray(S.data.toolUses) ? S.data.toolUses : c;
+              u = {
+                reply: typeof S.data.reply == "string" ? S.data.reply : a,
+                sources: Array.isArray(S.data.sources) ? S.data.sources : l,
+                ...N.length > 0 ? { toolUses: N } : {},
+                ...Array.isArray(S.data.attachments) ? {
+                  attachments: S.data.attachments
                 } : {}
               };
-            } else if (v.event === "error")
-              throw new Z(
-                typeof v.data.error == "string" ? v.data.error : "Something went wrong. Please try again.",
+            } else if (S.event === "error")
+              throw new Q(
+                typeof S.data.error == "string" ? S.data.error : "Something went wrong. Please try again.",
                 0,
                 "STREAM_ERROR"
               );
@@ -254,16 +261,17 @@ class mt {
         }
       }
     } finally {
-      (p = n.signal) == null || p.removeEventListener("abort", u), r.releaseLock();
+      (b = n.signal) == null || b.removeEventListener("abort", f), r.releaseLock();
     }
-    if ((T = n.signal) != null && T.aborted)
+    if ((x = n.signal) != null && x.aborted)
       return {
         reply: a,
         aborted: !0,
-        ...c.length > 0 ? { toolUses: c } : {}
+        ...c.length > 0 ? { toolUses: c } : {},
+        ...l ? { sources: l } : {}
       };
-    if (l) return l;
-    throw new Z(
+    if (u) return u;
+    throw new Q(
       "Connection interrupted. Please try again.",
       0,
       "STREAM_ERROR"
@@ -284,7 +292,7 @@ class mt {
         signal: r.signal
       });
     } catch (u) {
-      throw s ? new Z(
+      throw s ? new Q(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
@@ -310,7 +318,7 @@ class mt {
         signal: o.signal
       });
     } catch (a) {
-      throw o.signal.aborted ? new Z(
+      throw o.signal.aborted ? new Q(
         "Request timed out. Please try again.",
         0,
         "TIMEOUT"
@@ -336,7 +344,7 @@ class mt {
     return new Promise((n) => setTimeout(n, t));
   }
 }
-function gt(e) {
+function xt(e) {
   let t = "message";
   const n = [];
   for (const r of e.split(`
@@ -354,10 +362,10 @@ function gt(e) {
 function Qe(e) {
   return typeof e == "string" ? { content: e } : e;
 }
-function Ie(e, t, n) {
+function $e(e, t, n) {
   console.error(`[claudius] plugin "${e.name}" failed in ${t}:`, n);
 }
-async function bt(e, t, n) {
+async function vt(e, t, n) {
   let r = t;
   for (const o of e) {
     if (!o.onBeforeSend) continue;
@@ -380,12 +388,12 @@ async function bt(e, t, n) {
       if (s) return s;
       c && (r = c);
     } catch (c) {
-      Ie(o, "onBeforeSend", c);
+      $e(o, "onBeforeSend", c);
     }
   }
   return { type: "send", message: r };
 }
-async function yt(e, t, n) {
+async function St(e, t, n) {
   let r = t;
   for (const o of e)
     if (o.onAfterReceive)
@@ -393,11 +401,11 @@ async function yt(e, t, n) {
         const s = await o.onAfterReceive(r, n);
         s && (r = s);
       } catch (s) {
-        Ie(o, "onAfterReceive", s);
+        $e(o, "onAfterReceive", s);
       }
   return r;
 }
-async function xt(e, t, n) {
+async function Tt(e, t, n) {
   for (const r of e) {
     if (!r.onError) continue;
     let o = null;
@@ -410,12 +418,12 @@ async function xt(e, t, n) {
     try {
       if (await r.onError(t, s), o) return o;
     } catch (a) {
-      Ie(r, "onError", a);
+      $e(r, "onError", a);
     }
   }
   return null;
 }
-const Te = {
+const Re = {
   maxSizeBytes: 5 * 1024 * 1024,
   maxCount: 5,
   allowedTypes: [
@@ -426,14 +434,14 @@ const Te = {
     "application/pdf"
   ]
 };
-function wt(e) {
-  return e ? e === !0 ? Te : {
-    maxSizeBytes: e.maxSizeBytes ?? Te.maxSizeBytes,
-    maxCount: e.maxCount ?? Te.maxCount,
-    allowedTypes: (e.allowedTypes ?? Te.allowedTypes).map((t) => t.trim().toLowerCase()).filter(Boolean)
+function At(e) {
+  return e ? e === !0 ? Re : {
+    maxSizeBytes: e.maxSizeBytes ?? Re.maxSizeBytes,
+    maxCount: e.maxCount ?? Re.maxCount,
+    allowedTypes: (e.allowedTypes ?? Re.allowedTypes).map((t) => t.trim().toLowerCase()).filter(Boolean)
   } : null;
 }
-function Se(e) {
+function Me(e) {
   if (!Number.isFinite(e) || e < 0) return "0 B";
   if (e < 1024) return `${e} B`;
   const t = e / 1024;
@@ -441,7 +449,7 @@ function Se(e) {
   const n = t / 1024;
   return `${Number.isInteger(n) ? n : n.toFixed(1)} MB`;
 }
-const vt = {
+const kt = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -454,13 +462,13 @@ function Xe(e) {
   const t = (e.type || "").trim().toLowerCase();
   if (t) return t;
   const n = ((r = e.name.split(".").pop()) == null ? void 0 : r.toLowerCase()) ?? "";
-  return vt[n] ?? "";
+  return kt[n] ?? "";
 }
-function Tt(e) {
+function Rt(e) {
   return e.startsWith("image/");
 }
 function Et(e) {
-  if (Tt(e.mediaType)) {
+  if (Rt(e.mediaType)) {
     if (e.url)
       try {
         const t = new URL(e.url);
@@ -471,7 +479,7 @@ function Et(e) {
     if (e.data) return `data:${e.mediaType};base64,${e.data}`;
   }
 }
-function Rt(e, t, n) {
+function Ct(e, t, n) {
   const r = [], o = [];
   let s = Math.max(0, n.maxCount - t);
   for (const a of e) {
@@ -480,7 +488,7 @@ function Rt(e, t, n) {
   }
   return { accepted: r, rejected: o };
 }
-function At(e) {
+function Nt(e) {
   return new Promise((t, n) => {
     const r = new FileReader();
     r.onerror = () => n(r.error ?? new Error("Failed to read file")), r.onload = () => {
@@ -489,14 +497,14 @@ function At(e) {
     }, r.readAsDataURL(e);
   });
 }
-let je = 0;
-function St() {
-  return je += 1, `att-${Date.now().toString(36)}-${je}`;
+let Pe = 0;
+function Mt() {
+  return Pe += 1, `att-${Date.now().toString(36)}-${Pe}`;
 }
-async function kt(e) {
-  const t = await At(e);
+async function Lt(e) {
+  const t = await Nt(e);
   return {
-    id: St(),
+    id: Mt(),
     name: e.name || "attachment",
     mediaType: Xe(e),
     size: e.size,
@@ -516,7 +524,7 @@ function et(e) {
     } : t;
   });
 }
-function Ct(e, t) {
+function Dt(e, t) {
   if (!t || t.length === 0) return e;
   const n = new Map(t.map((r) => [r.id, r]));
   return e.map((r) => {
@@ -537,8 +545,8 @@ function Ct(e, t) {
     } : r;
   });
 }
-const Mt = 200, Nt = "claudius:messages", be = () => (/* @__PURE__ */ new Date()).toISOString();
-function Dt(e, t) {
+const It = 200, Ot = "claudius:messages", we = () => (/* @__PURE__ */ new Date()).toISOString();
+function $t(e, t) {
   let n;
   try {
     n = new URL(t).host;
@@ -547,15 +555,15 @@ function Dt(e, t) {
   }
   return `${e}:${n}`;
 }
-function Le() {
+function Ie() {
   try {
     return typeof sessionStorage < "u" ? sessionStorage : null;
   } catch {
     return null;
   }
 }
-function Lt(e) {
-  const t = Le();
+function jt(e) {
+  const t = Ie();
   if (!t) return [];
   try {
     const n = t.getItem(e);
@@ -566,45 +574,46 @@ function Lt(e) {
     return [];
   }
 }
-function It({
+function Pt({
   apiUrl: e,
   persistMessages: t = !0,
-  storageKeyPrefix: n = Nt,
+  storageKeyPrefix: n = Ot,
   timeoutMs: r,
   translations: o,
   plugins: s,
-  streaming: a = !0
+  streaming: a = !0,
+  citations: c = !1
 }) {
-  const c = se(
-    () => new mt(e, { debounceMs: 0, timeoutMs: r }),
-    [e, r]
-  ), l = Dt(n, e), u = t ? Lt(l) : [], [d, x] = N(u), [A, g] = N(!1), [f, p] = N(!1), [T, b] = N(
+  const l = ae(
+    () => new wt(e, { debounceMs: 0, timeoutMs: r, citations: c }),
+    [e, r, c]
+  ), u = $t(n, e), f = t ? jt(u) : [], [T, A] = M(f), [m, h] = M(!1), [d, k] = M(!1), [b, x] = M(
     null
-  ), [R, y] = N(null), [v, C] = N(!1), $ = S(u.length), L = S(!1), E = S(u), B = S(null), O = S(s ?? []);
-  O.current = s ?? [];
-  const _ = M(
-    (h) => {
+  ), [y, w] = M(null), [D, S] = M(!1), N = C(f.length), I = C(!1), R = C(f), ne = C(null), $ = C(s ?? []);
+  $.current = s ?? [];
+  const z = O(
+    (E) => {
       if (!t) return;
-      const P = Le();
-      if (P)
+      const B = Ie();
+      if (B)
         try {
-          const U = et(h.slice(-Mt));
-          P.setItem(l, JSON.stringify(U));
+          const P = et(E.slice(-It));
+          B.setItem(u, JSON.stringify(P));
         } catch {
         }
     },
-    [t, l]
-  ), q = () => ($.current += 1, `msg-${$.current}`), G = M(
-    (h, P) => {
+    [t, u]
+  ), X = () => (N.current += 1, `msg-${N.current}`), Z = O(
+    (E, B) => {
       if (!o)
-        return P ?? "Something went wrong. Please try again.";
-      switch (h) {
+        return B ?? "Something went wrong. Please try again.";
+      switch (E) {
         case "TIMEOUT":
           return o.errorTimeout;
         case "NETWORK_ERROR":
           return o.errorConnection;
         case "RATE_LIMITED":
-          return P != null && P.includes("minute") ? o.errorRateLimitMinute : o.errorRateLimitHour;
+          return B != null && B.includes("minute") ? o.errorRateLimitMinute : o.errorRateLimitHour;
         case "ATTACHMENT_QUOTA_EXCEEDED":
           return o.errorAttachmentQuota;
         case "ATTACHMENTS_DISABLED":
@@ -616,199 +625,204 @@ function It({
         case "SERVICE_ERROR":
         case "UNKNOWN_ERROR":
         default:
-          return P ?? o.errorGeneric;
+          return B ?? o.errorGeneric;
       }
     },
     [o]
-  ), J = M((h) => !(h instanceof Z) || 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, []), z = M(
-    async (h) => {
-      var ne, F, H;
-      g(!0), L.current = !0, y(null), C(!1);
-      const P = a && typeof c.streamMessage == "function";
-      let U = null;
-      const ee = (k) => {
-        if (U === null) {
-          U = q(), b(U);
-          const D = [
-            ...E.current,
+  ), J = O((E) => !(E instanceof Q) || E.code === "TIMEOUT" || E.code === "NETWORK_ERROR" || E.code === "RATE_LIMITED" || E.code === "SERVICE_ERROR" || E.code === "UNKNOWN_ERROR" || E.status >= 500 || E.status === 0, []), W = O(
+    async (E) => {
+      var F, ee, te;
+      h(!0), I.current = !0, w(null), S(!1);
+      const B = a && typeof l.streamMessage == "function";
+      let P = null, v;
+      const V = () => c ? v : void 0, K = (L) => {
+        if (P === null) {
+          P = X(), x(P);
+          const _ = [
+            ...R.current,
             {
-              id: U,
+              id: P,
               role: "assistant",
               content: "",
-              createdAt: be(),
-              ...k
+              createdAt: we(),
+              ...V() ? { sources: v } : {},
+              ...L
             }
           ];
-          E.current = D, x(D);
+          R.current = _, A(_);
         } else {
-          const D = U, I = E.current.map(
-            (K) => K.id === D ? { ...K, ...k } : K
+          const _ = P, U = R.current.map(
+            (Y) => Y.id === _ ? { ...Y, ...L } : Y
           );
-          E.current = I, x(I);
+          R.current = U, A(U);
         }
-      }, te = () => {
-        if (U === null) return;
-        const k = U, D = E.current.filter((I) => I.id !== k);
-        E.current = D, x(D);
+      }, oe = () => {
+        if (P === null) return;
+        const L = P, _ = R.current.filter((U) => U.id !== L);
+        R.current = _, A(_);
       };
       try {
-        let k, D, I, K, Q = !1;
-        if (P) {
-          const V = new AbortController();
-          B.current = V, p(!0);
-          const oe = await c.streamMessage(h, {
-            signal: V.signal,
-            onChunk: (ge, de) => ee({ content: de }),
-            onToolUse: (ge, de) => ee({ toolUses: [...de] })
+        let L, _, U, Y, se = !1;
+        if (B) {
+          const q = new AbortController();
+          ne.current = q, k(!0);
+          const ie = await l.streamMessage(E, {
+            signal: q.signal,
+            onChunk: (he, p) => K({ content: p }),
+            onToolUse: (he, p) => K({ toolUses: [...p] }),
+            onSources: (he) => {
+              v = he, c && P !== null && K({ sources: he });
+            }
           });
-          k = oe.reply, D = oe.sources, I = oe.toolUses, K = oe.attachments, Q = oe.aborted ?? !1;
+          L = ie.reply, _ = ie.sources ?? v, U = ie.toolUses, Y = ie.attachments, se = ie.aborted ?? !1;
         } else {
-          const V = await c.sendMessage(h);
-          k = V.reply, D = V.sources, I = V.toolUses, K = V.attachments;
+          const q = await l.sendMessage(E);
+          L = q.reply, _ = q.sources, U = q.toolUses, Y = q.attachments;
         }
-        if (Q && !k) {
-          te();
+        if (se && !L) {
+          oe();
           return;
         }
-        const le = ((ne = E.current.find((V) => V.id === U)) == null ? void 0 : ne.createdAt) ?? be();
-        let Y = {
-          id: U ?? q(),
+        const le = ((F = R.current.find((q) => q.id === P)) == null ? void 0 : F.createdAt) ?? we();
+        let re = {
+          id: P ?? X(),
           role: "assistant",
-          content: k,
+          content: L,
           createdAt: le,
-          sources: D,
-          toolUses: I
+          sources: _,
+          toolUses: U
         };
-        O.current.length > 0 && !Q && (Y = await yt(
-          O.current,
-          Y,
-          { messages: h, apiUrl: e }
-        ), Y.createdAt || (Y = { ...Y, createdAt: le }));
-        const me = U !== null ? E.current.map(
-          (V) => V.id === Y.id ? Y : V
-        ) : [...h, Y], ue = Ct(me, K);
-        E.current = ue, x(ue), _(ue);
-      } catch (k) {
-        if (k instanceof De) return;
-        if (k instanceof Z && ((F = k.code) != null && F.startsWith("ATTACHMENT")) && h.length > 0) {
-          const D = h[h.length - 1];
-          if (D.role === "user" && ((H = D.attachments) != null && H.length)) {
-            const I = h.slice(0, -1);
-            E.current = I, x(I), _(I);
+        $.current.length > 0 && !se && (re = await St(
+          $.current,
+          re,
+          { messages: E, apiUrl: e }
+        ), re.createdAt || (re = { ...re, createdAt: le }));
+        const ye = P !== null ? R.current.map(
+          (q) => q.id === re.id ? re : q
+        ) : [...E, re], me = Dt(ye, Y);
+        R.current = me, A(me), z(me);
+      } catch (L) {
+        if (L instanceof De) return;
+        if (L instanceof Q && ((ee = L.code) != null && ee.startsWith("ATTACHMENT")) && E.length > 0) {
+          const _ = E[E.length - 1];
+          if (_.role === "user" && ((te = _.attachments) != null && te.length)) {
+            const U = E.slice(0, -1);
+            R.current = U, A(U), z(U);
           }
         }
-        if (U !== null) {
-          _(E.current), k instanceof Z ? y(G(k.code, k.message)) : y(
+        if (P !== null) {
+          z(R.current), L instanceof Q ? w(Z(L.code, L.message)) : w(
             (o == null ? void 0 : o.errorConnection) ?? "Failed to connect. Please try again."
-          ), C(!1);
+          ), S(!1);
           return;
         }
-        if (O.current.length > 0) {
-          const D = k instanceof Error ? k : new Error(String(k)), I = await xt(O.current, D, {
-            messages: h,
+        if ($.current.length > 0) {
+          const _ = L instanceof Error ? L : new Error(String(L)), U = await Tt($.current, _, {
+            messages: E,
             apiUrl: e
           });
-          if (I) {
-            const K = {
-              id: q(),
+          if (U) {
+            const Y = {
+              id: X(),
               role: "assistant",
-              content: I.content,
-              createdAt: be(),
-              sources: I.sources
-            }, Q = [...h, K];
-            E.current = Q, x(Q), _(Q), y(null), C(!1);
+              content: U.content,
+              createdAt: we(),
+              sources: U.sources
+            }, se = [...E, Y];
+            R.current = se, A(se), z(se), w(null), S(!1);
             return;
           }
         }
-        k instanceof Z ? y(G(k.code, k.message)) : y(
+        L instanceof Q ? w(Z(L.code, L.message)) : w(
           (o == null ? void 0 : o.errorConnection) ?? "Failed to connect. Please try again."
-        ), C(J(k));
+        ), S(J(L));
       } finally {
-        g(!1), L.current = !1, p(!1), b(null), B.current = null;
+        h(!1), I.current = !1, k(!1), x(null), ne.current = null;
       }
     },
     [
       e,
       c,
-      G,
+      l,
+      Z,
       J,
-      _,
+      z,
       a,
       o
     ]
-  ), ae = M(() => {
-    var h;
-    (h = B.current) == null || h.abort();
-  }, []), ie = M(
-    async (h, P) => {
-      const U = h.trim(), ee = (P == null ? void 0 : P.filter((H) => H && H.id)) ?? [];
-      if (!U && ee.length === 0 || L.current) return;
-      const te = {
-        id: q(),
+  ), G = O(() => {
+    var E;
+    (E = ne.current) == null || E.abort();
+  }, []), ce = O(
+    async (E, B) => {
+      const P = E.trim(), v = (B == null ? void 0 : B.filter((F) => F && F.id)) ?? [];
+      if (!P && v.length === 0 || I.current) return;
+      const V = {
+        id: X(),
         role: "user",
-        content: U,
-        createdAt: be(),
-        ...ee.length > 0 ? { attachments: ee } : {}
+        content: P,
+        createdAt: we(),
+        ...v.length > 0 ? { attachments: v } : {}
       };
-      let ne = te;
-      if (O.current.length > 0) {
-        const H = await bt(O.current, te, {
-          messages: E.current,
+      let K = V;
+      if ($.current.length > 0) {
+        const F = await vt($.current, V, {
+          messages: R.current,
           apiUrl: e
         });
-        if (H.type === "abort") return;
-        const k = (D) => D.createdAt ? D : { ...D, createdAt: te.createdAt };
-        if (H.type === "respond") {
-          const D = {
-            id: q(),
+        if (F.type === "abort") return;
+        const ee = (te) => te.createdAt ? te : { ...te, createdAt: V.createdAt };
+        if (F.type === "respond") {
+          const te = {
+            id: X(),
             role: "assistant",
-            content: H.reply.content,
-            createdAt: be(),
-            sources: H.reply.sources
-          }, I = [
-            ...E.current,
-            k(H.message),
-            D
+            content: F.reply.content,
+            createdAt: we(),
+            sources: F.reply.sources
+          }, L = [
+            ...R.current,
+            ee(F.message),
+            te
           ];
-          E.current = I, x(I), _(I), y(null), C(!1);
+          R.current = L, A(L), z(L), w(null), S(!1);
           return;
         }
-        ne = k(H.message);
+        K = ee(F.message);
       }
-      const F = [...E.current, ne];
-      E.current = F, x(F), _(F), await z(F);
+      const oe = [...R.current, K];
+      R.current = oe, A(oe), z(oe), await W(oe);
     },
-    [e, _, z]
-  ), ce = M(async () => {
-    if (L.current) return;
-    const h = E.current[E.current.length - 1];
-    !h || h.role !== "user" || await z(E.current);
-  }, [z]), re = M(() => {
-    if (E.current = [], x([]), y(null), C(!1), t) {
-      const h = Le();
-      if (!h) return;
+    [e, z, W]
+  ), de = O(async () => {
+    if (I.current) return;
+    const E = R.current[R.current.length - 1];
+    !E || E.role !== "user" || await W(R.current);
+  }, [W]), fe = O(() => {
+    if (R.current = [], A([]), w(null), S(!1), t) {
+      const E = Ie();
+      if (!E) return;
       try {
-        h.removeItem(l);
+        E.removeItem(u);
       } catch {
       }
     }
-  }, [t, l]);
+  }, [t, u]);
   return {
-    messages: d,
-    isLoading: A,
-    isStreaming: f,
-    streamingMessageId: T,
-    error: R,
-    canRetry: v,
-    sendMessage: ie,
-    stop: ae,
-    retry: ce,
-    clearMessages: re
+    messages: T,
+    isLoading: m,
+    isStreaming: d,
+    streamingMessageId: b,
+    error: y,
+    canRetry: D,
+    sendMessage: ce,
+    stop: G,
+    retry: de,
+    clearMessages: fe
   };
 }
-function Ot(e) {
-  const [t, n] = N(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
-  return W(() => {
+function Ut(e) {
+  const [t, n] = M(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return H(() => {
     const r = window.matchMedia(e);
     n(r.matches);
     const o = (s) => n(s.matches);
@@ -818,17 +832,17 @@ function Ot(e) {
 function Ee(e, t) {
   return e instanceof RegExp ? e.test(t) : t.toLowerCase().includes(e.toLowerCase());
 }
-function jt() {
+function Bt() {
   const e = document.documentElement, t = document.body, n = e.scrollTop || t.scrollTop || 0, r = Math.max(e.scrollHeight, t.scrollHeight), o = e.clientHeight || window.innerHeight, s = r - o;
   return s <= 0 ? 100 : n / s * 100;
 }
-function $t({
+function Ft({
   triggers: e,
   enabled: t,
   onOpen: n,
   onGreeting: r
 }) {
-  W(() => {
+  H(() => {
     if (!t || !e || e.length === 0) return;
     const o = /* @__PURE__ */ new Set(), s = [], a = typeof window < "u" ? window.location.href : "", c = (l, u) => {
       o.has(l) || (o.add(l), u === "open" ? n() : r(u.greeting));
@@ -842,30 +856,30 @@ function $t({
         case "time": {
           if (l.matchUrl && !Ee(l.matchUrl, a))
             return;
-          const d = window.setTimeout(
+          const f = window.setTimeout(
             () => c(u, l.action),
             Math.max(0, l.seconds * 1e3)
           );
-          s.push(() => window.clearTimeout(d));
+          s.push(() => window.clearTimeout(f));
           break;
         }
         case "scroll": {
           if (l.matchUrl && !Ee(l.matchUrl, a))
             return;
-          const d = () => {
-            jt() >= l.percent && c(u, l.action);
+          const f = () => {
+            Bt() >= l.percent && c(u, l.action);
           };
-          d(), window.addEventListener("scroll", d, { passive: !0 }), s.push(() => window.removeEventListener("scroll", d));
+          f(), window.addEventListener("scroll", f, { passive: !0 }), s.push(() => window.removeEventListener("scroll", f));
           break;
         }
         case "exit-intent": {
           if (l.matchUrl && !Ee(l.matchUrl, a))
             return;
-          const d = (x) => {
-            x.clientY <= 0 && c(u, l.action);
+          const f = (T) => {
+            T.clientY <= 0 && c(u, l.action);
           };
-          document.addEventListener("mouseleave", d), s.push(
-            () => document.removeEventListener("mouseleave", d)
+          document.addEventListener("mouseleave", f), s.push(
+            () => document.removeEventListener("mouseleave", f)
           );
           break;
         }
@@ -875,12 +889,12 @@ function $t({
     };
   }, [e, t, n, r]);
 }
-const Pt = {
+const _t = {
   "bottom-right": "bottom-6 right-6",
   "bottom-left": "bottom-6 left-6",
   "top-right": "top-6 right-6",
   "top-left": "top-6 left-6"
-}, Ut = Je(function({ isOpen: t, onClick: n, position: r = "bottom-right", translations: o }, s) {
+}, Ht = Oe(function({ isOpen: t, onClick: n, position: r = "bottom-right", translations: o }, s) {
   const a = t ? (o == null ? void 0 : o.closeChat) ?? "Close chat" : (o == null ? void 0 : o.openChat) ?? "Open chat";
   return /* @__PURE__ */ i(
     "button",
@@ -888,8 +902,8 @@ const Pt = {
       ref: s,
       onClick: n,
       "aria-label": a,
-      className: `fixed ${Pt[r]} 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__ */ w(
+      className: `fixed ${_t[r]} 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",
@@ -923,12 +937,12 @@ const Pt = {
       )
     }
   );
-}), Bt = ke(function({
+}), zt = Ae(function({
   count: t,
   isActive: n,
   onClick: r
 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ g(
     "button",
     {
       onClick: r,
@@ -936,7 +950,7 @@ const Pt = {
       title: "View sources",
       className: `group relative flex h-7 w-7 items-center justify-center rounded-claudius-full transition-colors ${n ? "bg-claudius-accent text-claudius-accent-text" : "text-claudius-text-muted hover:bg-claudius-surface-muted hover:text-claudius-text"}`,
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ g(
           "svg",
           {
             width: "14",
@@ -960,8 +974,8 @@ const Pt = {
       ]
     }
   );
-}), _t = ["http:", "https:"];
-function Ce(e) {
+}), Wt = ["http:", "https:"];
+function ke(e) {
   if (!e || typeof e != "string")
     return null;
   const t = e.trim();
@@ -969,13 +983,290 @@ function Ce(e) {
     return null;
   try {
     const n = new URL(t);
-    return _t.includes(n.protocol) ? t : null;
+    return Wt.includes(n.protocol) ? t : null;
   } catch {
     return null;
   }
 }
-function zt() {
-  return /* @__PURE__ */ w(
+function ge(e, t) {
+  return e.replace(
+    /\{(\w+)\}/g,
+    (n, r) => r in t ? String(t[r]) : n
+  );
+}
+const Gt = {
+  maxSources: 5,
+  favicons: !0
+};
+function Vt(e) {
+  const t = typeof e == "object" && e !== null && !Array.isArray(e);
+  if (e !== !0 && !t) return null;
+  const n = e === !0 ? {} : e, r = n.maxSources;
+  return {
+    maxSources: typeof r == "number" && Number.isInteger(r) && r >= 1 ? r : Gt.maxSources,
+    favicons: n.favicons !== !1
+  };
+}
+const Kt = /\[([1-9]\d{0,2}(?:\s*,\s*[1-9]\d{0,2})*)\]/g;
+function tt(e, t) {
+  if (!e) return [];
+  if (t <= 0 || !e.includes("["))
+    return [{ type: "text", value: e }];
+  const n = [];
+  let r = 0;
+  for (const o of e.matchAll(Kt)) {
+    const s = o[1].split(",").map((c) => Number(c.trim()));
+    if (s.some((c) => c > t)) continue;
+    const a = o.index ?? 0;
+    a > r && n.push({ type: "text", value: e.slice(r, a) }), n.push({
+      type: "cite",
+      indexes: [...new Set(s)].map((c) => c - 1),
+      raw: o[0]
+    }), r = a + o[0].length;
+  }
+  return r < e.length && n.push({ type: "text", value: e.slice(r) }), n;
+}
+function Yt(e, t) {
+  let n = "";
+  for (const r of tt(e, t))
+    r.type === "text" ? n += r.value : n = n.replace(/[ \t]+$/, "");
+  return n;
+}
+function qt(e) {
+  return e.replace(/[ \t]?\[[\d,\s]*$/, "");
+}
+const Zt = 200;
+function Jt(e, t = Zt) {
+  const n = e.replace(/\s+/g, " ").trim();
+  if (n.length <= t) return n;
+  const r = n.slice(0, t), o = r.lastIndexOf(" ");
+  return `${(o > 0 ? r.slice(0, o) : r).replace(
+    /[\s,;:]+$/,
+    ""
+  )}…`;
+}
+function Qt(e) {
+  try {
+    const t = new URL(e);
+    return t.protocol !== "http:" && t.protocol !== "https:" ? null : `${t.origin}/favicon.ico`;
+  } catch {
+    return null;
+  }
+}
+function Xt(e) {
+  try {
+    return new URL(e).hostname;
+  } catch {
+    return e;
+  }
+}
+const en = 1500;
+function tn() {
+  return typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+}
+const nt = "flex h-4 min-w-4 shrink-0 items-center justify-center rounded-claudius-full bg-claudius-accent px-1 text-[10px] font-bold leading-none text-claudius-accent-text", nn = Oe(
+  function({ source: t, number: n, favicons: r, labels: o, highlighted: s }, a) {
+    const c = ke(t.url), [l, u] = M(!1), f = r && c ? Qt(c) : null, T = t.snippet ? Jt(t.snippet) : "";
+    return /* @__PURE__ */ g(
+      "li",
+      {
+        ref: a,
+        tabIndex: -1,
+        "data-highlight": s || void 0,
+        className: `flex gap-2 rounded-claudius-md border bg-claudius-surface-muted p-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-accent ${s ? "border-claudius-accent ring-2 ring-claudius-accent" : "border-claudius-border"}`,
+        children: [
+          /* @__PURE__ */ i("span", { "aria-hidden": "true", className: `mt-0.5 ${nt}`, children: n }),
+          /* @__PURE__ */ g("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ g("div", { className: "flex items-center gap-1.5", children: [
+              f && !l ? /* @__PURE__ */ i(
+                "img",
+                {
+                  src: f,
+                  alt: "",
+                  width: 14,
+                  height: 14,
+                  loading: "lazy",
+                  decoding: "async",
+                  referrerPolicy: "no-referrer",
+                  onError: () => u(!0),
+                  className: "h-3.5 w-3.5 shrink-0 rounded-sm"
+                }
+              ) : /* @__PURE__ */ g(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  className: "shrink-0",
+                  children: [
+                    /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "10" }),
+                    /* @__PURE__ */ i("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+                    /* @__PURE__ */ i("path", { d: "M2 12h20" })
+                  ]
+                }
+              ),
+              c ? /* @__PURE__ */ g(
+                "a",
+                {
+                  href: c,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "truncate font-medium text-claudius-text hover:underline",
+                  children: [
+                    t.title,
+                    /* @__PURE__ */ g("span", { className: "sr-only", children: [
+                      " ",
+                      o.opensInNewTab
+                    ] })
+                  ]
+                }
+              ) : /* @__PURE__ */ i("span", { className: "truncate font-medium text-claudius-text", children: t.title }),
+              c && /* @__PURE__ */ g(
+                "svg",
+                {
+                  width: "12",
+                  height: "12",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  className: "shrink-0",
+                  children: [
+                    /* @__PURE__ */ i("path", { d: "M15 3h6v6" }),
+                    /* @__PURE__ */ i("path", { d: "M10 14 21 3" }),
+                    /* @__PURE__ */ i("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+                  ]
+                }
+              )
+            ] }),
+            T && /* @__PURE__ */ i("p", { className: "mt-0.5 break-words", children: T }),
+            c && /* @__PURE__ */ i("p", { className: "mt-0.5 truncate", children: Xt(c) })
+          ] })
+        ]
+      }
+    );
+  }
+), rn = Ae(function({
+  sources: t,
+  maxSources: n,
+  favicons: r,
+  labels: o,
+  reveal: s = null
+}) {
+  const a = Ne(), [c, l] = M(!1), [u, f] = M(!1), [T, A] = M(null), [m, h] = M(null), d = C(/* @__PURE__ */ new Map()), k = C(n);
+  k.current = n, H(() => {
+    s && (A(s), l(!0), s.index >= k.current && f(!0));
+  }, [s]), H(() => {
+    if (!T) return;
+    const y = d.current.get(T.index);
+    y && (typeof y.scrollIntoView == "function" && y.scrollIntoView({
+      block: "nearest",
+      behavior: tn() ? "auto" : "smooth"
+    }), y.focus({ preventScroll: !0 }), h(T), A(null));
+  }, [T]), H(() => {
+    if (!m) return;
+    const y = setTimeout(() => h(null), en);
+    return () => clearTimeout(y);
+  }, [m]);
+  const b = t.length, x = u ? t : t.slice(0, n);
+  return /* @__PURE__ */ g("div", { className: "mt-1 text-xs text-claudius-text-muted", children: [
+    /* @__PURE__ */ g(
+      "button",
+      {
+        type: "button",
+        onClick: () => l((y) => !y),
+        "aria-expanded": c,
+        "aria-controls": c ? a : 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 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-accent",
+        children: [
+          /* @__PURE__ */ g(
+            "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__ */ i("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+                /* @__PURE__ */ i("polyline", { points: "14 2 14 8 20 8" }),
+                /* @__PURE__ */ i("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+                /* @__PURE__ */ i("line", { x1: "16", y1: "17", x2: "8", y2: "17" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i("span", { children: o.sources }),
+          /* @__PURE__ */ i("span", { className: nt, children: b }),
+          /* @__PURE__ */ i(
+            "svg",
+            {
+              width: "10",
+              height: "10",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              className: c ? "rotate-180" : void 0,
+              children: /* @__PURE__ */ i("polyline", { points: "6 9 12 15 18 9" })
+            }
+          )
+        ]
+      }
+    ),
+    c && /* @__PURE__ */ g(Te, { children: [
+      /* @__PURE__ */ i(
+        "ol",
+        {
+          id: a,
+          "aria-label": o.sources,
+          className: "mt-1 space-y-1.5",
+          children: x.map((y, w) => /* @__PURE__ */ i(
+            nn,
+            {
+              ref: (D) => {
+                D ? d.current.set(w, D) : d.current.delete(w);
+              },
+              source: y,
+              number: w + 1,
+              favicons: r,
+              labels: o,
+              highlighted: (m == null ? void 0 : m.index) === w
+            },
+            `${w}-${y.url}`
+          ))
+        }
+      ),
+      b > n && /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          onClick: () => f((y) => !y),
+          "aria-expanded": u,
+          className: "mt-1 font-medium text-claudius-link underline hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-accent",
+          children: u ? o.showFewerSources : ge(o.showAllSources, { count: b })
+        }
+      )
+    ] })
+  ] });
+});
+function on() {
+  return /* @__PURE__ */ g(
     "svg",
     {
       width: "14",
@@ -994,7 +1285,7 @@ function zt() {
     }
   );
 }
-function $e({
+function Ue({
   label: e,
   onClick: t
 }) {
@@ -1005,7 +1296,7 @@ function $e({
       onClick: t,
       "aria-label": e,
       className: "absolute -right-1.5 -top-1.5 flex h-5 w-5 items-center justify-center rounded-claudius-full bg-claudius-text text-claudius-surface shadow-claudius-floating hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-accent",
-      children: /* @__PURE__ */ w(
+      children: /* @__PURE__ */ g(
         "svg",
         {
           width: "10",
@@ -1025,15 +1316,15 @@ function $e({
     }
   );
 }
-const tt = ke(function({
+const rt = Ae(function({
   attachment: t,
   variant: n,
   onRemove: r,
   removeLabel: o
 }) {
-  const s = Et(t), a = n === "composer", c = `${t.name} (${Se(t.size)})`, l = t.url ? Ce(t.url) : null;
+  const s = Et(t), a = n === "composer", c = `${t.name} (${Me(t.size)})`, l = t.url ? ke(t.url) : null;
   if (s) {
-    const d = /* @__PURE__ */ i(
+    const f = /* @__PURE__ */ i(
       "img",
       {
         src: s,
@@ -1043,31 +1334,31 @@ const tt = ke(function({
         className: a ? "h-12 w-12 rounded-claudius-sm border border-claudius-border object-cover" : "max-h-48 max-w-full rounded-claudius-sm object-contain"
       }
     );
-    return /* @__PURE__ */ w("div", { className: "relative inline-block", children: [
-      !a && l ? /* @__PURE__ */ w("a", { href: l, target: "_blank", rel: "noopener noreferrer", children: [
-        d,
-        /* @__PURE__ */ w("span", { className: "sr-only", children: [
+    return /* @__PURE__ */ g("div", { className: "relative inline-block", children: [
+      !a && l ? /* @__PURE__ */ g("a", { href: l, target: "_blank", rel: "noopener noreferrer", children: [
+        f,
+        /* @__PURE__ */ g("span", { className: "sr-only", children: [
           c,
           " (opens in a new tab)"
         ] })
-      ] }) : d,
-      r && o && /* @__PURE__ */ i($e, { label: o, onClick: r })
+      ] }) : f,
+      r && o && /* @__PURE__ */ i(Ue, { label: o, onClick: r })
     ] });
   }
-  const u = /* @__PURE__ */ w(
+  const u = /* @__PURE__ */ g(
     "span",
     {
       title: c,
       className: `inline-flex max-w-[220px] items-center gap-1.5 rounded-claudius-sm border px-2 py-1 text-xs ${a ? "border-claudius-border bg-claudius-field text-claudius-text" : "border-current/30 bg-transparent"}`,
       children: [
-        /* @__PURE__ */ i(zt, {}),
+        /* @__PURE__ */ i(on, {}),
         /* @__PURE__ */ i("span", { className: "truncate", children: t.name }),
-        /* @__PURE__ */ i("span", { className: "shrink-0 opacity-70", children: Se(t.size) })
+        /* @__PURE__ */ i("span", { className: "shrink-0 opacity-70", children: Me(t.size) })
       ]
     }
   );
-  return /* @__PURE__ */ w("div", { className: "relative inline-block", children: [
-    !a && l ? /* @__PURE__ */ w(
+  return /* @__PURE__ */ g("div", { className: "relative inline-block", children: [
+    !a && l ? /* @__PURE__ */ g(
       "a",
       {
         href: l,
@@ -1080,9 +1371,9 @@ const tt = ke(function({
         ]
       }
     ) : u,
-    r && o && /* @__PURE__ */ i($e, { label: o, onClick: r })
+    r && o && /* @__PURE__ */ i(Ue, { label: o, onClick: r })
   ] });
-}), Pe = Je(function({ label: t, onClick: n, children: r }, o) {
+}), Be = Oe(function({ label: t, onClick: n, children: r }, o) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -1110,7 +1401,7 @@ const tt = ke(function({
     }
   );
 });
-function Ht({
+function sn({
   state: e,
   labels: t,
   onPlay: n,
@@ -1118,38 +1409,38 @@ function Ht({
   onResume: o,
   onStop: s
 }) {
-  var d;
-  const a = S(null), c = S(null), l = !!((d = a.current) != null && d.contains(document.activeElement));
-  W(() => {
-    var x, A;
-    e === "idle" && l && !((x = a.current) != null && x.contains(document.activeElement)) && ((A = c.current) == null || A.focus());
+  var f;
+  const a = C(null), c = C(null), l = !!((f = a.current) != null && f.contains(document.activeElement));
+  H(() => {
+    var T, A;
+    e === "idle" && l && !((T = a.current) != null && T.contains(document.activeElement)) && ((A = c.current) == null || A.focus());
   }, [e, l]);
   const u = e === "idle" ? { label: t.play, onClick: n } : e === "paused" ? { label: t.resume, onClick: o } : { label: t.pause, onClick: r };
-  return /* @__PURE__ */ w("div", { ref: a, className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ i(Pe, { ref: c, ...u, children: e === "idle" ? /* @__PURE__ */ w(ve, { children: [
+  return /* @__PURE__ */ g("div", { ref: a, className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ i(Be, { ref: c, ...u, children: e === "idle" ? /* @__PURE__ */ g(Te, { children: [
       /* @__PURE__ */ i("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
       /* @__PURE__ */ i("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07", fill: "none" }),
       /* @__PURE__ */ i("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14", fill: "none" })
-    ] }) : e === "paused" ? /* @__PURE__ */ i("polygon", { points: "6 3 20 12 6 21 6 3" }) : /* @__PURE__ */ w(ve, { children: [
+    ] }) : e === "paused" ? /* @__PURE__ */ i("polygon", { points: "6 3 20 12 6 21 6 3" }) : /* @__PURE__ */ g(Te, { children: [
       /* @__PURE__ */ i("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" }),
       /* @__PURE__ */ i("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" })
     ] }) }),
-    e !== "idle" && /* @__PURE__ */ i(Pe, { label: t.stop, onClick: s, children: /* @__PURE__ */ i("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1.5" }) })
+    e !== "idle" && /* @__PURE__ */ i(Be, { label: t.stop, onClick: s, children: /* @__PURE__ */ i("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1.5" }) })
   ] });
 }
-function Ft(e) {
+function an(e) {
   const t = e.lastIndexOf(`
 `), n = t === -1 ? "" : e.slice(0, t + 1);
   let r = t === -1 ? e : e.slice(t + 1);
-  return r = Kt(r), r = Vt(r), n + r;
+  return r = un(r), r = dn(r), n + r;
 }
-function Wt(e) {
+function cn(e) {
   const t = [];
   for (let n = 0; n < e.length - 1; n++)
     e[n] === "*" && e[n + 1] === "*" && (t.push(n), n++);
   return t;
 }
-function Gt(e) {
+function ln(e) {
   const t = [];
   for (let n = 0; n < e.length; n++)
     if (e[n] === "*") {
@@ -1161,26 +1452,26 @@ function Gt(e) {
     }
   return t;
 }
-function Kt(e) {
-  const t = Wt(e);
+function un(e) {
+  const t = cn(e);
   if (t.length % 2 === 0) return e;
   const n = t[t.length - 1], r = e.slice(n + 2);
   return r.trim() === "" ? e.slice(0, n) + r : e + "**";
 }
-function Vt(e) {
-  const t = Gt(e);
+function dn(e) {
+  const t = ln(e);
   if (t.length % 2 === 0) return e;
   const n = t[t.length - 1], r = e.slice(n + 1);
   return r.trim() === "" ? e.slice(0, n) + r : e + "*";
 }
-function Yt({
+function fn({
   toolUse: e,
   usedLabel: t,
   detailsLabel: n
 }) {
-  const [r, o] = N(!1), s = e.input !== void 0 || e.result !== void 0;
-  return /* @__PURE__ */ w("div", { className: "text-xs text-claudius-text-muted", children: [
-    /* @__PURE__ */ w(
+  const [r, o] = M(!1), s = 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",
@@ -1204,13 +1495,13 @@ function Yt({
               children: /* @__PURE__ */ i("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__ */ w("span", { children: [
+          /* @__PURE__ */ g("span", { children: [
             t,
             " ",
             /* @__PURE__ */ i("span", { className: "font-mono text-claudius-text", children: e.name }),
             e.isError && /* @__PURE__ */ i("span", { className: "text-claudius-error", children: " ✕" })
           ] }),
-          s && /* @__PURE__ */ w(ve, { children: [
+          s && /* @__PURE__ */ g(Te, { children: [
             /* @__PURE__ */ i("span", { className: "sr-only", children: n }),
             /* @__PURE__ */ i(
               "svg",
@@ -1232,62 +1523,93 @@ function Yt({
         ]
       }
     ),
-    r && s && /* @__PURE__ */ w("div", { className: "mt-1 overflow-x-auto rounded-claudius-sm border border-claudius-border bg-claudius-field p-2 font-mono", children: [
+    r && s && /* @__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__ */ i("pre", { className: "whitespace-pre-wrap break-all", children: JSON.stringify(e.input, null, 2) }),
       e.result !== void 0 && /* @__PURE__ */ i("pre", { className: "mt-1 whitespace-pre-wrap break-all border-t border-claudius-border pt-1", children: e.result })
     ] })
   ] });
 }
-const Ue = /(https?:\/\/[^\s)]+)/, Be = /(\*\*[^*]+\*\*)/, _e = /(\*[^*]+\*)/;
-function qt(e, t) {
-  const n = e.match(/[.,;:!?'"]+$/), r = n ? e.slice(0, -n[0].length) : e, o = n ? n[0] : "", s = Ce(r);
-  return s ? /* @__PURE__ */ w(ve, { children: [
-    /* @__PURE__ */ w(
+const Fe = /(https?:\/\/[^\s)]+)/, _e = /(\*\*[^*]+\*\*)/, He = /(\*[^*]+\*)/, hn = /(?:\[[1-9]\d{0,2}(?:\s*,\s*[1-9]\d{0,2})*\])+$/;
+function pn(e, t, n) {
+  const r = e.match(/[.,;:!?'"]+$/), o = r ? e.slice(0, -r[0].length) : e, s = r ? r[0] : "", a = n.citations ? o.match(hn) : null, c = a ? o.slice(0, -a[0].length) : o, l = ke(c);
+  return l ? /* @__PURE__ */ g(gt, { children: [
+    /* @__PURE__ */ g(
       "a",
       {
-        href: s,
+        href: l,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "underline font-medium hover:opacity-80 text-claudius-link",
         children: [
-          s.replace(/^https?:\/\//, ""),
-          /* @__PURE__ */ i("span", { className: "sr-only", children: " (opens in a new tab)" })
+          l.replace(/^https?:\/\//, ""),
+          /* @__PURE__ */ g("span", { className: "sr-only", children: [
+            " ",
+            n.newTabLabel
+          ] })
         ]
-      },
-      t
+      }
     ),
-    o
-  ] }) : e;
-}
-function Zt(e, t) {
-  const n = e.split(Be), r = [];
-  return n.forEach((o, s) => {
-    if (Be.test(o)) {
-      const a = o.slice(2, -2);
-      r.push(/* @__PURE__ */ i("strong", { children: a }, `${t}-b${s}`));
-    } else
-      o.split(_e).forEach((c, l) => {
-        if (_e.test(c)) {
-          const u = c.slice(1, -1);
-          r.push(/* @__PURE__ */ i("em", { children: u }, `${t}-b${s}-i${l}`));
-        } else
-          c.split(Ue).forEach((d, x) => {
-            Ue.test(d) ? r.push(
-              qt(d, `${t}-b${s}-i${l}-u${x}`)
-            ) : d && r.push(d);
-          });
-      });
+    a && ot(a[0], `${t}-m`, n),
+    s
+  ] }, t) : e;
+}
+function ot(e, t, n) {
+  const r = n.citations;
+  return r ? tt(e, r.sources.length).map((o, s) => o.type === "text" ? o.value : /* @__PURE__ */ i(
+    "span",
+    {
+      className: "inline-flex gap-0.5 align-super",
+      children: o.indexes.map((a) => /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          onClick: () => r.onCite(a),
+          "aria-label": ge(r.label, {
+            n: a + 1,
+            title: r.sources[a].title
+          }),
+          title: r.sources[a].title,
+          className: "inline-flex h-4 min-w-4 items-center justify-center rounded-claudius-full bg-claudius-accent px-1 text-[10px] font-semibold leading-none text-claudius-accent-text hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-accent focus-visible:ring-offset-1",
+          children: a + 1
+        },
+        a
+      ))
+    },
+    `${t}-c${s}`
+  )) : e ? [e] : [];
+}
+function Le(e, t, n) {
+  const r = [];
+  return e.split(Fe).forEach((o, s) => {
+    Fe.test(o) ? r.push(pn(o, `${t}-u${s}`, n)) : o && r.push(...ot(o, `${t}-u${s}`, n));
   }), r;
 }
-function Jt(e) {
-  const t = e.split(`
+function mn(e, t, n) {
+  const r = [];
+  return e.split(_e).forEach((o, s) => {
+    if (_e.test(o)) {
+      r.push(
+        /* @__PURE__ */ i("strong", { children: Le(o.slice(2, -2), `${t}-b${s}`, n) }, `${t}-b${s}`)
+      );
+      return;
+    }
+    o.split(He).forEach((a, c) => {
+      const l = `${t}-b${s}-i${c}`;
+      He.test(a) ? r.push(
+        /* @__PURE__ */ i("em", { children: Le(a.slice(1, -1), l, n) }, l)
+      ) : r.push(...Le(a, l, n));
+    });
+  }), r;
+}
+function gn(e, t) {
+  const n = e.split(`
 `);
-  return t.map((n, r) => /* @__PURE__ */ w("span", { children: [
-    Zt(n, `l${r}`),
-    r < t.length - 1 && /* @__PURE__ */ i("br", {})
-  ] }, r));
+  return n.map((r, o) => /* @__PURE__ */ g("span", { children: [
+    mn(r, `l${o}`, t),
+    o < n.length - 1 && /* @__PURE__ */ i("br", {})
+  ] }, o));
 }
-const Qt = ke(function({
+const bn = Ae(function({
   role: t,
   content: n,
   isStreaming: r = !1,
@@ -1297,48 +1619,68 @@ const Qt = ke(function({
   toolUsedLabel: c = "Used tool:",
   toolDetailsLabel: l = "Tool details",
   onSourceClick: u,
-  isSourceActive: d,
-  speech: x
+  isSourceActive: f,
+  speech: T,
+  citations: A,
+  linkNewTabLabel: m = "(opens in a new tab)"
 }) {
-  const A = t === "user", g = !!s && s.length > 0, f = r ? Ft(n) : n, p = A || n !== "" || !(a != null && a.length);
-  return /* @__PURE__ */ w("div", { className: `${A ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
-    p && /* @__PURE__ */ w(
+  const h = t === "user", [d, k] = M(null), b = C(0), x = !h && A && o && o.length > 0 ? { config: A, sources: o } : null, y = !!s && s.length > 0, w = r && x ? qt(n) : n, D = r ? an(w) : w, S = {
+    newTabLabel: m,
+    citations: x ? {
+      sources: x.sources,
+      label: x.config.labels.citation,
+      onCite: (I) => {
+        b.current += 1, k({ index: I, key: b.current });
+      }
+    } : void 0
+  }, N = h || n !== "" || !(a != null && a.length);
+  return /* @__PURE__ */ g("div", { className: `${h ? "ml-auto" : "mr-auto"} max-w-[85%]`, children: [
+    N && /* @__PURE__ */ g(
       "div",
       {
-        className: `rounded-claudius-bubble px-4 py-2.5 text-sm leading-relaxed font-body ${A ? "bg-claudius-user-bubble text-claudius-user-bubble-text rounded-br-claudius-tail" : "bg-claudius-assistant-bubble text-claudius-assistant-bubble-text rounded-bl-claudius-tail"}`,
+        className: `rounded-claudius-bubble px-4 py-2.5 text-sm leading-relaxed font-body ${h ? "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: [
-          g && /* @__PURE__ */ i(
+          y && /* @__PURE__ */ i(
             "ul",
             {
               className: `flex flex-wrap gap-2 ${n ? "mb-2" : ""}`,
               "aria-label": "Attachments",
-              children: s.map((T) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(tt, { attachment: T, variant: "message" }) }, T.id))
+              children: s.map((I) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(rt, { attachment: I, variant: "message" }) }, I.id))
             }
           ),
-          (n !== "" || !g) && Jt(f)
+          (n !== "" || !y) && gn(D, S)
         ]
       }
     ),
-    !A && a && a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1 space-y-1", children: a.map((T, b) => /* @__PURE__ */ i(
-      Yt,
+    !h && a && a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1 space-y-1", children: a.map((I, R) => /* @__PURE__ */ i(
+      fn,
       {
-        toolUse: T,
+        toolUse: I,
         usedLabel: c,
         detailsLabel: l
       },
-      `${T.name}-${b}`
+      `${I.name}-${R}`
     )) }),
-    !A && o && o.length > 0 && u && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
-      Bt,
+    x ? /* @__PURE__ */ i(
+      rn,
+      {
+        sources: x.sources,
+        maxSources: x.config.maxSources,
+        favicons: x.config.favicons,
+        labels: x.config.labels,
+        reveal: d
+      }
+    ) : !h && o && o.length > 0 && u && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(
+      zt,
       {
         count: o.length,
-        isActive: d ?? !1,
+        isActive: f ?? !1,
         onClick: u
       }
     ) }),
-    !A && x && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(Ht, { ...x }) })
+    !h && T && /* @__PURE__ */ i("div", { className: "mt-1", children: /* @__PURE__ */ i(sn, { ...T }) })
   ] });
-}), nt = {
+}), st = {
   // ChatWindow
   title: "Chat",
   subtitle: "Ask me anything",
@@ -1390,6 +1732,12 @@ const Qt = ke(function({
   transcriptAssistant: "Assistant",
   transcriptAttachments: "Attachments:",
   transcriptSources: "Sources:",
+  // Citations
+  sources: "Sources",
+  showAllSources: "Show all ({count})",
+  showFewerSources: "Show fewer",
+  citation: "Source {n}: {title}",
+  opensInNewTab: "(opens in a new tab)",
   // Errors
   errorGeneric: "Something went wrong. Please try again.",
   errorConnection: "Failed to connect. Please try again.",
@@ -1399,14 +1747,14 @@ const Qt = ke(function({
   errorAttachmentRejected: "An attachment was rejected. Please remove it and try again.",
   errorAttachmentQuota: "Upload limit reached. Please try again later.",
   errorRetry: "Retry"
-}, Oe = nt;
-function xr(e) {
-  return { ...Oe, ...e };
+}, je = st;
+function Ur(e) {
+  return { ...je, ...e };
 }
 function ze(e) {
   return e.key === " " || e.key === "Enter";
 }
-function Xt({
+function yn({
   mode: e,
   isListening: t,
   disabled: n = !1,
@@ -1414,7 +1762,7 @@ function Xt({
   onStop: o,
   label: s
 }) {
-  const a = e === "hold", c = S(!1), l = () => {
+  const a = e === "hold", c = C(!1), l = () => {
     n || c.current || (c.current = !0, r({ held: !0 }));
   }, u = () => {
     c.current && (c.current = !1, o());
@@ -1427,24 +1775,24 @@ function Xt({
       "aria-label": s,
       "aria-pressed": t,
       title: s,
-      onClick: (f) => {
-        a && f.detail !== 0 || (t ? o() : r({ held: !1 }));
+      onClick: (h) => {
+        a && h.detail !== 0 || (t ? o() : r({ held: !1 }));
       },
-      onPointerDown: (f) => {
-        var p, T;
-        !a || f.button !== 0 || ((T = (p = f.currentTarget).setPointerCapture) == null || T.call(p, f.pointerId), l());
+      onPointerDown: (h) => {
+        var d, k;
+        !a || h.button !== 0 || ((k = (d = h.currentTarget).setPointerCapture) == null || k.call(d, h.pointerId), l());
       },
       onPointerUp: u,
       onPointerCancel: u,
       onLostPointerCapture: u,
-      onKeyDown: (f) => {
-        !a || !ze(f) || (f.preventDefault(), f.repeat || l());
+      onKeyDown: (h) => {
+        !a || !ze(h) || (h.preventDefault(), h.repeat || l());
       },
-      onKeyUp: (f) => {
-        !a || !ze(f) || (f.preventDefault(), u());
+      onKeyUp: (h) => {
+        !a || !ze(h) || (h.preventDefault(), u());
       },
       onBlur: u,
-      onContextMenu: a ? (f) => f.preventDefault() : void 0,
+      onContextMenu: a ? (h) => h.preventDefault() : void 0,
       style: a ? { WebkitTouchCallout: "none" } : void 0,
       className: `flex h-11 w-11 shrink-0 items-center justify-center rounded-claudius-sm border transition-colors focus:outline-none focus:ring-1 focus:ring-claudius-accent disabled:opacity-50 ${t ? (
         // An accent ring on an accent fill is invisible; offset it so
@@ -1466,7 +1814,7 @@ function Xt({
             children: /* @__PURE__ */ i("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1.5" })
           }
         )
-      ) : /* @__PURE__ */ w(
+      ) : /* @__PURE__ */ g(
         "svg",
         {
           width: "16",
@@ -1488,8 +1836,8 @@ function Xt({
     }
   );
 }
-function en({ active: e }) {
-  return /* @__PURE__ */ w(
+function wn({ active: e }) {
+  return /* @__PURE__ */ g(
     "span",
     {
       "aria-hidden": "true",
@@ -1504,50 +1852,44 @@ function en({ active: e }) {
     }
   );
 }
-function Re(e, t) {
-  return e.replace(
-    /\{(\w+)\}/g,
-    (n, r) => r in t ? String(t[r]) : n
-  );
-}
-const tn = {
+const xn = {
   en: "en-US",
   es: "es-ES",
   fr: "fr-FR",
   de: "de-DE"
-}, nn = ["toggle", "hold"];
-function He(e, t) {
+}, vn = ["toggle", "hold"];
+function We(e, t) {
   if (!(!e || !e.includes("-")))
     return e.toLowerCase().split("-")[0] === t ? e : void 0;
 }
-function rt(e, t) {
+function at(e, t) {
   const n = t == null ? void 0 : t.trim();
   if (n) return n;
-  const r = typeof document < "u" ? He(document.documentElement.lang, e) : void 0;
+  const r = typeof document < "u" ? We(document.documentElement.lang, e) : void 0;
   if (r) return r;
-  const o = typeof navigator < "u" ? He(navigator.language, e) : void 0;
-  return o || tn[e];
+  const o = typeof navigator < "u" ? We(navigator.language, e) : void 0;
+  return o || xn[e];
 }
-function rn(e, t) {
+function Sn(e, t) {
   const n = typeof e == "object" && e !== null && !Array.isArray(e);
   if (e !== !0 && !n) return null;
   const r = e === !0 ? {} : e, o = {
     input: r.input ?? !0,
     output: r.output ?? !0,
     // `mode` can arrive from an HTML attribute, so tolerate junk.
-    mode: nn.includes(r.mode) ? r.mode : "toggle",
+    mode: vn.includes(r.mode) ? r.mode : "toggle",
     autoSubmit: r.autoSubmit ?? !1,
-    lang: rt(t, r.lang)
+    lang: at(t, r.lang)
   };
   return o.input || o.output ? o : null;
 }
-function on(e, t, n) {
+function Tn(e, t, n) {
   const r = t.trim();
   if (!r) return e;
   const o = e.trimEnd();
   return (o ? `${o} ${r}` : r).slice(0, n);
 }
-function sn(e) {
+function An(e) {
   const t = [];
   let n = 0;
   for (let r = 0; r < e.length; r++) {
@@ -1557,14 +1899,14 @@ function sn(e) {
   }
   return n < e.length && t.push(e.slice(n)), t;
 }
-function an(e, t = 150) {
+function kn(e, t = 150) {
   const n = [];
   let r = "";
   const o = () => {
     const s = r.trim();
     s && n.push(s), r = "";
   };
-  for (const s of sn(e)) {
+  for (const s of An(e)) {
     if ((r + s).trim().length <= t) {
       r += s;
       continue;
@@ -1581,12 +1923,12 @@ function an(e, t = 150) {
   }
   return o(), n;
 }
-function Fe() {
+function Ge() {
   if (typeof window > "u") return;
   const e = window;
   return e.SpeechRecognition ?? e.webkitSpeechRecognition;
 }
-function cn(e) {
+function Rn(e) {
   switch (e) {
     case "not-allowed":
     case "service-not-allowed":
@@ -1599,62 +1941,62 @@ function cn(e) {
       return "unavailable";
   }
 }
-function ln(e) {
-  const [t] = N(() => Fe() !== void 0), [n, r] = N(!1), [o, s] = N(!1), a = S(null), c = S(!1), l = S(e);
-  W(() => {
+function En(e) {
+  const [t] = M(() => Ge() !== void 0), [n, r] = M(!1), [o, s] = M(!1), a = C(null), c = C(!1), l = C(e);
+  H(() => {
     l.current = e;
   });
-  const u = M((g) => {
-    g.onstart = null, g.onend = null, g.onerror = null, g.onresult = null, g.onspeechstart = null, g.onspeechend = null, a.current === g && (a.current = null), r(!1), s(!1);
-  }, []), d = M(() => {
-    const g = a.current;
-    g && (u(g), g.abort());
-  }, [u]), x = M(() => {
-    const g = a.current;
-    return g ? (c.current ? g.stop() : d(), !0) : !1;
-  }, [d]), A = M(() => {
-    var b, R;
-    const g = Fe();
-    if (!g || a.current) return !1;
-    const f = new g();
-    f.lang = l.current.lang, f.interimResults = !0, f.continuous = !1;
-    let p = "";
-    const T = () => {
+  const u = O((m) => {
+    m.onstart = null, m.onend = null, m.onerror = null, m.onresult = null, m.onspeechstart = null, m.onspeechend = null, a.current === m && (a.current = null), r(!1), s(!1);
+  }, []), f = O(() => {
+    const m = a.current;
+    m && (u(m), m.abort());
+  }, [u]), T = O(() => {
+    const m = a.current;
+    return m ? (c.current ? m.stop() : f(), !0) : !1;
+  }, [f]), A = O(() => {
+    var b, x;
+    const m = Ge();
+    if (!m || a.current) return !1;
+    const h = new m();
+    h.lang = l.current.lang, h.interimResults = !0, h.continuous = !1;
+    let d = "";
+    const k = () => {
       c.current = !0;
     };
-    f.onstart = T, f.onspeechstart = () => {
-      T(), s(!0);
-    }, f.onspeechend = () => s(!1), f.onresult = (y) => {
-      var $, L;
-      let v = "", C = "";
-      for (let E = 0; E < y.results.length; E++) {
-        const B = y.results[E];
-        B.isFinal ? v += B[0].transcript : C += B[0].transcript;
+    h.onstart = k, h.onspeechstart = () => {
+      k(), s(!0);
+    }, h.onspeechend = () => s(!1), h.onresult = (y) => {
+      var S, N;
+      let w = "", D = "";
+      for (let I = 0; I < y.results.length; I++) {
+        const R = y.results[I];
+        R.isFinal ? w += R[0].transcript : D += R[0].transcript;
       }
-      p = v, T(), s(!0), (L = ($ = l.current).onTranscript) == null || L.call($, v + C);
-    }, f.onerror = (y) => {
-      var v, C;
-      y.error !== "aborted" && ((C = (v = l.current).onError) == null || C.call(v, cn(y.error))), u(f), f.abort();
-    }, f.onend = () => {
-      var y, v;
-      u(f), (v = (y = l.current).onEnd) == null || v.call(y, p);
-    }, a.current = f, c.current = !1, r(!0);
+      d = w, k(), s(!0), (N = (S = l.current).onTranscript) == null || N.call(S, w + D);
+    }, h.onerror = (y) => {
+      var w, D;
+      y.error !== "aborted" && ((D = (w = l.current).onError) == null || D.call(w, Rn(y.error))), u(h), h.abort();
+    }, h.onend = () => {
+      var y, w;
+      u(h), (w = (y = l.current).onEnd) == null || w.call(y, d);
+    }, a.current = h, c.current = !1, r(!0);
     try {
-      f.start();
+      h.start();
     } catch {
-      return u(f), (R = (b = l.current).onError) == null || R.call(b, "unavailable"), !1;
+      return u(h), (x = (b = l.current).onError) == null || x.call(b, "unavailable"), !1;
     }
     return !0;
   }, [u]);
-  return W(() => d, [d]), { isSupported: t, isListening: n, isSpeechDetected: o, start: A, stop: x, abort: d };
+  return H(() => f, [f]), { isSupported: t, isListening: n, isSpeechDetected: o, start: A, stop: T, abort: f };
 }
-const ye = 2e3, un = 1800;
-function We(e) {
+const xe = 2e3, Cn = 1800;
+function Ve(e) {
   var n;
   const t = (n = e.dataTransfer) == null ? void 0 : n.types;
   return !!t && Array.from(t).includes("Files");
 }
-function dn({
+function Nn({
   onSend: e,
   isLoading: t,
   isStreaming: n = !1,
@@ -1666,129 +2008,129 @@ function dn({
   onVoiceStart: l,
   isReadingAloud: u = !1
 }) {
-  const d = s ?? Oe, [x, A] = N(""), [g, f] = N([]), [p, T] = N(null), [b, R] = N(!1), [y, v] = N(null), C = S(null), $ = S(null), L = S([]), E = S(0), B = S(""), O = S(""), _ = S(!1), q = S(!1), G = S(!1), J = (m) => {
-    B.current = m, A(m);
-  }, z = x.length, ae = z >= un, ie = z >= ye, ce = o ?? d.placeholder, re = !!a && g.length < a.maxCount, h = n && !!r;
-  W(() => {
-    var m;
-    t || (m = C.current) == null || m.focus();
+  const f = s ?? je, [T, A] = M(""), [m, h] = M([]), [d, k] = M(null), [b, x] = M(!1), [y, w] = M(null), D = C(null), S = C(null), N = C([]), I = C(0), R = C(""), ne = C(""), $ = C(!1), z = C(!1), X = C(!1), Z = (p) => {
+    R.current = p, A(p);
+  }, J = T.length, W = J >= Cn, G = J >= xe, ce = o ?? f.placeholder, de = !!a && m.length < a.maxCount, fe = n && !!r;
+  H(() => {
+    var p;
+    t || (p = D.current) == null || p.focus();
   }, [t]);
-  const P = M(
-    (m, j) => {
+  const E = O(
+    (p, j) => {
       if (!a) return "";
       switch (j) {
         case "size":
-          return Re(d.attachmentTooLarge, {
-            name: m,
-            max: Se(a.maxSizeBytes)
+          return ge(f.attachmentTooLarge, {
+            name: p,
+            max: Me(a.maxSizeBytes)
           });
         case "type":
-          return Re(d.attachmentTypeNotAllowed, { name: m });
+          return ge(f.attachmentTypeNotAllowed, { name: p });
         case "count":
-          return Re(d.attachmentTooMany, {
+          return ge(f.attachmentTooMany, {
             max: a.maxCount
           });
       }
     },
-    [a, d]
-  ), U = M(
-    async (m) => {
-      if (!a || m.length === 0) return;
-      const { accepted: j, rejected: fe } = Rt(
-        m,
-        L.current.length,
+    [a, f]
+  ), B = O(
+    async (p) => {
+      if (!a || p.length === 0) return;
+      const { accepted: j, rejected: ue } = Ct(
+        p,
+        N.current.length,
         a
       );
-      if (T(
-        fe.length > 0 ? P(fe[0].file.name, fe[0].reason) : null
+      if (k(
+        ue.length > 0 ? E(ue[0].file.name, ue[0].reason) : null
       ), j.length === 0) return;
-      const ut = await Promise.all(j.map(kt));
-      L.current = [...L.current, ...ut], f(L.current);
+      const ht = await Promise.all(j.map(Lt));
+      N.current = [...N.current, ...ht], h(N.current);
     },
-    [a, P]
-  ), ee = M((m) => {
-    L.current = L.current.filter((j) => j.id !== m), f(L.current), T(null);
-  }, []), te = () => {
-    const m = B.current.trim(), j = L.current;
-    !m && j.length === 0 || B.current.length >= ye || (j.length > 0 ? e(m, j) : e(m), J(""), L.current = [], f([]), T(null), v(null));
-  }, ne = (m) => {
-    switch (m) {
+    [a, E]
+  ), P = O((p) => {
+    N.current = N.current.filter((j) => j.id !== p), h(N.current), k(null);
+  }, []), v = () => {
+    const p = R.current.trim(), j = N.current;
+    !p && j.length === 0 || R.current.length >= xe || (j.length > 0 ? e(p, j) : e(p), Z(""), N.current = [], h([]), k(null), w(null));
+  }, V = (p) => {
+    switch (p) {
       case "permission":
-        return d.voicePermissionDenied;
+        return f.voicePermissionDenied;
       case "no-speech":
-        return d.voiceNoSpeech;
+        return f.voiceNoSpeech;
       case "no-microphone":
-        return d.voiceNoMicrophone;
+        return f.voiceNoMicrophone;
       case "unavailable":
-        return d.voiceUnavailable;
+        return f.voiceUnavailable;
     }
-  }, F = ln({
+  }, K = En({
     lang: (c == null ? void 0 : c.lang) ?? "en-US",
-    onTranscript: (m) => J(
-      on(O.current, m, ye)
+    onTranscript: (p) => Z(
+      Tn(ne.current, p, xe)
     ),
-    onEnd: (m) => {
-      const j = m.trim() !== "";
-      if (j && (q.current = !0), !_.current) {
-        D();
+    onEnd: (p) => {
+      const j = p.trim() !== "";
+      if (j && (z.current = !0), !$.current) {
+        ee();
         return;
       }
-      j && I();
+      j && te();
     },
-    onError: (m) => {
-      m === "no-speech" && q.current || (G.current = !0, v(ne(m)));
+    onError: (p) => {
+      p === "no-speech" && z.current || (X.current = !0, w(V(p)));
     }
-  }), H = !!(c != null && c.input) && F.isSupported, k = F.isListening;
-  W(() => {
-    const m = C.current;
-    k && m && (m.scrollLeft = m.scrollWidth);
-  }, [k, x]);
-  const D = () => {
-    c != null && c.autoSubmit && q.current && !G.current && te();
-  }, I = () => {
-    const m = B.current;
-    F.start() && (O.current = m);
-  }, K = ({ held: m }) => {
-    v(null), _.current = m, q.current = !1, G.current = !1, l == null || l(), I();
-  }, Q = () => {
-    const m = _.current;
-    _.current = !1, !F.stop() && m && D();
-  }, le = () => {
-    _.current = !1, F.abort();
-  }, { abort: Y } = F;
-  W(() => {
-    !t && !u || (_.current = !1, Y());
+  }), oe = !!(c != null && c.input) && K.isSupported, F = K.isListening;
+  H(() => {
+    const p = D.current;
+    F && p && (p.scrollLeft = p.scrollWidth);
+  }, [F, T]);
+  const ee = () => {
+    c != null && c.autoSubmit && z.current && !X.current && v();
+  }, te = () => {
+    const p = R.current;
+    K.start() && (ne.current = p);
+  }, L = ({ held: p }) => {
+    w(null), $.current = p, z.current = !1, X.current = !1, l == null || l(), te();
+  }, _ = () => {
+    const p = $.current;
+    $.current = !1, !K.stop() && p && ee();
+  }, U = () => {
+    $.current = !1, K.abort();
+  }, { abort: Y } = K;
+  H(() => {
+    !t && !u || ($.current = !1, Y());
   }, [t, u, Y]);
-  const me = (m) => {
-    m.preventDefault(), le(), te();
-  }, ue = (m) => {
-    const j = m.target.value;
-    j.length <= ye && (le(), v(null), J(j));
-  }, V = (m) => {
-    const j = Array.from(m.target.files ?? []);
-    m.target.value = "", U(j);
-  }, oe = (m) => {
-    var fe;
+  const se = (p) => {
+    p.preventDefault(), U(), v();
+  }, le = (p) => {
+    const j = p.target.value;
+    j.length <= xe && (U(), w(null), Z(j));
+  }, re = (p) => {
+    const j = Array.from(p.target.files ?? []);
+    p.target.value = "", B(j);
+  }, ye = (p) => {
+    var ue;
     if (!a) return;
-    const j = Array.from(((fe = m.clipboardData) == null ? void 0 : fe.files) ?? []);
-    j.length !== 0 && (m.preventDefault(), U(j));
+    const j = Array.from(((ue = p.clipboardData) == null ? void 0 : ue.files) ?? []);
+    j.length !== 0 && (p.preventDefault(), B(j));
   };
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ g(
     "form",
     {
-      onSubmit: me,
-      onDragEnter: (m) => {
-        !a || !We(m) || (m.preventDefault(), E.current += 1, R(!0));
+      onSubmit: se,
+      onDragEnter: (p) => {
+        !a || !Ve(p) || (p.preventDefault(), I.current += 1, x(!0));
       },
-      onDragOver: (m) => {
-        !a || !We(m) || m.preventDefault();
+      onDragOver: (p) => {
+        !a || !Ve(p) || p.preventDefault();
       },
       onDragLeave: () => {
-        a && (E.current = Math.max(0, E.current - 1), E.current === 0 && R(!1));
+        a && (I.current = Math.max(0, I.current - 1), I.current === 0 && x(!1));
       },
-      onDrop: (m) => {
+      onDrop: (p) => {
         var j;
-        a && (m.preventDefault(), E.current = 0, R(!1), U(Array.from(((j = m.dataTransfer) == null ? void 0 : j.files) ?? [])));
+        a && (p.preventDefault(), I.current = 0, x(!1), B(Array.from(((j = p.dataTransfer) == null ? void 0 : j.files) ?? [])));
       },
       "data-drag-over": b || void 0,
       className: `relative border-t border-claudius-border bg-claudius-surface p-3 ${b ? "ring-2 ring-inset ring-claudius-accent" : ""}`,
@@ -1798,38 +2140,38 @@ function dn({
           {
             "aria-hidden": "true",
             className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-claudius-surface text-sm font-medium text-claudius-accent",
-            children: d.dropFilesHint
+            children: f.dropFilesHint
           }
         ),
-        a && g.length > 0 && /* @__PURE__ */ i(
+        a && m.length > 0 && /* @__PURE__ */ i(
           "ul",
           {
-            "aria-label": d.attachmentsLabel,
+            "aria-label": f.attachmentsLabel,
             className: "mb-2 flex flex-wrap gap-3 pt-1",
-            children: g.map((m) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-              tt,
+            children: m.map((p) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+              rt,
               {
-                attachment: m,
+                attachment: p,
                 variant: "composer",
-                onRemove: () => ee(m.id),
-                removeLabel: `${d.removeAttachment}: ${m.name}`
+                onRemove: () => P(p.id),
+                removeLabel: `${f.removeAttachment}: ${p.name}`
               }
-            ) }, m.id))
+            ) }, p.id))
           }
         ),
-        /* @__PURE__ */ w("div", { className: "flex gap-2", children: [
-          a && /* @__PURE__ */ w(ve, { children: [
+        /* @__PURE__ */ g("div", { className: "flex gap-2", children: [
+          a && /* @__PURE__ */ g(Te, { children: [
             /* @__PURE__ */ i(
               "input",
               {
-                ref: $,
+                ref: S,
                 type: "file",
                 multiple: !0,
                 hidden: !0,
                 tabIndex: -1,
                 accept: a.allowedTypes.join(","),
-                onChange: V,
-                "aria-label": d.attachFile
+                onChange: re,
+                "aria-label": f.attachFile
               }
             ),
             /* @__PURE__ */ i(
@@ -1837,12 +2179,12 @@ function dn({
               {
                 type: "button",
                 onClick: () => {
-                  var m;
-                  return (m = $.current) == null ? void 0 : m.click();
+                  var p;
+                  return (p = S.current) == null ? void 0 : p.click();
                 },
-                disabled: t || !re,
-                "aria-label": d.attachFile,
-                title: d.attachFile,
+                disabled: t || !de,
+                "aria-label": f.attachFile,
+                title: f.attachFile,
                 className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-claudius-sm border border-claudius-border bg-claudius-field text-claudius-text-muted transition-colors hover:text-claudius-text focus:border-claudius-accent focus:outline-none focus:ring-1 focus:ring-claudius-accent disabled:opacity-50",
                 children: /* @__PURE__ */ i(
                   "svg",
@@ -1862,41 +2204,41 @@ function dn({
               }
             )
           ] }),
-          /* @__PURE__ */ w("div", { className: "relative min-w-0 flex-1", children: [
+          /* @__PURE__ */ g("div", { className: "relative min-w-0 flex-1", children: [
             /* @__PURE__ */ i(
               "input",
               {
-                ref: C,
+                ref: D,
                 type: "text",
-                value: x,
-                onChange: ue,
-                onPaste: oe,
-                placeholder: k ? d.voiceListening : ce,
+                value: T,
+                onChange: le,
+                onPaste: ye,
+                placeholder: F ? f.voiceListening : ce,
                 disabled: t,
-                "aria-label": d.typeYourMessage,
-                "aria-describedby": ae ? "char-count" : void 0,
-                className: `h-full w-full rounded-claudius-sm border border-claudius-border bg-claudius-field py-2 pl-3 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 ${k ? "pr-10" : "pr-3"}`
+                "aria-label": f.typeYourMessage,
+                "aria-describedby": W ? "char-count" : void 0,
+                className: `h-full w-full rounded-claudius-sm border border-claudius-border bg-claudius-field py-2 pl-3 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 ${F ? "pr-10" : "pr-3"}`
               }
             ),
-            k && /* @__PURE__ */ i(en, { active: F.isSpeechDetected })
+            F && /* @__PURE__ */ i(wn, { active: K.isSpeechDetected })
           ] }),
-          H && c && /* @__PURE__ */ i(
-            Xt,
+          oe && c && /* @__PURE__ */ i(
+            yn,
             {
               mode: c.mode,
-              isListening: k,
+              isListening: F,
               disabled: t,
-              onStart: K,
-              onStop: Q,
-              label: c.mode === "hold" ? d.voiceInputHold : d.voiceInput
+              onStart: L,
+              onStop: _,
+              label: c.mode === "hold" ? f.voiceInputHold : f.voiceInput
             }
           ),
-          h ? /* @__PURE__ */ i(
+          fe ? /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               onClick: r,
-              "aria-label": d.stopGenerating,
+              "aria-label": f.stopGenerating,
               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__ */ i(
                 "svg",
@@ -1914,10 +2256,10 @@ function dn({
             "button",
             {
               type: "submit",
-              disabled: t || ie,
-              "aria-label": d.sendMessage,
+              disabled: t || G,
+              "aria-label": f.sendMessage,
               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__ */ w(
+              children: /* @__PURE__ */ g(
                 "svg",
                 {
                   width: "16",
@@ -1938,17 +2280,17 @@ function dn({
             }
           )
         ] }),
-        (p ?? y) && /* @__PURE__ */ i("div", { role: "alert", className: "mt-1 text-xs text-claudius-error", children: p ?? y }),
-        ae && /* @__PURE__ */ w(
+        (d ?? y) && /* @__PURE__ */ i("div", { role: "alert", className: "mt-1 text-xs text-claudius-error", children: d ?? y }),
+        W && /* @__PURE__ */ g(
           "div",
           {
             id: "char-count",
-            className: `mt-1 text-xs text-right ${ie ? "text-claudius-error" : "text-claudius-text-muted"}`,
+            className: `mt-1 text-xs text-right ${G ? "text-claudius-error" : "text-claudius-text-muted"}`,
             "aria-live": "polite",
             children: [
-              z,
+              J,
               "/",
-              ye
+              xe
             ]
           }
         )
@@ -1956,30 +2298,30 @@ function dn({
     }
   );
 }
-const fn = ["blog", "page", "external"], hn = {
+const Mn = ["blog", "page", "external"], Ln = {
   blog: "Blog",
   page: "Page",
   external: "External"
 };
-function pn(e) {
+function Dn(e) {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
 }
-const mn = ke(function({
+const In = Ae(function({
   sources: t,
   onClose: n
 }) {
-  const r = fn.map((s) => ({
+  const r = Mn.map((s) => ({
     type: s,
-    label: hn[s],
+    label: Ln[s],
     items: t.filter((a) => a.type === s)
   })).filter((s) => s.items.length > 0), o = t.length === 1 ? "1 source found" : `${t.length} sources found`;
-  return /* @__PURE__ */ w("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__ */ w("div", { className: "flex items-center justify-between border-b border-claudius-border px-4 py-3", children: [
-      /* @__PURE__ */ w("div", { children: [
+  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__ */ 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: o })
       ] }),
@@ -1989,7 +2331,7 @@ const mn = ke(function({
           onClick: n,
           "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__ */ w(
+          children: /* @__PURE__ */ g(
             "svg",
             {
               width: "14",
@@ -2010,11 +2352,11 @@ const mn = ke(function({
         }
       )
     ] }),
-    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-4", children: r.map((s) => /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-4", children: r.map((s) => /* @__PURE__ */ g("div", { children: [
       /* @__PURE__ */ i("h4", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-claudius-text-muted", children: s.label }),
       /* @__PURE__ */ i("div", { className: "space-y-2", children: s.items.map((a) => {
-        const c = Ce(a.url);
-        return c ? /* @__PURE__ */ w(
+        const c = ke(a.url);
+        return c ? /* @__PURE__ */ g(
           "a",
           {
             href: c,
@@ -2023,7 +2365,7 @@ const mn = ke(function({
             className: "block rounded-claudius-md border-2 border-claudius-border bg-claudius-surface-muted p-3 transition-colors hover:bg-claudius-border",
             children: [
               /* @__PURE__ */ i("p", { className: "truncate text-sm font-medium text-claudius-text", children: a.title }),
-              /* @__PURE__ */ i("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: pn(c) })
+              /* @__PURE__ */ i("p", { className: "mt-0.5 text-xs text-claudius-text-muted", children: Dn(c) })
             ]
           },
           c
@@ -2032,7 +2374,7 @@ const mn = ke(function({
     ] }, s.type)) })
   ] });
 });
-function gn({
+function On({
   title: e,
   subtitle: t,
   titleId: n,
@@ -2040,7 +2382,7 @@ function gn({
   onClose: o,
   actions: s
 }) {
-  return /* @__PURE__ */ w("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__ */ i(
       "div",
       {
@@ -2049,7 +2391,7 @@ function gn({
         children: e.charAt(0).toUpperCase()
       }
     ),
-    /* @__PURE__ */ w("div", { className: "flex-1", children: [
+    /* @__PURE__ */ g("div", { className: "flex-1", children: [
       /* @__PURE__ */ i(
         "h2",
         {
@@ -2067,7 +2409,7 @@ function gn({
         onClick: o,
         "aria-label": r,
         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__ */ w(
+        children: /* @__PURE__ */ g(
           "svg",
           {
             width: "18",
@@ -2089,12 +2431,12 @@ function gn({
     )
   ] });
 }
-function bn({
+function $n({
   message: e,
   retryLabel: t,
   onRetry: n
 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ g(
     "div",
     {
       role: "alert",
@@ -2114,7 +2456,7 @@ function bn({
     }
   );
 }
-function yn({ label: e }) {
+function jn({ label: e }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2122,7 +2464,7 @@ function yn({ label: e }) {
       "aria-live": "polite",
       "aria-label": e,
       className: "mr-auto flex max-w-[85%]",
-      children: /* @__PURE__ */ w("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__ */ 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]" })
@@ -2130,29 +2472,29 @@ function yn({ label: e }) {
     }
   );
 }
-function xn({ label: e, items: t, onOpen: n }) {
-  const [r, o] = N(!1), s = Ne(), a = Ne(), c = S(null), l = S(null), u = S([]), d = S(null), x = (b) => {
-    d.current = b, o(!0), n == null || n();
+function Pn({ label: e, items: t, onOpen: n }) {
+  const [r, o] = M(!1), s = Ne(), a = Ne(), c = C(null), l = C(null), u = C([]), f = C(null), T = (b) => {
+    f.current = b, o(!0), n == null || n();
   }, A = (b) => {
-    var R;
-    o(!1), (R = l.current) == null || R.focus();
+    var x;
+    o(!1), (x = l.current) == null || x.focus();
   };
-  W(() => {
-    var R;
+  H(() => {
+    var x;
     if (!r) return;
-    d.current !== null && ((R = u.current[d.current]) == null || R.focus(), d.current = null);
+    f.current !== null && ((x = u.current[f.current]) == null || x.focus(), f.current = null);
     const b = (y) => {
-      var v;
-      (v = c.current) != null && v.contains(y.target) || o(!1);
+      var w;
+      (w = c.current) != null && w.contains(y.target) || o(!1);
     };
     return document.addEventListener("pointerdown", b), () => document.removeEventListener("pointerdown", b);
   }, [r]);
-  const g = (b) => {
+  const m = (b) => {
     var y;
-    const R = t.length;
-    (y = u.current[(b + R) % R]) == null || y.focus();
+    const x = t.length;
+    (y = u.current[(b + x) % x]) == null || y.focus();
   };
-  return /* @__PURE__ */ w("div", { ref: c, className: "relative", children: [
+  return /* @__PURE__ */ g("div", { ref: c, className: "relative", children: [
     /* @__PURE__ */ i(
       "button",
       {
@@ -2163,12 +2505,12 @@ function xn({ label: e, items: t, onOpen: n }) {
         "aria-haspopup": "menu",
         "aria-expanded": r,
         "aria-controls": r ? a : void 0,
-        onClick: () => r ? A() : x(0),
+        onClick: () => r ? A() : T(0),
         onKeyDown: (b) => {
-          b.key === "ArrowDown" ? (b.preventDefault(), x(0)) : b.key === "ArrowUp" && (b.preventDefault(), x(t.length - 1));
+          b.key === "ArrowDown" ? (b.preventDefault(), T(0)) : b.key === "ArrowUp" && (b.preventDefault(), T(t.length - 1));
         },
         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__ */ w(
+        children: /* @__PURE__ */ g(
           "svg",
           {
             width: "18",
@@ -2193,21 +2535,21 @@ function xn({ label: e, items: t, onOpen: n }) {
         "aria-labelledby": s,
         tabIndex: -1,
         onKeyDown: (b) => {
-          const R = u.current.findIndex(
+          const x = u.current.findIndex(
             (y) => y === document.activeElement
           );
           switch (b.key) {
             case "ArrowDown":
-              b.preventDefault(), g(R + 1);
+              b.preventDefault(), m(x + 1);
               break;
             case "ArrowUp":
-              b.preventDefault(), g(R === -1 ? t.length - 1 : R - 1);
+              b.preventDefault(), m(x === -1 ? t.length - 1 : x - 1);
               break;
             case "Home":
-              b.preventDefault(), g(0);
+              b.preventDefault(), m(0);
               break;
             case "End":
-              b.preventDefault(), g(t.length - 1);
+              b.preventDefault(), m(t.length - 1);
               break;
             case "Escape":
               b.preventDefault(), b.stopPropagation(), A();
@@ -2219,15 +2561,15 @@ function xn({ label: e, items: t, onOpen: n }) {
         },
         onBlur: (b) => {
           var y;
-          const R = b.relatedTarget;
-          R && ((y = c.current) != null && y.contains(R) || o(!1));
+          const x = b.relatedTarget;
+          x && ((y = c.current) != null && y.contains(x) || o(!1));
         },
         className: "absolute right-0 top-full z-20 mt-1 min-w-[12rem] rounded-claudius-md border border-claudius-border bg-claudius-surface py-1 shadow-claudius-elevated",
-        children: t.map((b, R) => /* @__PURE__ */ i(
+        children: t.map((b, x) => /* @__PURE__ */ i(
           "button",
           {
             ref: (y) => {
-              u.current[R] = y;
+              u.current[x] = y;
             },
             type: "button",
             role: "menuitem",
@@ -2245,41 +2587,41 @@ function xn({ label: e, items: t, onOpen: n }) {
     )
   ] });
 }
-function wn(e, t, n) {
-  const [r, o] = N(0), s = S(0), a = S(0), c = S(0), l = S(!1);
-  return W(() => {
+function Un(e, t, n) {
+  const [r, o] = M(0), s = C(0), a = C(0), c = C(0), l = C(!1);
+  return H(() => {
     const u = e.current;
     if (!n || !u) return;
-    const d = (g) => {
+    const f = (m) => {
       if (u.scrollTop > 0) {
         l.current = !1;
         return;
       }
-      l.current = !0, a.current = g.touches[0].clientY, c.current = Date.now();
-    }, x = (g) => {
+      l.current = !0, a.current = m.touches[0].clientY, c.current = Date.now();
+    }, T = (m) => {
       if (!l.current) return;
-      let f = g.touches[0].clientY - a.current;
-      f < 0 && (f = f * 0.3), s.current = f, o(f);
+      let h = m.touches[0].clientY - a.current;
+      h < 0 && (h = h * 0.3), s.current = h, o(h);
     }, A = () => {
       if (!l.current) return;
       l.current = !1;
-      const g = s.current, f = (Date.now() - c.current) / 1e3, p = u.getBoundingClientRect().height, T = f > 0.05 && g > 0 && g / f > 500, b = g > p * 0.3;
-      T || b ? t() : (s.current = 0, o(0));
+      const m = s.current, h = (Date.now() - c.current) / 1e3, d = u.getBoundingClientRect().height, k = h > 0.05 && m > 0 && m / h > 500, b = m > d * 0.3;
+      k || b ? t() : (s.current = 0, o(0));
     };
-    return u.addEventListener("touchstart", d, { passive: !0 }), u.addEventListener("touchmove", x, { passive: !0 }), u.addEventListener("touchend", A), () => {
-      u.removeEventListener("touchstart", d), u.removeEventListener("touchmove", x), u.removeEventListener("touchend", A);
+    return u.addEventListener("touchstart", f, { passive: !0 }), u.addEventListener("touchmove", T, { passive: !0 }), u.addEventListener("touchend", A), () => {
+      u.removeEventListener("touchstart", f), u.removeEventListener("touchmove", T), u.removeEventListener("touchend", A);
     };
   }, [e, t, n]), { offsetY: r };
 }
-const vn = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function Tn(e, t) {
-  W(() => {
+const Bn = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Fn(e, t) {
+  H(() => {
     const n = e.current;
     if (!n) return;
     const r = (o) => {
       if (o.key !== "Tab") return;
       const s = Array.from(
-        n.querySelectorAll(vn)
+        n.querySelectorAll(Bn)
       ).filter((u) => !u.hasAttribute("aria-hidden"));
       if (s.length === 0) return;
       const a = s[0], c = s[s.length - 1], l = document.activeElement;
@@ -2288,53 +2630,53 @@ function Tn(e, t) {
     return n.addEventListener("keydown", r), () => n.removeEventListener("keydown", r);
   }, [e, t]);
 }
-function xe() {
+function ve() {
   if (!(typeof window > "u") && !(typeof window.SpeechSynthesisUtterance > "u"))
     return window.speechSynthesis ?? void 0;
 }
-function En(e) {
-  const [t] = N(() => xe() !== void 0), [n, r] = N(null), [o, s] = N(!1), a = S(0), c = S(!1), l = S([]), u = M(() => {
+function _n(e) {
+  const [t] = M(() => ve() !== void 0), [n, r] = M(null), [o, s] = M(!1), a = C(0), c = C(!1), l = C([]), u = O(() => {
     a.current += 1, c.current = !1, l.current = [], r(null), s(!1);
-  }, []), d = M(() => {
-    const f = l.current.length > 0;
+  }, []), f = O(() => {
+    const h = l.current.length > 0;
     u();
-    const p = xe();
-    !f || !p || (p.cancel(), p.paused && p.resume());
-  }, [u]), x = M(
-    (f, p) => {
-      const T = xe();
-      if (!T) return;
-      u(), (T.speaking || T.pending) && T.cancel(), T.paused && T.resume();
-      const b = an(p);
+    const d = ve();
+    !h || !d || (d.cancel(), d.paused && d.resume());
+  }, [u]), T = O(
+    (h, d) => {
+      const k = ve();
+      if (!k) return;
+      u(), (k.speaking || k.pending) && k.cancel(), k.paused && k.resume();
+      const b = kn(d);
       if (b.length === 0) return;
-      const R = a.current, y = () => a.current === R;
-      l.current = b.map((v, C) => {
-        const $ = new SpeechSynthesisUtterance(v);
-        return $.lang = e, $.onerror = (L) => {
+      const x = a.current, y = () => a.current === x;
+      l.current = b.map((w, D) => {
+        const S = new SpeechSynthesisUtterance(w);
+        return S.lang = e, S.onerror = (N) => {
           if (!y()) return;
-          (L.error === "interrupted" || L.error === "canceled") && !c.current ? u() : d();
-        }, $.onpause = () => {
+          (N.error === "interrupted" || N.error === "canceled") && !c.current ? u() : f();
+        }, S.onpause = () => {
           y() && s(!0);
-        }, $.onresume = () => {
+        }, S.onresume = () => {
           y() && s(!1);
-        }, $.onend = () => {
-          y() && (c.current && !T.paused ? d() : C === b.length - 1 && u());
-        }, $;
-      }), r(f);
-      for (const v of l.current) T.speak(v);
+        }, S.onend = () => {
+          y() && (c.current && !k.paused ? f() : D === b.length - 1 && u());
+        }, S;
+      }), r(h);
+      for (const w of l.current) k.speak(w);
     },
-    [e, d, u]
-  ), A = M(() => {
-    const f = xe();
-    f && (c.current = !0, f.pause(), f.paused && s(!0));
-  }, []), g = M(() => {
-    const f = xe();
-    f && (c.current = !1, f.resume(), s(!1));
+    [e, f, u]
+  ), A = O(() => {
+    const h = ve();
+    h && (c.current = !0, h.pause(), h.paused && s(!0));
+  }, []), m = O(() => {
+    const h = ve();
+    h && (c.current = !1, h.resume(), s(!1));
   }, []);
-  return W(() => d, [d]), { isSupported: t, activeId: n, isPaused: o, speak: x, pause: A, resume: g, cancel: d };
+  return H(() => f, [f]), { isSupported: t, activeId: n, isPaused: o, speak: T, pause: A, resume: m, cancel: f };
 }
-const Rn = /^([ \t]*)(`{3,}|~{3,})(.*)$/, An = /^( {0,3})<(?![A-Za-z][A-Za-z0-9+.-]{1,31}:[^<>\s]*>|[A-Za-z0-9][^\s<>@]*@[^\s<>]+>)(?=[A-Za-z!?/])/, Sn = /^(?: {4}|\t)/;
-function ot(e) {
+const Hn = /^([ \t]*)(`{3,}|~{3,})(.*)$/, zn = /^( {0,3})<(?![A-Za-z][A-Za-z0-9+.-]{1,31}:[^<>\s]*>|[A-Za-z0-9][^\s<>@]*@[^\s<>]+>)(?=[A-Za-z!?/])/, Wn = /^(?: {4}|\t)/;
+function it(e) {
   let t = 0;
   for (const n of e)
     if (n === " ") t += 1;
@@ -2342,30 +2684,30 @@ function ot(e) {
     else break;
   return t;
 }
-function Ge(e) {
+function Ke(e) {
   let t = e.length;
   for (; t > 0 && (e[t - 1] === " " || e[t - 1] === "	"); ) t -= 1;
   return t === e.length ? e : e.slice(0, t);
 }
-function kn(e) {
-  const t = Rn.exec(e);
+function Gn(e) {
+  const t = Hn.exec(e);
   if (!t) return null;
   const [, n, r, o] = t;
   return r[0] === "`" && o.includes("`") ? null : {
     indent: n,
-    indentColumns: ot(n),
+    indentColumns: it(n),
     char: r[0],
     length: r.length
   };
 }
-function Cn(e, t) {
+function Vn(e, t) {
   const n = e.trim();
   if (n.length < t.length) return !1;
   for (const r of n)
     if (r !== t.char) return !1;
-  return ot(e) <= t.indentColumns + 3;
+  return it(e) <= t.indentColumns + 3;
 }
-function Mn(e) {
+function Kn(e) {
   const t = e.replace(/\r\n?/g, `
 `).split(`
 `), n = [];
@@ -2373,31 +2715,31 @@ function Mn(e) {
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (r) {
-      n.push(s), Cn(s, r) && (r = null);
+      n.push(s), Vn(s, r) && (r = null);
       continue;
     }
-    const a = kn(s);
+    const a = Gn(s);
     if (a) {
       r = a, n.push(s);
       continue;
     }
-    let c = s.replace(An, "$1\\<");
+    let c = s.replace(zn, "$1\\<");
     const l = t[o + 1];
     s.trim() !== "" && l !== void 0 && l.trim() !== "" && // Possibly indented code, where trailing spaces would be content.
-    !Sn.test(s) && // Already a hard break.
-    !s.endsWith("\\") && (c = Ge(c) + "  "), n.push(c);
+    !Wn.test(s) && // Already a hard break.
+    !s.endsWith("\\") && (c = Ke(c) + "  "), n.push(c);
   }
   if (r)
     n[n.length - 1] === "" && n.pop(), n.push(r.indent + r.char.repeat(r.length));
   else {
     for (; n.length > 0 && n[n.length - 1].trim() === ""; ) n.pop();
-    n.length > 0 && (n[n.length - 1] = Ge(n[n.length - 1]));
+    n.length > 0 && (n[n.length - 1] = Ke(n[n.length - 1]));
   }
   return n.join(`
 `);
 }
-const Nn = /[\u00a0\u202f]/g;
-function Dn(e) {
+const Yn = /[\u00a0\u202f]/g;
+function qn(e) {
   if (e.formatDate) return e.formatDate;
   const t = (o) => new Intl.DateTimeFormat(o, {
     dateStyle: "medium",
@@ -2417,11 +2759,11 @@ function Dn(e) {
   const r = n;
   return r ? (o) => r.format(o) : (o) => o.toISOString();
 }
-function Ln(e) {
-  const t = Dn(e);
-  return (n) => t(n).replace(Nn, " ");
+function Zn(e) {
+  const t = qn(e);
+  return (n) => t(n).replace(Yn, " ");
 }
-function In(e, t) {
+function Jn(e, t) {
   var n;
   try {
     return ((n = new Intl.DateTimeFormat("en", {
@@ -2432,7 +2774,7 @@ function In(e, t) {
     return "";
   }
 }
-function st(e) {
+function ct(e) {
   const t = e.replace(/\s+/g, " ").trim();
   if (t === "") return "";
   const n = Math.max(
@@ -2441,57 +2783,57 @@ function st(e) {
   ), r = "`".repeat(n + 1), o = t.startsWith("`") || t.endsWith("`") ? " " : "";
   return `${r}${o}${t}${o}${r}`;
 }
-const On = {
+const Qn = {
   "(": "%28",
   ")": "%29",
   "<": "%3C",
   ">": "%3E",
   "\\": "%5C"
 };
-function jn(e, t) {
-  const n = pe(e.title || e.url).replace(/\s+/g, " ").trim().replace(/[\\[\]<]/g, "\\$&"), r = Ce(pe(e.url));
+function Xn(e, t) {
+  const n = be(e.title || e.url).replace(/\s+/g, " ").trim().replace(/[\\[\]<]/g, "\\$&"), r = ke(be(e.url));
   if (!r) return `${t + 1}. ${n}`;
-  const o = r.replace(/[()<>\\]/g, (s) => On[s]).replace(/\s/g, "%20");
+  const o = r.replace(/[()<>\\]/g, (s) => Qn[s]).replace(/\s/g, "%20");
   return `${t + 1}. [${n}](${o})`;
 }
-function $n(e) {
-  const t = st(pe(e.name)), n = Se(Number(e.size));
-  return `- ${t} (${pe(e.mediaType)}, ${n})`;
+function er(e) {
+  const t = ct(be(e.name)), n = Me(Number(e.size));
+  return `- ${t} (${be(e.mediaType)}, ${n})`;
 }
-function pe(e) {
+function be(e) {
   return typeof e == "string" ? e : String(e ?? "");
 }
-function Ae(e) {
+function Ce(e) {
   return Array.isArray(e) ? e.filter(
     (t) => t !== null && typeof t == "object"
   ) : [];
 }
-function Pn(e, t) {
-  const { labels: n } = t, r = Ln(t), o = t.now ?? /* @__PURE__ */ new Date(), s = In(o, t.timeZone), a = r(o) + (s ? ` (${s})` : ""), c = [
+function tr(e, t) {
+  const { labels: n } = t, r = Zn(t), o = t.now ?? /* @__PURE__ */ new Date(), s = Jn(o, t.timeZone), a = r(o) + (s ? ` (${s})` : ""), c = [
     `# ${n.title}`,
-    Re(n.exported, { date: a })
+    ge(n.exported, { date: a })
   ];
   for (const l of e) {
     if (l === null || typeof l != "object") continue;
-    const u = l.role === "user" ? n.user : n.assistant, d = l.createdAt ? new Date(l.createdAt) : null, x = d && !Number.isNaN(d.getTime()) ? ` · ${r(d)}` : "";
-    c.push(`## ${u}${x}`);
-    const A = Mn(pe(l.content));
+    const u = l.role === "user" ? n.user : n.assistant, f = l.createdAt ? new Date(l.createdAt) : null, T = f && !Number.isNaN(f.getTime()) ? ` · ${r(f)}` : "";
+    c.push(`## ${u}${T}`);
+    const A = Kn(be(l.content));
     A && c.push(A);
-    const g = Ae(l.attachments);
-    g.length && c.push(
+    const m = Ce(l.attachments);
+    m.length && c.push(
       n.attachments,
-      g.map($n).join(`
+      m.map(er).join(`
 `)
     );
-    const f = Ae(l.toolUses);
-    f.length && c.push(
-      f.map(
-        (T) => `${n.toolUsed} ${st(pe(T.name))}`
+    const h = Ce(l.toolUses);
+    h.length && c.push(
+      h.map(
+        (k) => `${n.toolUsed} ${ct(be(k.name))}`
       ).join(`  
 `)
     );
-    const p = Ae(l.sources);
-    p.length && c.push(n.sources, p.map(jn).join(`
+    const d = Ce(l.sources);
+    d.length && c.push(n.sources, d.map(Xn).join(`
 `));
   }
   return c.join(`
@@ -2499,17 +2841,17 @@ function Pn(e, t) {
 `) + `
 `;
 }
-function Un(e) {
+function nr(e) {
   const t = e.filter((n) => n !== null && typeof n == "object").map(
     (n) => n.attachments === void 0 ? n : {
       ...n,
-      attachments: Ae(n.attachments)
+      attachments: Ce(n.attachments)
     }
   );
   return JSON.stringify(et(t), null, 2) + `
 `;
 }
-function Ke(e, t = {}) {
+function Ye(e, t = {}) {
   const n = t.now ?? /* @__PURE__ */ new Date();
   let r;
   try {
@@ -2528,7 +2870,7 @@ function Ke(e, t = {}) {
   }
   return `chat-transcript-${r}.${e}`;
 }
-function Bn(e) {
+function rr(e) {
   const t = document.activeElement;
   let n = null;
   try {
@@ -2546,7 +2888,7 @@ function Bn(e) {
     }
   }
 }
-async function _n(e) {
+async function or(e) {
   var t;
   try {
     if ((t = navigator.clipboard) != null && t.writeText)
@@ -2554,38 +2896,38 @@ async function _n(e) {
   } catch {
   }
   try {
-    return Bn(e);
+    return rr(e);
   } catch {
     return !1;
   }
 }
-const zn = 4e4;
-function Ve(e, t, n) {
+const sr = 4e4;
+function qe(e, t, n) {
   const r = URL.createObjectURL(new Blob([t], { type: n })), o = document.createElement("a");
-  o.href = r, o.download = e, o.style.display = "none", document.body.appendChild(o), o.click(), o.remove(), setTimeout(() => URL.revokeObjectURL(r), zn);
+  o.href = r, o.download = e, o.style.display = "none", document.body.appendChild(o), o.click(), o.remove(), setTimeout(() => URL.revokeObjectURL(r), sr);
 }
-const Hn = 4e3;
-function Fn({
+const ar = 4e3;
+function ir({
   enabled: e,
   messages: t,
   busy: n,
   locale: r,
   translations: o
 }) {
-  const s = o ?? Oe, [a, c] = N(null), l = S(null), u = S(!0);
-  W(() => (u.current = !0, () => {
+  const s = o ?? je, [a, c] = M(null), l = C(null), u = C(!0);
+  H(() => (u.current = !0, () => {
     u.current = !1, l.current && clearTimeout(l.current);
   }), []);
-  const d = M(() => {
+  const f = O(() => {
     l.current && clearTimeout(l.current), l.current = null, c(null);
-  }, []), x = M((g) => {
-    u.current && (l.current && clearTimeout(l.current), c(g), l.current = setTimeout(() => {
+  }, []), T = O((m) => {
+    u.current && (l.current && clearTimeout(l.current), c(m), l.current = setTimeout(() => {
       l.current = null, c(null);
-    }, Hn));
+    }, ar));
   }, []);
-  return { items: se(() => {
+  return { items: ae(() => {
     if (!e) return [];
-    const g = n || t.length === 0, f = () => Pn(t, {
+    const m = n || t.length === 0, h = () => tr(t, {
       locale: r,
       labels: {
         title: s.transcriptTitle,
@@ -2601,39 +2943,39 @@ function Fn({
       {
         id: "copy-markdown",
         label: s.copyAsMarkdown,
-        disabled: g,
+        disabled: m,
         onSelect: () => {
-          _n(f()).then(
-            (p) => x(p ? s.copiedToClipboard : s.copyFailed)
+          or(h()).then(
+            (d) => T(d ? s.copiedToClipboard : s.copyFailed)
           );
         }
       },
       {
         id: "download-markdown",
         label: s.downloadAsMarkdown,
-        disabled: g,
-        onSelect: () => Ve(
-          Ke("md"),
-          f(),
+        disabled: m,
+        onSelect: () => qe(
+          Ye("md"),
+          h(),
           "text/markdown;charset=utf-8"
         )
       },
       {
         id: "download-json",
         label: s.downloadAsJson,
-        disabled: g,
-        onSelect: () => Ve(
-          Ke("json"),
-          Un(t),
+        disabled: m,
+        onSelect: () => qe(
+          Ye("json"),
+          nr(t),
           "application/json"
         )
       }
     ];
-  }, [e, n, t, r, s, x]), status: a, clearStatus: d };
+  }, [e, n, t, r, s, T]), status: a, clearStatus: f };
 }
-const Wn = /\*\*([^*]+)\*\*/g, Gn = /\*([^*]+)\*/g, Kn = /https?:\/\/[^\s)]+/g;
-function Ye(e) {
-  return e.replace(Wn, "$1").replace(Gn, "$1").replace(Kn, (t) => {
+const cr = /\*\*([^*]+)\*\*/g, lr = /\*([^*]+)\*/g, ur = /https?:\/\/[^\s)]+/g;
+function dr(e) {
+  return e.replace(cr, "$1").replace(lr, "$1").replace(ur, (t) => {
     var o;
     const n = ((o = t.match(/[.,;:!?'"]+$/)) == null ? void 0 : o[0]) ?? "", r = n ? t.slice(0, -n.length) : t;
     try {
@@ -2643,13 +2985,13 @@ function Ye(e) {
     }
   });
 }
-const Vn = {
+const fr = {
   "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 Yn({
+function hr({
   messages: e,
   isLoading: t,
   isStreaming: n = !1,
@@ -2660,82 +3002,100 @@ function Yn({
   onStop: c,
   onRetry: l,
   onClose: u,
-  title: d = "Chat",
-  subtitle: x = "Ask me anything",
+  title: f = "Chat",
+  subtitle: T = "Ask me anything",
   welcomeMessage: A = "Hi! How can I help you today?",
-  placeholder: g,
-  position: f = "bottom-right",
-  translations: p,
-  isMobile: T = !1,
+  placeholder: m,
+  position: h = "bottom-right",
+  translations: d,
+  isMobile: k = !1,
   attachments: b = null,
-  voice: R = null,
+  voice: x = null,
   conversationExport: y = !1,
-  locale: v = "en-US"
+  locale: w = "en-US",
+  citations: D = null
 }) {
-  const C = Ne(), $ = S(null), L = S(null), [E, B] = N(null);
-  Tn($, !0);
-  const O = En((R == null ? void 0 : R.lang) ?? "en-US"), _ = !!(R != null && R.output) && O.isSupported, q = {
-    play: (p == null ? void 0 : p.readAloud) ?? "Read aloud",
-    pause: (p == null ? void 0 : p.pauseReading) ?? "Pause reading",
-    resume: (p == null ? void 0 : p.resumeReading) ?? "Resume reading",
-    stop: (p == null ? void 0 : p.stopReading) ?? "Stop reading"
-  }, G = Fn({
+  const S = Ne(), N = C(null), I = C(null), [R, ne] = M(null);
+  Fn(N, !0);
+  const $ = _n((x == null ? void 0 : x.lang) ?? "en-US"), z = !!(x != null && x.output) && $.isSupported, X = {
+    play: (d == null ? void 0 : d.readAloud) ?? "Read aloud",
+    pause: (d == null ? void 0 : d.pauseReading) ?? "Pause reading",
+    resume: (d == null ? void 0 : d.resumeReading) ?? "Resume reading",
+    stop: (d == null ? void 0 : d.stopReading) ?? "Stop reading"
+  }, Z = ir({
     enabled: y,
     messages: e,
     busy: t,
-    locale: v,
-    translations: p
-  }), { offsetY: J } = wn(
-    L,
+    locale: w,
+    translations: d
+  }), J = (d == null ? void 0 : d.opensInNewTab) ?? "(opens in a new tab)", W = ae(
+    () => D ? {
+      ...D,
+      labels: {
+        sources: (d == null ? void 0 : d.sources) ?? "Sources",
+        showAllSources: (d == null ? void 0 : d.showAllSources) ?? "Show all ({count})",
+        showFewerSources: (d == null ? void 0 : d.showFewerSources) ?? "Show fewer",
+        citation: (d == null ? void 0 : d.citation) ?? "Source {n}: {title}",
+        opensInNewTab: J
+      }
+    } : void 0,
+    [D, d, J]
+  ), G = (v) => {
+    var V;
+    return dr(
+      W && ((V = v.sources) != null && V.length) ? Yt(v.content, v.sources.length) : v.content
+    );
+  }, { offsetY: ce } = Un(
+    I,
     u,
-    T
-  ), z = J !== 0, ae = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
-  W(() => {
-    const h = L.current;
-    h && (h.scrollTop = h.scrollHeight);
-  }, [e, t]), W(() => {
-    const h = (P) => {
-      P.key === "Escape" && !P.isComposing && !P.defaultPrevented && u();
+    k
+  ), de = ce !== 0, fe = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  H(() => {
+    const v = I.current;
+    v && (v.scrollTop = v.scrollHeight);
+  }, [e, t]), H(() => {
+    const v = (V) => {
+      V.key === "Escape" && !V.isComposing && !V.defaultPrevented && u();
     };
-    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
   }, [u]);
-  const ie = (p == null ? void 0 : p.closeChat) ?? "Close chat", ce = (p == null ? void 0 : p.chatMessages) ?? "Chat messages", re = [...e].reverse().find((h) => h.role === "assistant");
-  return /* @__PURE__ */ w(
+  const E = (d == null ? void 0 : d.closeChat) ?? "Close chat", B = (d == null ? void 0 : d.chatMessages) ?? "Chat messages", P = [...e].reverse().find((v) => v.role === "assistant");
+  return /* @__PURE__ */ g(
     "div",
     {
-      ref: $,
+      ref: N,
       role: "dialog",
-      "aria-modal": T ? "true" : void 0,
-      "aria-labelledby": C,
-      className: T ? "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 ${Vn[f]} 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: T && !ae ? { transform: `translateY(${Math.max(0, J)}px)` } : void 0,
-      "data-dragging": z || void 0,
+      "aria-modal": k ? "true" : void 0,
+      "aria-labelledby": S,
+      className: k ? "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 ${fr[h]} 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: k && !fe ? { transform: `translateY(${Math.max(0, ce)}px)` } : void 0,
+      "data-dragging": de || void 0,
       children: [
-        T && /* @__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" }) }),
+        k && /* @__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(
-          gn,
+          On,
           {
-            title: d,
-            subtitle: x,
-            titleId: C,
-            closeLabel: ie,
+            title: f,
+            subtitle: T,
+            titleId: S,
+            closeLabel: E,
             onClose: u,
             actions: y ? /* @__PURE__ */ i(
-              xn,
+              Pn,
               {
-                label: (p == null ? void 0 : p.moreOptions) ?? "More options",
-                items: G.items,
-                onOpen: G.clearStatus
+                label: (d == null ? void 0 : d.moreOptions) ?? "More options",
+                items: Z.items,
+                onOpen: Z.clearStatus
               }
             ) : void 0
           }
         ),
-        /* @__PURE__ */ w("div", { className: "relative flex-1 overflow-hidden", children: [
-          E && /* @__PURE__ */ i(
-            mn,
+        /* @__PURE__ */ g("div", { className: "relative flex-1 overflow-hidden", children: [
+          R && /* @__PURE__ */ i(
+            In,
             {
-              sources: E.sources,
-              onClose: () => B(null)
+              sources: R.sources,
+              onClose: () => ne(null)
             }
           ),
           y && /* @__PURE__ */ i(
@@ -2743,69 +3103,71 @@ function Yn({
             {
               role: "status",
               className: "pointer-events-none absolute inset-x-0 top-2 z-10 flex justify-center px-4",
-              children: G.status && /* @__PURE__ */ i("span", { className: "rounded-claudius-full bg-claudius-text px-3 py-1 text-xs text-claudius-surface shadow-claudius-elevated", children: G.status })
+              children: Z.status && /* @__PURE__ */ i("span", { className: "rounded-claudius-full bg-claudius-text px-3 py-1 text-xs text-claudius-surface shadow-claudius-elevated", children: Z.status })
             }
           ),
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ g(
             "div",
             {
-              ref: L,
+              ref: I,
               role: "log",
-              "aria-label": ce,
+              "aria-label": B,
               className: "h-full space-y-3 overflow-y-auto px-4 py-4",
               children: [
                 e.length === 0 && !o && /* @__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: A }) }),
-                e.map((h) => /* @__PURE__ */ i(
-                  Qt,
+                e.map((v) => /* @__PURE__ */ i(
+                  bn,
                   {
-                    role: h.role,
-                    content: h.content,
-                    isStreaming: h.id === r,
-                    sources: h.sources,
-                    attachments: h.attachments,
-                    toolUses: h.toolUses,
-                    toolUsedLabel: p == null ? void 0 : p.toolUsed,
-                    toolDetailsLabel: p == null ? void 0 : p.toolDetails,
-                    isSourceActive: (E == null ? void 0 : E.messageId) === h.id,
-                    onSourceClick: () => {
-                      (E == null ? void 0 : E.messageId) === h.id ? B(null) : h.sources && h.sources.length > 0 && B({ messageId: h.id, sources: h.sources });
+                    role: v.role,
+                    content: v.content,
+                    isStreaming: v.id === r,
+                    sources: v.sources,
+                    attachments: v.attachments,
+                    toolUses: v.toolUses,
+                    toolUsedLabel: d == null ? void 0 : d.toolUsed,
+                    toolDetailsLabel: d == null ? void 0 : d.toolDetails,
+                    citations: W,
+                    linkNewTabLabel: J,
+                    isSourceActive: W ? void 0 : (R == null ? void 0 : R.messageId) === v.id,
+                    onSourceClick: W ? void 0 : () => {
+                      (R == null ? void 0 : R.messageId) === v.id ? ne(null) : v.sources && v.sources.length > 0 && ne({
+                        messageId: v.id,
+                        sources: v.sources
+                      });
                     },
                     speech: (
                       // Only settled replies with something to say: reading a
                       // message that is still streaming would stop mid-sentence.
-                      _ && h.role === "assistant" && h.id !== r && h.content.trim() !== "" ? {
-                        state: O.activeId !== h.id ? "idle" : O.isPaused ? "paused" : "speaking",
-                        labels: q,
+                      z && v.role === "assistant" && v.id !== r && v.content.trim() !== "" ? {
+                        state: $.activeId !== v.id ? "idle" : $.isPaused ? "paused" : "speaking",
+                        labels: X,
                         // Same cleanup as the screen-reader announcement:
                         // no literal asterisks, URLs shortened to hostnames.
-                        onPlay: () => O.speak(
-                          h.id,
-                          Ye(h.content)
-                        ),
-                        onPause: O.pause,
-                        onResume: O.resume,
-                        onStop: O.cancel
+                        onPlay: () => $.speak(v.id, G(v)),
+                        onPause: $.pause,
+                        onResume: $.resume,
+                        onStop: $.cancel
                       } : void 0
                     )
                   },
-                  h.id
+                  v.id
                 )),
                 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. */
                 !(r !== null && e.some(
-                  (h) => h.id === r && h.content.length > 0
+                  (v) => v.id === r && v.content.length > 0
                 )) && /* @__PURE__ */ i(
-                  yn,
+                  jn,
                   {
-                    label: (p == null ? void 0 : p.typingIndicator) ?? "Assistant is typing"
+                    label: (d == null ? void 0 : d.typingIndicator) ?? "Assistant is typing"
                   }
                 ),
                 o && /* @__PURE__ */ i(
-                  bn,
+                  $n,
                   {
                     message: o,
-                    retryLabel: (p == null ? void 0 : p.errorRetry) ?? "Retry",
+                    retryLabel: (d == null ? void 0 : d.errorRetry) ?? "Retry",
                     onRetry: s && l && !t ? l : void 0
                   }
                 )
@@ -2820,29 +3182,29 @@ function Yn({
             "aria-live": "polite",
             "aria-atomic": "true",
             className: "sr-only",
-            children: re && re.id !== r ? Ye(re.content) : ""
+            children: P && P.id !== r ? G(P) : ""
           }
         ),
         /* @__PURE__ */ i(
-          dn,
+          Nn,
           {
             onSend: a,
             isLoading: t,
             isStreaming: n,
             onStop: c,
-            placeholder: g,
-            translations: p,
+            placeholder: m,
+            translations: d,
             attachments: b,
-            voice: R,
-            onVoiceStart: O.cancel,
-            isReadingAloud: O.activeId !== null
+            voice: x,
+            onVoiceStart: $.cancel,
+            isReadingAloud: $.activeId !== null
           }
         )
       ]
     }
   );
 }
-function qn({
+function pr({
   message: e,
   position: t,
   onOpen: n,
@@ -2855,7 +3217,7 @@ function qn({
     s ? "bottom-20" : "top-20",
     a ? "right-4" : "left-4"
   ].join(" ");
-  return /* @__PURE__ */ w("div", { className: c, role: "status", "aria-live": "polite", children: [
+  return /* @__PURE__ */ g("div", { className: c, role: "status", "aria-live": "polite", children: [
     /* @__PURE__ */ i(
       "button",
       {
@@ -2879,7 +3241,7 @@ function qn({
     )
   ] });
 }
-const Zn = {
+const mr = {
   // ChatWindow
   title: "Chat",
   subtitle: "Pregúntame lo que quieras",
@@ -2931,6 +3293,12 @@ const Zn = {
   transcriptAssistant: "Asistente",
   transcriptAttachments: "Adjuntos:",
   transcriptSources: "Fuentes:",
+  // Citations
+  sources: "Fuentes",
+  showAllSources: "Mostrar todas ({count})",
+  showFewerSources: "Mostrar menos",
+  citation: "Fuente {n}: {title}",
+  opensInNewTab: "(se abre en una pestaña nueva)",
   // Errors
   errorGeneric: "Algo salió mal. Inténtalo de nuevo.",
   errorConnection: "No se pudo conectar. Inténtalo de nuevo.",
@@ -2940,7 +3308,7 @@ const Zn = {
   errorAttachmentRejected: "Se rechazó un adjunto. Quítalo e inténtalo de nuevo.",
   errorAttachmentQuota: "Límite de subida alcanzado. Inténtalo más tarde.",
   errorRetry: "Reintentar"
-}, Jn = {
+}, gr = {
   // ChatWindow
   title: "Chat",
   subtitle: "Posez-moi vos questions",
@@ -2992,6 +3360,12 @@ const Zn = {
   transcriptAssistant: "Assistant",
   transcriptAttachments: "Pièces jointes :",
   transcriptSources: "Sources :",
+  // Citations
+  sources: "Sources",
+  showAllSources: "Tout afficher ({count})",
+  showFewerSources: "Afficher moins",
+  citation: "Source {n} : {title}",
+  opensInNewTab: "(s'ouvre dans un nouvel onglet)",
   // Errors
   errorGeneric: "Une erreur s'est produite. Veuillez réessayer.",
   errorConnection: "Échec de la connexion. Veuillez réessayer.",
@@ -3001,7 +3375,7 @@ const Zn = {
   errorAttachmentRejected: "Une pièce jointe a été refusée. Retirez-la et réessayez.",
   errorAttachmentQuota: "Limite d'envoi atteinte. Veuillez réessayer plus tard.",
   errorRetry: "Réessayer"
-}, Qn = {
+}, br = {
   // ChatWindow
   title: "Chat",
   subtitle: "Fragen Sie mich alles",
@@ -3053,6 +3427,12 @@ const Zn = {
   transcriptAssistant: "Assistent",
   transcriptAttachments: "Anhänge:",
   transcriptSources: "Quellen:",
+  // Citations
+  sources: "Quellen",
+  showAllSources: "Alle anzeigen ({count})",
+  showFewerSources: "Weniger anzeigen",
+  citation: "Quelle {n}: {title}",
+  opensInNewTab: "(öffnet in einem neuen Tab)",
   // Errors
   errorGeneric: "Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.",
   errorConnection: "Verbindung fehlgeschlagen. Bitte versuchen Sie es erneut.",
@@ -3062,28 +3442,28 @@ const Zn = {
   errorAttachmentRejected: "Ein Anhang wurde abgelehnt. Bitte entfernen Sie ihn und versuchen Sie es erneut.",
   errorAttachmentQuota: "Upload-Limit erreicht. Bitte versuchen Sie es später erneut.",
   errorRetry: "Erneut versuchen"
-}, at = {
-  en: nt,
-  es: Zn,
-  fr: Jn,
-  de: Qn
+}, lt = {
+  en: st,
+  es: mr,
+  fr: gr,
+  de: br
 };
-function qe(e) {
+function Ze(e) {
   if (!e) return;
   const t = e.toLowerCase().split("-")[0];
-  return Object.prototype.hasOwnProperty.call(at, t) ? t : void 0;
+  return Object.prototype.hasOwnProperty.call(lt, t) ? t : void 0;
 }
-function it() {
-  const e = typeof document < "u" ? qe(document.documentElement.lang) : void 0;
+function ut() {
+  const e = typeof document < "u" ? Ze(document.documentElement.lang) : void 0;
   if (e) return e;
-  const t = typeof navigator < "u" ? qe(navigator.language) : void 0;
+  const t = typeof navigator < "u" ? Ze(navigator.language) : void 0;
   return t || "en";
 }
-function Xn(e = {}) {
-  const { locale: t, translations: n } = e, r = at[t ?? it()];
+function yr(e = {}) {
+  const { locale: t, translations: n } = e, r = lt[t ?? ut()];
   return n ? { ...r, ...n } : { ...r };
 }
-const Ze = [
+const Je = [
   "accent",
   "accentText",
   "accentSoft",
@@ -3103,11 +3483,11 @@ const Ze = [
   "errorText",
   "link",
   "scrim"
-], er = ["sm", "md", "lg", "full", "tail"], tr = [
+], wr = ["sm", "md", "lg", "full", "tail"], xr = [
   "elevated",
   "floating",
   "floatingHover"
-], nr = ["heading", "body"], ct = {
+], vr = ["heading", "body"], dt = {
   default: {
     name: "default"
   },
@@ -3192,62 +3572,62 @@ const Ze = [
     }
   }
 };
-function rr(e) {
-  return Object.prototype.hasOwnProperty.call(ct, e);
+function Sr(e) {
+  return Object.prototype.hasOwnProperty.call(dt, e);
 }
-const or = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
-function sr(e) {
+const Tr = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function Ar(e) {
   if (e === void 0)
     return { mode: "light" };
   if (typeof e == "string") {
-    if (or.has(e))
+    if (Tr.has(e))
       return { mode: e };
-    if (rr(e)) {
-      const t = ct[e];
+    if (Sr(e)) {
+      const t = dt[e];
       return { mode: t.colorScheme ?? "light", theme: t };
     }
     return { mode: "light", url: e };
   }
   return { mode: e.colorScheme ?? "light", theme: e };
 }
-function ar(e) {
+function kr(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function ir(e, t) {
+function Rr(e, t) {
   console.warn(
     `[Claudius] Ignoring unknown theme token "${t}" in "${e}"`
   );
 }
-function we(e, t, n, r, o, s = "") {
+function Se(e, t, n, r, o, s = "") {
   if (o)
     for (const [a, c] of Object.entries(o)) {
       if (!r.includes(a)) {
-        ir(t, a);
+        Rr(t, a);
         continue;
       }
-      typeof c == "string" && (e[`${n}${ar(a)}${s}`] = c);
+      typeof c == "string" && (e[`${n}${kr(a)}${s}`] = c);
     }
 }
-function cr(e) {
+function Er(e) {
   const t = {};
-  we(t, "colors", "--cl-color-", Ze, e.colors);
+  Se(t, "colors", "--cl-color-", Je, e.colors);
   for (const [n, r] of Object.entries({ ...t }))
     t[`${n}-dark`] = r;
-  return we(
+  return Se(
     t,
     "colorsDark",
     "--cl-color-",
-    Ze,
+    Je,
     e.colorsDark,
     "-dark"
-  ), we(t, "radii", "--cl-radius-", er, e.radii), we(t, "shadows", "--cl-shadow-", tr, e.shadows), we(t, "fonts", "--cl-font-", nr, e.fonts), t;
+  ), Se(t, "radii", "--cl-radius-", wr, e.radii), Se(t, "shadows", "--cl-shadow-", xr, e.shadows), Se(t, "fonts", "--cl-font-", vr, e.fonts), t;
 }
-function lr(e) {
+function Cr(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function ur(e) {
-  const t = se(() => sr(e), [e]), [n, r] = N(null), o = t.url;
-  W(() => {
+function Nr(e) {
+  const t = ae(() => Ar(e), [e]), [n, r] = M(null), o = t.url;
+  H(() => {
     if (r(null), !o) return;
     const l = new AbortController();
     return fetch(o, { signal: l.signal }).then((u) => {
@@ -3255,36 +3635,36 @@ function ur(e) {
         throw new Error(`HTTP ${u.status}`);
       return u.json();
     }).then((u) => {
-      if (!lr(u))
+      if (!Cr(u))
         throw new Error("theme JSON must be an object");
       r(u);
     }).catch((u) => {
       l.signal.aborted || console.error(`[Claudius] Failed to load theme from ${o}:`, u);
     }), () => l.abort();
   }, [o]);
-  const s = t.theme ?? n ?? null, a = (n == null ? void 0 : n.colorScheme) ?? t.mode, c = se(
-    () => s ? cr(s) : {},
+  const s = t.theme ?? n ?? null, a = (n == null ? void 0 : n.colorScheme) ?? t.mode, c = ae(
+    () => s ? Er(s) : {},
     [s]
   );
   return { mode: a, cssVars: c };
 }
-const lt = "claudius:triggers:dismissed";
-function dr() {
+const ft = "claudius:triggers:dismissed";
+function Mr() {
   if (typeof window > "u") return !1;
   try {
-    return window.sessionStorage.getItem(lt) === "1";
+    return window.sessionStorage.getItem(ft) === "1";
   } catch {
     return !1;
   }
 }
-function fr() {
+function Lr() {
   if (!(typeof window > "u"))
     try {
-      window.sessionStorage.setItem(lt, "1");
+      window.sessionStorage.setItem(ft, "1");
     } catch {
     }
 }
-function wr({
+function Br({
   apiUrl: e,
   title: t,
   subtitle: n,
@@ -3295,148 +3675,154 @@ function wr({
   requestTimeoutMs: c,
   theme: l = "light",
   accentColor: u,
-  position: d = "bottom-right",
-  locale: x,
+  position: f = "bottom-right",
+  locale: T,
   translations: A,
-  triggers: g,
-  plugins: f,
-  streaming: p = !0,
-  attachments: T = !1,
+  triggers: m,
+  plugins: h,
+  streaming: d = !0,
+  attachments: k = !1,
   voice: b = !1,
-  conversationExport: R = !1
+  conversationExport: x = !1,
+  citations: y = !1
 }) {
-  const [y, v] = N(!1), C = se(
-    () => wt(T),
-    [T]
-  ), $ = se(() => x ?? it(), [x]), L = se(
-    () => rn(b, $),
-    [b, $]
-  ), E = se(
-    () => rt($),
-    [$]
-  ), [B, O] = N(null), [_, q] = N(dr), G = S(!1), J = Ot("(max-width: 639px)"), z = se(
-    () => Xn({ locale: x, translations: A }),
-    [x, A]
+  const [w, D] = M(!1), S = ae(
+    () => At(k),
+    [k]
+  ), N = ae(() => T ?? ut(), [T]), I = ae(
+    () => Sn(b, N),
+    [b, N]
+  ), R = ae(
+    () => Vt(y),
+    [y]
+  ), ne = ae(
+    () => at(N),
+    [N]
+  ), [$, z] = M(null), [X, Z] = M(Mr), J = C(!1), W = Ut("(max-width: 639px)"), G = ae(
+    () => yr({ locale: T, translations: A }),
+    [T, A]
   ), {
-    messages: ae,
-    isLoading: ie,
-    isStreaming: ce,
-    streamingMessageId: re,
-    error: h,
+    messages: ce,
+    isLoading: de,
+    isStreaming: fe,
+    streamingMessageId: E,
+    error: B,
     canRetry: P,
-    sendMessage: U,
-    stop: ee,
-    retry: te
-  } = It({
+    sendMessage: v,
+    stop: V,
+    retry: K
+  } = Pt({
     apiUrl: e,
     persistMessages: s,
     storageKeyPrefix: a,
     timeoutMs: c,
-    translations: z,
-    plugins: f,
-    streaming: p
-  }), ne = S(null), F = S(y), { mode: H, cssVars: k } = ur(l), [D, I] = N(!1);
-  W(() => {
-    if (H !== "auto") return;
-    const X = window.matchMedia("(prefers-color-scheme: dark)");
-    I(X.matches);
-    const Me = (m) => I(m.matches);
-    return X.addEventListener("change", Me), () => X.removeEventListener("change", Me);
-  }, [H]), W(() => {
-    var X;
-    F.current && !y && ((X = ne.current) == null || X.focus()), F.current = y;
-  }, [y]);
-  const K = M(() => {
-    q(!0), fr();
-  }, []), Q = M(() => {
-    v(!1), G.current && (G.current = !1, K());
-  }, [K]), le = M(() => {
-    v((X) => !X);
-  }, []), Y = M(() => {
-    G.current = !0, O(null), v(!0);
-  }, []), me = M((X) => {
-    O(X);
-  }, []), ue = M(() => {
-    O(null), Y();
-  }, [Y]), V = M(() => {
-    O(null), K();
-  }, [K]);
-  $t({
-    triggers: g,
-    enabled: !_ && !y,
-    onOpen: Y,
-    onGreeting: me
+    translations: G,
+    plugins: h,
+    streaming: d,
+    citations: R !== null
+  }), oe = C(null), F = C(w), { mode: ee, cssVars: te } = Nr(l), [L, _] = M(!1);
+  H(() => {
+    if (ee !== "auto") return;
+    const p = window.matchMedia("(prefers-color-scheme: dark)");
+    _(p.matches);
+    const j = (ue) => _(ue.matches);
+    return p.addEventListener("change", j), () => p.removeEventListener("change", j);
+  }, [ee]), H(() => {
+    var p;
+    F.current && !w && ((p = oe.current) == null || p.focus()), F.current = w;
+  }, [w]);
+  const U = O(() => {
+    Z(!0), Lr();
+  }, []), Y = O(() => {
+    D(!1), J.current && (J.current = !1, U());
+  }, [U]), se = O(() => {
+    D((p) => !p);
+  }, []), le = O(() => {
+    J.current = !0, z(null), D(!0);
+  }, []), re = O((p) => {
+    z(p);
+  }, []), ye = O(() => {
+    z(null), le();
+  }, [le]), me = O(() => {
+    z(null), U();
+  }, [U]);
+  Ft({
+    triggers: m,
+    enabled: !X && !w,
+    onOpen: le,
+    onGreeting: re
   });
-  const oe = H === "dark" || H === "auto" && D, ge = {
-    ...k,
+  const q = ee === "dark" || ee === "auto" && L, ie = {
+    ...te,
     ...u ? {
       "--cl-color-accent": u,
       "--cl-color-accent-dark": u
     } : {}
-  }, de = Object.keys(ge).length > 0 ? ge : void 0;
+  }, he = Object.keys(ie).length > 0 ? ie : 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: de, children: /* @__PURE__ */ w("div", { "data-claudius-dark": oe ? "true" : "false", children: [
-      y && J && /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: "claudius-root", style: he, children: /* @__PURE__ */ g("div", { "data-claudius-dark": q ? "true" : "false", children: [
+      w && W && /* @__PURE__ */ i(
         "div",
         {
           className: "claudius-scrim fixed inset-0 z-40 bg-claudius-scrim",
-          onClick: Q,
+          onClick: Y,
           "aria-hidden": "true"
         }
       ),
-      y && /* @__PURE__ */ i(
-        Yn,
+      w && /* @__PURE__ */ i(
+        hr,
         {
-          messages: ae,
-          isLoading: ie,
-          isStreaming: ce,
-          streamingMessageId: re,
-          error: h,
+          messages: ce,
+          isLoading: de,
+          isStreaming: fe,
+          streamingMessageId: E,
+          error: B,
           canRetry: P,
-          onSend: U,
-          onStop: ee,
-          onRetry: te,
-          onClose: Q,
-          title: t ?? z.title,
-          subtitle: n ?? z.subtitle,
-          welcomeMessage: r ?? z.welcomeMessage,
-          placeholder: o ?? z.placeholder,
-          position: d,
-          translations: z,
-          isMobile: J,
-          attachments: C,
-          voice: L,
-          conversationExport: R === !0,
-          locale: E
+          onSend: v,
+          onStop: V,
+          onRetry: K,
+          onClose: Y,
+          title: t ?? G.title,
+          subtitle: n ?? G.subtitle,
+          welcomeMessage: r ?? G.welcomeMessage,
+          placeholder: o ?? G.placeholder,
+          position: f,
+          translations: G,
+          isMobile: W,
+          attachments: S,
+          voice: I,
+          conversationExport: x === !0,
+          locale: ne,
+          citations: R
         }
       ),
-      !(y && J) && /* @__PURE__ */ i(
-        Ut,
+      !(w && W) && /* @__PURE__ */ i(
+        Ht,
         {
-          ref: ne,
-          isOpen: y,
-          onClick: le,
-          position: d,
-          translations: z
+          ref: oe,
+          isOpen: w,
+          onClick: se,
+          position: f,
+          translations: G
         }
       ),
-      !y && B && /* @__PURE__ */ i(
-        qn,
+      !w && $ && /* @__PURE__ */ i(
+        pr,
         {
-          message: B,
-          position: d,
-          onOpen: ue,
-          onDismiss: V,
-          dismissLabel: z.dismissGreeting
+          message: $,
+          position: f,
+          onOpen: ye,
+          onDismiss: me,
+          dismissLabel: G.dismissGreeting
         }
       )
     ] }) })
   );
 }
-function vr(e) {
+function Fr(e) {
   const { onEvent: t, includeContent: n = !0 } = e, r = (o) => n ? o : "";
   return {
     name: "analytics",
@@ -3465,7 +3851,7 @@ function vr(e) {
     }
   };
 }
-const hr = [
+const Dr = [
   // 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)
@@ -3475,20 +3861,20 @@ const hr = [
   // Phone: optional +1, area code, 7 digits with common separators
   /\b(?:\+?1[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}\b/g
 ];
-function pr(e, t, n) {
+function Ir(e, t, n) {
   return t.reduce(
     // Reset lastIndex defensively: a shared global regex is stateful.
     (r, o) => (o.lastIndex = 0, r.replace(o, n)),
     e
   );
 }
-function Tr(e = {}) {
+function _r(e = {}) {
   const {
-    patterns: t = hr,
+    patterns: t = Dr,
     replacement: n = "[redacted]",
     redactReplies: r = !1
   } = e, o = (s) => {
-    const a = pr(s.content, t, n);
+    const a = Ir(s.content, t, n);
     if (a !== s.content)
       return { ...s, content: a };
   };
@@ -3498,16 +3884,16 @@ function Tr(e = {}) {
     onAfterReceive: r ? o : void 0
   };
 }
-function mr(e, t, n) {
+function Or(e, t, n) {
   return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : n ? t.includes(e) : t.toLowerCase().includes(e.toLowerCase());
 }
-function Er(e) {
+function Hr(e) {
   const { rules: t, caseSensitive: n = !1 } = e;
   return {
     name: "canned-responses",
     onBeforeSend(r, o) {
       for (const s of t)
-        if (mr(s.match, r.content, n)) {
+        if (Or(s.match, r.content, n)) {
           o.respondWith(s.reply);
           return;
         }
@@ -3515,20 +3901,21 @@ function Er(e) {
   };
 }
 export {
-  mt as ChatApiClient,
-  Z as ChatApiError,
-  wr as ChatWidget,
-  Te as DEFAULT_ATTACHMENT_OPTIONS,
-  hr as DEFAULT_PII_PATTERNS,
+  wt as ChatApiClient,
+  Q as ChatApiError,
+  Br as ChatWidget,
+  Re as DEFAULT_ATTACHMENT_OPTIONS,
+  Gt as DEFAULT_CITATIONS_OPTIONS,
+  Dr as DEFAULT_PII_PATTERNS,
   De as DebounceError,
-  ct as builtinThemes,
-  xr as createTranslations,
-  Oe as defaultTranslations,
-  it as detectLocale,
-  at as locales,
-  vr as pluginAnalytics,
-  Er as pluginCannedResponses,
-  Tr as pluginRedactPII,
-  pr as redactText,
-  Xn as resolveTranslations
+  dt as builtinThemes,
+  Ur as createTranslations,
+  je as defaultTranslations,
+  ut as detectLocale,
+  lt as locales,
+  Fr as pluginAnalytics,
+  Hr as pluginCannedResponses,
+  _r as pluginRedactPII,
+  Ir as redactText,
+  yr as resolveTranslations
 };